/* standard elements */
html{min-height:100%}
*{margin:0; padding:0}
a{color:#048}
a:hover{color:#06C}
body{background:#E7E7E2 url('img_dirtylicious/body.jpg') no-repeat center top; color:#444; font:normal 68% Tahoma,sans-serif; padding-top:2px}
p, code, ul, ol{padding-bottom:1.2em}
li{list-style:none}
/* Listados a dos columnas */
ul.doble{width:50em;  /* room for 3 columns */}
ul.doble li{float:left; margin-top:0.5em; width:20em;  /* accommodate the widest item */}
/* stop the floating after the list */
br{clear:left}
/* separate the list from what follows it */
div.doble{margin-bottom:1em}
/* End Listados a dos columnas */
h1{font:normal 1.8em Tahoma,sans-serif}
h2{font:bold 1.4em Tahoma sans-serif}
h3{font:bold 1.2em Tahoma,sans-serif}
h4{font:bold 1em Tahoma,sans-serif}
form, input{margin:0; padding:0; display:inline}
pre{background:#FFF; border:1px solid #EEE; border-left:6px solid #CCC; color:#666; display:block; font:normal 1em Tahoma,sans-serif; line-height:1.6em; margin-bottom:12px; padding:8px 10px; white-space:pre}
code{background:#FFF; font:normal 1em "Courier New",monospace}
blockquote{background:url('img_dirtylicious/quote.gif') no-repeat; display:block; font-weight:bold; padding-left:28px}
h1, h2, h3, h4{padding-top:6px; color:#553; margin-bottom:4px}
/* misc */
.clearer{clear:both; font-size:0}
.footerLeft{float:left; font-size:0.8em}/* changed names to prevent conflict with admin css */
.footerCenter{margin-rigth:200px; font-size:0.8em}
.footerRight{float:right; font-size:0.8em}/* original here is simply ".left"and ".right"*/
/* structure */
.inner-container{border:2px solid #D7D7D2; background:#FFF; font-size:1.2em; margin:0 auto; padding:10px; width:780px}
.outer-container{background:url('img_dirtylicious/container.jpg') no-repeat center bottom; padding-bottom:64px}
/* header &title */
.header{background:#222 url('img_dirtylicious/header.jpg') no-repeat; height:130px; margin-bottom:5px; text-align:center}
.header .title{color:#FFF; padding-top:30px}
.header .title .sitename a{border-bottom:1px dashed #657382; color:#FFF; font:normal 3em sans-serif; padding-bottom:2px; text-decoration:none}
.header .title a:hover{border-color:#F60}
.header .title .slogan h1{font:normal 1.1em Verdana,sans-serif; padding-top:6px; color:#FFF}
.header .title .slogan h2{font:normal 1.1em Verdana,sans-serif; padding-top:6px; color:#FFF}
/* path */
.path{background:#949490; color:#FFF; font:normal 0.8em Verdana,sans-serif; padding:8px 12px}
.path a{color:#FAFAFA; text-decoration:none}
.path a:hover{color:#FFE; text-decoration:underline}
/* main */
.main{background:url('img_dirtylicious/main.gif') repeat-y; border-top:4px solid #FFF; padding:8px 12px 0 0}
/* content */
.content{float:right; width:538px}
.content .info{color:#664; font-size:0.9em; margin-bottom:6px}
.content h1{font:bold 1.4em Tahoma,sans-serif}
.content ul li{list-style:url('img_dirtylicious/li.gif'); margin-left:18px; margin-top:0.5em}
.content ol li{list-style:decimal; margin-left:18px}
.content p{font-family:"Lucida Sans Unicode",sans-serif}
.content .comment-form-body{width:450px}
/* navigation */
.navigation{float:left; width:185px}
.navigation h2, .navigation h3{color:#5A5A43; font:bold 1.1em Tahoma,sans-serif; line-height:30px; margin:0; padding-left:12px}
.navigation ul, .navigation ol{padding:0; border-top:1px solid #EAEADA}
.navigation li{border-bottom:1px solid #EAEADA}
.navigation li a{display:block; list-style:none; font-size:1.1em; color:#554; text-decoration:none; padding:8px 0 8px 5%; width:95%}
.navigation li a:hover{background:#F0F0EB; color:#654}
.navigation p{border-top:1px solid #EAEADA; border-bottom:1px solid #EAEADA; line-height:1.6em; font-size:1.1em; color:#554; display:block; padding:8px 0 8px 5%; width:95%}
/*areas destacadsa Nav */
#areades{margin-bottom:20px}
#areades p{margin:5px 0 -18px 10px}
#areades h3{font-size:0.8em; margin-bottom:-18px}
#areades a{text-decoration:none; color:#a7a5a5}
/* navigationfpo */
.navigationfpo{float:left; width:185px}
.navigationfpo h2, .navigationfpo h3{color:#5A5A43; font:bold 0.9em Tahoma,sans-serif; line-height:30px; margin:0; padding-left:10px}
.navigationfpo li{border-bottom:1px solid #EAEADA}
.navigationfpo li a{display:block; list-style:none; font-size:0.9em; color:#554; text-decoration:none; padding:2px 0 2px 5%; width:95%}
.navigationfpo li a:hover{background:#F0F0EB; color:#654}
/* footer */
.footer{background:#949490; text-align:center; width:760px; margin:auto; color:#F7F7F2; font:bold 1em sans-serif; margin-top:5px; padding:10px 12px}
.footer a{color:#F7F7F2; text-decoration:none}
.footer a:hover{color:#FFC}
/*Provincias destacados*/
.provincias_destacadas{float:left; width:185px}
.provincias_destacadas h2, .provincias_destacadas h3{color:#5A5A43; font:bold 0.9em Tahoma,sans-serif; border-bottom:1px solid #EAEADA; line-height:30px; margin:0; padding-left:10px}
.provincias_destacadas ul, .provincias_destacadas ol{padding:0; border-top:1px solid #EAEADA}
.provincias_destacadas li{border-bottom:1px solid #EAEADA}
.provincias_destacadas li a{display:block; list-style:none; font-size:1em; color:#554; text-decoration:none; padding:5px 0 5px 5%; width:95%}
.provincias_destacadas li a:hover{background:#F0F0EB; color:#654}
/*Cursos Destacados*/
.cursos_destacados p{visibility:visible; position:relative; border:2px solid #F0E68C; background:#FFF; font-size:1.1em; margin-top:20px; padding:5px; width:480px; height:105px}
span[class="Texto_cursos_destacados"]{visibility:visible; font:0.9em sans-serif; line-height:15px}
.clearer{clear:both}
/*Imagenes*/
.imagenes{margin-top:20px}
.imagenes img{margin-left:20px}
/*Ficha Curso*/
.lugar_cursos{visibility:visible; border:1px solid #6495ED; background:#FFF; font-size:0.85em; margin-top:10px; padding:4px; width:190px; height:15px}
.sector_cursos{visibility:visible; border:1px solid #6495ED; background:#FFF; font-size:0.85em; margin-top:10px; padding:4px; width:190px; height:15px}
.sector_precio{visibility:visible; border:1px solid #6495ED; background:#FFF; font-size:0.85em; margin-top:10px; padding:4px; width:190px; height:15px; margin-bottom:20px}
.requisitos_cursos{visibility:visible; float:right; vertical-align:top; border:1px solid #6495ED; background:#FFF; font-size:0.9em; margin-top:-25px; padding:5px; width:280px; height:84px}
#resumen_curso, #metodologia_curso, #temario_curso, #paraqueteprepara_curso{font-family:normal 68% Tahoma,sans-serif; font-size:1em; padding-top:20px}
#rotate ul li{list-style:none}
/* ---- Formulario <<<---------- */
#solicitud{background-color:#DBDBDB; clear:both; height:100%; margin:0 auto 15px auto; _margin:-3px auto 5px auto; overflow:hidden; position:relative; width:780px; font-family:Arial}
#solicitud #form{font-size:12px; margin:0px 10px 20px 10px; overflow:hidden; height:100%}
#solicitud #form h2{color:#FFF; font-size:22px}
#solicitud #form .formulario{margin:0 10px 0}
#solicitud #form .claim{color:blue; text-align:Left; font-size:18px; padding:8px 76px 10px 200px; font-weight:bold}
#solicitud #form .infotitulo{text-align:left; height:55px; padding:0 0 0 0}
#solicitud #form .txt{text-align:left; width:94px}
#solicitud #form .txt_2{text-align:left; width:140px; padding-left:20px}
#solicitud #form #direccion{padding-left:5px}
#solicitud #form .txt_numero{width:97px}
#solicitud #form .txt_piso{padding:0 10px 0 10px; width:30px; _width:8px; text-align:left}
#solicitud #form .txt_puerta{padding:0 10px 0 10px; width:36px; _width:8px; text-align:left}
#solicitud #form .numeroval{width:40px}
#solicitud #form .puertaval{width:40px}
#solicitud #form .pisoval{width:32px}
#solicitud #form .txt_cp{width:97px; _width:81px}
#solicitud #form .cpval{width:30px}
#solicitud #form .txt_edad{width:96px; _width:82px}
#solicitud #form .edadval{width:30px}
#solicitud #form .txt_telef{padding:0 0px 0 10px; width:60px; _width:51px; text-align:left}
#solicitud #form .telefval{width:40px; padding-left:8px; float:left}
#solicitud #form .txt_poblacion{padding:0 0px 0 10px; width:62px; _width:51px; text-align:left}
#solicitud #form .poblacionval{width:40px; padding-left:8px}
#solicitud #form #tipovia{float:left; margin:0 10px 0 0; width:62px}
#solicitud #form .campo{float:left}
#solicitud #form .linfinal{padding:8px 0 0 0}
#solicitud #form .linfinal label{margin:0 10px 0 0}
#solicitud #form select{background:#EEE; color:#6F6F6F; border:solid 2px #DFDFDF; width:235px}
/* Resaltado del campo */
#status{width:50%; padding:10px; outline:none; height:36px}
.focusField{border:solid 2px #73A6FF; background:white; color:#000}
.idleField{background:#EEE; color:#6F6F6F; border:solid 2px #DFDFDF}
/*Styling del boton */
.button{font:16px Arial; color:#FFF; border:none; width:211px; height:44px; background:url('img_dirtylicious/solicitar_bt_form.gif') no-repeat top left; padding:1px 8px; text-align:center; font-weight:bold}
.button:hover{cursor:pointer; border:none}
#enviar:hover{cursor:pointer}


/* hints */
.hint {border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; margin:0 40px 2em 40px; padding: 1em 2em; background: #ade1fb; color: #2d82ac; }
.hint ul.disco { list-style:disc;}
.hint li { line-height:2em; }
.closer {float: right; display: block; border:  2px solid #78c0e4; color: #78c0e4; font-size: 11px; height:  14px; width: 14px; line-height: 10px; text-align: center; font-weight: bold; cursor:  pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.closer:hover {background: #fff; color: #2d82ac; }

/* ----boton---- */
.boton {
   border-top: 2px solid #e1e8e2;
   background: #208a0f;
   background: -webkit-gradient(linear, left top, left bottom, from(#62de35), to(#208a0f));
   background: -webkit-linear-gradient(top, #62de35, #208a0f);
   background: -moz-linear-gradient(top, #62de35, #208a0f);
   background: -ms-linear-gradient(top, #62de35, #208a0f);
   background: -o-linear-gradient(top, #62de35, #208a0f);
   padding: 4.5px 28px;
   -webkit-border-radius: 13px;
   -moz-border-radius: 13px;
   border-radius: 13px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,0) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 21px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.boton:hover {
  
   color: #0b6115;
   }
.boton:active {
   border-top-color: #235c1b;
   background: #235c1b;
   }