html,
body,
body div,
span,
object,
iframe,
h1, h2, h3, h4, h5, h6,
hr,
p,
blockquote,
a,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
	margin         : 0;
	padding        : 0;
	border         : 0;
	outline        : 0;
	font-size      : 100%;
	font-family    : inherit;
	font-style     : inherit;
	font-weight    : inherit;
	vertical-align : baseline;
	background     : transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
hr {
	display : block;
}

html {
	overflow-y : scroll;
}

iframe {
	display : block;
}

ul {
	list-style : none;
}

a, :focus {
	outline         : none;
	text-decoration : none;
}

a:hover, a:active {
	outline : none;
}

a, img {
	border : none;
}

table {
	border-collapse : collapse;
	border-spacing  : 0;
}

td, td img {
	vertical-align : top;
}

th {
	font-weight    : bold;
	vertical-align : bottom;
}

td {
	font-weight    : normal;
	vertical-align : top;
}

hr {
	height     : 1px;
	border-top : 1px solid #CCC;
}

.ie7 hr {
	margin : -6px 0 !important;
}

fieldset {
	border  : 1px solid #C0C0C0;
	margin  : 0 2px;
	padding : 0.35em 0.625em 0.75em;
}

input, select {
	vertical-align : middle;
}

button, input, select, textarea {
	margin : 0;
}

button {
	width    : auto;
	overflow : visible;
}

input[type=button],
input[type=submit],
button {
	cursor  : pointer;
	padding : 0;
	border  : 0;
}

input[type="checkbox"],
input[type="radio"] {
	-moz-appearance : none;
	-o-appearance   : none;
	background      : transparent;
	width           : 13px;
	height          : 13px;
	margin-right    : 8px;
	vertical-align  : bottom;
	*vertical-align : baseline;
}

input[type="checkbox"] {
	outline : none;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border : none;
}

textarea {
	overflow       : auto;
	vertical-align : top;
}

input, button, textarea, select, optgroup, option {
	font-family : inherit;
	font-size   : inherit;
	font-style  : inherit;
	font-weight : inherit
}

sub, sup {
	font-size      : 75%;
	line-height    : 0;
	position       : relative;
	vertical-align : baseline;
}

sup {
	top : -0.5em;
}

sub {
	bottom : -0.25em;
}

.clearfix:before, .clearfix:after {
	content  : "\0020";
	display  : block;
	height   : 0;
	overflow : hidden;
}

.clearfix:after {
	clear : both;
}

.clearfix {
	zoom : 1;
}

.clear {
	clear : both
}

.ir {
	display           : block;
	border            : 0;
	text-indent       : -999em;
	overflow          : hidden;
	background-color  : transparent;
	background-repeat : no-repeat;
	text-align        : left;
	direction         : ltr;
}

/*
-------------------------------------------------------------------------------*/

@font-face {
	font-family : 'peugeot';
	src         : url("../fonts/peugeot-webfont.eot");
	src         : url("../fonts/peugeot-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/peugeot-webfont.woff") format("woff"), url("../fonts/peugeot-webfont.ttf") format("truetype"), url("../fonts/peugeot-webfont.svg#peugeotregular") format("svg");
	font-weight : normal;
	font-style  : normal;
}

@font-face {
	font-family : 'peugeotexpanded';
	src         : url("../fonts/peugeotexpanded-webfont.eot");
	src         : url("../fonts/peugeotexpanded-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/peugeotexpanded-webfont.woff") format("woff"), url("../fonts/peugeotexpanded-webfont.ttf") format("truetype"), url("../fonts/peugeotexpanded-webfont.svg#peugeot_expandedregular") format("svg");
	font-weight : normal;
	font-style  : normal;
}

@font-face {
	font-family : 'peugeotstyle';
	src         : url("../fonts/peugeotstylev20-webfont.eot");
	src         : url("../fonts/peugeotstylev20-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/peugeotstylev20-webfont.woff") format("woff"), url("../fonts/peugeotstylev20-webfont.ttf") format("truetype"), url("../fonts/peugeotstylev20-webfont.svg#peugeot_styleregular") format("svg");
	font-weight : normal;
	font-style  : normal;
}

* {
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
}

body {
	font-size        : 10px;
	line-height      : 12px;
	background-color : #1C1B23;
	font-family      : peugeot, verdana, sans-serif;
}

body, select, input, textarea {
	color : #333;
}

strong, b {
	font-weight : bold;
}

a {
	color : #333;
}

a:hover {
	/*color : #69f;*/
}

.floatLeft {
	float : left;
}

.floatRight {
	float : right;
}

.center {
	display : block !important;
	margin  : 10px auto;
}

.wrapper {
	width      : 1024px;
	margin     : auto;
	position   : relative;
	background : #000;
}

.header {
	position   : relative;
	margin-top : 15px;
	height     : 115px;
	text-align : center;
}

.logo {
	display    : block;
	width      : 189px;
	height     : 94px;
	background : url(images/logo-peugeot.png);
	position   : absolute;
	top        : 3px;
	left       : 39px;
	z-index    : 1;
}

.titulo {
	position       : relative;
	top            : 5px;
	text-transform : uppercase;
	color          : #ACABA9;
	font-family    : peugeotexpanded, verdana, sans-serif;
	font-size      : 25px;
	line-height    : 27px;
}

.login {
	color      : #FFF;
	text-align : left;
	float      : right;
	margin     : 5px 35px 0 0;
}

.login li {
	margin-bottom : 3px;
}

.mainNav {
	width      : 100%;
	background : url(images/nav-bg.png) repeat-x;
	position   : absolute;
	bottom     : 0;
	left       : 0;
}

.mainNavContent {
	width       : 705px;
	position    : relative;
	margin-left : 280px;
}

.mainNav ul {
	margin : 0;
	width  : 705px;
}

.mainNav ul li {
	float        : left;
	border-right : 1px solid #565658;
}

.mainNav li a {
	text-transform  : uppercase;
	margin          : 0 auto;
	text-align      : center;
	display         : table-cell;
	vertical-align  : middle;
	color           : #CCC;
	height          : 45px;
	width           : 87px;
	font-size       : 10px;
	line-height     : 10px;
	text-decoration : none;
}

.mainNav li.active a {
	color : #0589C5;
}

.mainNav li.active {
	background : #FFF;
}

.mainNav li:hover,
.mainNav li.permanentHover {
	background : url(images/nav-hover.jpg);
}

.mainNav li a:hover,
.mainNav li:hover,
.mainNav li.permanentHover a {
	color : #FFF;
}

.main {
	position : relative;
}

.columnLeft {
	width      : 255px;
	position   : absolute;
	bottom     : 0;
	left       : 25px;
	top        : -40px;
	background : url(images/navLeft-bg.jpg);
}

.content {
	position   : relative;
	float      : left;
	background : #FFF url(images/content-bg.jpg) repeat-y top left;
	width      : 705px;
	left       : 280px;
	min-height : 400px;
	padding    : 40px 20px;
}

.columnLeftContent {
	position    : relative;
	padding-top : 60px;
	margin-left : 10px;
	color       : #FFF;
	font-size   : 12px;
	line-height : 14px;
}

.columnLeftContent li {
	margin-bottom : 25px;
}

.columnLeftContent span {
	display        : block;
	margin-bottom  : 5px;
	text-transform : uppercase;
}

.footer {
	clear      : both;
	height     : 80px;
	background : url(images/footer-bg.jpg) repeat-x;
}

.footer ul {
	float  : right;
	margin : 30px 40px 0 0;
}

.footer li {
	float : left;
}

.footer li a {
	display     : block;
	text-indent : -99999px;
	width       : 16px;
	height      : 16px;
	background  : url(images/socialMedia.jpg);
	margin-left : 13px;
}

.footer li a.twitter {
	background-position : center center;
}

.footer li a.youtube {
	background-position : right center;
}

.overlay {
	position   : absolute;
	top        : 0;
	left       : 0;
	right      : 0;
	bottom     : 0;
	background : #000;
	opacity    : 0.4;
	z-index    : 10;
	display    : none;
}

.modal {
	position              : fixed;
	top                   : 200px;
	width                 : 500px;
	padding               : 40px 10px;
	z-index               : 100;
	border-radius         : 3px 3px 3px 3px;
	-moz-border-radius    : 3px 3px 3px 3px;
	-webkit-border-radius : 3px 3px 3px 3px;
	left                  : 55%;
	margin-left           : -250px;
	background            : #FFF;
	text-transform        : uppercase;
	font-size             : 12px;
	line-height           : 14px;
	display               : none;
}

.modal .alignCenter {
	text-align : center;
}

.btCerrar {
	display     : block;
	position    : absolute;
	right       : 10px;
	top         : 10px;
	font-weight : bold;
}

/*******************************************/

.contentMain {
	position    : relative;
	clear       : both;
	padding-top : 25px;
}

.subtituloSeccion {
	line-height    : 30px;
	font-weight    : bold;
	padding        : 0 12px;
	margin-bottom  : 5px;
	text-transform : uppercase;
	display        : block;
	height         : 30px;
	font-size      : 12px;
}

.subNav {
	overflow : hidden;
	float    : left;
	width    : 100%;
	position : relative;
}

.subNav ul {
	clear      : left;
	float      : left;
	position   : relative;
	left       : 50%;
	text-align : center;
}

.subNav li {
	display  : block;
	float    : left;
	position : relative;
	margin   : 0 6px;
	right    : 50%;
}

.subNav li a {
	display        : table-cell;
	vertical-align : middle;
	height         : 45px;
	text-transform : uppercase;
}

table {
	color           : #000;
	font-size       : 10px;
	line-height     : 12px;
	border-collapse : separate;
	width           : 100%;
	margin-bottom   : 15px;
}

caption,
.caption {
	vertical-align : middle;
	border         : 1px solid #D3D3D3;
	border-bottom  : 0;
	background     : rgba(255, 255, 255, 1);
	background     : -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background     : -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(240, 240, 240, 1)));
	background     : -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background     : -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background     : -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background     : linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	filter         : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
	height         : 35px;
	line-height    : 35px;
	padding        : 0 10px !important;
	text-transform : uppercase;
	font-size      : 12px;
	font-weight    : bold;
	text-align     : left !important;
}

.caption {
	margin-bottom : 0 !important;
}

.contentList {
	padding : 20px 25px 10px;
}

.contentList li {
	padding : 2px 0 2px 0;
}

th {
	text-transform : uppercase;
	height         : 35px;
	vertical-align : middle;
	border-bottom  : 1px solid #D3D3D3;
	background     : rgba(255, 255, 255, 1);
	background     : -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background     : -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(240, 240, 240, 1)));
	background     : -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background     : -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background     : -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background     : linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	filter         : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
}

td {
	text-align : center;
	padding    : 5px 0;
}

.tdwidth50 td {
	width : 50%;
}

input {
	height      : 20px;
	line-height : 20px;
	padding     : 0 10px;
	width       : 185px;
}

.cta {
	clear          : both;
	display        : inline-block;
	text-transform : uppercase;
	height         : 13px;
	font-weight    : normal;
	line-height    : 13px;
	padding        : 0 9px;
}

.bgBlue {
	text-transform        : uppercase;
	border-radius         : 3px 3px 3px 3px;
	-moz-border-radius    : 3px 3px 3px 3px;
	-webkit-border-radius : 3px 3px 3px 3px;
	color                 : #FFF;
	display               : inline-block;
	background            : url(images/bt-bg.jpg);
}

.bgGradient {
	color                 : #333;
	border                : 1px solid #D3D3D3;
	border-radius         : 3px 3px 3px 3px;
	-moz-border-radius    : 3px 3px 3px 3px;
	-webkit-border-radius : 3px 3px 3px 3px;
	background            : rgba(255, 255, 255, 1);
	background            : -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background            : -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(240, 240, 240, 1)));
	background            : -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background            : -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background            : -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	background            : linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
}

a.bgGradient:hover,
a.bgGradient.active {
	filter     : progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background : url(images/nav-hover.jpg);
	color      : #FFF;
}

.textUp {
	text-transform : uppercase;
}

.cyan {
	color : #60A4CB;
}

.alignLeft {
	text-align : left !important;
}

.btEnviar {
	float      : right;
	margin-top : 5px;
}

.alignRight {
	text-align : right !important;
}

.errorOmision {
	text-align     : right !important;
	padding-right  : 19px;
	font-size      : 10px;
	text-transform : uppercase;
}


/*********************************************************************************  DATOS DE TU PLAN  */

.datosPlan .contentList {
	margin-bottom : 15px;
}

.datosPlan p {
	margin : 8px 0;
}

.datosPlan li span,
.datosPlan li label {
	display        : block;
	float          : left;
	width          : 200px;
	text-transform : uppercase;
}

.datosPlan a {
	margin-right : 50px;
}

.datosPlan button {
	margin : 10px 0 0 200px;
}

/*********************************************************************************  TUS CUOTAS  */

.vencimiento {
	color                 : #FFF;
	text-align            : right;
	background            : #146284;
	border                : 1px solid #D3D3D3;
	border-radius         : 3px 3px 3px 3px;
	-moz-border-radius    : 3px 3px 3px 3px;
	-webkit-border-radius : 3px 3px 3px 3px;
}

.navTusCuotas li a {
	width : 120px;
}

.cuotaJPG {
	clear  : both;
	margin : 30px auto 0;
}

/*********************************/

.lugaresDePago {
	font-size     : 12px;
	line-height   : 14px;
	margin-bottom : 12px;
	position      : relative;
	clear         : both;
	padding       : 10px 0;
	display       : table;
	width         : 100%;

}

.lugaresDePago > div {
	display : table-cell;
}

.lugaresDePago ul {
	margin-top : 15px;
}

.lugaresDePago a {
	color       : #333;
	font-weight : bold;
}

.lugaresDePagoImg {
	vertical-align : middle;
	width          : 130px;
}

.lugaresDePagoImg img {
	display : block;
	margin  : 0 auto 0;
}

.lugaresDePagoTitulo h3 {
	text-transform : uppercase;
	margin-bottom  : 15px;
}

/*********************************************************************************  ADHESIÓN CUPÓN ELECTRÓNICO  */

.solicitaTusCuotas input {
	margin  : 10px 0 0 0;
	width   : 290px;
	display : block;
}

.solicitaTusCuotas {
	font-size   : 12px;
	line-height : 14px;
}

.solicitaTusCuotas p {
	margin : 20px 0;
}

.solicitaTusCuotas a {
	margin-bottom : 5px;
}

.solicitaTusCuotas form {
	width      : 290px;
	margin-top : 10px;
}

.solicitaTusCuotas form a {
	float      : right;
	margin-top : 5px;
}

/*********************************************************************************  RESUMEN DE CUENTA DE TU PLAN  */

.titResumenPlan {
	text-transform : uppercase;
}

.navResumenPlan li a {
	height : 32px;
	width  : 209px;
}

.ResumenPlan td a.ctaBigger {
	margin      : 10px 0 5px;
	height      : 20px;
	line-height : 20px;
	background  : url(images/nav-hover.jpg);
}

.ResumenPlan td.alignLeft,
.ResumenPlan th.alignLeft {
	padding-left : 10px;
	width        : 30%;
}

.ResumenPlan a.masInfo {
	display        : inline-block;
	font-size      : 12px;
	height         : 16px;
	line-height    : 16px;
	padding-left   : 20px;
	text-transform : uppercase;
	color          : #60A4CB;
	background     : url(images/mas-info.png) no-repeat left center;
}

.ResumenPlan p {
	clear         : both;
	margin-bottom : 5px;
}

#reactivarCuotas {
	display : none;
}

.cointainerJscroll {
	width    : 100%;
	height   : 125px;
	overflow : auto;
}

/************************************************************************************ SORTEO Y LICITACION */

.sorteoLicitacion p {
	margin-bottom : 15px;
}

/************************************************************************************ CARPETA DE CREDITO */

.carpetaCredito p.floatLeft {
	padding : 10px 15px;
}

.carpetaCredito p {
	clear         : left;
	line-height   : 14px;
	margin-bottom : 15px;
	padding-left  : 10px;
}

/************************************************************************************ PEDIDO DE PEUGEOT  */

.pedidoPeugeot p,
.pedidoPeugeot ul {
	clear         : left;
	line-height   : 14px;
	margin-bottom : 15px;
	padding-left  : 10px;
}

.pedidoPeugeot p.floatLeft {
	clear          : left;
	text-transform : uppercase;
	padding        : 10px 15px;

}

.pedidoPeugeot ul li {
	border-bottom  : 1px solid #CCC;
	padding-bottom : 10px;
	margin-bottom  : 5px;
}

/************************************************************************************ ADHESION DEBITO AUTOMATICO  */

.adhesionDebito .contentList {
	margin-bottom : 15px;
}

.adhesionDebito p {
	margin-bottom : 15px;
}

.adhesionDebito strong {
	display        : block;
	text-transform : uppercase;
}

.adhesionDebito a {
	margin : 10px 20px 10px 0;
}

/************************************************************************************ TOOLTIP */

.tipsy {
	padding   : 5px;
	font-size : 10px;
	position  : absolute;
	z-index   : 100000;
}

.tipsy-inner {
	padding          : 5px 8px 4px 8px;
	background-color : #125979;
	color            : white;
	max-width        : 300px;
	text-align       : center;
}

.tipsy-inner {
	border-radius         : 3px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
}

.tipsy-arrow {
	position   : absolute;
	background : url('images/tipsy.gif') no-repeat top left;
	width      : 9px;
	height     : 5px;
}

.tipsy-n .tipsy-arrow {
	top         : 0;
	left        : 50%;
	margin-left : -4px;
}

.tipsy-nw .tipsy-arrow {
	top  : 0;
	left : 10px;
}

.tipsy-ne .tipsy-arrow {
	top   : 0;
	right : 10px;
}

.tipsy-s .tipsy-arrow {
	bottom              : 0;
	left                : 50%;
	margin-left         : -4px;
	background-position : bottom left;
}

.tipsy-sw .tipsy-arrow {
	bottom              : 0;
	left                : 10px;
	background-position : bottom left;
}

.tipsy-se .tipsy-arrow {
	bottom              : 0;
	right               : 10px;
	background-position : bottom left;
}

.tipsy-e .tipsy-arrow {
	top                 : 50%;
	margin-top          : -4px;
	right               : 0;
	width               : 5px;
	height              : 9px;
	background-position : top right;
}

.tipsy-w .tipsy-arrow {
	top        : 50%;
	margin-top : -4px;
	left       : 0;
	width      : 5px;
	height     : 9px;
}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
	overflow : hidden;
	position : relative;
}

.jspPane {
	position : absolute;
}

.jspVerticalBar {
	position   : absolute;
	top        : 0;
	right      : 5px;
	width      : 4px;
	height     : 100%;
	background : transparent;
}

.jspHorizontalBar {
	position   : absolute;
	bottom     : 0;
	left       : 0;
	width      : 100%;
	height     : 16px;
	background : red;
}

.jspCap {
	display : none;
}

.jspHorizontalBar .jspCap {
	float : left;
}

.jspTrack {
	background : #D3D3D3;
	position   : relative;
	left: 2px;
}

.jspDrag {
	background : #60A1C8;
	position   : relative;
	top        : 0;
	left       : 0;
	cursor     : pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float  : left;
	height : 100%;
}

.jspArrow {
	text-indent : -20000px;
	display     : block;
	cursor      : pointer;
	padding     : 0;
	margin      : 0 4px 0 0;
}

.jspArrow.jspDisabled {
	cursor     : default;
}

.jspVerticalBar .jspArrow {
	height : 4px;
	width  : 8px;
}

.jspArrowUp {
	background : url(images/arrow-top.png) no-repeat 50% 0;
}

.jspArrowDown {
	background : url(images/arrow-bottom.png) no-repeat  50% 0;
}

.jspHorizontalBar .jspArrow {
	width  : 16px;
	float  : left;
	height : 100%;
}

.jspVerticalBar .jspArrow:focus {
	outline : none;
}

.jspCorner {
	background : #EEEEF4;
	float      : left;
	height     : 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin : 0 -3px 0 0;
}