/*                                                                                       Do the reset!
------------------------------------------------------------------------------------------------------
*/
* { 
    padding: 0; 
    margin: 0;
    line-height: 1.5em;
}
/*                                                                     Elementos definidos globalmente
------------------------------------------------------------------------------------------------------
*/
body {
    font: normal 73%/1.2em  "Lucida Grande","Lucida Sans Unicode",Helvetica,sans-serif;
    color: #4D4D4D;
    text-align: center;
	background:#d1f2fb url(../img/bgBody.gif) repeat-x;
}
a {
    text-decoration: underline;
    color: #00F;
}
a:active {
    color:#2a5e7c;
}
a:visited {
    color:#2a5e7c;
}
a:hover {
    text-decoration: none;
}
a img {
    border: 0;
}

/*                                                                         Headings y bloques de texto
------------------------------------------------------------------------------------------------------
*/
h1 a{
	background:url(../img/logoCloud.png) no-repeat 0 0;
	width:155px;
	height:97px;
	position:absolute;
	top:15px;
	left:30px;
	text-indent:-10000px;
	outline:none;
}
* html h1 a{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logoCloud.png',sizingMethod='crop');
}
h2 {
    font-size:2.2em;
	font-weight:normal;
	padding-bottom:25px;
	color:#2a5e7c;
	line-height:1.1em;
}
h3 {
	font-weight:normal;
	color:#2a5e7c;
}
h4 {
	color:#2a5e7c;
}	
p {
   margin-bottom:0.8em;
}
p big {
	font-size:1.2em;
	padding-bottom:2em;
}
table {
    border-collapse: collapse;
}

ul {
	list-style: none;
}

sup {
    vertical-align: text-top;
    font-size: 0.75em;
}

sub {
    vertical-align: text-bottom;
    font-size: 0.75em;
}


/*                                                                             Elementos estructurales
------------------------------------------------------------------------------------------------------
*/
#wrap {
    width: 884px;
    margin: 0 auto;
    text-align: left;
	background:url(../img/bgWrap.png) repeat-y;
}
* html #wrap{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgWrap.png',sizingMethod='scale');
}
#cabecera {
	background:url(../img/nubesCabecera.png) no-repeat 0 0;
	height:420px;
	width:990px;
	margin:0 auto;
	position:relative;
}
* html #cabecera{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/nubesCabecera.png',sizingMethod='crop');
}
#logo {
	width:120px;
	height:45px;
	position:absolute;
	top:30px;
	right:30px;
}
#contenidoFlash {
	width:628px;
	position:absolute;
	top:0px;
	left:180px;
}
#contenidoFlash p {
	color:#FFF;
	padding-top:1em;
}
#contenidoFlash a {
	color:#FFF;
}
#contenido {
	background: #FFF url(../img/bgContenido.gif) repeat-x bottom;
	width:634px;
	padding:50px 120px 40px 120px;
	margin:0 auto;
}
#footer {
    background:url(../img/bgFooter.png) no-repeat 0 0;
	width:884px;
	margin:-2px auto 0 auto;
	text-align:right;
	padding:5px 0 100px 0;
}
* html #footer{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgFooter.png',sizingMethod='crop');
}
/*                                                                                          Navegación
------------------------------------------------------------------------------------------------------
*/
#menu0 {
	background-image: url(img/menu0.gif);
}
#menu1 {
	background-image: url(img/menu1.gif);
}
#menu2 {
	background-image: url(img/menu2.gif);
}
#menu3 {
	background-image: url(img/menu3.gif);
}
#nav {
    background:url(../img/bgMenu.png) no-repeat bottom center;
	width:874px;
	margin:0 auto;
}
* html #nav{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgMenu.png',sizingMethod='crop');
}
#nav ul {
    list-style: none;
	margin: 0 0 0 33px;
	height:122px;
}
#nav li {
    float: left;
    display: inline;
	height:122px;
	overflow:hidden;
	position:relative;
}
#nav a {
	height:122px;
	background-repeat:no-repeat;
	background-position:0 0;
}
#nav a:hover img,
#nav a.js-hover img, 
.index .nav0 img,
.hoy .nav1 img,
.manyana .nav2 img,
.glosario .nav3 img{
	margin-top:-122px !important;
}

#config {
margin-left: 204px;
 
}









/*                                                                                             Que es
------------------------------------------------------------------------------------------------------
*/
ul.listaCent {
	margin:30px 0 0 0;
}
.listaCent li{
	background:url(../img/sepHz.png) no-repeat 50% 0;
	display:block;
	padding:20px 0;
	height:100%;
}
* html .listaCent li,
* html #glosario dt {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/sepHz.png',sizingMethod='crop');
}
body.index #contenido ul li h3 {
	width:25%;
	margin-top:-10px;
	font-size:2.2em;
}
.index #contenido ul li div.txt{
	width:73%;
}
div.sepHz {
	position:relative;
	margin:0 0 30px 0;
}
div.sepHz img{
	position:absolute;
}
/*                                                                                                Hoy
------------------------------------------------------------------------------------------------------
*/

.hoy h3, 
.manyana h3 {
	font-size:1.3em;
	margin:20px 0 15px 0;
}
.hoy #contenido ul li h4 {
	font-size:1em;
	width:25%;
}
.hoy #contenido ul li div.txt {
	padding-right:50px;
	width:63%;
}
.hoy a.verDetalle {
	background:url(../img/botonHoy.gif) no-repeat 0 0;
	width:295px;
	height:26px;
	color: #4D4D4D;
	margin:40px -70px 0px 0;
	font-size:1.4em;
	text-decoration:none;
	padding:10px;
	text-align:center;
}
/*                                                                                            Manyana
------------------------------------------------------------------------------------------------------
*/

.manyana #contenido ul li div.txt {
	width:64%;
}
.manyana  #contenido ul li div.img {
	width:35%;
} 
.manyana h4 {
	font-size:1em;
}
/*                                                                                           Glosario
------------------------------------------------------------------------------------------------------
*/

#menuGlosario {
	height:42px;
	margin-top:30px;
}
#menuGlosario li{
	float:left;
	display:inline;
	width:87px;
	height:32px;
	padding-top:9px;
	margin-right:20px;
	text-align:center;
	background:url(../img/menuGlosario.png) no-repeat 0 0;
	cursor:pointer;
	font-size:1.3em;
	letter-spacing:0.3em;
}
* html #menuGlosario li {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/menuGlosario.png',sizingMethod='crop');
}
#menuGlosario li.last,
#menuGlosario li:last-child{
	margin-right:0;
}
#menuGlosario li.activo{
	background-image:url(../img/menuGlosarioActivo.png);
	color:#2A5E7C;
}
* html #menuGlosario li.activo {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/menuGlosarioActivo.png',sizingMethod='crop');
}

#glosario {
	margin:30px 0;
}
#glosario dt,  
ul.enlaces li{
	display:block;
	padding:10px 0 5px;
	background:url(../img/sepHz.png) no-repeat 50% 0;
	font-weight:bold;
	height:100%;
}

* html #glosario dt,  
* html ul.enlaces li {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/sepHz.png',sizingMethod='crop');
}
#glosario dt a, 
ul.enlaces li a {
	padding-left:20px;
	margin-left:35px;
	background:url(../img/bgDt.gif) 0 5px no-repeat;
	color:#4D4D4D;
	text-decoration:none;
	cursor:pointer;
	outline:none;
}
ul.enlaces li a {
	margin-left:0px;
	font-weight:normal;
}
ul.enlaces {
	margin:30px 0 ;
}
#glosario dt a:hover,
ul.enlaces li a:hover {
	color:#2A5E7C;
}
#glosario dt.activo a{
	background-image:url(../img/bgDtActivo.gif);
	color:#2A5E7C;
}
#glosario dd {
	display:none;
	padding-left:55px;
}
.glosario #contenido {
	position:relative;
	padding-left:150px;
	padding-right:90px;
}

ul#navGlosario {
	position:absolute;
	top:50px;
	left:40px;	
}
ul#navGlosario li a{
	background:url(../img/menuGlosario.png) no-repeat 0 0;
	width:87px;
	height:32px;
	padding-top:9px;
	text-align:center;
	cursor:pointer;
	font-size:1.2em;
	margin-top:5px;
	display:block;
	color:#4d4d4d;
	text-decoration:none;
}

* html ul#navGlosario li a{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/menuGlosario.png',sizingMethod='crop');
}

ul#navGlosario li a:hover,
ul#navGlosario a.activo{
	background-image:url(../img/menuGlosarioActivo.png);
	color:#2A5E7C;
}

* html ul#navGlosario li a:hover,
* html ul#navGlosario a.activo{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/menuGlosarioActivo.png',sizingMethod='crop');
}