﻿/*ELEMENTOS GENERALES*/
body{font-size:62.5%;background:#fff;text-align:left;font-family:Arial, helvetica;}
.clearboth,  .clr {clear:both;}
.noClear {clear:none !important;}
.clearfix:after,div.clearfix ul li:after,div.clearfix ul:after {content: "."; display:block; clear:both; height:0; visibility:hidden;}

.clear{height:1%;}
.none{display:none !important;}
.ftl{float:left !important;}
.ftr{float:right !important;}
.bold{font-weight:bold !important;}
.mr0{margin-right:0 !important;}
.mt1{margin-top:1em !important;}
.mt15{margin-top:1.5em !important;}
.noborder{border:none !important;}
.pr0{padding-right:0 !important;}
.bordertop{border-top:1px solid #c8c8c8;}
.mauto{margin:auto;}

.mb1{margin-bottom:1em;}
.nobg{background-image:none !important;}
 form.tarjeta label.resetcss, form.tarjeta  div.datos label.resetcss{display:inline;margin:0;float:none;}
/*CONTENEDOR PRINCIPAL*/
	#contenedor{width:99em;margin:0 auto;text-align:left;font:normal 1em Arial;background: url(../img/pixelgris.gif) no-repeat 18.2em 10.5em;}
	
	
					/*SOICITUD TARJETA*/
					 form.tarjeta span,form.tarjeta p{font-size:1.1em;display:block;}
					 form.tarjeta  input.mr1{margin-right:.5em;}
					 form.tarjeta div.residente{margin:1em 0.5em 1em 3em;}
					  form.tarjeta div.empresa{margin:.5em 0;}
					  form.tarjeta div.residente p{margin-right:1em;}
					  form.tarjeta div.residente span{display:block;float:left;}
					  form.tarjeta div.residente label{margin:0;}
					  form.tarjeta div.residente input{margin:0.1em .5em;}
					  form.tarjeta span a{font-weight:bold; text-decoration:underline;}
					  form.tarjeta legend{font-size:1.3em;color:#516f91;font-weight:bold;}
					  form.tarjeta  p{float:left;}
					  form.tarjeta label{display:block;font-size:1.1em;float:left;margin:.3em .5em .3em 0;}
					  form.tarjeta  input.text{background:#ddd;}
					  form.tarjeta  div.pasos {/*width:65em;*/height:2em;clear:both;margin-top:1em;}
					  form.tarjeta  div.pasos ul li{display:block;float:left;margin-right:1em;font-size:0.9em;}
					  form.tarjeta  div.pasos ul li a{font-size:1.1em; font-weight:bold;color:#bababa;}
					  form.tarjeta  div.pasos ul li.activo a{color:#e60000;}
					  form.tarjeta div.datos{width:55em;clear:both;}
					  form.tarjeta  div.datos label{margin:1em 1.5em 1em 0;}
					  form.tarjeta div.datos label.nospan{margin:0 .5em 0 0;}
					  form input {font-size:1.1em;padding:.2em 0;}
				
					  form input.calculaRuta{color:#fff;background:none;}
					  #datos_agente form input{color:#3C3839;}
					  #datos_agente form select {color:#3C3839;}
						  form.tarjeta   div.datos_line {width:12em;float:left;margin:.5em 1em .5em 0;}
							  form.tarjeta div.tarjetas {width:auto;}
						  form.tarjeta  div.datos_line span{display:block;clear:both;margin:0;}
						  form.tarjeta   div.datos_line label{margin:.3em .5em 0 0;}
						  form.tarjeta  div.datos_line label span{display:block;float:left;margin:0 0 0 .5em;clear:none;}
							  form.tarjeta   div.datos_line input{float:left;}
							  form.tarjeta  div.datos_line div.datos{width:auto;}
						  form.tarjeta  div.datos_line div.datos input{margin-top:.2em;margin-left:.5em;}
						  form.tarjeta select{font-size:1.1em; padding:0.2em 0;width:12em;}
						  form.tarjeta h3{font-size:1.4em;color:#e60000;font-weight:bold;display:block;clear:both;margin-top:1em;}
						  p.priva{font-size:.9em;margin:1em 0 1.5em 0 ;width:55em;height:3em;}
						fieldset#datos_veh div.datos{margin-bottom:1em;}
						label.error, .error{color:red;}
						span.ok{color:green;display:block;margin:10px;}
						input.error{border:1px red solid;}	
						div.clearfix{margin:1em 0;}
						div.clearfix ul li{float:left;display:block;width:20%;}
	/**fecha de nac***/
	form.tarjeta div.fecha_nac li{width:6em;margin:0 .5em;}
form.tarjeta div.fecha_nac select{width:5em;}
form.tarjeta div.w20 select{width:20em;}
form.tarjeta div.w5 select{width:5em;}
form.tarjeta div.botones.w40{padding-right:10em;width:26em;}
form.tarjeta div.botones{width:30em;}
form.tarjeta div.botones label{margin:0;}
form.tarjeta div.botones a{color:#fff;display:block;padding:6px 25px 6px 15px; background-color: #8196AE;background-position: right 12px;background-repeat:no-repeat; background-image: url("../images/icons/link-arrow-small-white.png");border-radius: 15px 15px 15px 15px;line-height: 18px;}
#borrar{background-image:none !important;}
form.tarjeta div.botones a.ant{float:left;background-image:none;}
form.tarjeta div.botones a.sig{float:right;}
form.tarjeta label.h2{float:none;border-bottom:.1em solid #ddd;padding-bottom:.3em;}
form.tarjeta ul.ul3_col{width:40em;}
div.clearfix ul.ul3_col li{width:49%;}
 form.tarjeta ul span{float:none;display:inline;}
form.tarjeta textarea{width:38em;height:10em;float:right;}
#submit-button{float:right;}
form.tarjeta span.small{font-size:.8em;margin-left:9em;display:block;margin-top:-1em;}
div.border ul{padding-top:1em;border-top:1px solid #ddd;}
h1 {font-size:50px !important;}
#primary-nav ul a{height:32px !important;}
#primary-nav ul li a.current{border-bottom: 3px solid #00b7b7;}
#primary-nav ul li a:hover{border-bottom: 3px solid #00b7b7;}
#primary-nav ul li {margin:1px !important;}
.google-map{height:350px !important;}
#primary-nav > ul > li:last-child > a{padding: 5px 15px 0 !important;}
div.banner img{margin-bottom:0px !important;}
div.banner {margin-top:90px !important;}
.container .columns.twelve #page-content div#formacion .columns.six{width:330px;}
.features-icon-type div#formacion  article header{height:75px;}
ul.disc{margin-top:50px !important;}
div.height-1000{height:1000px;}
#logo {margin-left:0px !important;margin-right:10px !important;}

div.explica{display:block;font-size:0.9em;font-style:italic;color:#5997b6;clear:both;}
div.explica p{float:none;}
#submit-button{margin-bottom:1em;}
span.destaca{font-weight:bold;color:#0A4580;}
input[type="text"], input[type="password"], input[type="email"], textarea, select{padding:0.1em !important;}
div.clearfix{margin:.5em 0;}
form.tarjeta label,form.tarjeta select,form.tarjeta span{font-size:1em;}
form.tarjeta ul,form.tarjeta input{margin-bottom:0;}
form.tarjeta select{margin-bottom:0 !important;width:auto !important;}
div.left img{float:left;}
form.tarjeta div.left label.h2{width:80%;float:left;}
div.left ul{clear:both;}
div.clearfix-no{margin:1.5em 0;}
.ejemplo{
    font-size: 0.9em !important;
	color:#5997b6;
	}
.h2 {font-weight:bold;}

.button.big {padding: 20px; font-size:36px; background-image:none;text-align:center; display:block;}
.button.big a, .button.big a:hover{color:#ffffff;}


