/* CSS Document */
body {
margin: 20px;
background-color:#ffffff;
font-family:"Trebuchet MS", Verdana;
background-color:#DEDEDE;	
}

#contenedor {
position:relative;
margin: auto;
padding: 0px;
width: 750px;

min-height: 510px;
height: auto !important;
height: 510px;
background-color:#FFFFFF;
border: 1px solid #DEDEDE;	
}

#saltar {
position:relative;
margin: auto;
padding: 0px;
width: 750px;
background-color:#FFFFFF;
font-family:"Trebuchet MS", Verdana;
font-size:12px;
color:#999999;

}
#saltar a{text-decoration:none;}

/*CAPA CON EL LOGO*/
#logo {
float:right;
margin-top: 8px;
margin-right:10px;
padding: 0px;
}

/*CAPA CON EL TITULO DE LA PAGINA*/
#titulo {
position: absolute;
left: 205px;
top: 60px;
margin:0px;
padding: 0px;
color:#747474;
font-size: 48px;
}
#titulo_envivo {
position: absolute;
left: 205px;
top: 50px;
margin:0px;
padding: 0px;
color:#747474;
font-size: 48px;
}
#nota_envivo {
position: absolute;
left: 210px;
top: 430px;
margin:0px;
padding: 0px;
font-size: 11px;

}

/*CAPA CON EL MENU*/
#menu {
position:absolute;
right: 5px;
top: 470px;
padding: 0px;
font-size: 14px;
font-weight:bold;
}

#menu ul{
display:inline;
list-style:none; 
padding:0px; 
margin-left:0px;
}
#menu li{
display:inline;
width:100px;
height:15px;
margin:auto;
margin-left: 8px;
}

#menu a.menu, #menu a.menu:visited {

color:#747474; 
text-decoration:none; 
margin:1px 2px 1px 2px; 
text-align:left; 
cursor:default;
}

/*DANDO ESTILO A LOS HOVERS DEL MENU */
#menu a.menu:hover {color: #FFCC00;}

#menu a.seleccionado {color:#FFCC33;}


/*LISTA DE IDIOMAS SELECCIONABLES -------------------------------------*/
#idiomas {
position:absolute;
left: 200px;
top: 5px;
padding: 0px;
font-size: 10px;
}
#idiomas ul{
list-style-type:none; 
padding:0px; 
margin:5px;
}
#idiomas li{
float:left;
}

#idiomas a.idioma, #idiomas a.idioma:visited {

color:#747474; 
text-decoration:none; 
margin:1px 2px 1px 2px; 
text-align:left; 
cursor:default;
}

/*DANDO ESTILO A LOS HOVERS DEL MENU */
#idiomas a.idioma:hover {color: #FFCC00;}

#idiomas a.seleccionado {color:#FFCC33;}

/*FIN LISTA DE IDIOMAS SELECCIONABLES ---------------------------------*/

#contenedor_texto {
font-size: 12px;
position:absolute;
left: 200px;
top: 303px;
margin: auto;
padding: 5px;
width: 540px;
background-color:#ffffff;

min-height: 100px;
height: auto !important;
height: 100px;
visibility:visible;
font-size:12px;
}

#camara {
position:absolute;
left: 200px;
top:165px;
width:320px; 
height:240px; 
margin:0px;
z-index:3;
}

#info_envivo {
position:absolute;
left: 535px;
top:180px;
width:175px; 
height:180px; 
margin:0px;
z-index:3;
font-size: 12px;
overflow:hidden;
border-bottom: 1px solid #66CCFF;
}
#tiempo {
position:absolute;
left: 535px;
padding-left: 5px;
top:370px;
width:175px; 
height:40px; 
margin:0px;
z-index:3;
font-size: 12px;
overflow:hidden;
z-index: 3;
text-decoration:none;
}
#tiempo a{ text-decoration:none;}
#tiempo a:hover{ text-decoration:none; color:#FFCC00;}

/*PARA LA GALERIA -----------------------------------------------*/

#contenedor_galeria {
position:absolute;
left: 200px;
top:120px;
width:550px; 
height:95px; 
margin:0px;
z-index:3;
padding-top: 250px;
}


#contenedor_galeria ul { width: 520px; height: 65px; padding:0px; list-style:none; margin-left:30px;}
#contenedor_galeria li { display: inline; float:left;}
/*Aqui es donde pondremos las fotos al hacer el mouseover, en principio oculto pues solo tiene 1px de ancho y alto*/
#contenedor_galeria a.galeria span {position:absolute; width:1px; height:1px; top:0px; left:0px; overflow:hidden;}

#contenedor_galeria a.galeria, #contenedor_galeria a.galeria:visited {display:block; color:#000; text-decoration:none;text-align:left; cursor:default;}

#contenedor_galeria a.foto1 {background:url(images/t_restaurante1.jpg); width:100px; height:65px;border: 1px solid white;}
#contenedor_galeria a.foto2 {background:url(images/t_restaurante2.jpg); width:100px; height:65px;border: 1px solid white;}
#contenedor_galeria a.foto3 {background:url(images/t_restaurante3.jpg); width:100px; height:65px;border: 1px solid white;}
#contenedor_galeria a.foto4 {background:url(images/t_restaurante4.jpg); width:100px; height:65px;border: 1px solid white;}
#contenedor_galeria a.foto1:hover {border: 1px solid black;}
#contenedor_galeria a.foto2:hover {border: 1px solid black;}
#contenedor_galeria a.foto3:hover {border: 1px solid black;}
#contenedor_galeria a.foto4:hover {border: 1px solid black;}

/*Cuando hacemos el over sobre el thumbnail vemos la foto grande*/
#contenedor_galeria a.galeria:hover span {
position:absolute; 
width:550px; 
height:180px; 
top:0px; 
left:0px; 
color:#000; 
background:#fff;
}

/*FIN GALERIA -----------------------------------------------*/


/*PARA LA GALERIA DE LOCALIZACION ----------------------------*/

#contenedor_localizacion {
position:absolute;
left: 200px;
top:120px;
width:550px; 
height:330px; 
margin:0px;
z-index:3;
padding-top: 25px;
}


#contenedor_localizacion ul { width: 100px; padding:0px; list-style:none; float:right; margin-right: 20px;}
#contenedor_localizacion li { float:left;}
/*Aqui es donde pondremos las fotos al hacer el mouseover, en principio oculto pues solo tiene 1px de ancho y alto*/
#contenedor_localizacion a.galeria span {position:absolute; width:1px; height:1px; top:0px; left:0px; overflow:hidden; clear:right;}

#contenedor_localizacion a.galeria, #contenedor_localizacion a.galeria:visited {display:block; color:#000; text-decoration:none;text-align:left; cursor:default;}

#contenedor_localizacion a.foto1 {background:url(images/t_localizacion1.png); width:100px; height:65px;border: 1px solid white;}
#contenedor_localizacion a.foto2 {background:url(images/t_localizacion2.png); width:100px; height:65px;border: 1px solid white;}
#contenedor_localizacion a.foto3 {background:url(images/t_localizacion3.png); width:100px; height:65px;border: 1px solid white;}
#contenedor_localizacion a.foto1:hover {border: 1px solid black;}
#contenedor_localizacion a.foto2:hover {border: 1px solid black;}
#contenedor_localizacion a.foto3:hover {border: 1px solid black;}


/*Cuando hacemos el over sobre el thumbnail vemos la foto grande*/
#contenedor_localizacion a.galeria:hover span {
position:absolute; 
width:400px; 
height:332px; 
top:0px; 
left:10px; 
color:#000; 
background:#000;
}

/*FIN GALERIA LOCALIZACION -----------------------------------------------*/


/*PARA LA GALERIA ENTORNO-----------------------------------------------*/

#contenedor_entorno {
position:absolute;
left: 200px;
top:120px;
width:550px; 
height:95px; 
margin:0px;
z-index:3;
padding-top: 260px;
}


#contenedor_entorno ul { width: 520px; height: 65px; padding:0px; list-style:none; margin-left:30px;}
#contenedor_entorno li { display: inline; float:left;}
/*Aqui es donde pondremos las fotos al hacer el mouseover, en principio oculto pues solo tiene 1px de ancho y alto*/
#contenedor_entorno a.galeria span {position:absolute; width:1px; height:1px; top:0px; left:0px; overflow:hidden;}

#contenedor_entorno a.galeria, #contenedor_entorno a.galeria:visited {display:block; color:#000; text-decoration:none;text-align:left; cursor:default;}

#contenedor_entorno a.foto1 {background:url(images/t_entorno1.jpg); width:100px; height:65px;border: 1px solid white;}
#contenedor_entorno a.foto2 {background:url(images/t_entorno2.jpg); width:100px; height:65px;border: 1px solid white;}
#contenedor_entorno a.foto3 {background:url(images/t_entorno3.jpg); width:100px; height:65px;border: 1px solid white;}
#contenedor_entorno a.foto4 {background:url(images/t_entorno4.jpg); width:100px; height:65px;border: 1px solid white;}
#contenedor_entorno a.foto1:hover {border: 1px solid black;}
#contenedor_entorno a.foto2:hover {border: 1px solid black;}
#contenedor_entorno a.foto3:hover {border: 1px solid black;}
#contenedor_entorno a.foto4:hover {border: 1px solid black;}

/*Cuando hacemos el over sobre el thumbnail vemos la foto grande*/
#contenedor_entorno a.galeria:hover span {
position:absolute; 
width:550px; 
height:180px; 
top:0px; 
left:0px; 
color:#000; 
background:#fff;
}

/*FIN GALERIA LOCALIZACION -----------------------------------------------*/


/*PARA LA GALERIA CARTA-----------------------------------------------*/

#contenedor_carta {
position:absolute;
left: 200px;
top:130px;
width:550px; 
height:95px; 
margin:0px;
z-index:3;
padding-top: 250px;
}


#contenedor_carta ul { width: 520px; height: 65px; padding:0px; list-style:none; margin-left:30px;}
#contenedor_carta li { display: inline; float:left;}
/*Aqui es donde pondremos las fotos al hacer el mouseover, en principio oculto pues solo tiene 1px de ancho y alto*/
#contenedor_carta a.galeria span {position:absolute; width:1px; height:1px; top:0px; left:0px; overflow:hidden;}

#contenedor_carta a.galeria, #contenedor_carta a.galeria:visited {display:block; color:#000; text-decoration:none;text-align:left; cursor:default;}

#contenedor_carta a.foto1 {background:url(images/t_carta1.jpg); width:100px; height:65px;border: 1px solid white;}
#contenedor_carta a.foto2 {background:url(images/t_carta2.jpg); width:100px; height:65px;border: 1px solid white;}
#contenedor_carta a.foto3 {background:url(images/t_carta3.jpg); width:100px; height:65px;border: 1px solid white;}
#contenedor_carta a.foto4 {background:url(images/t_carta4.jpg); width:100px; height:65px;border: 1px solid white;}
#contenedor_carta a.foto1:hover {border: 1px solid black;}
#contenedor_carta a.foto2:hover {border: 1px solid black;}
#contenedor_carta a.foto3:hover {border: 1px solid black;}
#contenedor_carta a.foto4:hover {border: 1px solid black;}

/*Cuando hacemos el over sobre el thumbnail vemos la foto grande*/
#contenedor_carta a.galeria:hover span {
position:absolute; 
width:550px; 
height:180px; 
top:0px; 
left:0px; 
color:#000; 
background:#fff;
}

/*PARA EL CONTACTO ------------------------------------------*/
#contenedor_contacto {
position:absolute;
left: 210px;
top:130px;
width:530px; 
height:295px; 
margin:0px;
z-index:3;
font-size: 14px;
}

/*FIN CONTENEDOR CONTACTO -----------------------------------*/

#pie_pagina{
position:absolute;
width: 750px;
left: 0px;
top: 495px;
height: 15px;
background-color:#DEDEDE;
font-size: 10px;
text-align:center;
}

#pie_pagina a{
text-decoration:none;
color:#0000ff;	
}

#pie_pagina a:hover{
text-decoration:none;
color:#FF6600;
}