/*       CSS BEROA ESTELLA      */
/*  Navarraweb Marketink Publicidad  */
/*         Febrero 2008        */

*{
margin:0px;
padding:0px;
border:0px;
}

body{
background:#FFFFFF url(imagenes/degradado.jpg) repeat-x top;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1, h2{
position:absolute;
display:block;
width:0;
overflow:hidden;
}


#madre{
width:749px;
margin-left:auto;
margin-right:auto;
min-height:500px; 
height:auto !important;
height:500px;
background-color:#FFFFFF;
border-left:3px double #66CCFF;
border-right:3px double #66CCFF;
}

/*  --------------------   Elementos cabecera ------------------      */
#cabecera{
width:100%;
height:281px;
background-image:url(imagenes/cabeceraberoa.jpg);
background-repeat:no-repeat;
}

#logo{
margin-left:16px;
margin-top:33px;
float:left;
/*border:1px solid #000000;*/
}

#menu{
float:right;
margin-top:199px;
/*border:1px solid #000000;*/
}

#menu ul li{
list-style:none;
display:inline;
}

/* --------------------- Elementos cuerpo central, contenido ----------- */

#contenido{
}

#contenido-index{
background:url(imagenes/fondoindex.jpg) no-repeat center #4FA9CB;
height:480px;
}

#enlaces-index{
text-align:center;
background-image:url(imagenes/fondopie.jpg);
background-repeat:repeat-x;
background-position:top;
height:80px;
}


#enlaces-index ul li{
display:inline;
font-size:70%;}

#enlaces-index ul{
padding-top:25px;
}

#enlaces-index a{
color:#CCCCCC;
text-decoration:none;
}

#enlaces-index a:hover{
text-decoration:underline;
}

#col-izda{
float:left;
background-image:url(imagenes/fondolateral.gif);
background-position:top;
background-repeat:no-repeat;
width:220px;
height:300px;
}

#col-izda h3{
color:#333333;
text-align:center;
font-size:90%;
font-weight:normal;
width:80px;
margin-right:auto;
margin-left:auto;
margin-top:30px;
}

#imagenes-lateral{
margin-top:50px;
text-align:center;
}

#imagenes-lateral img{
margin-bottom:50px;
border:1px dashed #5983FB;
background-color:#CCCCCC;
padding:2px;
}

.direccion{
background-image:url(imagenes/fondolateral.gif);
background-position:top;
background-repeat:no-repeat;
width:220px;
height:300px;
padding-top:30px;
}

.direccion p{
color:#333333;
text-align:center;
font-size:70%;
font-weight:normal;
margin-right:auto;
margin-left:auto;

}


#col-dcha{
float:right;
width:510px;
margin-right:10px;
}

#col-dcha p, #col-dcha ol, #col-dcha ul{
	font-size:70%;
	color:#666666;
	margin-top:15px;
}

#col-dcha ol, #col-dcha ul{
	margin-left:30px;
}

#col-dcha h4{
font-size:80%;
color:#666666;
margin-top:15px;
background-color:#DDDDDD;
padding:2px;
border-bottom:2px solid #5983FB;
clear:both;
}

#col-dcha p .top{
font-size:80%;
color:#666666;
margin-top:15px;
font-weight:normal;
}

#col-dcha .galeria{
margin-top:10px;
padding:3px;
border:1px dashed #5983FB;
}

#col-dcha .galeria:hover{
background-color:#DDDDDD;
}

/*Submenu Instalaciones*/
.submenu{
list-style:circle;
margin-left:20px;
}

.submenu a, a{
color:#666666;
}

.submenu a:hover, a:hover{
color:#0066CC;
}

.submenu a:active, a:active{
color:#000099;
}

.lista{
font-size:70%;
color:#666666;
list-style:disc;
margin-left:20px;
}

/* --------------------- Elementos pie ----------- */

#pie{
clear:both;
text-align:center;
color:#CCCCCC;
height:80px;
background-image:url(imagenes/fondopie.jpg);
background-repeat:repeat-x;
background-position:top;
padding-top:24px;
}

#pie ul li{
display:inline;
font-size:70%;}

#pie a{
color:#CCCCCC;
text-decoration:none;
}

#pie a:hover{
text-decoration:underline;
}

#pie p{
color:#333333;
margin-top:18px;
font-size:60%;
}


.clear{
clear:both;
height:30px;
}

/*   FORMULARIO   */
label{
	font-size:70%;
	color:#666666;
}

form{
margin-top:10px;
text-align:right;
width:70%;
}


input{
	font-size:100%;
	color:#666666;
	padding:2px;
	border-bottom:1px solid #5983FB;
	margin:2px;

}

textarea{
	font-size:100%;
	color:#666666;
	padding:2px;
	border-bottom:1px solid #5983FB;
	margin:2px;
	font-family:Arial, Helvetica, sans-serif;
}

.boton{
	font-size:70%;
	color:#666666;
	border:0px;
	border-bottom:1px solid #5983FB;
	border-right:1px solid #5983FB;
	width:80px;
	color:#333333;
}

.boton:hover, .boton:active{
	border:0px;
	border-top:1px solid #5983FB;
	border-left:1px solid #5983FB;
}


.lista-galeria{
	list-style:none;
	}
.lista-galeria li{
	float:left;
	margin-bottom:10px;
	margin-right:5px;
	margin-top:0px;
	margin-left:0px;}
	
	
noscript p{
color:#000000;
text-align:center;
}