/* CSS Document */
body{ padding-top:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }

a{ text-decoration:none; color:#000; }
a:hover{ text-decoration:underline; }
a.seleccionado{ color:#DC0D6B; font-weight:bold; }

#contenedor{ width:805px; margin:0 auto; background:url(img/fondo_contenedor.gif) repeat-y center;  }
#contenido{ margin-right:5px; margin-left:2px;  border-top:1px solid #C1246B; border-bottom:1px solid #C1246B; background-color:#fde5e3;  }
#head{ width:805px; height:25px; background:url(img/fondo_menu.gif) no-repeat top center; }
#head p.idiomas{ float:right; width:150px; display:block; text-align:right; padding:8px 12px 0 0 ;}
#head ul{ width:400px; display:block; float:left; padding:8px 0 0 12px; }
#head ul li{ padding:0 4px; border-left:1px solid #333; height:12px; display:block; float:left; }
#head ul li.especial{ border:none; }
#pie{ width:793px; height:24px; background:url(img/fondo_pie.gif) no-repeat center; padding-left:12px; padding-top:9px; }
#pie a{ color:#DC0D6B; }
#pie .acciongrafica{ width:150px; height:15px; display:block; float:right; margin-top:-10px; font-size:9px; color:#000; }
#pie .acciongrafica a{ color:#000; }

/* home */
.home{ background:url(img/home.jpg) #fde5e3 no-repeat bottom right; height:480px; padding:10px; }
.home h1{ background:url(img/h1_home.gif) no-repeat 20px top; margin-top:25px; height:55px; text-indent:-9999px; }
.home h2{ background:url(img/h2_home.gif) no-repeat 120px top; margin-top:15px; height:35px; text-indent:-9999px; }

/* aula */
.aula{ background:url(img/fondo_aula.jpg) #fde5e3 no-repeat 10px bottom; overflow:auto; padding:10px 15px; }
.aula p{ line-height:12px; margin-bottom:12px; float:left; }
.aula strong{ color:#DC0D6B; }
.aula h1{ font-weight:bold; color:#DC0D6B;}
div.col1{ width:355px; float:left; margin-right:17px; padding-bottom:252px; }
div.col1 a{ color:#DC0D6B; font-weight:bold;}
div.col2{ width:365px; float:right; margin-right:10px; }

/* agenda */
.agenda{  padding:0 0 4px 0; }
ul.cursos{ clear:both; display:block; position:relative; min-height:110px; margin-bottom:4px;}

ul.cursos li{ border:1px solid #DC0D6B; background-color:#FFF; margin-left:4px; margin-bottom:4px; width:111px; min-height:110px; float:left; position:relative; }
ul.cursos li a.mas{ position:absolute; cursor:pointer; bottom:0; right:0; color:#DC0D6B; font-weight:bold; text-align:center; z-index:10; width:40px; height:13px; padding-top:1px; font-size:11px; }
ul.cursos li a.mas:hover{ text-decoration:none; color:#993366; }

ul.cursos li div a.menos{ position:absolute; bottom:0; right:0; background-color:#DC0D6B; border:1px solid #CC0033; color:#FFFFFF; font-weight:bold; text-align:center; z-index:30; width:14px; height:13px; padding-top:1px; font-size:11px; cursor:pointer; }
ul.cursos li div{ visibility:hidden; border:2px solid #CC0033; background-color:#FFFFFF; position:absolute; z-index:31; top:-1px; left:-1px; width:109px; min-height:108px; padding-bottom:14px;}

ul.cursos li h3{ font-size:10px; padding:5px 0 5px 5px; font-weight:bold;}
ul.cursos li p{ padding:5px 2px 2px 4px; line-height:18px; font-size:9px; color:#666666; }
ul.cursos li.curso{ width:212px; min-height:50px; padding-bottom:60px; border-left:none; margin-left:0; background-position:bottom center; background-repeat:no-repeat;  }
ul.cursos li.curso h2{ font-size:18px; font-weight:bold; padding:3px 0 3px 3px; }
ul.cursos li.curso h4{ font-weight:bold; padding:2px 0 0 3px; line-height:normal;  }

ul.color1{ color:#754F35; }
ul.color2{ color:#ED2E38; }
ul.color3{ color:#ED6E00; }
ul.color4{ color:#F2C000; }
ul.color5{ color:#2905A1; }
ul.color6{ color:#009959; }
ul.color7{ color:#0099FF; }

ul.semanas li{ font-size:11px; margin-left:4px; width:108px; float:left; padding-left:5px; padding-bottom:8px; padding-top:15px; font-weight:bold;}
ul.semanas li.mes{ width:207px;  margin-left:0; padding-top:8px; }
ul.semanas li.mes h2{ color:#DC0D6B; font-size:18px; width:115px; display:block; float:left; }

a.adelante, a.atras{ float:left; width:12px; height:10px; display:block; text-indent:-9999px; margin-left:8px; margin-top:5px; }
a.atras_on{ background:url(img/anterior_on.gif) no-repeat center; }
a.atras_off{ background:url(img/anterior_off.gif) no-repeat center; }
a.adelante_on{ background:url(img/siguiente_on.gif) no-repeat center; }
a.adelante_off{ background:url(img/siguiente_off.gif) no-repeat center; }

p.msg{ padding:100px 40px 40px 60px; font-size:18px; color:#DC0D6B; }
div.anios{ font-weight:bold; color:#DC0D6B; padding:8px; text-align:right; }


/* contacte */
.contacto{ background:url(img/contacte.gif) #fde5e3 no-repeat left; overflow:auto; height:539px; padding:0px;}
.contacto h1{ display:none; }
.contacto .datos{ width:138px; padding:320px 5px 0 5px; font-size:9px; }
.contacto .datos p{ line-height:14px; margin-bottom:11px; }
.contacto .datos ul{ clear:both; height:50px; padding-top:4px; }
.contacto .datos ul li{ width:34px; height:14px; float:left; }

/* pop-up */
body.masinfo{ padding:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:#fde5e3; }
body.masinfo .info{ background-color:#FFFFFF; border:1px solid #c1246b; min-height:280px; }
body.masinfo .info h3{ font-size:10px; padding:5px 0 5px 5px; font-weight:bold;}
body.masinfo .info p{ padding:5px 2px 2px 4px; line-height:18px; font-size:9px; color:#666666; }
body.masinfo a.cerrar{ text-align:center; display:block; margin:15px auto 0 auto; color:#c1246b; font-weight:bold; }