@import url('resets.css'); 

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

body{ background: #333333; margin:0 auto; font:12px Arial, Helvetica, sans-serif;}

span {color:#666666; font-size:11px;}
.right { text-align:right;}
.abreviatura{ font-size:10px; color:#999999;}
.clear { clear:both; }
a { color:#990000; text-decoration:none;}
a:hover{ text-decoration:underline;}
#container{
	width:960px;
	margin:5px auto;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#FFFFFF;
	padding-bottom:10px;
	}

input[disabled="disabled"], select[disabled="disabled"] { background-color: #ccc; }

#header{width:960px; margin:0 auto; margin-bottom:15px; background: #fff url(../img/bg/bg_body.jpg) repeat-x 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; min-height:90px;}
#header .logo{ margin:27px 0 0 15px; height:63px; width:200px; float:left;}
#header .contacto{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#666; line-height:24px; padding: 35px 11px 0 0; text-align:right; }
#header .texto { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; float: right; text-align: right; margin-right: 70px; margin-top: 10px;}

#header div.bienvenidos{ border:1px solid #fff; border-bottom:1px solid #cac8c8; border-left:none; border-right:none; padding:4px 10px; background-color:#e1e1e1; color:#666; clear:both;}
#header div.bienvenidos span{ display:inline-block; float:right;}

#header .menu{ clear:both; border-bottom:1px dotted #cac8c8;  width:960px; background: url(../img/bg/bg_menu.gif) repeat 0 0; overflow:hidden;}
#header .menu ul.nav{} 
#header .menu ul.nav li{ float:left;  border-right:1px solid #CCCCCC; position:relative;}
#header .menu ul.nav li a {display:block; padding:10px; text-transform:uppercase; font-weight:bold; background: url(../img/bg/bg_span.gif) repeat 0 0; color:#333333; text-decoration:none;}
#header .menu ul.nav li a.active{ color:#990000;}

#header .menu ul.nav li.salir { float: right; border-right: none; border-left: 1px solid #CCC;}
#header .menu ul.nav li.salir a { font-size:10px; padding:12px 10px 10px; color: #999;}
#header .menu ul.nav li.salir a:hover {color:#990000;}
/*#header .menu ul.nav li.datos { float:right; border-right:none; border-left:1px solid #CCCCCC; padding:10px; font-size:11px;}*/

#header .menu ul.nav li ul.submenu {position:absolute; left:0px; top:35px;}
#header .menu ul.nav li ul.submenu li a{ display:block; padding:11px; background: url(../img/bg/bg_a.gif) repeat-x left bottom; font-weight:bold; width:135px; color:#333333; text-transform:none; border-bottom:1px solid #CCCCCC;}
#header .menu ul.nav li ul.submenu li a:hover{ color: #990000;}

/*#header .menu ul.nav li span{ display:inline-block; padding:10px;text-transform:uppercase; font-weight:bold;  background: url(../img/bg/bg_span.gif) repeat 0 0; color:#000;}*/


#container #content{ width:940px; margin:0 auto; overflow:hidden;}

#container #content h2{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px 0;
	margin:20px 0 10px;
	border-bottom:1px dotted #FF0000;
	color: #FF0000;
	overflow:hidden;
	clear:both;
}


#container #content h2 div.extras{ float:right; text-align:right; width:400px;}
#container #content h2 div.extras a{color:#333333; font-size:12px;}
#container #content h2 div.extras a:hover{text-decoration:none;}
#container #content h2 div.extras a img {vertical-align:middle;}

/*LOGIN*/
#container div.login{ padding:35px 0 50px;}

/*FORMULARIO*/
form.form { font-size:12px;}

div.recuadro{
	background: url(../img/bg/bg_div.jpg) repeat-x 0 -3px;
	border:1px solid #d6d4d4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#container #content div.recuadro h2{
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
	color:#333;
	padding:0;
	margin:0 0 15px;
	border-bottom:none;
	}

div.filtrar{ padding:10px 15px 15px; margin:0 auto 40px; width:600px;}

form.form div div{ clear:both; margin-bottom:12px;}
form.form div div label{ display:block; font-weight:bold; margin-bottom:3px; color:#333; margin-left:2px;}
form.form div div select{ width:194px; padding:3px; color:#666666; border:1px solid #cacaca; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#173847;}
form.form div div div input.text, form.form div div input.text { width:205px; padding:3px; color:#666666; border:1px solid #cacaca; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#173847}

div.cantidades { float: right; width: 200px; margin-right: 20px; margin-bottom: 10px; line-height: 20px; }
div.cantidades label { float:left; font-weight: bold !important; font-size: 14px !important; color:#000; }
div.cantidades span { float:right; font-weight: bold !important; font-size: 14px !important; color:#000; }

#divConcesionario .chosen-container .chosen-results {
	max-height: 110px !important;
}

div.mensajesWrapper 
{
	border: solid 1px #ccc;
	height: 150px;
	overflow: auto;
	padding: 5px;
}
div.mensajesWrapper.historial { height:auto !important; }
div.mensajesWrapper ul li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #CCC;}
p.datos {margin-bottom:10px;}
p.datos span{ display:inline-block; min-width:100px; color: #F00;}
div.mensajesWrapper ul li p{ margin-bottom:5px;}
div.mensajesWrapper ul li p img{ vertical-align:middle;}
form.mensaje { width: 80%; }
form.mensaje label { display: block; float: left; width:50px; padding-top: 6px; padding-right: 5px; text-align: right; }
form.mensaje label.rdo { width: 100px; text-align: left; padding-top: 0; padding-left: 5px; }
form.mensaje .mensaje { width:100%; height: 200px; }
form.mensaje input[type=radio] { float:left; margin-left: 50px; }


/*COL IZQ*/
form.form div.colIzq{
	width:190px;
	float:left;
	margin-right:10px;
	padding:10px;
	min-height:220px;
}

/*COL DER*/
form.form div.colDer {
	width:710px;
	padding:10px 0;
	float:left;
	min-height:220px;
}

#container #content div.colDer h2 { padding-left:10px;}

form.form div.colDer div{ clear:both; margin-bottom:12px;}
form.form div.colDer div div{ float:left; margin-left:15px; width:220px; clear:none;}
form.form div.colDer div div select{ width:205px; padding:2px; color:#666666; margin-top:0px; border:1px solid #cacaca; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#173847}

form.form div.colDer div div.dni{ width: auto;}
form.form div.colDer div div.dni select{ width:80px;}

form.form div.colDer div div.dniNum{ width: auto;}
form.form div.colDer div div.dniNum input.text{ width:109px;}

form.form div.colDer div div.fechaNac input.text{ width:93px; float:left;}
form.form div.colDer div div.fechaNac span{ color:#666666; font-size:11px; display:inline-block; padding:8px 0 0 6px;}

form.form div.colDer div.domicilio div{ width:150px;}
form.form div.colDer div.domicilio div select{ width:135px;}
form.form div.colDer div.domicilio div input.text{ width:135px;}
form.form div.colDer div.domicilio div.domicilioNum{ width:90px;}
form.form div.colDer div.domicilio div.domicilioNum input.text{ width:75px;}

form.form div.colDer div div.cp{ width: auto;}
form.form div.colDer div div.cp input.text{ width:90px;}

.chosen-container{margin-right:10px;}
.addemail{
	border: 1px solid #aaa;
	background-color: #fff;
	color: #444;
	/*box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);*/
	background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
	padding:6px;
	box-sizing:border-box;
	width:180px;
	margin-right:10px;
}
.buttonAddEmail{
	color: #666666;
	font-size: 11px;
	padding: 7px 6px 6px 10px;
	border: 1px solid #aaa;
	border-radius: 3px;
	background-color: #e4e4e4;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
	background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-clip: padding-box;
	box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
	text-transform:uppercase;
}

/*COL BOTTOM*/
form.form div.colBottom {
	margin:10px auto 10px;
	width:933px;
	float:left;
	padding:10px 0;
	height:auto;
}

#container #content div.colBottom h2 { padding-left:10px;}

form.form div.colBottom div {clear:both; margin-bottom:12px;}

form.form div.colBottom div.propietario { padding:10px 0 0 15px;}

form.form div.colBottom div div{ float:left; margin-left:15px; width:220px; clear:none;}
form.form div.colBottom div div label{ display:block; font-weight:bold; margin-bottom:3px; color:#333;  margin-left:2px;}
form.form div.colBottom div div.mini { width:100px; float:left;}
form.form div.colBottom div div.mini input.text{ width:93px;}
form.form div.colBottom div.selectss div{ width:450px; float:left;}


/*COL BOTTOM MENSAJE*/
form.form div.colBottomMensaje{
	margin:0px auto 20px;
	width:903px;
	float:left;
	padding:10px 15px 0;
	height:auto;
}

form.form div.colBottomMensaje div.mensaje { float:left; width:530px; border-right:1px solid #CCCCCC;}
form.form div.colBottomMensaje div.novedades { float:right; width:360px; color:#666666; clear:none;}
form.form div.colBottomMensaje div textarea{ width:500px; height:8em; font-family:Arial, Helvetica, sans-serif; padding:6px; color:#173847}
form.form div.colBottomMensaje div div{ float:left; min-height: 35px; margin-left:15px; width:200px; clear:none;}
form.form div.colBottomMensaje div.novedades div.boton { text-align:right; float: none; width: auto;}
form.form div.colBottomMensaje div.camposLeft { float:left; clear: none; padding-left: 10px; color:#666666; height: 55px; }

form.form div.honda{ background:#fff0f0 url(../img/bg/bg_div_rta.jpg) repeat-x 0 -3px;}

#container #content div.honda h2 { color:#990000}



/*
form.formCentro {
	width:600px;
	margin:20px auto;
	background: url(../img/bg/bg_div.jpg) repeat-x 0 -3px;
	border:1px solid #d6d4d4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
form.formCentro h3{ padding:10px; font-weight: bold; text-transform:uppercase;}
form.formCentro div.centro{ padding:10px 0 10px 110px;}
form.formCentro div.centro div{ margin-bottom:10px;}
form.formCentro label{ width:140px; float:left; display:block; padding-top:6px;}
form.formCentro input.text{ padding:3px; color:#333; width:200px;}
form.formCentro select{ padding:3px; color:#333; width:210px;}
form.formCentro .boton{ text-align:right; padding-right:140px;}
form.formCentro .boton a{ display:inline-block; margin-right:10px; font-size:11px;}
form.formCentro .boton input{ vertical-align:middle;}
*/









/*MENSAJES DE ERROR*/
form.form span.error,
form.form div.colDer div div.fechaNac span.error{ color: #FF0000; font-weight:normal; font-size:11px; display:block; clear:both;}




/*FOOTER*/
div#bgFooter{clear:both; background:url(../img/bg/bg_footer.gif) repeat-x 0 0; margin-top:20px;}
div#footer{ padding:20px 0px 15px 15px; overflow:hidden; width:940px; margin:0 auto; color:#FFFFFF; }


div.respuestas {
	margin:100px auto;
	width:500px;
	padding:20px;
	border:1px solid #d6d4d4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}



div.respuestas p { margin-bottom:10px;}
div.respuestas p strong{ color:#339900; font-size:15px;}
div.respuestas p img { vertical-align:middle;}


form.visualizar { color: #3366CC}

/*FORM SIMPLE*/

form.formSimple{
	margin:0 auto;
	width:388px;
}

form.formSimple h2{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px 0;
	margin:20px 0 10px;
	border-bottom:1px dotted #FF0000;
	color: #FF0000;
}




form.formSimple div{
	margin-bottom:10px;
	width:388px;
	/*overflow:hidden;*/
}

form.formSimple label{
	font-weight:bold;
	padding-right:10px;
	padding-top:4px;
	text-align:left;
	display:block;
	float:left;
	width:130px;
	color: #666666;
	}

form.formSimple input.text{
	border:1px solid #ccc;
	background-color: #fff;
	height:16px;
	width:240px;
	font-size:12px;
	padding:2px;
}

form.formSimple div.fecha{
	width:234px;
}

form.formSimple div.fecha input{
	width:67px;
}


form.formSimple select{
	border:1px solid #ccc;
	background-color: #fff;
	width:247px;
	font-size:11px;
	padding:3px;
}

form.formSimple div.button{
	text-align:right;
}

form.formSimple div.button a{ display:inline-block; margin-right:10px; font-size:11px;}
form.formSimple div.button input{ vertical-align:middle;}

form.formSimple div label.error,
form.formSimple div span.error{ color:#FF0000; display:block; clear:both; margin-left:140px; width:auto; padding:0;}


#content table.listado{
	width:940px;
	margin:10px auto 20px; 
	border-collapse:collapse;
}
#content table.listado.fixed { margin: 0; }
#content table.listado.fixedcolumn{ margin: 0; }

#content table.listado th{
	padding:6px;
	border:1px solid #CCCCCC;
	background-color: #666;
	text-align:center;
	vertical-align:top;
}
/*#content table.listado.fixedcolumn th{
	padding: 0;
	text-align: center;
	vertical-align: middle;
}*/

#content table.listado th{
	font-weight:bold;
	color:#fff;
}
#content table.listado th a{
	display:block;
	padding-right:10px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	text-align:left;
}
/*#content table.listado.fixedcolumn th a{
	padding-right: 0;
}*/

#content table.listado th a.down{
	background:url(../img/icons/down.gif) no-repeat right 6px;
}

#content table.listado th a.up{
	background:url(../img/icons/up.gif) no-repeat right 6px;
}

#content table.listado th img{
	vertical-align:middle;
	border:0;
}

#content table.listado th.left{
	text-align:left;
}

#content table.listado td{
	padding:5px;
	border:1px solid #CCCCCC;
	text-align:center;
	color:#333333;
	background-color: #fff;
}
#content table.listado.DTFC_Cloned.fixed td{
	vertical-align: middle;
}
#content table.listado td div{
	overflow: auto;
	width:120px; 
}

#content table.listado tr.hover,
#content table.listado td.acciones{
	background-color: #fff0f0;
}

#content table.listado td.acciones a{
	color: #0099CC;
}

#content table.listado td.left{
	text-align:left;
}
	
#content table.listado td.button{
	text-align:right;
}

img.vtip{ cursor:pointer;}

p#vtip {
	display: none;
	position: absolute;
	padding: 8px 7px;
	left: 20px;
	background-color: #ffbcbc;
	z-index: 9999;
	color:#000;
	border-radius:4px;
	line-height:22px;
	width:300px;
	border:3px solid #ffbcbc;
}

p#vtip strong {
	color:#000; text-transform:uppercase;
}

p#vtip #vtipArrow { position: absolute; top: 10px; left: -8px;}

div.altoDiv{ min-height:370px;}



p.exito{
	color: #009900;
	margin-bottom:10px;
	background:url(../img/si.jpg) no-repeat 0 4px;
	padding:2px 0 0px 18px;
	font-weight:bold;
}

p.error{
	color: #FF0000;
	margin-bottom:10px;
	background:url(../img/no.jpg) no-repeat 0 3px;
	padding:2px 0 5px 18px;
	font-weight: bold;
}



div.paginador{ margin:20px 60px; padding:20px 0 0; clear:both; border-top:1px dotted #CCCCCC; text-align:center;}
div.paginador a{ color:#666; text-decoration:none; display: inline-block; margin: 0 2px; padding:1px 6px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:1px solid #FFFFFF;
	text-decoration:none;
	font-family:verdana, Helvetica, sans-serif;
	font-size:9px;
}
div.paginador a:hover{border:1px solid #FF0000; text-decoration:none;}
div.paginador a.activo{ color:#fff; font-weight:bold; background-color: #FF0000; cursor:default;text-decoration:none;border:1px solid #FF0000;}


form.filtroForm{}

form.filtroForm div{ float:left; width:180px;}
form.filtroForm div label{ display:block; font-weight:bold; color:#333333;}
form.filtroForm div input[type="text"]{ color:#666666; padding:3px;}
form.filtroForm div select{ color:#666666; padding:3px;}


div.respuestaMsj{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:15px 15px 15px 35px;
	border:1px solid #CCCCCC;
	width:600px;
	margin:15px auto;
	background-color:#FFFFFF;
}

p.exito{
	color: #009900;
	background: #FFFFFF url(../img/icons/si.jpg) no-repeat 0 4px;
	padding:3px 0 3px 20px;
}

p.error{
	color: #FF0000;
	background: #FFFFFF url(../img/icons/no.jpg) no-repeat 0 4px;
	padding:3px 0 3px 20px;
}

#container div.login div.respuestaMsj{width:340px;}

.ie67 {*height: 245px;} 
.ie67{_height: 270px;} 

.cuadro-info-recibir {
    display:none;
}
.columna-informacion-arecibir {
    float:left;
    width:30%;
}

.columna-informacion-arecibir-item {
    float:left;
    padding:10px;
    width:30%;
}