/* CSS Document */
body{ 
font-family: Helvetica, Arial, sans-serif;  
color: #fff; font-size: 75%; 
overflow: visible;
background-color: #FFFFFF;
background: url(../imagenes/rancho/fondomadera4.jpg) repeat-y 
}


h2 { font-weight: bold; margin-bottom: 1.5em; font-size: 1.3em}
h3 { font-weight: bold; margin-bottom: 1em; font-size: 1.3em; font-family: "Times New Roman", Times, serif;}
p { line-height: 1.3em}

a {color: #fff; text-decoration: underline; width:100%}
a:hover {text-decoration: none}
img.titulo { margin-bottom: 15px}  

#menu1 {width:300px; height: 700px; background-color: black; filter: alpha(opacity=30); opacity: .3 }

.dobleMargen { margin-top: 15px;}
.versalitas { font-size: 0.8em; letter-spacing: 0.1em; font-weight: bold}
.alignCentro { text-align: center}
.enlaceListaImagenes { padding: 0.3em 0.5em; background: #000; color: #fff; text-decoration: none; font-size: 0.8em}

/* FIJOS */

#logotipo{ }
#borde { position: fixed; left:0; top: 0; width: 15px; min-height: 100%; background: #000; z-index: 10}


#servicios { position: absolute; top: 4000px; margin-left:: 300px; height: 1500px; width: 100%}
#trabajos { position: absolute; top: 1500px; left: 0; height: 1500px; width: 100%; }
#equipo {position: absolute; top: 3000px; left: 0; height: 1500px; width: 100%; }
/*#contacto {position: absolute; top: 4500px; left: 0; height: 1500px; width: 100%}*/

/* PAGINAS */

.contenido { position: absolute; top: 60px; left: 545px; z-index: 10; padding-bottom: 200px; width: 500px}

/* COLUMNAS */

.ancho1 { float: left; margin-right: 15px; width: 145px; border-top: 5px solid #000; padding-top: 10px; margin-bottom: 30px; padding-bottom: 15px}
.ancho2 { float: left; margin-right: 15px; width: 305px; border-top: 5px solid #000; padding-top: 10px; margin-bottom: 30px; padding-bottom: 15px}
.ancho3 { float: left; margin-right: 15px; width: 465px; border-top: 5px solid #000; padding-top: 10px; margin-bottom: 30px; padding-bottom: 15px}
.ancho4 { float: left; margin-right: 15px; width: 625px; border-top: 5px solid #000; padding-top: 10px; margin-bottom: 30px; padding-bottom: 15px}

.noBorde { border-top: none}
.noMargin { margin-bottom: 0}

.nuevaLinea { clear: both}


/*----capas de la sección EL RANCHO------------*/

.rancho { margin-top:10px; margin-left:195px; }

.radio { margin-left:195px; margin-top:10px; }

.conciertos {margin-left:195px; margin-top:10px; background-image:url(../imagenes/fondo-negro-recorte.png); width: 298px; min-height:200px;
}

.video { margin-left:195px; margin-top:10px; background-image:url(../imagenes/fondo-negro-recorte.png); width: 298px;
  z-index: 13; min-height:220px; width: 300px}

.rancho2{margin-left:195px; margin-top:10px; background-image:url(../imagenes/fondo-negro-recorte.png); width: 298px;
  z-index: 14; min-height:598px; width: 300px}

.noticias { margin-top:10px; margin-left:190px; background-image:url(../imagenes/fondo-negro-recorte.png);
  z-index: 15; min-height:520px; width: 300px}
  
.descargas { margin-top:10px; background-image:url(../imagenes/fondo-negro-recorte.png); 
  z-index: 16; min-height:610px; width: 180px}
   
.cartel { margin-top:10px; background-image:url(../imagenes/fondo-negro-recorte.png); 
  z-index: 15; min-height:220px; width: 490px} 

.cartel1 { margin-left:195px; margin-top:10px; background-image:url(../imagenes/fondo-negro-recorte.png); 
  z-index: 15; min-height:220px; width: 490px}

  
/*********Capas para PONY BRAVO-----------*/
.noticiasPony { margin-top:10px; margin-left:195px; background-image:url(../imagenes/fondo-negro-recorte.png); width: 298px;
  z-index: 18; min-height:200px; width: 300px}

.descargasPony { margin-top:10px; background-image:url(../imagenes/fondo-negro-recorte.png); 
  z-index: 19; min-height:318px; width: 180px}
  
.derechaPony { margin-top:10px; margin-left:0px; background-color:transparent; 
  z-index: 20; width: 300px}
  
.videoPony { margin-top:10px; margin-left:0px; background-image:url(../imagenes/fondo-negro-recorte.png);
  z-index: 21; min-height:220px; width: 300px}
  
.apoyoPony { margin-top:10px; 
  z-index: 22; min-height:150px; width: 180px} 

.menuPony { margin-top:0px; margin-left:195px; background-color: transparent}
.menuPony ul li{display:inline; text-decoration:none; height:46px; text-align:left}
	.menuPony a{color: #000; text-decoration: none; width:100%;}
	.menuPony a:hover{text-decoration: none; background-image: url("../imagenes/fondo-negro-recorte.png") }


/*********Capas para Fiera-----------*/
.noticiasFiera{ margin-top:10px; margin-left:195px; background-image:url(../imagenes/fondo-negro-recorte.png);
  z-index: 18; min-height:200px; width: 450px}

.izquierdaFiera { margin-top:10px; margin-left: 195px;
  z-index: 29}  
.derechaFiera { margin-top:10px; 
  z-index: 24; width: 450px}
  
  
.arribaFiera { margin-top:10px; margin-left:195px; background-image:url(../imagenes/fondo-negro-recorte.png); 
  z-index: 25; min-height:40px; width: 450px}

.conciertosFiera {margin-left:195px; margin-top:10px; background-image:url(../imagenes/fondo-negro-recorte.png); width: 450px; min-height:200px;
}

/****************Capas para el Establo******************/
.capasEstablo { margin-top:10px; margin-left:195px; 
  z-index: 26; width: 636px}
  
.noticiasEstablo{ margin-top:-295px; margin-bottom:10px; margin-left:280px; background-image:url(../imagenes/SEstablo/establo-recuadro-verde.png);
  z-index: 27; min-height:200px; width: 355px; float:left}

/****************Capas para Contacto********************/
.contac {margin-left:195px; margin-top:10px; background-image:url(../imagenes/fondo-negro-recorte.png); width: 298px; min-height:200px;
}

.contac2 {margin-left:10px; margin-top:10px; background-image:url(../imagenes/fondo-negro-recorte.png); width: 298px; min-height:200px;
}

.ranchoCon{margin-left:10px; margin-top:10px; background-image:url(../imagenes/fondo-negro-recorte.png); width: 298px;
  z-index: 32; min-height:598px; width: 300px}


/*----------------Capas GENERICAS----------------*/
.interior{font-family: Helvetica, Arial, sans-serif; padding-left:0.7em; padding-right: 0.4em;
padding-top: 1em;  line-height: 1.1em; color:#fff; font-size:12px;}

.interiorV{padding-left:0.9em; padding-right: 0.6em;
padding-top: 0.6em; padding-bottom:0.6em}


.titular{background-color: transparent; height:16px; width:94%; margin-left:3px;
 margin-top:3px; font-family: Helvetica, Arial, sans-serif; padding-top:0.1em; padding-left:0.2em;
font-size:11px; text-transform:uppercase; text-align:left; font-weight:bold; color:#CCCCCC}


.titular2{background-color:#000000; height:20px; width:94%; margin-left:3px;
 margin-top:3px; font-family: Helvetica, Arial, sans-serif; padding-top:0.1em; padding-left:0.2em;
font-size:12px; text-transform:uppercase; text-align:left; font-weight:bold; color:#CCCCCC}

.col-AB-A{float:left; width:300px}
.col-AB-B{ position:relative;float:left; width:180px; margin-left:205px; }
.col-AB-C{ position:relative; float:left; width:180px; margin-left:10px; }

.col-AB-B-Pony{ position:relative;float:left; width:180px; margin-left:205px; }
.col-AB-C-Pony{ position:relative; float:left; width:300px; margin-left:10px }

.col-AB-A-Fiera{float:left; width:300px}
.col-AB-B-Fiera{ position:relative;float:left; width:300px; margin-left:355px; }

.col-AB-A-Contacto{float:left; width:300px}
.col-AB-B-Contacto{ position:relative;float:left; width:300px; margin-left:188px; }