/* CSS para navegadores normales, que cumplen estándares (Mozilla, Chrome, Safari, Opera...)

 */
body 
{
background-color: #000000;

scrollbar-face-color: #0099CC; /*barra*/
scrollbar-arrow-color: #006699; /*flecha*/
scrollbar-track-color: #00CCFF; /*fondo*/
scrollbar-shadow-color: #006699; /*sombra*/
scrollbar-highlight-color: #99FFFF; /*sombra clara*/
scrollbar-3dlight-color: #CCFFFF; /*sombra mas clara*/
scrollbar-darkshadow-Color: #0066CC; /*sombra oscura*/
background-image: url('images/tractor2.png');
background-repeat: no-repeat;
background-position: 80% 80%;
margin-bottom: 30%;
margin-right: 30%;

}
#fondo
{
//position: absolute;
//top: 50%;
//left:50%;
background-image: url('images/dumper.png');
background-repeat: no-repeat;
background-color: #000000;
width: 100%;
height: 100%;
margin-top:10%;
margin-left:10%;
}

a 
{
border:0;
text-decoration:none;
color: #dfdfdf;
}
.just
{
text-align:justify;
}
#contenedor
{
position:absolute;
top: 50%;
left: 50%;
margin-top: -286px;
margin-left: -512px;
}

#cabecera 
{
width: 100%;
height:80px;
margin:0px auto 20px auto;
 padding-bottom:10px;
}

#cabecera_int
{
 width:900px;
 margin:0 auto 0 auto;
 height:100%;
 vertical-align:middle;
 padding-top:0px;
}

#separador_cab
{
 width: 1024px;
 border-bottom: 1px solid #0389af;
 margin: 0px auto 0 auto;
}

#separador_pie
{
width: 1024px;
border-bottom: 1px solid #0389af;
margin: 20px auto 0 auto;
}

#pie
{
width: 100%;
height: 30px;
margin: 5px auto 0 auto;
}

#pie_int
{
width: 900px;
height:100%;
margin: 0 auto 0 auto;
vertical-align:middle;
text-align:center;
color: #8f8f8f;
}

#menu 
{
	float: right;
	width: 900px;
}

#menu ul {
	margin: auto;
	padding: 30px 20px 10px 10px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: right;
}

#menu a 
{
	display: block;
	float: left;
	height: 18px;
	padding: 0px 10px 0px 0px;
	letter-spacing: -1px;
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #7f7f7f;
    margin-right: 20px;
}

#menu a:hover 
{ 
	border-bottom: 1px solid #0389af; 
    color: #ffffff;
}

#menu .current_page_item a 
{
	border-bottom: 1px solid #0389af;
    color: #ffffff;
}

#menu .first 
{ 
}

#logo
{
 text-align:left;
 float:left;
 display:block;
 padding-left: 100px;
}

#logo img
{
  display:block;
  float:left;
  margin-top:0%;
}

#cuadros 
{
  width: 900px;
  height:450px;
  margin: 0 auto 0 auto; 
  background-color: #6f6f6f;
  padding: 0em;
}

.menu1
{
  background-image:url('images/menu1.jpg'); 
}

.menu2
{
  background-image:url('images/menu2.jpg'); 
}

.menu3
{
  background-image:url('images/menu3.jpg');
}

.menu4
{
  background-image:url('images/menu4.jpg');
}

.menu5
{
  background-image:url('images/menu5.jpg');
}

.menu6
{
  background-image:url('images/menu6.jpg');
}

.menu7
{
  background-image:url('images/menu7.jpg');
}

.menu8
{
  background-image:url('images/menu8.jpg');
}

.menu9
{
  background-image:url('images/menu9.jpg');
}

.menu10
{
  background-image:url('images/menu10.jpg');
}

.menu11
{
  background-image:url('images/menu11.jpg');
}

.menu12
{
  background-image:url('images/menu12.jpg');
}
.menu13
{
  background-image:url('images/construccion.jpg');
}
.menu14
{
  background-image:url('images/menu14.jpg');
}
.menu15
{
  background-image:url('images/menu15.jpg');
}
.menu16
{
  background-image:url('images/menu16.jpg');
}
.menu17
{
  background-image:url('images/menu17.jpg');
}
.menu18
{
  background-image:url('images/menu18.jpg');
}
.menu19
{
  background-image:url('images/menu19.jpg');
}
.menu20
{
  background-image:url('images/menu20.jpg');
}

#fila
{
  width:900px;
  height:0.33em;
  margin:0 0 0 0;
  padding: 0 0 0 0;
}

#ccontenido
{
  width: 730px;
  height:430px;
  float:left;
  display:block;
  background-image: url('images/oscurecer.png');
  color: #ffffff;
  text-align:center;
  padding: 10px 10px 10px 10px;
  font-family:arial;
  overflow-style:auto;
  overflow:auto;
}

#ccontenido ul
{
  text-align:justify;
}

#celda
{
  width:148px;
  height:148px;
  border: 1px solid #000000;
  text-align:center;
  display:inline-block;
  float:left;
  margin:auto;
}
#celdapepe
{
  width:150px;
  height:150px;
  text-align:center;
  background-image: url('images/oscurecer.png');
  display:inline-block;
  float:left;
  margin:auto;
}
#celdatras
{
  width:150px;
  height:150px;
  text-align:center;
  background-image: url('images/home1.png');
  display:inline-block;
  float:left;
  margin:auto;
}


.celenlace:hover
{
  background-image:url('images/resalt.png');
}

.cellogo:hover
{
  border: 1px solid #ffffff;
}

.celactiv
{
  background-image:url('images/resalt.png');
}
.celmenu:hover
{
  background-image:url('images/resalt_r.png');
}

#menuinferior {
  width: 900px;
  height: 20px;
  margin: 0 auto 2% auto;
  background-color: #00465a;
  color: #0389af;
  text-align:center;
}

#menuinferior a
{
  color:#8f8f8f;
  text-decoration:none;
}

#mi
{
  width:148px;
  height:100%;
  float:left;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #ffcc00;
}

#mi:hover
{
  border-left: 1px solid #0389af;
  border-right: 1px solid #0389af;
  background-image:url('images/mi_resalt_a.png');
}

#mi a
{
  text-decoration:none;
  text-color: #4f4f4f;
}

#miact
{
  width:148px;
  height:100%;
  float:left;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  background-image:url('images/mi_resalt_a.png');
  text-color:#ffffff;
  border-bottom: 1px solid #ffcc00;
}

#miact a
{
  color:#4f4f4f;
}

#miinac
{
  width:148px;
  height:100%;
  float:left;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  color: #ffffff;
  border-bottom: 1px solid #ffcc00;
}

#container
{
  display:block;
  float:center;
  margin: auto;
}



/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/image-manipulation.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.gallery 
{
padding:0; 
margin:0 auto; 
list-style:none; 
position:relative; 
width:900px; 
height:450px; 
background-color: #000000;
}
.gallery li 
{
width:148px; 
height:148px; 
float:left;
}
.gallery li a 
{
display:block; 
width:148px; 
height:148px; 
position:absolute;
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-ms-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
}

.gallery li a.p1 {background:url('images/galeria/galeria1.jpg'); opacity:0.75; left:1px; top:1px;}
.gallery li a.p2 {background:url('images/galeria/galeria2.jpg'); opacity:0.75; left:151px; top:1px;}
.gallery li a.p3 {background:url('images/galeria/galeria3.jpg'); opacity:0.75; left:301px; top:1px;}
.gallery li a.p4 {background:url('images/galeria/galeria4.jpg'); opacity:0.75; left:451px; top:1px;}
.gallery li a.p5 {background:url('images/galeria/galeria5.jpg'); opacity:0.75; left:601px; top:1px;}

.gallery li a.p6 {background:url('images/galeria/galeria6.jpg'); opacity:0.75; left:1; bottom:1px;}
.gallery li a.p7 {background:url('images/galeria/galeria7.jpg'); opacity:0.75; left:151px; bottom:1px;}
.gallery li a.p8 {background:url('images/galeria/galeria8.jpg'); opacity:0.75; left:301px; bottom:1px;}
.gallery li a.p9 {background:url('images/galeria/galeria9.jpg'); opacity:0.75; left:451px; bottom:1px;}
.gallery li a.p10 {background:url('images/galeria/galeria10.jpg'); opacity:0.75; left:601px; bottom:1px;}

.gallery li a.p11 {background:url('images/galeria/galeria11.jpg'); opacity:0.75; left:1px; top:151px;}
.gallery li a.p12 {background:url('images/galeria/galeria12.jpg'); opacity:0.75; left:601px; top:151px;}

.gallery li a.logogrande {background:url('images/galeria/logogrande.png'); opacity:0.75; left:151px; top:151px;width:448px; }
.gallery li a.logo {background:url('images/logob.png'); opacity:0.75; left:1px; top:151px;}
.gallery li a.menuforw {right:1px; top:1px; opacity:0.75;}
.gallery li a.menuback {right:1px; top:151px; opacity:0.75;}
.gallery li a.menuhome {right:1px;top:301px; opacity:0.75;}

.gallery li a.q1 {background:url('images/galeria/1.jpg'); opacity:0.75; left:1px; top:1px;}
.gallery li a.q2 {background:url('images/galeria/2.jpg'); opacity:0.75; left:151px; top:1px;}
.gallery li a.q3 {background:url('images/galeria/3.jpg'); opacity:0.75; left:301px; top:1px;}
.gallery li a.q4 {background:url('images/galeria/4.jpg'); opacity:0.75; left:451px; top:1px;}
.gallery li a.q5 {background:url('images/galeria/5.jpg'); opacity:0.75; left:601px; top:1px;}

.gallery li a.q6 {background:url('images/galeria/6.jpg'); opacity:0.75; left:1; bottom:1px;}
.gallery li a.q7 {background:url('images/galeria/7.jpg'); opacity:0.75; left:151px; bottom:1px;}
.gallery li a.q8 {background:url('images/galeria/8.jpg'); opacity:0.75; left:301px; bottom:1px;}
.gallery li a.q9 {background:url('images/galeria/9.jpg'); opacity:0.75; left:451px; bottom:1px;}
.gallery li a.q10 {background:url('images/galeria/10.jpg'); opacity:0.75; left:601px; bottom:1px;}

.gallery li a.q11 {background:url('images/galeria/11.jpg'); opacity:0.75; left:1px; top:151px;}
.gallery li a.q12 {background:url('images/galeria/12.jpg'); opacity:0.75; left:601px; top:151px;}



/*.gallery li a:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;}*/

.gallery li a.p1:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; top:0;}
.gallery li a.p2:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; top:0;}
.gallery li a.p3:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; top:0;}
.gallery li a.p4:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; top:0;}
.gallery li a.p5:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; top:0;}

.gallery li a.p6:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; bottom:0;}
.gallery li a.p7:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; bottom:0;}
.gallery li a.p8:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; bottom:0;}
.gallery li a.p9:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; bottom:0;}
.gallery li a.p10:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; bottom:0;}

.gallery li a.p11:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; top:0px; bottom:-150px;}
.gallery li a.p12:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; top:0px; bottom:0;}

.gallery li a.logogrande:hover {opacity:1;}
.gallery li a.logo:hover {opacity:1;}
.gallery li a.menuforw:hover {background-image:url('images/resalt_r.png'); opacity:1;}
.gallery li a.menuback:hover {background-image:url('images/resalt_r.png'); opacity:1;}
.gallery li a.menuhome:hover {background-image:url('images/resalt_r.png'); opacity:1;}

.gallery li a.q1:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; top:0;}
.gallery li a.q2:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; top:0;}
.gallery li a.q3:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; top:0;}
.gallery li a.q4:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; top:0;}
.gallery li a.q5:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; top:0;}

.gallery li a.q6:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; bottom:0;}
.gallery li a.q7:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; bottom:0;}
.gallery li a.q8:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; bottom:0;}
.gallery li a.q9:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; bottom:0;}
.gallery li a.q10:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; bottom:0;}

.gallery li a.q11:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; top:0px; bottom:-150px;}
.gallery li a.q12:hover {position:absolute; width:900px; height:450px; z-index:100; opacity:1;left:0; top:0px; bottom:0;}



/* localizador */

#simullocal
{
height: 30px;
}

.contenlocal 
{
    clear:both;
    float:left;
    overflow:hidden;
    width:100%;
}

#localizador 
{
    float:left;
    left:50%;
    list-style-type:none;
    margin:0 auto;
    padding:0;
    position:relative;
    margin-top:20px;
}

#localizador li 
{
    float:left;
    position:relative;
    right:50%;
}
#localizador li a
{
    width:20px;
    height:20px;
    display:block;
}
#localizador li a.normal {background:url('images/wpoint.png'); opacity:0.75;}
#localizador li a.active {background:url('images/bpoint.png'); opacity:0.75;}
#localizador li a:hover  {opacity:1;}