html, body {
width:100%;
height:100%;
}
* {
margin: 0;
padding: 0;
border: 0;
list-style:none;
}
body {
font-family: Tahoma,Geneva,sans-serif;
font-size:13px;
text-align: center;
color: #484848;
background-color:#ECECEC !important;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display:inline-block;}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
p {
padding: 0;
}
a {
color: #006F48;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border: none;
}
#top_bg {width: 816px; margin: 0 auto; height: 10px; padding:0px 10px 0px 10px; background: url(../images/top.png) no-repeat bottom center;}
#container {overflow:hidden; width: 816px; margin-left:auto; margin-right:auto; padding: 0 10px; background: url(../images/center.png) repeat-y;}
#bottom_bg {width: 836px; height: 10px; overflow: hidden; margin: 0px auto; display: block;background: transparent url(../images/bottom.png) no-repeat top center;}
/*------------------------ page */
#page {
padding: 0 5px;
text-align: left;
width: 806px;
background: #fff url(../images/pagebg.png) no-repeat top center
}
#header {
background-color: #fff;
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
color: #89A7CD;
font-size: 0.6em;
}
#header .info .logo {
float:left;
margin:5px 9px 0 0;
padding:0;
}
.mainmenu {
height: 20px;
background: transparent url(../images/back.gif);
}
/*------------------------ contenido */
#content {
clear: left;
overflow: hidden;
padding-bottom: 10px;
}
* html #content { height: 1%; } /* IE6 fix */
/*------------------------ slide */
#slide {
height: 275px;
}
#slide .pics img {
height: 275px;
background-color:#EEEEEE;
}
#slide-center {
height: 50px;
}
#slide-center .pics img {
height: 50px;
background-color:#EEEEEE;
}
/*------------------------ estructura */
.module {
clear: both;
overflow: hidden;
}
* html .module { height: 1%; } /* IE6 fix */
.block {
clear: left;
float: left;
overflow: hidden;
width: 605px;
}
* html .block { height: 1%; } /* IE6 fix */
.colA {
width:202px;
margin:0px 10px 10px 10px;
float:left;
display: inline; /* To fix the IE floating div bug */
}
.colB {
width:364px;
margin:0px 0px 10px 0px;
float:left;
display: inline; /* To fix the IE floating div bug */
color:#525245;
}
.colC {
width:210px;
float:right;
margin: 10px 0 10px 10px;
position: relative;
}
.colAB {
width:576px;
float:left;
color:#7d7d74;
margin:10px 0 2px 10px;
padding-bottom: 5px;
position: relative;
display: inline; /* To fix the IE floating div bug */
}
.colMediaA,
.colMediaB {
width:395px;
margin:0px 0px 10px 0px;
float:left;
display: inline; /* To fix the IE floating div bug */
color:#525245;
}
.colMediaB {
margin:0px 0px 10px 10px;
float:left;
}
.colABC {
}
/*------------------------ menu navegacion */
#navcontainer {position: absolute; height:25px;top: 70px; margin-left: 360px;}
#navcontainer ul{text-align: center;}
#navcontainer ul li {display: block; float: left; text-align: center; background:url(../images/bg-menu.png) repeat -20px 35px;}
#navcontainer ul li a {background:url(../images/bg-menu.png) repeat 0 0;padding: 4px 0 3px 0; color: #727272; display: block; font: normal 11px Arial, Helvetica, Verdana, Sans-serif; text-transform: uppercase; line-height: 18px;}
#navcontainer ul li a:hover {color: #ffffff}
#navcontainer ul li a.current {color: #ffffff; background: #1B723B;}
#navcontainer ul li a#m70,
#navcontainer ul li a#m80,
#navcontainer ul li a#m86,
#navcontainer ul li a#m94 {border-right: 1px solid #ffffff;}
#navcontainer ul li a#m70 {width: 70px;}
#navcontainer ul li a#m80 {width: 80px;}
#navcontainer ul li a#m86 {width: 86px;}
#navcontainer ul li a#m94 {width: 94px;}
#navcontainer ul li a#home {text-transform: none; width: 20px; border: 0; background: transparent url(../images/vineta-bg-menu.png) }
#navcontainer ul li a#home:hover,
#navcontainer ul li a#home.current {text-transform: none; width: 20px; background: transparent url(../images/vineta-bg-menu.png) no-repeat; text-decoration: none;}
/*------------------------ footer */
#slide-proyecto {display: block;width: 360px; height: 270px; float: right; margin-left: 10px; }
/*------------------------ footer */
#footer {clear: both; height: 22px; font-size:10px; color: #0033CC; padding: 4px 0; line-height: 23px; background: #525245 url(../images/footerbg.png); text-transform: uppercase; text-align: center;}
#footer ul li {display: inline; padding: 0 12px; border-right: 1px solid #fff; cursor: pointer;}
#footer a {color: #0033CC; font-size:11px;}
#footer a:hover {color: #c3cc93;}
#footer ul li.help {border: none;}
#footer ul li.email a {font-size: 11px;}
#footer ul li.address, #footer ul li.email {text-transform: none;}
#footer ul li.address {cursor: default;}
/*------------------------ copyright */
#copyright {font-size:10px; color: #8e8e84; margin-bottom:15px;}
.modulo {background: transparent url(../images/bg-nav.png) no-repeat top;}
/*------------------------ VARIOS */
.mini {font-size: 80%}
.adorn {background: transparent url(../images/header-gradiente.png);}
a.mas {padding: 2px 10px; border: 1px solid #ccc; font: 10px/14px Arial; height: 14px;}
a.mas:hover {background-color: #ccc; text-decoration: none}
.enlace {text-indent: 18px; line-height: 20px;background: #fff url(../images/vineta.png) no-repeat 0 center}
#dec {position: absolute;z-index: 300; width: 806px; height: 275px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/slide.png');}
#dec {background: transparent url(../images/slide.png);}
#proyecto #dec {margin-left: 436px;; position: absolute;z-index: 300; width: 360px; height: 270px; background: transparent url(../images/slide-proyecto.png); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/slide-proyecto.png');}
#identidad #dec { background: transparent url(../images/slide-identidad.png); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/slide.png');}
#proyecto .modulo {background: none}
a#boton-proyecto { background: url(../images/imagenes-proyecto-btn.png) no-repeat scroll left 0 transparent; display:block; height:42px; width:299px;}
a#boton-proyecto:hover {background-position: 0 -42px; text-decoration: none}
#proyecto .proyecto-texto {text-align: center; font: normal 10px/12px Arial,Sans-Serif;}
#proyecto .proyecto-texto a {font-size: 12px; line-height: 13px; height: 13px; display: block;}
#proyecto .proyecto-texto a img {vertical-align: middle}
#proyecto .texto-intro .blue {color: #3784da;}
.youtube {width:340px; float:left;}
.dec-dentro {display: block;width: 360px; height: 270px; float: right; margin-left: 10px; }
#zona-termal .colMediaB li{text-indent: 18px; line-height: 20px;background: #fff url(../images/vineta.png) no-repeat 0 center}
#zona-termal h1 {color: #006F48; font: normal 28px/42px Times New Roman,Verdana,Arial,Sans-Serif; letter-spacing: -0.05em; }
#zona-termal h2 {font-family: Times New Roman,Verdana,Arial,Sans-Serif; font-size: 18px; color: #a50021; text-decoration: underline; font-weight: normal; margin: 4px 0; text-transform: uppercase;}
#zona-termal table {width: 320px}
/*------------------------ alternativa */
.alternativa-right {width: 400px; display: block; margin-left: 10px; float: right}
#alternativa .colABC li{margin: 5px 0 5px 10px;}
#alternativa h2 {margin: 10px 0; text-transform: uppercase; }
#alternativa h3 {color:#206b9f; text-decoration: underline;}
/*------------------------ noticias */
#noticias .fuente {text-align: right; font-weight: bold;}
#noticias .texto-intro {font-family: Georgia,"Times New Roman",Times,serif; font-size: 12px;}
#noticias #ilustraciones { width: 250px; text-align: center; border: 1px solid #ccc; float: right; margin: 4px; padding: 4px 0 4px 0}
#noticias #ilustraciones img {margin-bottom: 2px; }
/*------------------------ DIAGRAMA COLUMNAS */
.colC ul {font-size:10px; width:188px;}
.colC ul li.item {border-bottom: 1px dotted #565656; padding: 3px 0;}
.colC ul a:hover {font-decoration: none; color: #1A376F}
.colABC ul {font-size:12px; width:788px;}
.colABC ul li.item {border-bottom: 1px dotted #565656; padding: 3px 0;}
.colABC .texto-intro {padding-left: 10px}
.colABC .texto-intro .img-ppal {float: left; width: 350px; margin-right: 5px;}
.colABC h1 {color: #006F48; font: normal 28px/42px Times New Roman,Verdana,Arial,Sans-Serif; letter-spacing: -0.05em; }
.colABC h2 {padding-left: 10px; color: #272626; font: 18px/26px Georgia; letter-spacing: -0.03em;}
.colABC p { font-size: 14px; line-height: 20px; margin: 10px 0px}
.colABC a { font-weight: bold;}
.colABC strong {color: #224872;}
.colABC .bloque_texto {width: 440px; float: right}
/*------------------------ novedades */
#novedades {font-size: 100%; width: 90%; margin: 0 auto;}
#novedades h3 {font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; font-size: 90%; }
#novedades .fecha {color: #B5002D; font-size: 110%;font-family: Georgia,"Times New Roman",Times,serif}
#novedades .titulo {font-size: 90%; text-transform: uppercase; font-weight: bold; border-bottom:2px solid #E7E7E7}
/*------------------------ enlace */
#enlaces .enlace {text-align: center; background: none}
/*------------------------ participantes */
#participantes .bloque-part {height: 130px; border-bottom:3px solid #ededed}
#participantes .bloque-part p {line-height: 12px;}
#participantes .img {float: left; width: 100px;height: 140px;}
#participantes .bloque-part-dos {float: left; width: 300px;}
#participantes .bloque-part-dos p {font-size: 12px; line-height: 17px;}
#participantes .bloque-part-dos .img-part {float: left; width: 80px; }
/*------------------------ novedades otros*/
#novedades-otros {font-size: 100%; width: 90%; margin: 0 auto;}
#novedades-otros h3 {font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; font-size: 90%; }
#novedades-otros .fecha {color: #B5002D; font-size: 110%;font-family: Georgia,"Times New Roman",Times,serif}
#novedades-otros .titulo {font-size: 90%;border-bottom:2px solid #E7E7E7}
/*------------------------ varios */
#page h1.top-logo {position:relative;top:2px; display:block; width:412px; height:113px; margin:0px 0 0 0px; padding:0; }
#page h1.top-logo span { display:block; width:412px; height:113px; background:url(../images/logo.png) no-repeat; }
#page h1.top-logo span a { position:relative; display:block; width:278px; height:80px;margin:0px 0 0 0px;padding:0;overflow:hidden;text-indent:-9999px;}
#loader { cursor: default; position: absolute; padding: 8px 10px 8px 8px; width: 300px; display: block; background-color: #ffffee; color: black;border-top: 1px solid #999999; border-right: 2px solid #666666; border-bottom: 2px solid #666666; border-left: 1px solid #666666; z-index: 100; line-height: 13.; white-space: normal; font-weight: normal; margin-left: 258px; margin-top: 20px; }
.bloquest { margin-left: 10px; }
.t1, .t2, .t3 { width: 230px; float: left; }
.t1{ width: 285px; float: left; }
/*------------------------ sitemap */
#sitemap {width: 300px; font: 12px/14px Arial, Helvetica, sans-serif; color:#555; display: none;text-align: left;}
#sitemap ul,
#sitemap li{margin:0;padding:0; list-style:none;}
#sitemap li .fm {padding-left: 10px;}
#sitemap ul{display:none;}
#sitemap li{ line-height:200%;margin-top:1px; background:#eee; position:relative; width:100%;}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{float:left;display:inline;}
#sitemap li a{padding-left:28px;}
#sitemap a{text-decoration:none;color:#057fac;}
#sitemap a:hover{text-decoration:none;color:#999;}
/* second level */
#sitemap li li{background:#fff;}
#sitemap li li a{padding-left:56px;}
#sitemap li li span{left:28px;}
/* third level */
#sitemap li li li a{padding-left:84px;}
#sitemap li li li span{left:56px;}
form.cmxform legend { padding: 0 2px; font-weight: bold; _margin: 0 -7px; /* IE Win */}
form.cmxform label { display: inline-block; line-height: 1.8; vertical-align: top; cursor: hand; }
form.cmxform fieldset p { list-style: none; padding: 5px; margin: 0; }
form.cmxform fieldset fieldset { border: none; margin: 3px 0 0; }
form.cmxform fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
form.cmxform fieldset fieldset label { display: block; width: auto; }
form.cmxform label { width: 150px; } /* Width of labels */
form.cmxform label.large { width: 250px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 103px; } /* Width plus 3 (html space) */
form.cmxform label.error { background: transparent url(../images/warning.gif) no-repeat; line-height: 24px; padding-left:30px;margin-left: 40px; width: 240px; }
form.cmxform input.submit { margin-left: 353px; }
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
form.cmxform { width: 99%; font-size: 1.0em; color: #333; }
form.cmxform legend { padding-left: 0; }
form.cmxform legend, form.cmxform label { color: #333; }
form.cmxform fieldset { border: none; border-top: 1px solid #C9DCA6; background: url(../images/cmxform-fieldset.gif) left bottom repeat-x; background-color: #F8FDEF; }
form.cmxform fieldset fieldset { background: none; }
form.cmxform fieldset p, form.cmxform fieldset fieldset { padding: 5px 10px 7px; background: url(../images/cmxform-divider.gif) left bottom repeat-x; }
form.cmxform label.error, label.error { color: red; font-size: 12px; }
div.error { display: none; }
form.cmxform input {padding: 2px;}
form.cmxform input,
form.cmxform textarea { border: 1px solid #1b723b; }
form.cmxform input:focus,
form.cmxform textarea:focus { border: 1px dotted black; }
form.cmxform input.error,
form.cmxform textarea.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }