/* Autoescuelas Merinero - Micrositios CAP - mms.css */
/* CSS reset - Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* fin de CSS reset */

/* Tabla de colores
   fondo gris (color más oscuro del degradado): #928fad
   fondo rojo (laterales): #ad2323
   texto gris normal: #525252
   texto gris apagado: #656565
   texto blanco: #ffffff
   texto blanco apagado: #e3e3e3
   texto rojo: #721717
fin Tabla de colores */

body{
   background:#928fad url("../img/fondo.png") top center repeat-x;
   color:#535252;
   font-family:verdana, arial, helvetica, sans-serif;
   font-size:11px;
   line-height:1.5em;
}
a{
   text-decoration:none;
}
a:hover{
   text-decoration:underline;
}
strong{
   font-weight:bold;
}
em{
   font-style:italic;
}
p{
   margin:6px 0px;
}
.final_float {
	clear:both;
}
#b1, #b3{
   background:transparent url("../img/fondo_izq.gif") top center repeat-y;
}
#b2, #b4{
   background:transparent url("../img/fondo_der.gif") top center repeat-y;
}
#cabecera, #intro-noti, #cursos-form, #fotos-logos, #info, #pdf-faq, #pdf, #faq, #pdf2, #faq2, #mapa, #pie{
   width:992px;
   margin-left:auto;
   margin-right:auto;
   margin-top:15px;
}
#cabecera{
   margin-top:47px;
}
#logo{
   width:385px;
   margin-left:20px;
   padding-top:30px;
   float:left;
}
#cap-autobus-camion{
   width:346px;
   height:39px;
   margin-top:30px;
   margin-left:25px;
   background:transparent url("../img/cap-autobus-camion.png") top left no-repeat;
   padding-left:0px;
   padding-top:10px;
}
#smo{
   width:100px;
   margin-top:6px;
   padding-right:12px;
   float:right;
}
#smo img{
   margin-right:3px;
}
#foto-curso-smo{
   width:546px;
   height:230px;
   margin-right:4px;
   float:right;
   background:transparent url("../img/foto-curso-smo.png") top left no-repeat;
}
#flash-curso{
   margin:20px 0px 0px 20px;
}
#intro{
   background:transparent url("../img/intro.png") top left no-repeat;
   color:#ffffff;
   width:578px;
   height:104px;
   margin-left:4px;
   padding:20px 25px;
   float:left;
}
#noticias{
   background:transparent url("../img/noticias.png") top left no-repeat;
   color:#721717;
   width:281px;
   height:104px;
   margin-right:4px;
   padding:20px 47px 20px 22px;
   float:right;
   font-size:0.9em;
}
#noticias li.activado{
   display:block;
}
#noticias li.desactivado{
   display:none;
}
#noticias h2{
   font-weight:bold;
   color:#525252;
}
#noticias a{
   color:#721717;
   font-weight:bold;
   font-style:italic;
}
.noticia_fecha {
   font-weight: normal;
}
/* específico para el lector de noticias */
/* sólo es imprescindible dar un color de fondo, para evitar problemas con IE
.newsticker {
	background-color:#ffffff;
	list-style-type:none;
   height:87px;
   margin:0px;
   padding:0px;
}
/* FIN específico para el lector de noticias */
#mas_noticias{
   text-align:right;
}
#cursos-cargando img, #form-cargando img{
   display:block;
   width:32px;
   height:32px;
   margin-left:auto;
   margin-right:auto;
   margin-top:auto;
   margin-bottom:auto;
}
#cursos{
   background:transparent url("../img/cursos.png") top right no-repeat;
   width:628px;
   height:421px;
   float:left;
   margin:0px;
   padding:0px;
}
#cursos-pcu{
   margin-top:18px;
   padding-left:155px;
}
#cursos-pcu li{
   float:left;
   height:31px;
   padding-top:5px;
}
#cursos-pcu a{
   color:#656565;
   font-size:12px;
   font-weight:bold;
   display:block;
   width:100%;
   text-align:center;
   text-decoration:none;
}
#cursos-pcu a:hover{
   color:#525252;
}
#cursos-pcu .activado a{
   color:#525252;
}
#cursos-p-cu1{
   width:120px;
}
#cursos-p-cu1.activado{
   background:transparent url("../img/curso1_a.png") top left no-repeat;
}
#cursos-p-cu1.desactivado{
   background:transparent none top left no-repeat;
}
#cursos-p-cu2{
   width:118px;
}
#cursos-p-cu2.activado{
   background:transparent url("../img/curso2_a.png") top left no-repeat;
}
#cursos-p-cu2.desactivado{
   background:transparent none top left no-repeat;
}
#cursos-pca{
   width:138px;
   padding-top:17px;
   padding-left:9px;
   float:left;
}
#cursos-pca a{
   color:#e3e3e3;
   font-size:14px;
   font-weight:bold;
   display:block;
   height:39px;
   padding-top:60px;
   width:100%;
   text-align:center;
   text-decoration:none;
}
#cursos-pca a:hover{
   color:#ffffff;
}
#cursos-pca .activado a{
   color:#ffffff;
}
#cursos-p-bus{
   height:99px;
}
#cursos-p-bus.activado{
   background:transparent url("../img/bus_a.png") top left no-repeat;
}
#cursos-p-bus.desactivado{
   background:transparent none top left no-repeat;
}
#cursos-p-camion{
   height:101px;
}
#cursos-p-camion.activado{
   background:transparent url("../img/camion_a.png") top left no-repeat;
}
#cursos-p-camion.desactivado{
   background:transparent none top left no-repeat;
}
#cursos-c{
   width:446px;
   height:330px;
   float:right;
   padding-right:34px;
}
#cursos-info-est{
   width:170px;
   float:right;
   padding:0px 45px 0px 0px;
   margin:0px;
}
#cursos-info-est a{
   color:#656565;
   text-decoration:none;
   font-size:9px;
   text-align:right;
   height:24px;
   padding-top:1px;
}
#cursos-info-est a:hover{
   color:#525252;
}
#cursos-info{
   width:33px;
   padding-right:30px;
   float:left;
   background:transparent url("../img/info.png") top left no-repeat;
}
#cursos-info:hover{
   background:transparent url("../img/info_h.png") top left no-repeat;
}
#cursos-est{
   width:73px;
   padding-right:30px;
   float:right;
   background:transparent url("../img/estadisticas.png") top left no-repeat;
}
#cursos-est:hover{
   background:transparent url("../img/estadisticas_h.png") top left no-repeat;
}
#cursos-contenido-mapa{
   width:55px;
   height:54px;
   position:relative;
   z-index:2;
   top:-212px;
}
#cursos-contenido-mapa-examen{
   width:72px;
   height:60px;
   position:relative;
   z-index:3;
   top:-106px;
   left:350px;
}
#formularios{
   background:transparent url("../img/formularios.png") top left no-repeat;
   width:348px;
   height:421px;
   float:right;
   margin-right:4px;
}
#form-p{
   margin-top:18px;
   margin-left:19px;
}
#form-p li{
   float:left;
   height:37px;
   line-height:28px;
}
#form-p a{
   color:#e3e3e3;
   font-size:14px;
   font-weight:bold;
   display:block;
   width:100%;
   text-align:center;
   text-decoration:none;
}
#form-p a:hover{
   color:#ffffff;
}
#form-p .activado a{
   color:#ffffff;
}
#form-p-contacto{
   width:101px;
}
#form-p-contacto.activado{
   background:transparent url("../img/contacto_a.png") top left no-repeat;
}
#form-p-contacto.desactivado{
   background:transparent none top left no-repeat;
}
#form-p-reserva{
   width:138px;
}
#form-p-reserva.activado{
   background:transparent url("../img/reserva_a.png") top left no-repeat;
}
#form-p-reserva.desactivado{
   background:transparent none top left no-repeat;
}
#form-c{
   clear:both;
   color:#ffffff;
   padding:1px 0px 0px 23px;
   margin:0px;
}
/* contenido de los formularios */
#formulario{
   clear:both;
   padding:1px 0px 0px 0px;
}
#formulario div{
	clear:both;
	margin-top:10px;
}
#formulario .campo{
   border-right:#888888 solid 1px;
   border-top:#888888 solid 2px;
   border-bottom:none;
   border-left:none;
   background-color:#ffffff;
	color: #525252;
   font-family:verdana, arial, helvetica, sans-serif;
	font-weight:normal;
   font-size:11px;
	margin-left:4px;
}
#formulario .casilla{
   background:transparent;
   border:0;
}
#formulario textarea{
	height:70px;
	overflow:hidden;
   margin-top:5px;
}
.areatexto{
   padding-left:32px;
}
#formulario select{
	width:134px;
   background:transparent;
   border:0;
}
#formulario #botones{
   margin:25px 0px 0px 30px;
}
#formulario .boton_f{
	background:transparent url("../img/boton_form_0.png") top left no-repeat;
	color:#525252;
	font-weight:bold;
	font-size:1.2em;
	width:99px;
	height:28px;
	border:none;
	padding:0px 0px 4px 0px;
	cursor:pointer;
}
#formulario .boton_f:hover{
	background:transparent url("../img/boton_form_1.png") top left no-repeat;
}
#formulario .boton_f_limpiar{
	background:transparent;
	color:#e3e3e3;
	font-weight:bold;
	font-size:1em;
	width:70px;
	height:28px;
	border:none;
	padding:0px;
	margin-left:10px;
	cursor:pointer;
}
#formulario label{
   width:90px;
   float:left;
   text-align:right;
   padding-right:2px;
}
#formulario #acepto_casilla{
   width:52px;
   float:left;
   text-align:right;
   padding-right:2px;
}
#formulario #acepto_texto{
	font-size:0.9em;
   width:220px;
	float:none;
   text-align:left;
   padding-right:0px;
}
#formulario #acepto_texto a, #formularios #error_mail a{
   color:#e3e3e3;
   font-weight:bold;
   text-decoration:underline;
}
#formulario label.error{
   float:none;
   width:12px;
   margin-left:4px;
}
#formulario label.error img{
}
#formulario #faltan_datos{
   padding-left:32px;
}
#error_mail{
   width:285px;
   text-align:center;
}
/* fin contenido de los formularios */
#fotos{
   width:620px;
   margin-left:15px;
   float:left;
}
#fotos img{
   margin:0px 7px;
}
#logos{
   width:300px;
   margin-right:35px;
   float:right;
   text-align:right;
}
#logos img{
   margin:0px 7px;
}
#bus_texto{
   background:transparent url("../img/fondo_cap_bus.png") top left no-repeat;
   color:#ffffff;
   width:496px;
   height:462px;
   margin-left:4px;
   padding:20px 25px;
   float:left;
}
#bus_texto h2{
   line-height:30px;
   border-bottom:solid 2px #ffffff;
}
#bus_texto #modalidades_bus{
   list-style-type:upper-alpha;
   margin-bottom:10px;
}
#bus_texto #modalidades_bus li{
   margin:10px 0px 0px 20px;
}
#bus_texto a{
   color:#ffffff;
   font-weight:bold;
}
#camion_texto h2{
   line-height:30px;
   border-bottom:solid 2px #ad2323;
}
#camion_texto{
   background:transparent url("../img/fondo_cap_camion.png") top left no-repeat;
   color:#721717;
   width:373px;
   height:462px;
   margin-right:4px;
   padding:20px 25px;
   float:right;
}
#camion_texto #modalidades_camion{
   list-style-type:upper-alpha;
   margin-bottom:10px;
}
#camion_texto #modalidades_camion li{
   margin:10px 0px 0px 20px;
}
#camion_texto a{
   color:#721717;
   font-weight:bold;
}
#camion_texto h3{
   font-size:110%;
   font-weight:bold;
}
#camion_texto h4{
   font-weight:bold;
}
#camion_texto .lista_num{
   list-style-type:decimal;
   margin:0px 0px 10px 20px;
}
#pdf{
   padding-left:200px;
}
#pdf a{
   margin-left:50px;
   color:#721717;
   font-size:1.2em;
   font-weight:bold;
}
#pdf a img{
   margin-left:20px;
   vertical-align:middle;
}
#pdf2{
   padding-left:200px;
}
#pdf2 a{
   margin-left:100px;
   color:#721717;
   font-size:1.2em;
   font-weight:bold;
}
#pdf2 a img{
   margin-left:20px;
   vertical-align:middle;
}
#bus_faq{
   width:506px;
   margin-left:4px;
   float:left;
}
#camion_faq{
   width:423px;
   margin-right:4px;
   float:right;
}
#bus_pdf-faq{
   width:506px;
   margin-left:4px;
   float:left;
}
#camion_pdf-faq{
   width:423px;
   margin-right:4px;
   float:right;
}
.pdf{
   text-align:center;
}
.pdf a{
   color:#721717;
   font-size:1.2em;
   font-weight:bold;
}
.pdf img{
   vertical-align:middle;
}
#faq .faq, #faq2 .faq, #pdf-faq .faq{
   height:29px;
   margin-top:30px;
   line-height:180%;
   background:transparent url("../img/fondo_faq.png") center no-repeat;
   text-align:center;
   font-size:1.1em;
   font-weight:bold;
}
#faq .faq a, #faq2 .faq a, #pdf-faq .faq a, #faq2 a{
   color:#721717;
}
#mapa{
   background-color:#ad2323;
}
#mapa th{
   border-bottom:#ffffff solid 2px;
   text-align:left;
   font-size:1.1em;
   padding:12px;
}
#mapa th img{
   vertical-align:middle;
   margin-right:10px;
}
#mapa td{
   width:20%;
   color:#ffffff;
   font-size:0.9em;
   text-align:left;
   padding:10px 0px 20px 20px;
}
#mapa ul{
   margin-left:10px;
}
#mapa li{
   list-style-type:disc;
   margin-left:5px;
   padding:0px;
}
#mapa a{
   color:#ffffff;
}
#pie{
   height:48px;
   line-height:36px;
   font-size:0.95em;
}
#copy{
   color:#721717;
   padding-left:290px;
}
#url{
   color:#721717;
   padding-left:30px;
}
#url a{
   color:#721717;
}
#deditec{
   font-size:0.9em;
   color:#ffffff;
   padding-left:70px;
}
#deditec img{
   vertical-align:middle;
}

