@charset "utf-8";
/* CSS */
html{height:100%;}
* { list-style:none; margin:0px; *margin:0px; _margin:0px; padding:0px; vertical-align:top;}
img { border:none; behavior: url(mediadecorator/css/resources/iepngfix.htc); vertical-align:top;}
table img{ vertical-align:bottom}
body{margin:0px; padding:0px; width:100%; height:100%; font-family:'Tahoma', Arial, Helvetica, sans-serif; font-size:62.5%;/*background:url('../images/bg.jpg') repeat-x 0px bottom;*/ overflow : -moz-scrollbars-vertical; }
ul, ol, dl, dt, dd, li, p, h1, h2, h3, h4, h5, h6, form, img, q, blockquote{margin:0px;padding:0px;border:0px;list-style-type:none;}

/* TODO */
#UPPER {position:absolute; top:0px; left:0px; right:0px;clear:both; width:99,5%;margin:0 auto; background-color:#217CAC; height:3px;z-index:999;}
#TODO {width:900px; height:auto; margin:auto;}

h1 {font-size:2em; color:#FF9900; font-weight:normal; margin-top:10px;border-bottom:1px dotted #ff9900;}
h2 {text-align:center; font-size:2.2em; margin-bottom:10px;font-weight:normal;  color:#003366; }
h3 {clear:both;font-size:1.3em; margin:5px 0; font-weight:normal; color:#FF9900;}


.alcs {color:#217CAC; font-weight:bold;}

/* CABECERA */
#CABECERA { margin:auto;width:860px; height:65px; padding:20px;}
#CABECERA .logo{float:left;width:100%; height:auto; margin:auto; text-align:center; padding-left:5px;}

/* MENU SUPERIOR */
#CONTENIDOS .menuSUP {display:block;width:890px; height:36px; margin-bottom:10px; margin-left:5px;background:url('../images/bg_moduloHor.jpg') top center no-repeat; font-weight:bold;}
#CONTENIDOS .menuSUP ul {font-size:1.3em; float:left;}
#CONTENIDOS .menuSUP .primero { background-image:none;}
#CONTENIDOS .menuSUP .activo {color:#FF9900;}
#CONTENIDOS .menuSUP ul li {float:left;padding:9px 15px 8px 20px;background:url('../images/separador.jpg') repeat-y left 0px; margin-top:1px;}
#CONTENIDOS .menuSUP ul li a {text-decoration:none; color:#217CAC;}
#CONTENIDOS .menuSUP ul li a:hover {text-decoration:none; color:#ff9900;}

.gracias {clear:both; margin:20px auto;width:790px; height:200px; text-align:center; font-size:1.2em; color:#000000;}
.gracias p {margin-bottom:20px;}
/* CENTRO - CONTENIDOS */
#CONTENIDOS {clear:both; width:900px; height:auto;margin:auto;}
#CONTENIDOS .content {float:left;width:660px; height:auto; margin:1px 10px 10px 14px!important;margin:1px 12px 10px 7px;z-index:0; padding-bottom:20px;}
#CONTENIDOS .content .texto_content {float:left;width:600px;font-size:1.1em; margin-left:10px; margin-right:10px; margin-top:5px;}
#CONTENIDOS .content .texto_content div{margin:10px 0px; line-height:1.5em;}
#CONTENIDOS .content .muestraOculta {display:none; visibility:hidden; margin-left:10px; margin-right:10px; margin-top:5px;}
#CONTENIDOS .content .muestraOculta div{margin:10px 0px; line-height:1.5em; clear:both;}
#CONTENIDOS .content .muestraOculta div a{font-size:1.1em;}
#CONTENIDOS .content .muestraOculta li{border-bottom:1px dotted #217CAC; clear:both;}
#CONTENIDOS .content .muestraOculta li p{ padding:0px 0px 10px 0px;}
#CONTENIDOS .content .muestraOculta a {background:url('../images/flecha.gif') no-repeat 0px 4px; padding-left:10px;}
#CONTENIDOS .content .muestraOculta span img{float:left;width:auto; height:auto;margin:2px 10px 0px 0px; line-height:1.5em;}
#CONTENIDOS .content .muestraOculta .negrita {font-weight:bold;}
#CONTENIDOS .content .muestraOculta .capturas {float:left;width:520px;height:auto; margin-top:60px;}

#CONTENIDOS .contentComplete {float:left;width:850px; height:auto; margin:-5px 10px 10px 14px!important;margin:-5px 12px 10px 7px;z-index:0; padding-bottom:20px;}
#CONTENIDOS .contentComplete .texto_content {float:left;width:790px; margin-left:10px; margin-right:10px; margin-top:5px;}
#CONTENIDOS .contentComplete .texto_content div{margin:10px 0px; line-height:1.5em;font-size:1.1em;}
#CONTENIDOS .contentComplete ul {display:block; clear:both; margin-bottom:15px;}
#CONTENIDOS .contentComplete li { background:url('../images/punto.gif') no-repeat 0px 6px; padding-left:10px; margin-bottom:5px;}
#CONTENIDOS .contentComplete a {text-decoration:underline; color:#217CAC;background:url('../images/flecha.gif') no-repeat 0px 4px; padding-left:10px;}
#CONTENIDOS .contentComplete a:hover {text-decoration:none; color:#333;}
#CONTENIDOS .contentComplete .negrita { font-weight:bold;}

#CONTENIDOS .content .columna1 {float:left;width:300px;font-size:1.1em; margin-left:10px!important;margin-left:5px; padding-right:0px!important;padding-right:10px; border-bottom:1px dotted #93DFF9;}
#CONTENIDOS .content .columna1 div{margin:10px 0px; line-height:1.5em;}
#CONTENIDOS .content .columna2 {float:left;width:320px; border-left:1px dotted #93DFF9; margin-left:10px!important;margin-left:5px; padding-left:10px; margin-top:3px;min-height:450px;}
#CONTENIDOS .content .columna2 .lastProject {width:auto; height:auto;font-size:1em;}
#CONTENIDOS .content .columna2 .lastProject .descripcion{clear:both; font-size:1.1em; line-height:1.4em;}
#CONTENIDOS .content .columna2 .project {float:left;width:100px; height:90px; border:0px; margin-right:10px; margin-top:0px;}
#CONTENIDOS .content .columna2 .datos {float:left; width:200px; margin-top:0px;}
#CONTENIDOS .content .columna2 .datos p{margin-bottom:3px;}
#CONTENIDOS .content .columna2 div{margin:10px 0px; line-height:1.5em;}
#CONTENIDOS .content div .capturas{float:left;width:98px; height:auto; margin-right:5px;margin-bottom:10px; padding:1px;}
#CONTENIDOS .content div .capturas img{border:1px solid #8bd3f6;}
#CONTENIDOS .content div .capturas .tituloProject{ font-size:0.9em;text-align:center;color:#217CAC; margin:0px;}
#CONTENIDOS .content .ilustrativo {float:left;width:auto; padding:5px 15px 0px 0px;}
#CONTENIDOS .content ul {display:block; clear:both; margin-bottom:15px; font-size:1.1em;}
#CONTENIDOS .content li { background:url('../images/punto.gif') no-repeat 0px 6px; padding-left:10px; margin-bottom:5px;}
#CONTENIDOS .content a {text-decoration:underline; color:#217CAC}
#CONTENIDOS .content a:hover {text-decoration:none; color:#333}

#CONTENIDOS .content .todos {clear:both;width:300px; height:auto; background:url('../images/btn_mas.gif') no-repeat 0px 4px; padding:0px 0px 0px 13px;}
#CONTENIDOS .content .todos a{text-decoration:none; color:#217CAC;}
#CONTENIDOS .content .todos a:hover {text-decoration:underline;}

/* MENU IZQUIERDO */
#CONTENIDOS .menuDCHA {float:right;width:205px; height:auto; font-size:1.1em; margin-right:5px; margin-bottom:20px;background:url('../images/repeat_izq.jpg') repeat-y 0px 0px;}
#CONTENIDOS .menuDCHA .top {background:url('../images/top_izq.jpg') no-repeat 0px 0px; height:12px;}
#CONTENIDOS .menuDCHA .bottom {background:url('../images/bottom_izq.jpg') no-repeat 0px 0px; height:16px;}
#CONTENIDOS .menuDCHA ul { list-style:none; margin:0px 5px 0px 15px; font-size:1em;}
#CONTENIDOS .menuDCHA ul li { width:170px; vertical-align:middle; line-height:1.5em; border-top:1px dotted #68c2f2;}
#CONTENIDOS .menuDCHA ul li .fecha { font-size:0.9em;margin-top:5px; color:#333;font-weight:bold;}
#CONTENIDOS .menuDCHA ul li a { display:block; text-decoration:underline; padding:3px 0px 5px 0px; color:#217cac;background:url('../images/flecha.gif') no-repeat 0px 8px;padding-left:10px;}
#CONTENIDOS .menuDCHA ul li a:hover { display:block; text-decoration:none; padding:3px 0px 5px 10px; color:#fff;background:url('../images/flecha2.gif') no-repeat 0px 8px; background-color:#217cac;}

#CONTENIDOS .mas {width:158px;margin:0px 0px 5px 15px; background:url('../images/btn_mas.gif') no-repeat 0px 12px; padding:10px 0px 0px 13px; border-top:1px dotted #217cac;}
#CONTENIDOS .mas a{text-decoration:none; color:#217CAC;}
#CONTENIDOS .mas a:hover {text-decoration:underline;}

/* NOTICIAS */
#CONTENIDOS .noticias {float:left;width:850px; height:auto; margin:0px 10px 10px 24px!important;margin:0px 12px 10px 12px;z-index:0; padding-bottom:20px; font-size:1.1em;}
#CONTENIDOS .noticias ul {margin-top:10px;}
#CONTENIDOS .noticias ul li { border-bottom:1px dotted #217cac; margin-bottom:10px; padding-left:10px; padding-bottom:5px;background:url('../images/punto.gif') no-repeat 0px 6px; line-height:1.2em;}
#CONTENIDOS .noticias ul li .datos {margin-bottom:10px; font-weight:bold;}
#CONTENIDOS .noticias ul li .fecha_noticia {color:#217cac; font-size:1em; font-weight:bold;}
#CONTENIDOS .noticias p {margin-bottom:10px;}
#CONTENIDOS .noticias a {text-decoration:underline; color:#217CAC}
#CONTENIDOS .noticias a:hover {text-decoration:none; color:#333}

/* MENSAJES */
.unavailable {clear:both; margin:20px auto;width:790px; text-align:center; font-size:1.9em; color:#FF9900;}

/* FORMULARIOS */
#USER { width:190px; height:auto; color:#666; margin:0 0 10px 5px;}
#USER .etiqueta { padding-left:10px;}
#USER input{border:1px solid #CCC;width:165px; height:17px; margin:5px 0 0 10px;_margin:5px 0 0 5px;*margin:5px 0 0 5px; clear:both; line-height:1.3em; font-size:1em;color:#666;}

#FORMULARIOS{clear:both;width:550px;height:521px;background-color:#FFFFFF;border-top:1px solid #65a5c6;border-left:1px solid #65a5c6;border-right:1px solid #65a5c6;}
#FORMULARIOS_PIE {clear:both;width:550px;height:20px; padding:8px 0 0 5px; background:url('../images/bg_pie.jpg') repeat-x;border-bottom:1px solid #65a5c6;border-left:1px solid #65a5c6;border-right:1px solid #65a5c6}
#FORMULARIOS_TITULARES {clear:both;width:560px; height:22px; margin:10px 0 0 136px; padding:0 0 5px 0; background:url('../images/bg_puntos.gif') repeat-x left bottom;font-family:'Tahoma'; color:#ed8000;}
#FORMULARIOS_CONTENIDOS {width:auto; height:auto;}
#FORMULARIOS_CONTENIDOS .franja_form{float:left;width:500px; height:auto; margin-bottom:10px;font-size:1em; font-weight:bold;}
#FORMULARIOS_CONTENIDOS .etiqueta{float:left;width:80px; text-align:right; font-size:0.8em;}
#FORMULARIOS_CONTENIDOS .botonera {clear:both; padding-left:90px;}
#FORMULARIOS_CONTENIDOS .botones {margin-right:10px;padding:1px 3px 2px 5px; background-color:white; font-family:'Tahoma'; font-size:1em; color:#217CAC; border:1px double #BCD8E6; cursor:pointer;}
#FORMULARIOS_CONTENIDOS .franja_form input {float:left;width:250px; height:auto; line-height:1.4em;font-size:0.8em;font-family:'Tahoma'; border:1px solid #BCD8E6; padding:2px; margin-left:10px;}
#FORMULARIOS_CONTENIDOS .franja_form textarea {float:left;width:250px; height:100px; margin-left:10px; line-height:1.2em;font-family:'Tahoma';font-size:0.8em; border:1px solid #BCD8E6; padding:3px 2px 2px 2px;}

#CONTACTO_DATOS {width:500px; height:auto; }
#CONTACTO_DATOS ul{list-style-type:none; width:100%; margin:0 0 10px 0px; padding:5px 0 15px 5px; font-size:1em;}
#CONTACTO_DATOS li{display:block;margin:3px 0 3px 0}
#CONTACTO_DATOS li a,a:active,a:visited{text-decoration:none; color:#217CAC}
#CONTACTO_DATOS li a:hover{text-decoration:none; color:#ED8000}
#CONTACTO_DATOS .mail{background:url('../images/ico_mail.gif') no-repeat 0px 2px}
#CONTACTO_DATOS .fax{padding:0px; background:url('../images/ico_fax.gif') no-repeat 0px 2px}
#CONTACTO_DATOS .phone{padding:0px; background:url('../images/ico_tel.gif') no-repeat 0px 2px}
#CONTACTO_DATOS .mobile{padding:0px;background:url('../images/ico_mobile.gif') no-repeat 0px 2px}
#CONTACTO_DATOS span{font-weight:bold;}
#CONTACTO_DATOS p {margin-left:90px; margin-top:10px;}

/* PIE PAGINA */
/*#PIE {position:fixed; display:block; bottom:0px;left:0px; right:0px; clear:both; width:99,5%; height:auto;  margin:0 auto; padding:5px 0 5px 0px; font-size:1em; color:#fff; text-align:center;  border-top:1px solid #ccc; z-index:999;}*/
div#PIE {position: fixed; z-index: 999; bottom:0; left:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;height:auto; color:#FFFFFF; text-align:center;z-index:999;clear:both!important; width:100%;background-color:#217CAC;padding:7px 0px;}
* html div#PIE {position:absolute;background-color:#217CAC; color:#FFFFFF; text-align:center;height:auto; padding:7px 0px;
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop+(document.body.clientHeight-this.clientHeight));}


#PIE a {text-decoration:none; color:#fff; font-weight:bold;}
#PIE a:hover {text-decoration:underline; color:#FFCCCC; font-weight:bold;}