body {
    font-family:Verdana, Arial, sans-serif;
    font-size:11px;
    color:#FFFFFF;
    text-align:center; /*aqui mandamos a centrar todo el contenido*/
	padding:0px;
	margin-top:5px; 
	margin-left:0px;
	margin-bottom:0px; 
	margin-right:0px;
}

.news {
	position:absolute;
	top:0px;
	left:5px;
	width:175px;
	height:48px;
	font-family:Verdana, Arial, sans-serif; 
	COLOR: #666666;
	font-size:10px;
	visibility:hidden;
}

/* ========================================================== */
/*  IE */ 
/* ========================================================== */
#footer {
	vertical-align: top;
	margin:0 auto 0 auto;
	text-align: left;
    width:982px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	background-image: url(../imagenes/barra_menu_central.jpg);
	background-repeat: no-repeat;
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:0px;
	color:#000000;
} 


/* ---------------------------------------------------------- */
/*  FF */ 
/* ---------------------------------------------------------- */
.gecko #footer {
	vertical-align: top;
	margin:-10 auto 0 auto;
	text-align: center;
    width:982px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	background-image: url(../imagenes/barra_menu_central.jpg);
	background-repeat: no-repeat;
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:0px;
	color:#000000;
}


/* ========================================================== */
/*  IE */ 
/* ========================================================== */
p
{
	margin-top:-10px;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}
/* ---------------------------------------------------------- */
/*  FF */ 
/* ---------------------------------------------------------- */
.gecko p
{
	margin-top:-5px;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}


ul
{
	margin-top:5px;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

li
{
	list-style-image: url(../imagenes/li_img.gif);
	margin-top:5px;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-align: left;
	margin-bottom: 5px;
	margin-right: 15px;
}

li.imgblanca
{
	list-style-image: url(../imagenes/li_b_img.gif);
	margin-top:5px;
	FONT-SIZE: 10px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-align: left;
	margin-bottom: 5px;
	margin-right: 15px;
}
/* Colores de textos*/ 
.naranja
{
	FONT-SIZE: 10px;
	font-weight: bold;
	COLOR: #f05d00;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

.naranja2
{
	FONT-SIZE: 10px;
	font-weight: bold;
	COLOR: #cf3500;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}
.blanco
{
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

.granate
{
	FONT-SIZE: 10px;
	COLOR: #a6000c;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

.naranja_txt
{
	FONT-SIZE: 10px;
	COLOR: #f05d00;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}
td.naranja_txt
{
	FONT-SIZE: 10px;
	COLOR: #f05d00;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
}
ul.naranja_txt
{
	FONT-SIZE: 10px;
	COLOR: #f05d00;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

.gris_txt
{
	FONT-SIZE: 10px;
	COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}
td.gris_txt
{
	FONT-SIZE: 10px;
	COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
}
ul.gris_txt
{
	FONT-SIZE: 10px;
	COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

.azul_txt
{
	FONT-SIZE: 10px;
	COLOR: #58a1d6;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

.azul_txt2
{
	FONT-SIZE: 10px;
	font-weight: bold;
	COLOR: #3e7dab;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

td.azul_txt
{
	FONT-SIZE: 10px;
	COLOR: #58a1d6;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
}
ul.azul_txt
{
	FONT-SIZE: 10px;
	COLOR: #58a1d6;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

.verde_txt
{
	FONT-SIZE: 10px;
	COLOR: #03ba06;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

.verde_txt2
{
	FONT-SIZE: 10px;
	font-weight: bold;
	COLOR: #099f32;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}


td.verde_txt
{
	FONT-SIZE: 10px;
	COLOR: #03ba06;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
}
ul.verde_txt
{
	FONT-SIZE: 10px;
	COLOR: #03ba06;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

.granate_txt
{
	FONT-SIZE: 10px;
	COLOR: #a3000e;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}
td.granate_txt
{
	FONT-SIZE: 10px;
	COLOR: #a3000e;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
}
ul.granate_txt
{
	FONT-SIZE: 10px;
	COLOR: #a3000e;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}


/* Titulos */
.titulonaranja
{
	FONT-SIZE: 14px;
	COLOR: #f05d00;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	font-weight: bold;
}

.titulogris
{
	FONT-SIZE: 14px;
	COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	font-weight: bold;
}

.tituloazul
{
	FONT-SIZE: 14px;
	COLOR: #58a1d6;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	font-weight: bold;
}

.tituloverde
{
	FONT-SIZE: 14px;
	COLOR: #03ba06;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	font-weight: bold;
}

.titulogranate
{
	FONT-SIZE: 14px;
	COLOR: #a6000c;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	font-weight: bold;
}

.titulonegro
{
	FONT-SIZE: 14px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	font-weight: bold;
}

.titulonaranjag
{
	FONT-SIZE: 20px;
	COLOR: #f05d00;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	font-weight: bold;
}

.negrogrande
{
	FONT-SIZE: 13px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}



a
{
	FONT-SIZE: 11px;
	COLOR: #828282;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
}

a:hover
{
	FONT-SIZE: 11px;
	COLOR: #828282;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration: underline;
}

.enlaceactual
{
	FONT-SIZE: 11px;
	COLOR: #f05d00;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
	font-weight : bold;
}


A.enlacelegal
{
	FONT-SIZE: 11px;
	COLOR: #ff741f;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
}

A.enlacelegal:hover
{
	FONT-SIZE: 11px;
	COLOR: #ff741f;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration: underline
}

a.negro_txt
{
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
	font-weight : bold;
}

a.negro_txt:hover
{
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration: underline;
	font-weight : bold;
}

A.naranja_txt
{
	FONT-SIZE: 10px;
	COLOR: #f05d00;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
	font-weight : bold;
}
A.naranja_txt:hover
{
	FONT-SIZE: 10px;
	COLOR: #f05d00;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration: underline;
	font-weight : bold;
}

A.blanco_txt
{
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
	font-weight : bold;
}
A.blanco_txt:hover
{
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration: underline;
	font-weight : bold;
}

/* Enlaces de Actividades */
/* Naranja */
.txtactnaranja
{
	FONT-SIZE: 13px;
	COLOR: #ff741f;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
}
A.enlaceactnaranja
{
	FONT-SIZE: 13px;
	COLOR: #ff741f;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
	font-weight : bold;
}
A.enlaceactnaranja:hover
{
	FONT-SIZE: 13px;
	COLOR: #ff741f;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration: underline;
	font-weight : bold;
}

/* Gris */
.txtactgris
{
	FONT-SIZE: 13px;
	COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
}
A.enlaceactgris
{
	FONT-SIZE: 13px;
	COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
	font-weight : bold;
}
A.enlaceactgris:hover
{
	FONT-SIZE: 13px;
	COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration: underline;
	font-weight : bold;
}

/* Azul */
.txtactazul
{
	FONT-SIZE: 13px;
	COLOR: #58a1d6;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
}
A.enlaceactazul
{
	FONT-SIZE: 13px;
	COLOR: #58a1d6;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
	font-weight : bold;
}
A.enlaceactazul:hover
{
	FONT-SIZE: 13px;
	COLOR: #58a1d6;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration: underline;
	font-weight : bold;
}

/* Verde */
.txtactverde
{
	FONT-SIZE: 13px;
	COLOR: #03ba06;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
}
A.enlaceactverde
{
	FONT-SIZE: 13px;
	COLOR: #03ba06;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
	font-weight : bold;
}
A.enlaceactverde:hover
{
	FONT-SIZE: 13px;
	COLOR: #03ba06;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration: underline;
	font-weight : bold;
}

/* Granate */
.txtactgranate
{
	FONT-SIZE: 13px;
	COLOR: #a3000e;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
}
A.enlaceactgranate
{
	FONT-SIZE: 13px;
	COLOR: #a3000e;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
	font-weight : bold;
}
A.enlaceactgranate:hover
{
	FONT-SIZE: 13px;
	COLOR: #a3000e;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration: underline;
	font-weight : bold;
}

/* ========================================================== */
/* Suena IE */ 
/* ========================================================== */
#contenedor_suena {
    width:982px; /*ancho total de la pagina*/ 
	heigth:535px; /*alto total de la pagina*/ 
    border:0px solid #FFFFFF; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#FFFFFF;
	background-image: url(../imagenes/01_suena_completo.png);
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
}

#suena_txt {
	margin-top:20px; /*para que no se pegue al borde*/ 
	margin-left:370px; /*para que no se pegue al borde*/ 
    width:370px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:10px;
	color:#000000;
} 

#suena_firma_img {
	margin-top:5px; /*para que no se pegue al borde*/ 
	margin-left:250px; /*para que no se pegue al borde*/
	margin-bottom:20px; /*para que no se pegue al borde*/ 
    width:200px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:10px;
	text-align:right;
	color:#000000;
	height:40px;
} 

#suena_firma {
	margin-top:5px; /*para que no se pegue al borde*/ 
	margin-left:235px; /*para que no se pegue al borde*/ 
	margin-bottom:10px; /*para que no se pegue al borde*/ 
    width:200px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:10px;
	text-align:right;
	color:#000000;
} 

#Calandria_Blog_suena {
    float:left;
    margin:-58px 40px 0px 0px; /* top right bottom left*/ 
    width:290px;
	padding:10px;
	color:#FFFFFF;
} 
.gecko #Calandria_Blog_suena {
    float:left;
    margin:-69px 0px 0px 0px; /* top right bottom left*/ 
    width:236px;
	heigth:35px;
	padding:10px;
	color:#FFFFFF;
} 

/* ---------------------------------------------------------- */
/* Suena FF */ 
/* ---------------------------------------------------------- */
.gecko #contenedor_suena {
    width:982px; /*ancho total de la pagina*/ 
	heigth:535px; /*alto total de la pagina*/ 
    border:0px solid #FFFFFF; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#FFFFFF;
	background-image: url(../imagenes/01_suena_completo.png);
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
}

.gecko #suena_txt {
	margin-top:21px; /*para que no se pegue al borde*/ 
	margin-left:370px; /*para que no se pegue al borde*/ 
    width:370px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:10px;
	color:#000000;
} 

.gecko #suena_firma_img {
	margin-top:5px; /*para que no se pegue al borde*/ 
	margin-left:250px; /*para que no se pegue al borde*/ 
	margin-bottom:13px; /*para que no se pegue al borde*/ 
    width:200px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:10px;
	text-align:right;
	color:#000000;
	height:40px;
} 

.gecko #suena_firma {
	margin-top:5px; /*para que no se pegue al borde*/ 
	margin-left:235px; /*para que no se pegue al borde*/ 
    width:200px; /*el ancho mas el padding me da 600px de ancho que es lo que mide la pagina */
	heigth:100px;
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:10px;
	text-align:right;
	color:#000000;
} 



.gecko #Calandria_Blog_suena {
    float:left;
    margin:-69px 0px 0px 0px; /* top right bottom left*/ 
    width:236px;
	heigth:35px;
	padding:10px;
	color:#FFFFFF;
} 


/* ========================================================== */
/* Conocenos IE */ 
/* ========================================================== */
#contenedor_conoce {
    width:982px; /*ancho total de la pagina*/ 
	heigth:535px; /*alto total de la pagina*/ 
    border:0px solid #FFFFFF; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#f08713;
	background-image: url(../imagenes/02_conocenos_completo.png);
    margin:0px auto; /*0px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	color:#FFFFFF;
}

#conoce_txt {
	margin-top:103px; /*para que no se pegue al borde*/ 
	margin-left:360px; /*para que no se pegue al borde*/ 
    width:290px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
	text-color:#FFFFFF;
} 

#conoce_txt2 {
    float:right;
    margin:-490px 40px 0px 0px; /* top right bottom left*/ 
    width:290px;
	padding:10px;
	color:#FFFFFF;
} 

#conoce_folleto {
    float:left;
    margin:-195px 40px 0px 647px; /* top right bottom left*/ 
    width:290px;
	padding:10px;
	color:#FFFFFF;
} 

#Calandria_Blog_conoce {
    float:left;
    margin:-65px 40px 0px 0px; /* top right bottom left*/ 
    width:290px;
	padding:10px;
	color:#FFFFFF;
} 




/* ---------------------------------------------------------- */
/* Conocenos FF */ 
/* ---------------------------------------------------------- */
.gecko #contenedor_conoce {
    width:982px; /*ancho total de la pagina*/ 
	heigth:535px; /*alto total de la pagina*/ 
    border:0px solid #FFFFFF; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
	background-color:#f08713;
	background-image: url(../imagenes/02_conocenos_completo.png);
    margin:0px auto; /*0px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	color:#FFFFFF;
}

.gecko #conoce_txt {
	margin-top:105px; /*para que no se pegue al borde*/ 
	margin-left:360px; /*para que no se pegue al borde*/ 	
    width:280px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
	text-color:#FFFFFF;
} 

.gecko #conoce_txt2 {
    float:right;
    margin:-490px 30px 0px 0px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
} 

.gecko #conoce_folleto {
    float:left;
    margin:-198px 40px 0px 647px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
} 


.gecko #Calandria_Blog_conoce {
    float:left;
    margin:-68px 40px 0px 0px; /* top right bottom left*/ 
    width:290px;
	padding:10px;
	color:#FFFFFF;
} 

/* ========================================================== */
/* Disfrutologos IE */ 
/* ========================================================== */
#contenedor_disfrutologos {
    width:982px; /*ancho total de la pagina*/ 
	heigth:535px; /*alto total de la pagina*/ 
    border:0px solid #FFFFFF; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#FFFFFF;
	background-image: url(../imagenes/03_disfrutologos_completo.png);
    margin:0px auto; /*0px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	color:#FFFFFF;
}

#disfrutologos_txt {
	margin-top:100px; /*para que no se pegue al borde*/ 
	margin-left:360px; /*para que no se pegue al borde*/ 
	margin-bottom:12px; /*para que no se pegue al borde*/ 
    width:340px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	height:407px;
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:10px;
	text-color:#FFFFFF;
} 

#disfrutologos_txt2 {
    float:right;
    margin:-460px 60px 0px 550px; /* top right bottom left*/ 
    width:210px;
	padding:10px;
	color:#FFFFFF;
} 

#disfrutologos_folleto {
	float:left;
    margin:-255px 0px 0px 700px; /* top right bottom left*/ 
    width:210px;
	padding:0px;
	color:#FFFFFF;
} 

#actividades_folleto {
	float:left;
    margin:-145px 0px 0px 600px; /* top right bottom left*/ 
    width:210px;
	padding:0px;
	color:#FFFFFF;
}

#Calandria_Blog_disfru {
    float:left;
    margin:-68px 40px 0px 0px; /* top right bottom left*/ 
    width:290px;
	padding:10px;
	color:#FFFFFF;
} 
.gecko #Calandria_Blog_disfru {
    float:left;
    margin:-70px 0px 0px 0px; /* top right bottom left*/ 
    width:236px;
	heigth:35px;
	padding:10px;
	color:#FFFFFF;
} 

/* ---------------------------------------------------------- */
/* Disfrutologos FF */ 
/* ---------------------------------------------------------- */
.gecko #contenedor_disfrutologos {
    width:982px; /*ancho total de la pagina*/ 
	heigth:535px; /*alto total de la pagina*/ 
    border:0px solid #FFFFFF; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#FFFFFF;
	background-image: url(../imagenes/03_disfrutologos_completo.png);
    margin:0px auto; /*0px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	color:#FFFFFF;
}

.gecko #disfrutologos_txt {
	margin-top:80px; /*para que no se pegue al borde*/ 
	margin-left:368px; /*para que no se pegue al borde*/ 
	margin-bottom:45px; /*para que no se pegue al borde*/ 
    width:290px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	height:363px;
	text-color:#FFFFFF;
} 

.gecko #disfrutologos_txt2 {
    float:right;
    margin:-460px 40px 0px 0px; /* top right bottom left*/ 
    width:210px;
	color:#FFFFFF;
} 

.gecko #disfrutologos_folleto {
	float:left;
    margin:-250px 40px 0px 690px; /* top right bottom left*/ 
    width:127px;
	height:126px;
	color:#FFFFFF;
} 

.gecko #actividades_folleto {
	float:left;
    margin:-145px 0px 0px 600px; /* top right bottom left*/ 
    width:210px;
	padding:0px;
	color:#FFFFFF;
}

/* ========================================================== */
/* Actividades IE */ 
/* ========================================================== */
#contenedor_actividades {
    width:982px; /*ancho total de la pagina*/ 
	heigth:535px; /*alto total de la pagina*/ 
    border:0px solid #FFFFFF; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#FFFFFF;
	background-image: url(../imagenes/04_actividades_completo.png);
    margin:0px auto; /*0px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	color:#FFFFFF;
}

#actividades_txt {
	margin-top:150px; /*para que no se pegue al borde*/ 
	margin-left:320px; /*para que no se pegue al borde*/ 
    width:290px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:10px;
	text-color:#FFFFFF;
} 

#actividades_talleres_naranja {
    float:right;
    margin:-410px 20px 0px 0px; /* top right bottom left*/ 
    width:375px;
	padding:10px;
	color:#FFFFFF;
} 

#actividades_empresa_gris {
    float:right;
    margin:-410px 20px 0px 0px; /* top right bottom left*/ 
    width:375px;
	padding:10px;
	color:#FFFFFF;
} 

#actividades_infantil_azul {
    float:right;
    margin:-410px 20px 0px 0px; /* top right bottom left*/ 
    width:375px;
	padding:10px;
	color:#FFFFFF;
} 

#actividades_comunidades_verde {
    float:right;
    margin:-410px 20px 0px 0px; /* top right bottom left*/ 
    width:375px;
	padding:10px;
	color:#FFFFFF;
} 

#actividades_grupos_granate {
    float:right;
    margin:-410px 20px 0px 0px; /* top right bottom left*/ 
    width:375px;
	padding:10px;
	color:#FFFFFF;
} 

#actividades_consultoria_naranja {
    float:right;
    margin:-445px 20px 0px 0px; /* top right bottom left*/ 
    width:375px;
	padding:10px;
	color:#FFFFFF;
} 

#actividades_ocio_naranja {
    float:right;
    margin:-410px 20px 0px 0px; /* top right bottom left*/ 
    width:375px;
	padding:10px;
	color:#FFFFFF;
} 

#actividades_img_empresas {
    float:left;
    margin:-527px 40px 0px 526px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
} 

#actividades_img_infantil {
    float:left;
    margin:-527px 40px 0px 526px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
} 

#actividades_img_comunidades {
    float:left;
    margin:-527px 40px 0px 526px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
} 

#actividades_img_grupos {
    float:left;
    margin:-527px 40px 0px 526px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
} 

#actividades_img_consultoria {
    float:left;
    margin:-527px 40px 0px 526px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

#actividades_img_ocio {
    float:left;
    margin:-527px 40px 0px 526px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

#actividades_img_talleres_sel {
    float:left;
    margin:-283px 40px 0px 300px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

#actividades_img_empresas_sel {
    float:left;
    margin:-255px 40px 0px 300px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

#actividades_img_infantil_sel {
    float:left;
    margin:-240px 40px 0px 300px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

#actividades_img_comunidades_sel {
    float:left;
    margin:-222px 40px 0px 300px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

#actividades_img_grupos_sel {
    float:left;
    margin:-208px 40px 0px 300px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

#actividades_img_consultoria_sel {
    float:left;
    margin:-180px 40px 0px 300px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

#actividades_img_ocio_sel {
    float:left;
    margin:-165px 40px 0px 300px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}



#Calandria_Blog_activi {
    float:left;
    margin:-70px 40px 0px 0px; /* top right bottom left*/ 
    width:290px;
	padding:10px;
	color:#FFFFFF;
} 
.gecko #Calandria_Blog_activi {
    float:left;
    margin:-71px 0px 0px 0px; /* top right bottom left*/ 
    width:236px;
	heigth:35px;
	padding:10px;
	color:#FFFFFF;
} 


/* ---------------------------------------------------------- */
/* Actividades FF */ 
/* ---------------------------------------------------------- */
.gecko #contenedor_actividades {
    width:982px; /*ancho total de la pagina*/ 
	heigth:535px; /*alto total de la pagina*/ 
    border:0px solid #FFFFFF; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#FFFFFF;
	background-image: url(../imagenes/04_actividades_completo.png);
    margin:0px auto; /*0px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	color:#FFFFFF;
}

.gecko #actividades_txt {
	margin-top:135px; /*para que no se pegue al borde*/ 
	margin-left:320px; /*para que no se pegue al borde*/ 
    width:290px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:10px;
	text-color:#FFFFFF;
} 

.gecko #actividades_talleres_naranja {
    float:right;
    margin:-410px 20px 0px 0px; /* top right bottom left*/ 
    width:365px;
	padding:10px;
	color:#FFFFFF;
} 

.gecko #actividades_empresa_gris {
    float:right;
    margin:-410px 20px 0px 0px; /* top right bottom left*/ 
    width:365px;
	padding:10px;
	color:#FFFFFF;
} 

.gecko #actividades_infantil_azul {
    float:right;
    margin:-410px 20px 0px 0px; /* top right bottom left*/ 
    width:365px;
	padding:10px;
	color:#FFFFFF;
} 

.gecko #actividades_comunidades_verde {
    float:right;
    margin:-410px 20px 0px 0px; /* top right bottom left*/ 
    width:365px;
	padding:10px;
	color:#FFFFFF;
} 

.gecko #actividades_grupos_granate {
    float:right;
    margin:-410px 20px 0px 0px; /* top right bottom left*/ 
    width:365px;
	padding:10px;
	color:#FFFFFF;
} 

.gecko #actividades_consultoria_naranja {
    float:right;
    margin:-445px 20px 0px 0px; /* top right bottom left*/ 
    width:365px;
	padding:10px;
	color:#FFFFFF;
} 

.gecko #actividades_ocio_naranja {
    float:right;
    margin:-410px 20px 0px 0px; /* top right bottom left*/ 
    width:365px;
	padding:10px;
	color:#FFFFFF;
} 

.gecko #actividades_img_empresas {
    float:left;
    margin:-528px 40px 0px 526px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
} 

.gecko #actividades_img_infantil {
    float:left;
    margin:-528px 40px 0px 526px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
} 

.gecko #actividades_img_comunidades {
    float:left;
    margin:-528px 40px 0px 526px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
} 

.gecko #actividades_img_grupos {
    float:left;
    margin:-528px 40px 0px 526px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
} 

.gecko #actividades_img_consultoria {
    float:left;
    margin:-528px 40px 0px 526px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

.gecko #actividades_img_ocio {
    float:left;
    margin:-528px 40px 0px 526px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

.gecko #actividades_img_talleres_sel {
    float:left;
    margin:-290px 40px 0px 300px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

.gecko #actividades_img_empresas_sel {
    float:left;
    margin:-262px 40px 0px 300px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

.gecko #actividades_img_infantil_sel {
    float:left;
    margin:-247px 40px 0px 300px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

.gecko #actividades_img_comunidades_sel {
    float:left;
    margin:-229px 40px 0px 300px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

.gecko #actividades_img_grupos_sel {
    float:left;
    margin:-215px 40px 0px 300px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

.gecko #actividades_img_consultoria_sel {
    float:left;
    margin:-187px 40px 0px 300px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}

.gecko #actividades_img_ocio_sel {
    float:left;
    margin:-170px 40px 0px 300px; /* top right bottom left*/ 
    width:290px;
	color:#FFFFFF;
}


/* ========================================================== */
/* Contacto IE */ 
/* ========================================================== */
#contenedor_contacto {
    width:982px; /*ancho total de la pagina*/ 
	heigth:535px; /*alto total de la pagina*/ 
    border:0px solid #FFFFFF; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#FFFFFF;
	background-image: url(../imagenes/05_contactanos_completo.png);
    margin:0px auto; /*0px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	color:#FFFFFF;
}

#contacto_txt {
	margin-top:20px; /*para que no se pegue al borde*/ 
	margin-left:510px; /*para que no se pegue al borde*/ 
    width:180px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	height:514px;
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:10px;
	text-color:#FFFFFF;
} 

#contacto_txt2 {
    float:right;
    margin:-370px 50px 0px 0px; /* top right bottom left*/ 
    width:170px;
	padding:10px;
	color:#FFFFFF;
} 

#contacto_txt3 {
    float:right;
    margin:-210px 140px 0px 0px; /* top right bottom left*/ 
    width:160px;
	padding:10px;
	color:#FFFFFF;
} 

#Calandria_Blog_contacta {
    float:left;
    margin:-70px 40px 0px 0px; /* top right bottom left*/ 
    width:290px;
	padding:10px;
	color:#FFFFFF;
} 
.gecko #Calandria_Blog_contacta {
    float:left;
    margin:-71px 0px 0px 0px; /* top right bottom left*/ 
    width:236px;
	heigth:35px;
	padding:10px;
	color:#FFFFFF;
} 


/* ---------------------------------------------------------- */
/* Contacto FF */ 
/* ---------------------------------------------------------- */
.gecko #contenedor_contacto {
    width:982px; /*ancho total de la pagina*/ 
	heigth:535px; /*alto total de la pagina*/ 
    border:0px solid #FFFFFF; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#FFFFFF;
	background-image: url(../imagenes/05_contactanos_completo.png);
    margin:0px auto; /*0px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	color:#FFFFFF;
}

.gecko #contacto_txt {
	margin-top:5px; /*para que no se pegue al borde*/ 
	margin-left:500px; /*para que no se pegue al borde*/ 
    width:180px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	height:497px;
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:10px;
	text-color:#FFFFFF;
} 

.gecko #contacto_txt2 {
    float:right;
    margin:-360px 50px 0px 0px; /* top right bottom left*/ 
    width:150px;
	padding:10px;
	color:#FFFFFF;
} 

.gecko #contacto_txt3 {
    float:right;
    margin:-210px 350px 0px 0px; /* top right bottom left*/ 
    width:160px;
	padding:10px;
	color:#FFFFFF;
} 



input.cajatexto
{
    font-family:Verdana, Arial, sans-serif;
    font-size:11px;
	COLOR: #f05d00;
	border-style:solid;
	border-color:#f05d00;
	border-width:1;	
}
select.combo
{
    font-family:Verdana, Arial, sans-serif;
    font-size:11px;
	COLOR: #f05d00;
	border-style:solid;
}

TEXTAREA.cajaobservaciones 
{
    font-family:Verdana, Arial, sans-serif;
    font-size:11px;
	COLOR: #f05d00;
	border-style:solid;
	border-color:#f05d00;
	border-width:1;	
}








.tribal {
	/*position: relative;*/
	background-image: url(../Imagenes/Fondo.jpg);
	background-position: center;
	background-repeat: no-repeat;
}




.general
{
	FONT-SIZE: 11px;
	COLOR: #828282;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

h1
{
	FONT-SIZE: 24px;
	COLOR: #00355f;
	/*COLOR: #58585a;*/
	FONT-FAMILY: Verdana, Arial, sans-serif;
	font-weight: bold;
	/*font-style: italic;*/
}

.titulo_oferta
{
	FONT-SIZE: 11px;
	COLOR: #313131;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	font-weight: bold;
}

.noticia
{
	FONT-SIZE: 10px;
	COLOR: #6c7735;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

.palabrasclave
{
	FONT-SIZE: 8px;
	COLOR: black;
	FONT-FAMILY: Arial, Verdana, sans-serif;
}

.titulo
{
	FONT-SIZE: 24px;
	COLOR: #00355f;
	/*COLOR: #58585a;*/
	FONT-FAMILY: Verdana, Arial, sans-serif;
	font-weight: bold;
	/*font-style: italic;*/
}

.titulo1
{
	FONT-SIZE: 14px;
	/*COLOR: #bed433;*/
	COLOR: #879832;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

.titulo2
{
	FONT-SIZE: 10px;
	COLOR: #6a7530;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	font-weight: bold;
}

table {
	FONT-SIZE: 10px;
	COLOR: #565656;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

.sangrado {
	FONT-SIZE: 12px;
	COLOR: #828282;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	margin-left: 10px;
	margin: 10px;
}




.enlacepalabrasclave {
	FONT-SIZE: 8px;
	COLOR: black;
	FONT-FAMILY: Arial, Verdana, sans-serif;	
	text-decoration:none;
}
.enlacepalabrasclave:hover {
	FONT-SIZE: 8px;
	COLOR: black;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-decoration:none;
}

.generalmenor
{
	FONT-SIZE: 9px;
	COLOR: #00344C;
	FONT-FAMILY: Arial, Verdana, sans-serif;
}

.contenido
{
	FONT-SIZE: 10px;
	COLOR: #00344C;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-align : justify;
}

.subtitulo
{
	FONT-SIZE: 11px;
	COLOR: #00344A;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	font : bold;
}

.eslogan
{
	FONT-SIZE: 10px;
	COLOR: #7C95AE;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	font : bold;
}

.textored
{
	FONT-SIZE: 10px;
	COLOR: #C7002F;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	font : bold;
}

.textowhite12
{
	FONT-SIZE: 10px;
	COLOR: white;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	font : bold;
	text-transform : uppercase;
}




.fecha
{
	FONT-SIZE: 7pt;
	COLOR: Black;
	FONT-FAMILY: Arial, Verdana, sans-serif;
}




A.enlacevisitadas
{
	FONT-SIZE: 12px;
	COLOR: White;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-decoration:none;
	/*font-weight : bold;*/
}

A.enlacevisitadas:hover
{
	FONT-SIZE: 12px;
	COLOR: White;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	/*font-weight : bold;*/
	text-decoration: underline
}

A.linkhome
{
	FONT-SIZE: 20px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:none;
	font-weight : bold;
}

A.linkhome:hover
{
	FONT-SIZE: 20px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration:underline;
	font-weight : bold;
}
.txtPie
{
	FONT-SIZE: 10px;
	COLOR: #6d6d6d;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	/*font-weight : bold;*/
	text-decoration:none;
}

.txtenlacemenuIdioma
{
	FONT-SIZE: 11px;
	COLOR: #ff8d00;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	/*font-weight : bold;*/
	text-decoration:none;
}
/*
*/

li.home
{
	list-style-image: url(../Imagenes/Vinheta.gif);
	text-align: justify;
	margin-bottom: 10px;
	margin-right: 15px;
}

li.letra
{
	list-style-image: none;
	list-style-type: upper-alpha;
}

li.numerico
{
	list-style-image: none;
	list-style-type: decimal;
	margin-left: 0px;
}

tr.impar{
	text-align: center;
	vertical-align: middle;
	color: Black;
}

tr.par{
	text-align: center;
	vertical-align: middle;
	background-color: White;
}

td.par{
	text-align: center;
	vertical-align: middle;
	color: Black;
}

td.impar{
	text-align: center;
	vertical-align: middle;
	color: Black;
}

.imagen{
	border: thin dotted #c0c0c0;
}