@charset "utf-8";

/* Generales */

body 
{
	background-color: #555;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 40px;
	padding-bottom: 40px;
}

h1 
{
	font-size : 1.5em;	
	font-family: Georgia, sans-serif, Arial, Helvetica;
	padding-bottom: 0.5em;
	color: #AD0000;
	text-indent: 0.5em;
}

h2 
{
	font-size : 1.5em;
	color: #AD0000;
	font-weight:normal;
	padding: 20px 0 10px 0;
}

h3 
{
	color: black;
	font-size: 1em;
	font-weight: normal;
	line-height:1.5em;
	display: inline;

}

h6
{
	color: black;
	font-size: 1em;
	font-weight: bold;
	line-height:1.5em;
	padding-bottom:10px;
	padding-top:10px;

}
/*Muestra el cursor como una mano indicando la existencia de un enlace*/
.puntero{cursor:pointer;}
.centrar{margin:auto;display:block;}
.centrarTexto{text-align:center}

p
{
	text-indent: 1.5em;
	padding-bottom: 1em;
}

a.recomendar 
{
	padding:0px 0px 0px 30px;
	background-image:url(../imagenes/sobre.gif);
	background-repeat:no-repeat;
	height: 2em;
	width:15em;
	margin-top:10px;
	display:block;		
}

a:focus {outline:none;}

a:link, a:visited 
{
	background-color: transparent;
	color: #9D0000;
	text-decoration: none;
}
a:hover, a:active 
{
	background-color: transparent;
	color: #777;
}

.clear 
{
	clear:both;
	height:1px;
}

ul
{
	margin: 0 0 1em 1.5em;
}

ul li
{
	list-style-type: disc;
	list-style-position: outside;
	line-height: 1.5em;	
}

ul.video li
{
	cursor:pointer;
}
ul.video li:hover
{
	font-weight: bold;
}

ol
{
	margin: 0 0 1em 1.5em;
}

ol li p
{
	text-indent: 1.5em;
	/*text-align: justify;*/
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

ol li 
{
	list-style: decimal inside;
	padding:5px 0 5px 0;			
}

ol.letras li
{
	list-style: lower-alpha inside ;	
}

td {padding: 5px;}
th {padding: 0 0 20px 0; font-size:1.3em; color: black;}
td:first-child { text-align:right;}


/* Encabezado */

#encabezado 
{
	background-image:url(../imagenes/encabezado.png);
	background-repeat:repeat-x;
	height: 200px;
	width: 900px;
	position: relative;
	display: block;
	margin:auto;
}

/*Esquina redondeada superior izquierda*/
#encabezado #esqsi
{
	background-image:url(../imagenes/esqsi.png);
	background-repeat:no-repeat;
	background-position: top left;
	height: 50px;
	width: 50px;
	margin:0;
	position: absolute;
}

/*Esquina redondeada superior derecha*/
#encabezado #esqsd
{
	background-image:url(../imagenes/esqsd.png);
	background-repeat:no-repeat;
	background-position: top right;
	height: 50px;
	width: 50px;
	margin:0;
	position: absolute;
	right: 0px;
	top: 0px;		
}

#encabezado img
{	
	padding: 40px 30px 0 0;
	float:right;
}

#eslogan 
{
	background: transparent;
	height: 100px;
	width: 400px;
	padding-right: 20px;	
}

#eslogan  .texto 
{
	color: #FAA;
	padding: 20px 	0 0 40px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.1em;
}

#eslogan  .titulo 
{
	font-family: "Comic Sans", sans-serif, Helvetica, Verdana;
	color: #FBB;
	padding: 40px 0 0 50px;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: inherit;
}

#bandaMenu
{
	top: 5px;
	background: #522;
	height: 40px;
	width:100%;
	position:relative;
	z-index:1;	
}

/* Menu */
#menu ul 
{
	margin: 0px;
	background-color: transparent;
	list-style: none;
	font-size: 0.8em;
	font-weight: bold;
	float: right;
	letter-spacing: 2px;
}

#menu ul li 
{
	display: inline;
	line-height: 1em;	
}

#menu ul li a:link, #menu ul li a:visited 
{
	background-color: transparent;
	color: white;
	padding: 13px 15px;
	float: left;
	text-decoration: none;
	width: auto;
}

#menu ul li a:hover, #menu ul li a:active 
{
	background-color: transparent;
	background-image: url(../imagenes/menuselec.png);
	background-repeat: repeat-x;
	padding: 13px 15px;	
	color: #FFF;	
}

.activo 
{
	background-color: transparent;
	background-image: url(../imagenes/menuselec.png);
	background-repeat: repeat-x;
	padding: 13px 15px;	
	color: #FFF;	
}


/* Contenido central */

#contenido 
{
	background-color: white;
	width: 900px;
	margin: auto;
}
/* Usada para centrar el contenido */
#contenido .contenedor 
{
	background-color: transparent;
	width: 100%;
	display: block;	
}

#principal 
{
	width: 500px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 20px 50px 20px;	
}

#principal h2 { cursor: pointer;}

#principal h3 
{
	color: black;
	font-size: 1em;
	font-weight: bold;
	line-height:1.5em;
	display: inline;	
}

#principal h4 
{
	color: black;
	font-size: 1em;
	font-weight: bold;
	line-height:2em;
	padding-bottom: 5px;
	display: block;	
	text-align:center;		
}


#principal table
{	
	border: solid;
	border-width:1px;
	margin: 20px;	
} 

#principal table tr:first-child
{	
	color: #444;
	font-weight: bold;	
} 

#principal table td
{
	text-align: center;
	padding:10px;
}

#secundario 
{
	width: 350px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	padding: 20px 0px 20px 0px;	
}

#secundario #destacados a>div>p 
{
	font-weight: normal;
	font-size:9px;
	padding-top:3px;
	padding-bottom:0px;
	text-indent:0px;
}

#secundario a 
{
	padding: 10px 10px 10px 0px;
	display: block;	
}

/** REDES SOCIALES **/

/** TWITTER **/

#twitterYtuenti
{
	width:200px;
	height:50px;
	padding-top: 10px;
	margin:auto;			
}

#twitter
{
	margin-top: 10px;
	float:left;	
}
#tuenti
{
	float:right;	
}

/** FACEBOOK **/

#facebook
{
	width:255px;
	padding-top: 25px;
	margin:auto;	
}

#secundario a:link, #secundario a:visited 
{
	background-color: transparent;
	color: #777;
	text-decoration: none;
}
#secundario a:hover, #secundario a:active 
{
	background-color: transparent;
	color: #9D0000;
}

.logo_centrado
{
	padding-top:30px;
	padding-right:40px;
	font-family: sans-serif, Verdana, Helvetica, Verdana;
	font-weight: bold;
	font-size: 0.6em;
	text-align: center;
	line-height:2em;
	
}


.logo_centrado img
{
	margin: auto;
	width:100px;
	display: block;
}



#secundario .conImagen
{
	font-family: sans-serif, Verdana, Helvetica, Verdana;
	font-weight: bold;
	font-size: 1em;
	text-align:left;
	padding-left: 20px;
	padding-bottom: 30px;
}

/*Elementos que aparecen en el menu secundario con imagen*/
#secundario .conImagen a 
{
	padding: 0px;
	display: inline;	
}

#secundario .conImagen a:link, #secundario .conImagen a:visited 
{
	background-color: transparent;
	color: black;
	text-decoration: none;
}

#secundario .conImagen a:hover, #secundario a:active 
{
	background-color: transparent;
	color: #9D0000;
}

#destacados_oferta_mes
{
	padding: 10px 0px 0px 70px;
	background-color: transparent;
	background-image: url(../imagenes/oferta_mini.png);
	background-repeat: no-repeat;
	height:45px;
}

#destacados_test_online
{
	padding: 30px 0px 0px 70px;
	background-color: transparent;
	background-image: url(../imagenes/tests.png);
	background-repeat: no-repeat;
	height:50px;
}

#destacados_curso_mercancias
{
	padding: 10px 0px 0px 70px;
	background-color: transparent;
	background-image: url(../imagenes/mercancias.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height:50px;
}

#destacados_cap
{
	padding: 0px 0px 0px 70px;
	background-color: transparent;
	background-image: url(../imagenes/cap.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height:40px;
	margin-top:10px;
}


#destacados_formacion
{
	padding: 10px 0px 10px 70px;
	background-color: transparent;
	background-image: url(../imagenes/fundacion.gif);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	margin-top:10px;
}

#destacados_puntos
{
	padding: 10px 0px 0px 70px;
	background-color: transparent;
	background-image: url(../imagenes/puntos.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height:40px;
	margin-top:10px;
}

.texto 
{
	font-size: 0.8em;
	margin: 5px 10px 5px 10px;
	color: #777;
	text-align:left;
}

#principal .texto div a
{
	font-size: 1.3em;
}

#principal .texto div p
{
	padding: 10px 0 20px 0;
}

#principal .texto div
{
	padding-left:20px;;
	
}
/* Ofertas */

#ofertas
{
	width: 900px;
	margin: auto;
	background-color: #333;
}

#ofertas .titulo
{
	color: #EEE;
	font-size: 1.5em;
	padding-bottom: 20px;
}

#ofertas .texto
{
	color: #CCC;
}

#oferta_texto
{	
	width:600px;
	padding: 40px  20px 40px 20px;
	float:right;
}

#oferta_logos
{
	background-color: transparent;
	width:200px;
	padding:30px 0 30px 30px;
	float:left;			
}


#ofertaMes
{
	width:1px;
	height:1px;
	position:relative;
	top: -75px;
	left: -50px;		
}


/* ALUMNOS */

#tablaTest
{
	margin: auto; 
	margin-top:50px;
	display: block;
	border: solid;
	border-width: 1px;
	padding: 15px;
	width: 300px;
}


/* Pie de pagina */
#pie 
{
	width: 900px;
	height: 12px;
	color: white;
	background-color: transparent;
	background-image: url(../imagenes/cuadrados.png);
	background-repeat: repeat-both;
	margin: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	position: relative;
}


/*Esquina redondeada inferior izquierda*/
#pie #esqii
{
	background-image:url(../imagenes/esqii.png);
	background-repeat:no-repeat;
	background-position: bottom left;
	height: 50px;
	width: 50px;
	margin:0;
	position: absolute;
	bottom: 0px;	
}

#sms
{
	margin:auto;
	width:400px;
	padding-top:20px;
	text-align: center;
}
#sms img {display: block;}

/*Esquina redondeada inferior derecha*/
#pie #esqid
{
	background-image:url(../imagenes/esqid.png);
	background-repeat:no-repeat;
	background-position: bottom right;
	height: 50px;
	width: 50px;
	margin:0;
	position: absolute;
	right: 0px;
	bottom: 0px;
}


#autoescuelagavilan
{
	background-color: transparent;
	background-image: url(../imagenes/autoescuelagavilan.png);
	background-repeat: no-repeat;
	margin:auto;
	width:190px;	
	height: 30px;
	position: relative;
	top:-7px;
		
}

/*TESTS*/

#sprintfinal
{
	display:block;		
	width:400px;
	height:550px;
	margin:auto;	
	background-color: transparent;
	background-image: url(../imagenes/sprintfinal.png);	
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding-bottom:20px;			
}

div.pregunta
{
	background-color: #ece2c6;
	margin-bottom: 20px;
	padding: 20px 0px 10px 0;
	position: relative;
}

div.pregunta p {font-weight: bold;}
div.pregunta p, div.pregunta li{	color: black; margin-right: 10px;}
div.pregunta li{padding-bottom: 5px; list-style-type: lower-alpha;list-style-position: inside;}
div.pregunta li.respuesta{color: #226622;}
div.pregunta img {margin: 5px 30px 5px 5px;}
div.pregunta ol+p {color: #A55; margin-top:10px;cursor:pointer;}
div.pregunta ol+p:hover {color: #A22;}

/*Numero de la pregunta del test*/
div.numpreg
{
	background-color: white;
	position: absolute;
	left: -0.70em;
	top: -0.5em;
	font-size: 2em;
	color: #ed5627;
	border-style: solid;
	border-width: 1px;
	border-color: brown;
	padding:5px;
	padding-right:15px;
}

/*Test*/
.atras:before {content:"Volver";}

.atras
{
	display:block;		
	width:100px;
	height:50px;
	margin:auto;	
	font-size: 24px;
	background-color: transparent;
	background-image: url(../imagenes/atras.png);	
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding-left: 50px;
	padding-top: 10px;
	color: black;
	
}

div.pregunta li.ex:hover
{
	background-color: #dcd2b6;
	font-weight: bold;
	cursor: pointer;	
	
}

div.pregunta li.buena
{
	color: #22AA22;
	font-size:1em;		
}

div.pregunta li.mala
{
	color: #AA2222;
	font-size:1em;
	text-decoration: line-through;		
}

p.explicacion
{
	position:relative;
	height: 0px;	
	visibility:hidden;	
}

p.explicacion span
{
	height: 0px;
	background-color: #C55;
	font-weight:bold;
	font-size:1.2em;
	color:white;
	position: absolute;
	top: -10px;
	border-width:1px;
	border-color:red;
	border-style: solid;
	text-indent:0;
	visibility:hidden;	
}
/*Clase para añadir espacio bajo el elemento*/
#principal h3.separado {display:block; margin-bottom:5px;}

/*TEST PUNTOS*/
div.boton
{
	background-image:url(../imagenes/testmin.png);
	background-repeat:no-repeat;
	background-position: bottom left;
	display: inline-block; 	
	height: 30px;
	font-size: 11px;
	margin-left: 20px;
	padding-top: 10px;		
}
div.boton a
{		
	margin-left: 10px;
	position: relative;
	top: 8px;	

}
		
.columnaTest
{
	float:left;
	font-size: 1.7em;
	font-weight: bold;
	text-align: center;
			
}

.columnaTest ul li
{
	font-size: 0.5em;
	padding-top: 5px;	
}