@charset "utf-8";
/* CSS RESET *************************************************************************************************************/
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, center, u, b, i { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1}
ol, ul {list-style: none}
table {border-collapse: collapse; border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
input, textarea {margin: 0; padding: 0}
hr {margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px}
a img{ border:none; }
strong{font-weight:bold;}
.clearer{clear: both;}
.clearleft{clear:left;}
.clearright{clear:right;}
/* CSS RESET *************************************************************************************************************/

html{overflow:scroll;}
body{font-family:Verdana,Arial,sans-serif; background:#000; color:#000; font-size:11px; text-align:justify;}

a{color:#000000; text-decoration:none;}
a:hover{text-decoration:underline;}

.vermell{color:#C00;}

.input{border-top:1px solid #aaadb2; border-right:1px solid #aaadb2; border-bottom:1px solid #e3e3eb; border-left:1px solid #e3e3eb; background:#FFF; padding:2px; font-size:11px; color:#666;}
.combo{border-top:1px solid #aaadb2; border-right:1px solid #aaadb2; border-bottom:1px solid #e3e3eb; border-left:1px solid #e3e3eb; background:#FFF; padding:1px; font-size:11px; color:#666;}
.input:hover, .input:focus, .combo:hover, .combo:focus{border:1px solid #d7d7d7;}

.falta{border:2px solid #C00;}
.falta:hover, .falta:focus{border:2px solid #C00;}

.msgok{-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; background:#FFFFE0; border:1px solid #E6DB55; border-radius:5px; padding:10px 0 10px 0; margin:20px 10px 20px 10px;}
.msgerror{-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; background:#FFEBE8; border:1px solid #CC0000; border-radius:5px; padding:10px 0 10px 0; margin:20px 10px 20px 10px;}
.msgok p, .msgerror p{margin-bottom:0 !important;}

#pagina{width:900px; margin:20px auto 20px auto;}

/* HEADER */
#header{margin:0;}

/* CONTINGUTS */
#cont{background:#FFF;}

#cont a.ant{width:138px; height:85px; display:block; background:url(../img/volver.jpg) 0 0 no-repeat; float:left; margin:15px 0 10px 20px;}
#cont a.ant span{display:none; visibility:hidden;}

/* INDEX */
#cont.index{margin:0 0 0 0; padding:20px 0 20px 0;}
#cont.index .imgs{margin:20px 0 0 0;}
#cont.index .imgs img{float:left; display:block; margin:0 0 0 28px;}
#cont.index p{margin:0 48px 10px 28px; float:left;}

/* PORQUE */
#cont.porque{padding:20px 0 20px 0;}
#cont.porque img{margin:10px 0 10px 20px;}
#cont.porque .imgs{margin:0 30px 0 0; float:left;}
#cont.porque .imgs img{display:block;}
#cont.porque p{padding:10px 20px 10px 20px;}
#cont.porque ul{margin:20px; list-style:inside; list-style-type:disc;}
#cont.porque li{line-height:20px;}

/* INFO */
#cont.info{padding:20px 0 20px 0;}
#cont.info img{margin:10px 0 10px 20px;}
#cont.info img.curs{float:left; margin:10px 20px 10px 20px;}
#cont.info h1{padding:10px 20px 10px 20px; font-weight:bold; font-size:13px; margin-top:10px;}
#cont.info .vermell{font-weight:bold;}
#cont.info p{padding:10px 20px 10px 20px;}

#peu{background:#FFF; text-align:center; margin-top:9px; border:1px solid #FFF;}
#peu .info{width:166px; height:60px; display:block; background:url(../img/info.jpg) 0 0 no-repeat; float:left;}
#peu .info span{display:none; visibility:hidden;}
#peu .porque{width:230px; height:61px; display:block; background:url(../img/porque.jpg) 0 0 no-repeat; float:left;}
#peu .porque span{display:none; visibility:hidden;}
#peu .apuntese{width:166px; height:59px; display:block; background:url(../img/apuntese.jpg) 0 0 no-repeat; float:left;}
#peu .apuntese span{display:none; visibility:hidden;}
#peu .enviar{width:167px; height:60px; display:block; background:url(../img/enviar.jpg) 0 0 no-repeat; float:left;}
#peu .enviar span{display:none; visibility:hidden;}
#peu .contactar{width:165px; height:59px; display:block; background:url(../img/contactar.jpg) 0 0 no-repeat; float:left;}
#peu .contactar span{display:none; visibility:hidden;}

/* ENVIAR A UN AMIGO */
#cont.amigo img.tit{margin:20px 0 0 15px;}
#cont.amigo h1{margin:20px 0 10px 140px; font-size:16px; font-weight:bold; width:700px; display:block;}
#cont.amigo img.gracias{margin:100px 0 100px 370px;}
#cont.amigo fieldset{width:500px; height:320px; margin:50px auto 0 auto;}
#cont.amigo fieldset div{width:500px; height:25px; display:block;}
#cont.amigo fieldset div.info{width:420px; margin:0 0 0 210px; clear:both;}
#cont.amigo fieldset div.txt{height:100px;}
#cont.amigo fieldset label{width:200px; display:block; float:left; text-align:right; margin-right:5px; line-height:16px;}
#cont.amigo fieldset div.info label{width:250px; text-align:left; margin-top:5px;}
#cont.amigo fieldset div.botons{width:420px; margin:10px 0 0 75px;}
#cont.amigo fieldset #enviar{background:url(../img/amigo_enviar.jpg) 0 0 no-repeat; width:176px; height:55px; display:block; float:right; border:none; margin:10px 10px 10px 0; cursor:pointer;}
#cont.amigo fieldset .input{float:left; width:270px;}
#cont.amigo fieldset .combo{float:left; width:276px;}
#cont.amigo fieldset .petit{width:60px;}
#cont.amigo fieldset .chk{float:left; margin:7px 5px 0 0;}

/* CONTACTAR */
#cont.contactar img.tit{margin:20px 0 0 15px;}
#cont.contactar h1{margin:20px 0 10px 140px; font-size:16px; font-weight:bold; width:700px; display:block;}
#cont.contactar img.gracias{margin:100px 0 100px 230px;}
#cont.contactar fieldset{width:370px; height:320px; margin:50px auto 0 auto;}
#cont.contactar fieldset div{width:370px; height:25px; display:block;}
#cont.contactar fieldset div.info{width:295px; margin:20px 0 0 75px; clear:both;}
#cont.contactar fieldset div.txt{height:100px;}
#cont.contactar fieldset label{width:70px; display:block; float:left; text-align:right; margin-right:5px; line-height:16px;}
#cont.contactar fieldset div.info label{width:265px; text-align:left; margin-top:5px;}
#cont.contactar fieldset div.botons{width:295px; margin:10px 0 0 75px;}
#cont.contactar fieldset #borrar{background:url(../img/contactar_borrar.jpg) 0 0 no-repeat; width:104px; height:32px; display:block; float:right; border:none; margin:10px 10px 10px 0px; cursor:pointer;}
#cont.contactar fieldset #enviar{background:url(../img/contactar_enviar.jpg) 0 0 no-repeat; width:104px; height:32px; display:block; float:right; border:none; margin:10px 20px 10px 0px; cursor:pointer;}
#cont.contactar fieldset .input{float:left; width:270px;}
#cont.contactar fieldset .combo{float:left; width:276px;}
#cont.contactar fieldset .petit{width:60px;}
#cont.contactar fieldset .chk{float:left; margin:7px 5px 0 0;}

/* HOME */
#cont.home{}
#cont.home .ninot{margin:10px 0 10px 50px; float:left;}
#cont.home .trespasos{margin:20px 0 0 50px; }
#cont.home a.aqui{width:212px; height:66px; background:url(../img/clickaqui.jpg) 0 0 no-repeat; float:right; margin:50px 220px 0 0;}
#cont.home a.aqui span{display:none; visibility:hidden;}

/* MAPA */
#cont.mapa #holder{margin:10px 0 0 15px;}

/* PAS 1 */
#cont.paso1 img.tit{margin:20px 0 0 15px;}
#cont.paso1 h1{margin:20px 0 10px 20px; font-size:16px; font-weight:bold; width:700px; display:block; border-bottom:2px solid #000;}
#cont.paso1 .curso{display:block; width:340px; margin:15px 0 0 20px; float:left; background:#FCEE21; border: 1px solid #000;}
#cont.paso1 .curso input{margin:6px 0 0 7px; float: left;}
#cont.paso1 .curso label{font-size:12px; font-weight:bold; float:left; margin:5px 0 5px 5px; line-height:16px; display:block; width:300px; cursor:pointer;}
#cont.paso1 .curso p{font-size:12px; font-weight:normal;float:left; margin:0 0 5px 25px; line-height:16px;}
#cont.paso1 .seg{width:138px; height:85px; display:block; background:url(../img/continuar.jpg) 0 0 no-repeat; float:right; margin:15px 20px 10px 0;}
#cont.paso1 .seg span{display:none; visibility:hidden;}
#cont.paso1 .notrobo{width:138px; height:85px; display:block; background:url(../img/noencuentro.jpg) 0 0 no-repeat; float:right; margin:15px 20px 10px 0;}
#cont.paso1 .notrobo span{display:none; visibility:hidden;}
#cont.paso1 .nocurso{margin:60px 0 60px 0; font-size:14px; font-weight:bold; width:100%; text-align:center;}

/* PAS 2 */
#cont.paso2 img.tit{margin:20px 0 0 15px;}
#cont.paso2 h1{margin:20px 0 10px 140px; font-size:16px; font-weight:bold; width:700px; display:block;}
#cont.paso2 .seg{width:138px; height:85px; display:block; background:url(../img/irultimo.jpg) 0 0 no-repeat; float:right; margin:15px 20px 10px 0;}
#cont.paso2 .seg span{display:none; visibility:hidden;}
#cont.paso2 .calendari{margin:10px 0 10px 140px; width:587px;}
#cont.paso2 a.prev{background:url(../img/prev.gif) 0 0 no-repeat; width:20px; height:20px; display:block; float:left; margin:70px 0 0 -24px; position:relative;}
#cont.paso2 a.next{background:url(../img/next.gif) 0 0 no-repeat; width:20px; height:20px; display:block; float:right; margin:70px -24px 0 0; position:relative;}
#cont.paso2 .notrobo{margin:0 0 30px 140px; width:587px;}
#cont.paso2 .notrobo label{margin:0 0 0 5px; line-height:14px;}
#cont.paso2 #llegenda{margin:30px 0 10px 140px; height:17px; display:block;}
#cont.paso2 #llegenda img{float:left;}
#cont.paso2 #llegenda span{line-height:16px; margin:0 20px 0 5px; display:block; float:left;}

/* PAS 3 */
#cont.paso3 img.tit{margin:20px 0 0 15px;}
#cont.paso3 h1{margin:20px 0 10px 140px; font-size:16px; font-weight:bold; width:700px; display:block;}
#cont.paso3 .seg{width:138px; height:85px; display:block; background:url(../img/registrarse.jpg) 0 0 no-repeat; float:right; margin:15px 20px 10px 0;}
#cont.paso3 .seg span{display:none; visibility:hidden;}
#cont.paso3 fieldset{width:370px; margin:50px auto 50px auto;}
#cont.paso3 fieldset div{width:370px; height:25px; display:block;}
#cont.paso3 fieldset div.info{width:295px; margin:10px 0 0 75px;}
#cont.paso3 fieldset label{width:70px; display:block; float:left; text-align:right; margin-right:5px; line-height:16px;}
#cont.paso3 fieldset div.info label{width:265px; text-align:left; margin-top:5px;}
#cont.paso3 fieldset .input{float:left; width:270px;}
#cont.paso3 fieldset .combo{float:left; width:276px;}
#cont.paso3 fieldset .petit{width:60px;}
#cont.paso3 fieldset .chk{float:left; margin:7px 5px 0 0;}

/* FINAL */
#cont.final img.tit{margin:20px 0 0 15px;}
#cont.final h1{margin:20px 0 10px 140px; font-size:16px; font-weight:bold; width:700px; display:block;}
#cont.final .ant{float:right; margin:15px 20px 10px 0;}
#cont.final .img{margin:100px auto 100px auto; display:block;}

/* FOOTER */
#footer{background:#FFF; line-height:20px; text-align:center; margin-top:9px; margin-bottom:10px;}
#footer p{font-size:9px;}

/*	 AVISO LEGAL */
#pagina_aviso {margin:20px; color:#FFF;}
#pagina_aviso a:link, #pagina_aviso a:visited {color:#FF0; text-decoration:none;}
#pagina_aviso a:hover, #pagina_aviso a:active {color:#CCC; text-decoration:underline;}
#cont_aviso {}
.alegal h1 {background-color:#FF0; border-left:10px solid #333; font-size:20px; color:#000; ; padding:5px;}
.alegal h2 {background-color:#FF0; border-left:5px solid #666; font-size:13px; font-weight:bold; text-transform:uppercase; padding:5px; margin-bottom:10px; margin-top:10px; color:#000;}
.alegal  p { font-size:11px; line-height:19px; padding-bottom:7px; text-align:justify; margin-left:10px; margin-right:10px;}