/* Diseñado realizado por nexo3w: www.nexo3w.com para Club Hípico de Mungía (Mundo Ecuestre S.L.) */ 
	/* Se pueden utilizar los elementos de css, pero el diseño de esta hoja de estilo es propiedad de nexo3w. */

	
/*  Typography */
	
	
p	{line-height: 120%;
	text-align: left;
	margin-top: 0;
	}
		
 	
/*  Parámetros generales */
/* Primero está el body */
body	{
	background: #C3C3C3 url("imagenes_generales/rayas.gif") repeat;/**/
	color: #666;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	
		}
		
	
/* Dentro del body, estan las distintas divisiones, la primera de todas es el cuerpo, donde están contenidas todas*/	
#cuerpo	{
	background: #fff url("imagenes_generales/sombra.gif") repeat-y;/*#ccc*/
	color: #666;
	margin: 0px auto;/* Para separa el recuadro del  borde del navegador: 10px*/
	padding: 0;
	width: 750px !important;  /* bmh 
	padding-right: 10px;*/
	padding-left: 6px;
	border-right: #666 1px solid;
							}


/* Dentro del cuerpo esta el cajetin, que contiene a su vez a todas las divisiones y esta dentro del cuerpo. */
/* Este cajetin es de ancho mas pequeno, para que haga el espacio en blanco a los lados*/		
/**/ #cajetin	{
    background: #fff;
	color: #666;
	width: 759px !important; 
	
					} 
		

/* Dentro del cajetin esta el resto de las divisiones*/
/* Esta contiene al nombre de la empresa y el taco naranja */
#encabezado	{
	background: #fff url("imagenes_cabecera/cab.jpg") no-repeat !important;/* ; si lo ponemos con esto se va todo el fondo blanco*/
	width: 759px !important;
	height: 162px;
	color: #fff;
	border: none;
	border-top: #039 4px solid;
	font-weight: bold;
	font-size: medium;
	margin: 0;
	padding: 0;
	padding-bottom: 0px;
	text-align: center;
	} 	
	
#encabezado a	{
		border: none;
		}
		
#encabezado img	{
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	border: none;
		}

#contactar {float: right;
color: #fff;
font-size: 10px;
font-weight: normal;
background-color: transparent;
background-image: none;
bakground-repeat: no-repeat;
margin-top: 111px;
margin-bottom: 5px;

}

#contactar p {padding-top: 0px;
margin-top: 0px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 1px;
background-color: #039;
line-height: 1.6em;
}

#contactar a {text-decoration: none;
color: #fff;
}

#contactar a:hover {text-decoration: none;
color: #039;
background: #fff url("imagenes_cabecera/taco_cactivo1.gif") repeat-x;
height: 17px;
width: 67px;
padding-top: 2px;
padding-bottom: 3px;
}


/* Este contiene las divisiones menu izquierdo y derecho y principal */
#contenedor	{
    padding: 0;
	margin: 0;
	border: 0;
	width: 759px !important;
	background: #fff;
	text-align: left;
	color: #444;
	clear: both;
	}

/* declaracion de la parte principal, esta dentro de contenedor */
	
#principal	{
float: left;
width: 282px !important;
margin: 0px;
padding: 0px;
height: 402px;
background: #fff;
	}
	
#principal1	{
float: left;
width: 560px !important;
margin: 0px;
padding: 0px;
height: 402px;
background: #fff;
	}
	
#principal2	{
float: left;
width: 570px !important;
margin: 0px;
padding: 0px;
height: 402px;
background: #fff;
	}	
	
		
						
.texto p{text-align: justify;
color: #333;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
}

.texto h1 {margin: 0px;
margin-top: 0px;
padding: 0px;
padding-top: 0px;
text-transform: uppercase;
font-size: 12px;
padding-bottom: 10px;
color: #666;
font-weight: bold;
}

.texto h1 img{margin: 0px;
padding: 0px;
}

.texto img {margin-top: 0px;
padding-top: 5px;
padding-left: 0px;
margin-bottom: 10px;
padding-right: 5px;}

.flotar {float: right;
padding-top: 50px;
padding-right: 50px;
padding-left: 10px;}


.flotar1 {float: left;}

.texto h2 {margin: 0px;
margin-bottom: 10px;
margin-top: 10px;
font-size: 12px;
font-weight: bold;
color: #333;}

.grosor {font-weight: normal;}

.texto h3 {margin: 0px;
margin-bottom: 5px;
font-size: 12px;
font-color: #09f;}

.texto ul {margin: 0px;
margin-left: 19px;
margin-bottom: 7px;
}
.listado {list-style-type: none;
}

.texto ul li {color: #333;}

.texto {
margin: 0px;
padding: 0px;
margin-left: 18px;/* ajusta el borde de la izquierda */
padding-bottom: 0px;
margin-bottom: 1px;
padding-top: 5px;
color: #333;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
}		  

.texto a{color: #0043AC;
font-weight: bold;
text-decoration: underline;}

.texto ul li a {color: #0043AC;
font-weight: bold;
text-decoration: underline;}

.colornegro {color: #0043AC;
font-weight: bold;}

.texto a:hover{color: #6599FF;
font-weight: bold;
text-decoration: none;}

.colornegro a:hover{color: #6599FF;
font-weight: bold;
text-decoration: none;}

.texto ul li a:hover{color: #6599FF;
font-weight: bold;
text-decoration: none;}


.tamano {font-size: 9px;}

.ache2 {
padding-top: 40px;
padding-bottom: 5px;}

.texto table {width: 56%;
border: none;
margin-top: 20px;}

.texto table th{background-color: #039;
border: #039 1px solid;
color: #fff;
padding-left: 5px;
padding-right: 5px;
margin-left: 5px;
margin-right: 5px;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
height: 0px;
}


.texto table td{
color: #333;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
border: none;
height: 60px;
}
				  	
/* menu verticalpadding: 15px 19px 19px 0px; */
div#menuizquierdo
{padding: 0px;
margin: 0px;
float: left;
width: 181px;
background: #039 url("imagenes_menu/fmenus.gif") repeat-y !important;
border: none;
		} 
		
#foto {margin: 0px;
padding: 0px;
padding-top: 0px;
}

div#menuizquierdo ul {font-size: 11px;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
color: #fff;
margin: 0px;
padding: 0px;
height: 611px;
border: none;
display: block;
}

.altoo {height: 730px;}

.alto {height: 791px;}

.alto1 {height: 2400px;}

.alto2 {height: 2670px;}

.alto3 {height: 891px;}
.alto31 {height: 600px;}

.alto4 {height: 411px;}
.alto7 {height: 1050px;}

.alto5 {height: 1341px;}

/**/div#menuizquierdo ul li {list-style-type: none;
margin: 0px;
padding: 0px;
border: none;
}
.espaciado {
margin: 0px;
padding: 0px;
margin-left: 19px;
text-align: center;
}

div#menuizquierdo ul li a{
display: block;
padding: 15px 19px 0px 0px;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
color: #fff;
height: 15px;
text-decoration: none;
line-height: 0em;
border: none;
}

div#menuizquierdo ul li a:hover{
background: #039 url("imagenes_menu/mactivo1.gif") repeat-x;
height: 15px;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
color: #fff;
text-decoration: none;
line-height: 0em;
border: none;
}

div#menuizquierdo .one {
background: transparent url("imagenes_menu/mactivo1.gif") repeat-x;
line-height: 1em;
height: 30px;
border-top: #fff 1px solid;
border-left: #fff 1px solid;
border-bottom: #000 1px solid;
}


div#menuderecho {float: right;
padding: 0px;
margin: 0px;
padding-top: 5px;
}

#menuderecho p{margin: 10px 10px 3px 10px;
color: #333;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
}		  


div#menuderecho img{padding: 3px 39px 10px 39px;}

/* pie de página */
#pie {
    width: 759px !important;
	height: 39px;
	border: 0;
	color: #fff;
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	background: #36f;/*url("imagenes_menu/mactivo1.gif") repeat*/
	padding: 0;
	clear: both;
	font-size: 9px;
				}

html>#pie	{
    color: #fff;
	font-size: 9px;
	width: 672px !important;
		} 
		
#pie  a {
    text-decoration : underline;
	color: #fff;
	border: none;
	background: transparent;
				}			
		 		

#pie p	{
    margin: 0;
	padding-top: 15px;
	padding-left: 13px;
	text-align: center;
	letter-spacing: 0.1px;
	color: #fff;
	font-size: 9px;
				}
	
		
#pie p a:hover {
	font-weight: normal; 
	text-decoration : none;
	color: #fff;
	background:transparent;
	}
	

/*  Clase general */
.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}


/*  Formulario de contacto */
#formulario{
padding: 0px;
margin: 0px;
border: 0;
text-align: left;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
voice-family: "\"}\""; 
voice-family:inherit;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
padding-top: 0px;
}

html>div#formulario {padding-top: 0px;}

#formulario h3 {padding: 0px;
margin: 0px;}

#formulario p{
padding: 0px;
margin: 0px;
padding-bottom: 5px;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
line-height: 1em;
voice-family: "\"}\""; 
voice-family:inherit;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
}

div#formulario fieldset {
padding: 0px;
margin: 0px;
border: none;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
voice-family: "\"}\""; 
voice-family:inherit;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
		}

html>div#formulario fielset {border: none;}

div#formulario fieldset:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	color:  #fff;
	margin: 0;
	padding: 0;
	}

#formulario label{
margin-bottom: 0;
padding-bottom: 0;
margin-top: 1px;
display: block;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
voice-family: "\"}\""; 
voice-family:inherit;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
}

div#formulario legend {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: #09f;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
}
	
div#formulario textarea {
    width: 370px;
	background-color: #fff;
	overflow: auto;
	position: relative; /* para mac con IE5*/
	/* si pongo aquí voice sale en bloques*/
}

div#formulario p textarea.mensaje { 
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
voice-family: "\"}\""; 
voice-family:inherit;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
}

div#formulario p textarea.direccion { 
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
voice-family: "\"}\""; 
voice-family:inherit;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
}

	
div#formulario select {
width: 370px;
background-color: #fff;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
}

div#formulario input {
	width: 370px;
	background-color: #fff;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
voice-family: "\"}\""; 
voice-family:inherit;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
	}
	
div#formulario input.boto {
	color: #09f;
	background-color: #fff;
	border: 1px solid #09f;
	width: 90px;
	font-weight: bold;
	cursor: pointer;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
voice-family: "\"}\""; 
voice-family:inherit;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
font-size: 12px;
				}
		
		
div#formulario input.boto:hover,
div#formulario input.boto:focus {
	border-color: #70BBED;
	color: #fff;
	background-color: #70BBED;
	}
	
.im {margin-top:20px;padding-top:0px;}