@charset "utf-8";
/* CSS Document */

html { height:100%;}

body{ background-color:#dad8d1; background-image:url(../imagenes/imgWeb/degradado_index.jpg); background-repeat: repeat-x; margin:0%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 0.67em; color:#555555;}

#main { width: 650px; height: 510px; position: absolute; left: 50%; margin-left: -325px; /* 50% del ancho */ text-align:center; }
 
#base {width: 253px; height: 510px; text-align:center; float:left;  background-image: url(../imagenes/imgWeb/fondo_index.jpg); background-repeat:no-repeat; padding-left:397px; }

#titulo{ margin-top:216px;}

#titulo img{ border:none;}

#contenido{ height:75px; float:left; padding-left:25px; width:253px;}

#requisitos{ width:120px; float:left; text-align:left; height:70px; padding-top:5px; }

#requisitos a{color:#555555;}

#requisitos a:hover{ color: #d88c28;}

#entrar{ background-image:url(../imagenes/imgWeb/fondo_entrar.jpg); background-repeat:no-repeat; width:80px; float:left; height:50px; padding-top:25px; text-align:left; padding-left:20px;}

#entrar a{  text-decoration:none; color:#555555;}

#entrar a:hover{ color:#d88c28}

#menu{position: absolute; bottom: 0; right: 0; height:19px; border:1px solid #535351; padding-top:5px;
width:200px; /* hacemos que ocupe toda la pantalla a cualquier resolución*/ 
z-index: 50;  /* lo colocamos por encima del resto de componentes*/ background-image:url(../imagenes/imgWeb/fondo_menu_index.jpg); background-repeat:repeat-x; color:#FFFFFF; font-size:110%;}

#menu a{ text-decoration:none; color:#FFFFFF;}

#menu a:hover{ color: #d88c28;}