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

' HOJA DE ESTILOS CURSO DE QUIROMANCIA (CCC)
' ARCHIVO: estilos.css
' DESCRIPCIÓN: Hoja de estilos de estructura y contenido
' @AUTOR: (C) ANTONIO ANDUJAR GONZALEZ
' @VERSION 1.0
' @EMPRESA IDEUP! MARZO-2007

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

html, body {
	margin:0;
	padding:0;
	color:#404040;
	font:normal 12px Arial, sans-serif;
	}

#contenedor {
	width:900px;
	margin:0 auto;
	}

.flota {
	float:left;
	}
h5{
	font:normal 20px "Trebuchet MS";
	margin:40px 0 0 81px;
	padding:0;
	}
h6{
	font:normal 11px Arial, sans-serif;
	margin:0 0 0 83px;
	width:300px;
	padding:0;
	}
	
#contenido_izq {
	width:510px;
	background:url(../images/misc/fondo_izq.gif) repeat-y left;
	float:left;
	height:850px;
	}
#contenido_izq_interior {
	width:510px;
	background:url(../images/misc/fondo_izq.gif) repeat-y left;
	float:left;
	height:450px;
	}
.contenido_interior {
	background:url(../images/misc/fondo_contenido.gif) no-repeat left top;
	}

#videoprofesor {
	width:468px;
	padding:20px 0 25px 25px;
	}
#videoprofesor .video {
	width:160px;
	text-align:center;
	float:left;
	}

#videoprofesor .texto_video {
	font:bold 12px Arial, sans-serif;
	padding:15px 0 0 0;
	text-align:center;
	width:300px;
	float:left;
	}
	
#videoprofesor .boton_descarga {
	background:url(../images/misc/fondo_descargatevideo.gif) no-repeat;
	width:170px;
	float:left;
	margin:10px 0 0 65px;
	height:23px;
	padding:3px 0 0 0;
	text-align:center;
	}

#videoprofesor .boton_descarga a {
	color:#fff;
	font:bold 11px Arial, sans-serif;
	text-decoration:underline;
	}

#videoprofesor .boton_descarga a:hover {
	text-decoration:none;
	}
#videoprofesor_interior {
	width:480px;
	background:url(../images/misc/fondo_conestecurso.gif) repeat-y;
	}
#videoprofesor_interior .centro {
	width:430px;
	padding:10px 20px 0 20px;
	text-align:justify;
	}

#videoprofesor_interior .boton_descarga {
	background:url(../images/misc/fondo_descargatevideo.gif) no-repeat;
	width:170px;
	margin:0 auto;
	height:23px;
	padding:3px 0 0 0;
	text-align:center;
	}
#videoprofesor_interior .bordecito {
	background:url(../images/misc/puntitos_vertical.gif) repeat-y right top;
	}
#videoprofesor_interior td {
	text-align:center;
	}

#videoprofesor_interior .boton_descarga a {
	color:#fff;
	font:bold 11px Arial, sans-serif;
	text-decoration:underline;
	}

#videoprofesor_interior .boton_descarga a:hover {
	text-decoration:none;
	}
#videoprofesor_interior a {
	color:#404040;
	text-decoration:none;
	}
#videoprofesor_interior a:hover {
	color:#404040;
	text-decoration:underline;
	}
#videoprofesor_interior img {
	margin:0 0 0 10px;
	border:0;
	}

p {
	margin:0;
	padding:0;
	}
em {
	font:bold 12px Arial, sans-serif;
	color:#549e0c;
	}

	
#puntos {
	width:468px;
	padding:20px 0 0 25px;
	clear:left;
	}

#puntos h1 {
	font:bold 18px Century Gothic, Arial, sans-serif;
	color:#549e0c;
	background:url(../images/misc/puntitos.gif) repeat-x bottom;
	padding:0 0 3px 0;
	margin:0 0 10px 0;
	width:auto;
	}
#puntos h2 {
	font:bold 17px Century Gothic, Arial, sans-serif;
	color:#549e0c;
	background:url(../images/misc/puntitos.gif) repeat-x bottom;
	padding:0 0 3px 0;
	margin:0 0 10px 0;
	width:auto;
	}
#puntos h3 {
	font:bold 15px Century Gothic, Arial, sans-serif;
	color:#549e0c;
	background:url(../images/misc/puntitos.gif) repeat-x bottom;
	padding:0 0 3px 0;
	margin:0 0 10px 0;
	width:auto;
	}
h4 {
	font:bold 12px  Arial, sans-serif;
	background:url(../images/misc/puntitos.gif) repeat-x bottom;
	padding:0 0 3px 0;
	margin:0 0 10px 0;
	width:auto;
	color:#5A9616;
	}

#puntos span {
	font:normal 12px Arial, sans-serif;
	padding:0 0 10px 0;
	display:block;
	}

#conestecurso {
	width:468px;
	padding:10px 0 10px 25px;
	}
#conestecurso .top {
	background:url(../images/misc/fondo_tit_conestecurso.gif) no-repeat top;
	padding:13px 0 0 15px;
	font:bold 12px Arial, sans-serif;
	height:30px;
	color:#fff;
	}
#conestecurso .puntos {
	padding:0 15px;
	background:url(../images/misc/fondo_conestecurso.gif) repeat-y;
	}
#conestecurso p {
	background:url(../images/misc/puntitos.gif) repeat-x bottom;
	font:normal 12px Arial, sans-serif;
	margin:0;
	padding:10px 0;
	}
	
#conestecurso_interior {
	width:468px;
	padding:10px 0 10px 25px;
	}
#conestecurso_interior .top {
	background:url(../images/misc/fondo_tit_conestecurso.gif) no-repeat top;
	padding:13px 0 0 15px;
	font:bold 12px Arial, sans-serif;
	height:30px;
	color:#fff;
	}
#conestecurso_interior .puntos {
	}


#contenido_dcha {
	background:url(../images/misc/fondo_dcha.gif) repeat-y right;
	float:left;
	width:390px;
	height:850px;
	}
#contenido_dcha_interior {
	background:url(../images/misc/fondo_dcha.gif) repeat-y right;
	float:left;
	width:390px;
	height:450px;
	}

#formulario {
	padding:15px 0 40px 37px;
	background:url(../images/misc/fondo_formulario.gif) no-repeat left top;
	}
#formulario a {
	color:#404040;
	text-decoration:underline;
	}
#formulario a:hover {
	color:#404040;
	text-decoration:none;
	}

#formulario input, #formulario select {
	background:#fff;
	width:188px;
	border:1px solid #6f6f6f;
	font:normal 12px Arial, sans-serif;
	padding:1px;
	}
#formulario .input_peque {
	width:20px;
	}
#formulario .check {
	background:transparent;
	width:20px;
	border:0;
	}
#formulario tr {
	height:25px;
	}
#formulario .condiciones {
	margin:20px 0 10px -5px;
	font:normal 11px Arial, sans-serif;
	}
#formulario .boton_enviar {
	width:300px;
	padding:10px 0 10px 0;
	text-align:center;
	}
#formulario .input_domicilio {
	width:125px;
	}
#formulario .input_cp {
	width:60px;
	}

#informate {
	text-align:center;
	padding:20px 20px 0 0;
	}
#textoinformate {
	width:435px;
	height:69px;
	background:url(../images/misc/cab11.gif);
	}
#rellenacupon {
	width:435px;
	height:29px;
	background:url(../images/misc/cab12.gif);
	}
#interior_textoform {
	background:url(../images/misc/interior_textoform.gif);
	width:390px;
	height:55px;
	}
#interior_textoform h5{
	font:normal 20px "Trebuchet MS";
	margin:0 0 0 30px;
	padding:0;
	}
#interior_textoform h6{
	font:normal 11px Arial, sans-serif;
	margin:0 0 0 32px;
	width:300px;
	padding:0;
	}

#callmeback {
	padding:20px 0 0 11px;
	}
#callmeback .top {
	background:url(../images/misc/fondo_top_callmeback.gif) no-repeat left top;
	padding:13px 0 0 15px;
	font:bold 12px Arial, sans-serif;
	height:30px;
	color:#fff;
	}
#callmeback .centro {
	padding:10px 20px;
	font:normal 11px Arial, sans-serif;
	background:url(../images/misc/fondo_callmeback.gif) repeat-y left;
	}
#callmeback input {
	background:#fff;
	width:80px;
	border:1px solid #6f6f6f;
	font:normal 12px Arial, sans-serif;
	padding:1px;
	}
#callmeback .boton_enviar {	
	margin:10px 0 0 0;
	width:288px;
	text-align:right;
	}

.puntitos {
	background:url(../images/misc/puntitos_2.gif) repeat-x bottom;
	height:1px;
	width:350px;
	margin:10px 0 0 11px !important;
	margin:0 0 0 11px;
	}

#testimonio {
	padding:10px 0 0 11px;
	}
#testimonio .centro {
	background:url(../images/misc/testi_bg.gif) repeat-y left top;
	height:88px;
	}
	
#testimonio .foto {
	margin:0 0 0 10px !important;
	margin:0 0 0 5px;
	float:left;
	}
#testimonio .texto {
	width:200px;
	margin:0 0 0 10px;
	float:left;
	}
#testimonio .texto p {
	margin:10px 0 0 0;
	font:normal 11px Arial, sans-serif;
	}

#avisolegal {
	margin:10px;
	}
#avisolegal p {
	margin:0 0 20px 0;
	}
#contenido_agradecimiento {
	background:url(../images/misc/fondo_interior_agrad.gif);
	clear:left;
	}
#agradecimiento {
	background:url(../images/misc/fondo_agradecimiento.gif) repeat-x;
	padding:25px;
	}
#agradecimiento a {
	color:#404040;
	text-decoration:underline;
	}
#agradecimiento a:hover {
	color:#404040;
	text-decoration:none;
	}
	
#bottom {
	background:url(../images/misc/fondo_contenedor.gif);
	padding:10px 0 0 0;
	clear:left;
	}

#pie {
	background:url(../images/misc/fondo_pie.gif) repeat-x top;
	margin:0 25px 10px 25px;
	padding:25px 0 10px 0;
	text-align:center;
	}
#pie a {
	color:#404040;
	text-decoration:none;
	}
#pie a:hover {
	text-decoration:underline;
	}
	
#transparencia {display:none;position:absolute;top:0px;left:0px;width:100%;height:1100px;background:white;filter: alpha(opacity=70) ;opacity: .5 ;-moz-opacity:0.5}
#lopd {position:absolute;top:350px;left:300px;width:600px;border:2px black outset;display:none;z-index:1001;font-size:8pt;background:white;padding:10px;}