/* CSS Document */

body{
text-align:center;		
scrollbar-face-color: #4C4C80;			/*barra*/
scrollbar-arrow-color: #ffffff;			/*flecha*/
scrollbar-track-color: #8484BC;		    /*fondo*/
scrollbar-shadow-color: #004499;		 /*sombra*/
scrollbar-highlight-color: #9900FF;		/*sombra fondo*/
scrollbar-3dlight-color: #CCFFFF;		  /*sombra 3D*/
scrollbar-darkshadow-color: #1166CC;	/*sombra fondo oscura*/
background-color: #6161BC;
}

.enlace, .enlace:link, .enlace:visited {
text-decoration: none;
color: #ffffff;
}

.enlace:hover {
font-weight: bold;
}

.fotos, .fotos:link, .fotos:visited {
text-decoration: none;
color: #fffff;
}

.fotos:hover {
text-decoration: none;
color: #fffff;
}

.subrayao, .subrayao:link, .subrayao:visited {
color: #ffffff;
}

.subrayao:hover {
font-weight: bold;
} 

#contenedor{
width: 800px;
height: 650px;
margin: auto;
}

#cabecera{
width: 800px;
height: 100px;
background-image: url('cabecera.gif');
}

#logo{
width: 164px;
height: 100px;
float:left;
}

#banner{
width: 630px;
height: 100px;
float:right;
background-color: #ffffff;
}

#bannerjunta{
width: 150px;
height: 150px;
float:right;
position:relative;
top:130px;
}

#principal{
width: 800px;
height: 500px;
background-image: url('fondo.gif');
}

#principalp{
width: 800px;
height: 500px;
background-image: url('fondp.gif');
}

#principali{
width: 800px;
height: 500px;
background-image: url('fondoi.gif');
}

#principaltes{
width: 800px;
height: 500px;
}


#principalin{
width: 800px;
height: 500px;
}

#principalluna{
width: 800px;
height: 500px;
background-image: url('fondoluna.gif');
}

#principaluna{
width: 800px;
height: 761px;
}

#presentacion{
width: 503px;
height: 495px;
float: left;
text-align: left;
color: #ffffff;
}

#presentacion2{
width: 503px;
height: 495px;
float: left;
text-align: left;
color: #ffffff;
}

#presentacion3{
width: 503px;
height: 300px;
float: left;
position: relative;
top: 100px;
text-align: left;
color: #ffffff;
background-image: url('contacto.gif');
}

#presentacion2{
width: 503px;
height: 450px;
float: left;
text-align: left;
}

#contenido{
width: 490px;
height: 400px;
float: left;
overflow: auto;
position:relative;
left:10px;
top:50px;
}

#botones{
width: 450px;
height: 25px;
float: right;

}

#letrab{
font: bold 12pt Arial, Verdana;
color: #ffffff;
text-align: left;
}

#letral{
font: 8pt Arial, Verdana;
color: #ffffff;
text-align: left;
text-indent: 20px;
}

#centro{
width:400px;
height: 400px;
float:left;
}

#derecha{
width: 655px;
height: 475px;
float: left;
}

#derechaluna{
width: 390px;
height: 736px;
float: right;
margin-top: 100px;
border-left: 1px solid #ffffff;
margin-top:25px;
}

#izqluna{
width: 395px;
height: 736px;
float:left;
margin-top:25px;
}

#casillaluna{
width: 395px;
height: 175px;
}

#casilla1{
width: 390px;
height: 36px;
}

#cajaenlaces{
width: 140px;
height: 300px;
float:left;
position:relative;
top:50px;
}

#cajaenlaces2{
width: 140px;
height: 350px;
float: right;
position:relative;
top:50px;
}

#cajaenlacesp{
width: 495px;
height: 25px;
position:relative;
top:30px;
padding-left: 115px;
}

#cajaenlacesi{
width: 440px;
height: 15px;
position:relative;
left: 50px;
top:30px;
}

#cajaenlacespre{
width: 440px;
height: 15px;
position:relative;
padding-left: 150px;
top:30px;
}

#cajaenlacesi2{
width: 410px;
height: 15px;
position:relative;
top:30px;
left: 50px;
padding-left: 20px;
}


#enlacesp{
width: 60px;
height: 15px;
font: 7pt Arial;
float:left;
text-align: center;
}

#enlaces{
width: 137px;
height: 50px;
background-image: url('boton.jpg');
background-repeat: no-repeat
}

#textoenlace{
text-align:center;
position:relative;
top: 9px;
font: 12px Arial;
color: #6161BC;
}

#luna{
width: 200px;
height: 176px;
float:left;
text-align:center;
position:relative;
top: 400px;
left: -200px;
}

#textoluna{
width:400px;
height: 400px;
text-align: left;
font: 10pt Arial;
color: #ffffff;
position: relative;
top: 100px;
left:30px;
}

#txtluna{
text-align: left;
font: 8pt Arial;
color: #ffffff;
margin-left: 8px;
}

#pie{
width: 800px;
height: 50px;
font: 15px Arial;
color: #ffffff;
border: 1px solid #ffffff;
}