/* Estilo principal WEB */

html{
float:left;
position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
}

body{
float:left; 
position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
background:url(../img/top_bg.png) top center no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
cursor:default;
}

#wrapper{
position:relative;
width:984px;
height:auto;
margin:0 auto;
padding:0;
}


#master{
position:relative;
width:954px;
margin:0 auto;
padding:0;
}

a{color:#ff98cd;}

a:hover{color:#82d5f7}

a img{border:none;}

/*---------------------------------------------------------------------------------*/

div#sub_cabecera{
float:left;
position:relative;
width:100%;
height:143px;
margin:0;
padding:0;
}

div#logo{
float:left;
position:relative;
width:328px;
height:143px;
margin:0;
padding:0;
}

div#menu{
float:left;
position:relative;
width:626px;
height:143px;
margin:0;
padding:0;
}

	div#menu ul{
	float:left;
	position:relative;
	width:626px;
	height:24px;
	margin:120px 0 0 0;
	padding:0;
	}
	
		div#menu ul li{
		float:left;
		position:relative;
		margin:0 0 0 0;
		padding:0;
		list-style-type:none;
		display:inline;	
		font-weight:bold;
		border-right:1px solid #82d5f7;
		}



		div#menu ul li#final{border:none;}
		

		div#menu ul li a{
		float:left;
		position:relative;
		padding:3px 7px;
		text-decoration:none;
		color:#999;
		background-color:#fff;
		}

		div#menu ul li a:hover{
		color:#fff;
		background-color:#82d5f7;
		}


		
div#cabecera{
float:left;
position:relative;
width:100%;
height:345px;
margin:0;
padding:0;
background:url(../img/header.jpg) top left no-repeat;
}
		
		
	div#cabecera a{
	float:right;
	position:absolute;
	width:180px;
	height:180px;
	margin:0;
	padding:0;
	top:40px;
	right:45px;
	}
	
/*---------------------------------------------------------------------------------*/
div#contenedor{
float:left;
position:relative;
width:595px;
height:auto;
margin:0;
padding:0;
}

div#contenedor div{
float:left;
position:relative;
width:570px;
height:auto;
margin:0 0 0 8px;
padding:0;
}



div#lateral{
float:left;
position:relative;
width:359px;
height:auto;
margin:0;
padding:0;
}


	div#lateral div#sup_lat{
	float:left;
	position:relative;
	width:100%;
	height:52px;
	margin:0;
	padding:0;
	background:url(../img/sup_blog.jpg) top left no-repeat;
	}

	div#lateral div#medio_lat{
	float:left;
	position:relative;
	width:100%;
	height:550px;
	margin:0;
	padding:0;
	background:url(../img/medio_blog.jpg) top left repeat-y;
	}
	
	div#lateral div#inf_lat{
	float:left;
	position:relative;
	width:100%;
	height:24px;
	margin:0;
	padding:0;
	background:url(../img/inf_blog.jpg) top left repeat-y;
	}

	div.mininoticia{
	position:relative;
	width:305px;
	height:auto;
	margin:20px auto 0 auto;
	padding:0;
	line-height:15px;	
	}
	
	p.fecha{
	margin:5px 0 0 0;
/*	color:#cc9933;*/
	color:#006600;
	font-weight:bold;
	}


	p.titulo{
	margin:5px 0 0 0;
	color:#333;	
	font-weight:bold;
	}

	p.texto{
	margin:5px 0 0 0;
	color:#666666;	
	}
	
	
	p.texto a{
	color:#666666;	
	}

	p.texto a:hover{
	color:#ffaae3;	
	}
	
div#footer{
float:left;
position:relative;
width:100%;
height:244px;
margin:0;
padding:0;
background:url(../img/pie.jpg) top left no-repeat;
}	

div#footer div#piatic{
float:left;
position:absolute;
width:145px;
height:170px;
margin:0;
padding:0;
left:425px;
top:240px;
}		



div#footer div#aviso{
float:left;
position:relative;
width:214px;
margin:85px 0 0 25px;
padding:0;
}		


div#footer div#aviso p{
line-height:8px;
color:#333;
}		


div#footer div#aviso p a{
color:#333;
text-decoration:none;
font-weight:bold;
}		
	
div#footer div#aviso p a:hover{
text-decoration:underline;
}		

		
/*---------------------------------------------------------------------------------*/
h1{width:100%;font-size:16px;color:#ff98cd;text-decoration:underline;}		

p{font-size:12px;color:#666666;}

strong{
color:#ff98cd;
font-weight:bold;
}	

strong.negro{
color:#666666;
}		
	
ul#servicios li{
margin:25px 0 0 0;
list-style-type:circle;
font-size:12px;
}


	
ul#servicios ol li{
margin:18px 0 0 0;
list-style-type:upper-alpha;
font-size:12px;
color:#666666;
}

ul.legales{
margin:10px 0 0 0;
padding:0 0 0 15px;
}

	
ul.legales li{
margin:10px 0 0 0;
padding:0;
list-style-type:circle;
font-size:12px;
}



/* Contacto */
form#mi_formu{
float:left;
position:relative;
width:95%;
height:380px;
margin:0 0 0 0;
padding:0 0 0 0;
color:#666666;
}

 form#mi_formu strong{color:#666666;}

 form#mi_formu label{
float:left;
position:relative;
width:95%;
margin:12px 0 0 0;
padding:0;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}


 form#mi_formu input,textarea{
float:left;
position:relative;	
width:100%;
height:18px;
background-color:#e4f5fa;
border:1px solid #e4f5fa;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}


 textarea{height:100px;}

input#acepto{
float:left;
position:relative;	
margin:0;
padding:0;
width:12px;
}


form#mi_formu input:hover,input:focus,textarea:hover,textarea:focus{
background-color:#fff;
color:#666666;
}



	 form#mi_formu input#boton_enviar{
	float:left;
	position:relative;	
	margin:15px 0 0 0;	
	width:54px;
	height:27px;
	background:#ff98cd;
	padding:0;
	cursor:pointer;
	font-weight:bold;
	color:#fff;
	text-align:center;
	border:1px solid #ff98cd;
	}
	
	 form#mi_formu input#boton_enviar:hover{background-color:#7dd9f2;border:1px solid #7dd9f2;}


a#imeil{color:#999;text-decoration:none;}

div#localizacion{
float:left;
position:relative;
width:35% !important; 
margin:0 0 0 20px !important;
padding:0 !important;
}

div#contacto{
float:left;
position:relative;
width:60% !important;
margin:0 !important;
padding:0 !important;
}