/*---------------------------------------------
  XERAIS
--------------------------------------------- */
body {
  margin: 0 auto;
  padding: 0;
  font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
  color: #000;
background:#F5F5F5 url(../img/fondo.png) repeat scroll 0 0;
}



html, body {	
	height:100%;
}

h1,h2,h3,h4,p,ul,li,img,label {
	margin: 0;
	padding: 0;
	border-style: none;
}

td,tr,table {
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none;
	color: #0F808B;
}

a:hover {
	text-decoration: underline;
	color: #000;
}


.separa {
		clear:both; 
		display:block; 
		height:1px; 
		font-size:1px; 
		line-height:1px;
	}
	
	

/*-------------------------------------------------
Generales texto
-------------------------------------------------*/

p {
	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
}

h4 {
	font-size: 15px;
	line-height: 12px;
}




/*-------------------------------------------------
Cabecera
-------------------------------------------------*/

#cabecera {
	width:940px;
	margin: 0 auto;
	height:135px;
}

#cabecera img{
	margin-right:555px;
}



#titulo {

clear:both;
padding: 0;
margin-left:135px;

}


#titulo h1{

color: #fff;
font-size: 20px;
font-weight:normal;


}



/*-------------------------------------------------
Carrusel
-------------------------------------------------*/
#fondo-carrusel {
	margin: 0 auto;
	background:#fff;
      width:100%;
      height:360px;
     padding-top:5px;
     border:1px solid #ccc;
}






/*-------------------------------------------------
 CORPO CENTRAL (portada)
-------------------------------------------------*/




#centro {
margin: 0 auto;
height:360px;
width:940px;
margin-top: 25px;
	
}


.bloques{
float:left;
width:259px;
margin: 0px 35px 0px 0px;
background:#fff url(../img/fondo1.jpg) no-repeat;
padding:0 10px 0 10px;
height:345px;
}

.bloques a {

color:#a60416;
}


.bloques p{
font: 12px Verdana,Arial,'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
margin: 14px 0 10px 0px;
color:#666;
line-height:19px;
}

.bloques p img{
float:right;
}

.bloques h3{
font: 20px Georgia, "Times New Roman", Times, serif;
margin:20px 5px 25px 2px;
color:#fff;
}


.bloques h3 img {
float:left;


}

#contiene-bloques {
width:920px;
margin:0 auto;

}




.bloque-contacto{
float:left;
width:269px;
margin:0;
background:url(../img/fondo2.jpg) no-repeat;
padding:0 10px 0 10px;
height:345px;
}

.bloque-contacto a {

color:#a60416;
}


.bloque-contacto p{
font: 12px Verdana,Arial,'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
margin: 10px 0 10px 0px;
color:#666;
line-height:19px;
}

.bloque-contacto p img{
float:right;
}

.bloque-contacto h3{
font: 20px Georgia, "Times New Roman", Times, serif;
margin:20px 5px 25px 2px;
color:#fff;
}


.bloque-contacto h3 img {
float:left;
margin-right:5px;

}





/*-------------------------------------------------
  PIE
-------------------------------------------------*/
#pie{
	
	background:#333;
	

}



#pie p {

	color:#ef567f;
	padding: 53px 0px 0px 0px;
	text-align: center;	
	font: 12px 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
       
}



#dir {
	width:920px;
	margin:0 auto;
	background:#333 url(../img/fondo3.gif) no-repeat;
	height:150px;

}



/*-------------------------------------------------
 formulario
-------------------------------------------------*/

input, textarea {
border:1px solid #ef567f;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;
background:#fff;
width:300px;
}

input:focus, input:hover,textarea:focus, textarea:hover{
border: 1px solid #ef567f;
background:url(/contact_crazyleaf.gif) top right no-repeat;
}

label {
margin:2px;
}

input {
width:300px;
}

.boton {
margin:0 3px 10px 0;
background:#ef567f;
color:#333;
font-weight:bold;
width:60px;
height:25px;
float:right;

}

#datos {
height:60px;
}

#datos img{
float:left;
margin-right:10px;
}

.color {

color:#ef567f;

}