/* CSS serfonca */
body
{
	background-color:#9BC4F2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
a{text-decoration:none; color:#000000;}
a:hover {color:#FFFFFF;}
*
{
margin:0px;
padding:0px;
}

h2
{
font-size:100%;
padding-bottom:10px;
}

form
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:right;
	margin-right:20px;
}

input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif;}
textarea{font-size:100%;}

.pop p
{
font-size:80%;
padding-bottom:15px;
}

.pop {margin:10px;}

#madre { 
	width:100%;
	height:100%;
	top:0px;
	text-align:center;
	vertical-align:middle;
	z-index:1;
}

#contenedor {
	margin: auto;
	top:0px;
	width: 800px;
	height: 550px;
	position: relative;
	text-align: center;
	z-index:2;
}

#CentradaHS 
{
	 width:800px;
	 height: 550px;
	 text-align:left;
	 position: absolute;
	 left:0px;
	 top:0px;
	 z-index:3;
	background-image:url(../imagenes/fondo.gif);
	background-repeat:repeat;
}
#cabecera
{
	position:absolute;
	z-index:1010;
	left: 20px;
	top: 21px;
	z-index:4;
	width: 330px;
	height: 44px;
	text-align:center;
}

#cabecera img {border: 1px solid #2D4B93;}

#seccion_emp
{
	background-image:url(../imagenes/fondoSerfonca.gif);
}

#seccion_fonta
{
	background-image:url(../imagenes/fondoFonta.jpg);
}

#seccion_clima
{
	background-image:url(../imagenes/fondoClima.jpg);
}

#seccion_cale
{
	background-image:url(../imagenes/fondoCale.jpg);
}

#seccion_energia
{
	background-image:url(../imagenes/fondoEnergia.jpg);
}

#seccion_emp, #seccion_fonta, #seccion_clima, #seccion_cale, #seccion_energia
{
	position:absolute;
	background-color:#B3CEEB;
	border:1px solid #2D4B93;
	left:192px; 
	top:166px;
	width:405px; 
	height:370px; 
	z-index:4;

	background-position:bottom;
	background-repeat:no-repeat;
}

#seccion_emp ul li, #seccion_fonta ul li, #seccion_clima ul li, #seccion_cale ul li, #seccion_energia ul li
{
font-size:70%;
margin-left:13px ;
}

#seccion_clima a
{
text-decoration:underline;
cursor:hand;
}

#logoinsta
{
position:absolute;
left:324px;
top:255px;
}

#logoinsta img:hover
{
cursor:hand;
}

#pie
{
	position:absolute;
	top:27px;
	left:538px;
	width:229px;
	height: 26px;
	z-index:6;
}
#pie h1
{
	font-size:80%;
	color:#FFFFFF;
	background-color:transparent;
	text-align:right;
	font-weight:normal;
}

#colizda
{
	position:absolute;
	top:166px;
	left:20px;
	width:171px;
	height: 360px;
	z-index:6;
	background-color:#95B0CE;
	border:1px solid #2D4B93;
	padding-top:10px;
	padding-left:-20px;
}

#coldcha
{
	position:absolute;
	top:166px;
	left:598px;
	width:171px;
	height: 360px;
	z-index:6;
	background-color:#95B0CE;
	border:1px solid #2D4B93;
	padding-top:10px;
}

#advertencia
{
	position:absolute;
	width:auto;
	top:0px;
	left:0px;
	z-index:2000;
}

#advertencia p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}

/*texto*/
#texto
{
	position:absolute;
	left:17px; 
	top:14px;
	width:376px; 
	height:315px; 
	z-index:4;
}

/*texto*/
#textoi
{
	position:absolute;
	left:17px; 
	top:14px;
	width:504px; 
	height:315px; 
	z-index:4;
	text-align:center;
}

#textoi a{ text-decoration:none; border:0px;}
#textoi img{border:0px;}

#texto p, #textoi p
{
font-size:80%;
margin-bottom:15px;
}

#saltoki
{
	position:absolute;
	top: 284px;
	left: 11px;
}

#sime
{
	position:absolute;
	left: 248px;
	top: 287px;
}

/*contacto*/
#izda
{
	position:absolute;
	left: 21px;
	width: 250px;
	top: 45px;
	height: 113px;
}

#dcha
{
	position:absolute;
	left: 311px;
	width: 282px;
	top: 45px;
	height: 113px;
}

#izda input, #dcha input
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#ABBEC9;
	border: 1px solid #333366;
}

#dcha textarea
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#ABBEC9;
	border: 1px solid #333366;
}

/*ubicacion*/
#direccion
{
	position:absolute;
	left: 172px;
	top: 411px;
	z-index:5;
	width: 196px;
	text-align:right;

}

#direccion h1
{
font-size:80%;
font-weight:normal;
}


#mapa
{
	position:absolute;
	left: 350px;
	top: 59px;
}
/*inicio*/
#seccioni
{
	position:absolute;
	background-color:#B3CEEB;
	border:1px solid #2D4B93;
	left:127px; 
	top:166px;
	width:543px; 
	height:370px; 
	z-index:7;
}

	
#entrar
{
	position:absolute;
	top:366px;
	left:0px;
	width:754px;
	height: 20px;
	z-index:6;
}
#entrar p
{
	font-size:110%;
	color:#000000;
	text-align:center;
	background-color:transparent;
	font-weight:bold;
}

#entrar a
{
	color:#000000;
	text-align:center;
	font-weight:normal;
	text-decoration:none;
	font-weight:bold;
}
	
#entrar a:hover
{
	color:#C52F2C;
}

#intro
{
	position:absolute;
	top:185px;
	left:80px;
	width:632px;
	height: 20px;
	z-index:5;
	background-image:url(../imagenes/intro.gif);
	background-repeat:no-repeat;
}
	
#colizda li, #coldcha li
{
	/*list-style-image: url(imagenes/vinetaSerfonca.gif);*/
	vertical-align:middle;
	background-image: url(../imagenes/vinetaSerfonca.gif);
	background-position:left;
	background-repeat:no-repeat;
	list-style:none;
	padding-left:25px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:10px;
	font-size:90%;
}
#enviar
{
	position:absolute;
	left: 293px;
	width: 42px;
	top: 290px;
	height: 27px;
	z-index: 11;
}


/*--------- act octubre 2009 --*/
.financiacion{
	background:url(../imagenes/financiacion.jpg) no-repeat top;
	padding:17px 40px 20px 20px;
	margin:20px;
	font-size:120%;
	text-align:right;
}

.financiacion strong{
	display:block;
	font-weight:normal;
	font-size:170%;
}


.urgencias{
	margin-top:130px;
	font-size:80%;
	text-align:center;
	}
	
.urgencias strong{
	display:block;
	font-weight:normal;
	font-size:150%;
}
	
	
h3{
	font-weight:normal;
	}
	
ul.galeria{
	margin-left:10px;
	}

ul.galeria li{
	display:inline;
	
}