@charset "utf-8";
/* CSS Document */

body {background: #2f71a1  url(../images/graduado-en-eso-back.jpg) no-repeat; background-position: -90px 75px; color: #001d31; font-family: Arial, Verdana, Sans-serif; font-size: 16px; margin: 0; padding: 0;}

/* ---- common <<<---------- */
a {}
a img {border: none;}
ul, ol, h1, h2, h3, h4, h5, h6, h7, form
{margin: 0; padding: 0;}
ul {list-style: none;}
p {margin:0; padding:5px;}

/* ---- Banda <<<---------- */
#banda{ background-color: black; color : #e0c8e6; font-size: 12px; height: 24px; padding: 5px 0px 0px 5px;  }
#banda a{ color : #e0c8e6; text-decoration:none;}


/* ---- Header <<<---------- */
#header{height: 44px; margin: auto;}
#header h1{color: #fff; font-size: 48px; text-align: left; margin-left: 280px; padding-top: 10px; }

/* ---- Intro <<<---------- */
#intro h2{ background-color: #c2dfd0; border-style: dashed; border-width: 1px; border-color:#00FF33; font-size: 18px; margin-left: 280px; margin-top: 30px; padding: 20px 15px 20px 15px; width: 680px;}

/* ---- Container <<<---------- */
#container{	color: #fff; margin-left: 280px; width: 720px; padding-top: 20px; padding-bottom:10px;}	
#container h1{font-size:42px; padding-bottom: 40px;}
#container p {margin:0; padding:5px; line-height: 20px; }
#container #gracias p {padding-bottom: 10px; color:#ecffd4; font-size: 17px;}
#container ul {padding: 8px 0px 5px 10px;}
#container ul li{background: url(../images/bullet_list.gif) no-repeat 0 5px; padding: 0 0 0px 10px; line-height: 22px; }
#container a{ color : #fff; text-decoration:none; font-weight:bold}

#container #gracias p.check {background: url(../images/icono-check.gif) no-repeat; padding-left: 35px;}

#extra {background: url(../images/icono-mas-cursos.gif) no-repeat; font-size: 14px; font-style: italic; margin-top:50px; margin-bottom:150px; padding: 0px 0px  40px 80px;}
#extra h3 {padding-bottom: 5px; padding-top: 10px;}
#extra a {color: #ecffd4;}
/* ---- Formulario <<<---------- */
#formulario{background: url(../images/plantilla-curso-x-formulario.gif) no-repeat; background-position: 0px 45px; font-size: 12px; color: #000;font-weight: normal;}
#formulario h2 {color: #f3f969; font-size: 24px; margin-left: 280px; padding-top: 10px;}

#form{ height: 285px; margin-left: -140px; } 
#form .obligatorio{ font-size: 13px; color: #666; text-align: right; padding-right: 70px; } 
#form .infotitulo{ text-align: left; height: 55px; padding-right: 0px; } 
#form .info{ width: 520px;	padding-right: 0px;	margin-right; 0px;}
#form .gratis{	width: 100px;}
#form .formulario{ margin-top: 5px; margin-right: auto; margin-left: 350px;}
#form .txt{	text-align: left;}
#form .txt-right{	text-align: right;}
#form .numeroval{ width:60px;}
#form .cp{ width:90px;}
#form .cpval{ width:50px;}
#form .txt_edad{ width:120px;}
#form .edadval{ width:60px;}
#form .telef{ width:60px;}
#form .telefval{ width:40px;}
#form .txt_numero{ width:72px; }
#form .campo{ float:left;}
#form .linfinal{ padding-top:15px;}
#form td { line-height: 30px;}

/* ---- footer <<<---------- */
#footer{	background-color: black; color: #666;	margin: auto; height: 50px; font-size: 12px;}
#footer ul {list-style: none;}
#footer a{color: #666;}
#footer a:hover{	color: #e0e576;	text-decoration: none;}
#footer li{	float: left; padding: 15px 0px 0px 15px;}