/* CSS Document */

html, body {
margin : 0;
padding : 0;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
color: #666666;
font-size : 12px;
background: #3f7d98 url(../img/fondoWeb.jpg) repeat-x top;
}
a {
font-size : 11px;
color : #3f7d98;
background-color: transparent;
text-decoration : none;
}
a:hover {
font-size : 11px;
color : #c65900;
background-color: transparent;
text-decoration : none;
}

div#sombra{
  width:900px;
  background-image: url(../img/sombra.jpg) ;
  height:auto;
   
  }
  
div#footer{
  width:900px;
  background-image: url(../img/FondoFooter.jpg) ;
  height:54px;
  color:#c6c6c6;
  font-size:10px;
  padding:6px 0;
   
  }  
  
div#banner{
  width:900px;
  background-image: url(../img/FondoBanner.jpg) ;
  height:150px;
   
  }  
  
div#menu{
  width:800px;
  background-image: url(../img/FondoMenu.jpg) ;
  height:30px;
   
  }
  
div#containers{
  width:900px;
  background: url(../img/FondoContainers.jpg) no-repeat top right ;
  height:auto;
   
  }  
  
div#contenido{
  width:760px;
  height:auto;
  text-align:justify;
   
  }  
  
div#espacio30{
  width:760px;
  height:30px;
  float:left;  
  }  
  div#espacio10{
  width:760px;
  height:10px;
  float:left;  
  }  
div#espacio50{
  width:760px;
  height:50px;
  float:left;
  text-align:center;
  font-size:18px;
  color:#c65900;
  font-weight:bold;
  }   
  
div#menuIzquierda{
  width:160px;
  height:370px;
  float:left; 
  overflow: auto; 
  } 
  
div#contenidoDerecha{
  width:590px;
  height:auto;
  float:left;  
  }       
      
  
div#FooterDos{
  width:900px;
  background-image: url(../img/FondoFooterDos.jpg) ;
  height:214px;
  clear:both; 
   
  }    
  
div#Noticiero{
  width:570px;
  height:214px;
   
  }
  
.style1 {
	color: #c65900;
	font-weight: bold;
}  
  
  
/* Noticias*/

.inputStyle{width:500px;border: 1px Solid #4dce19;background: #FFFFFF;}
.inputTitulo{width:500px;border: 1px Solid #4dce19;background: #FFFFFF;}
.inputResumen{width:500px;height:50px;border: 1px Solid #4dce19;background: #FFFFFF;}
.descriptionText{width:500px;height:150px;border: 1px Solid #4dce19;background: #FFFFFF;}
.message{ font-size: 16px;color: #d61717 ;font-weight:bold;}

.titulo{font-family: Arial, Helvetica, sans-serif;font-size: 16px;color: #333333 ;font-weight:bold;}
.resumen{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333 ;font-weight:bold;  text-align:justify;}
.cuerpo{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666666 ;text-align:center;  text-align:justify; width:auto;}

.tituloNoticias { font-size: 12px;color: #c65900 ;font-weight:bold;background-color:#e0e0e0;  }  

/* mapa*/

div#map_canvas{
  border:2px #3f7d98 solid;
  float:left; 
  } 
  
div#directions{
  overflow: scroll;
  height:370px;
  overflow-x: hidden;
  float:right;
   
  }   
  
div#TextoCuerpoIzq{
  width:580px;
  height:36px;
  text-align:left;
  color:#c65900;
  font-weight:bold;
   
  }  
  div#mapa{
  width:750px;
  height:400px;
   
  }  
  
/* contacto*/  
  
  div#contacto{
  width:750px;
  height:300px;
   
  }  
  
  div#celdillaIzq{
  width:240px;
  height:40px;
  text-align:right;
  float:left;
   
  }
  
div#celdillaIzqLarga{
  width:400px;
  height:40px;
  text-align:right;
  float:left;
   
  }
  
  div#celdillaIzqAlta{
  width:240px;
  height:120px;
  text-align:right;
  float:left;
   
  }
    
div#celdillaDer{
  width:500px;
  height:40px;
  text-align:left;
  float:right;
   
  }
  
div#celdillaDerAlta{
  width:500px;
  height:120px;
  text-align:left;
  float:right;
   
  } 
  
div#celdillaDerCorta{
  width:250px;
  height:40px;
  text-align:left;
  float:right;
   
  } 
  
div#texto{
  width:750px;
  height:auto;
  clear:both;
   
  }  
  
  div#instalaciones{
  width:750px;
  height:auto;
  clear:both;
  text-align:center;
   
  }   
  
  
/* Ofertas y Marcos*/     

div#oferta{
  width:760px;
  height:220px;
  clear:both; 
  }        
  
div#headerOferta{
  width:760px;
  height:35px;
  background-image:url(../img/ofertas/headerOfertas.jpg);
  font-size:14px;
  font-weight:bold;
  text-align:center;
  color:#FFFFFF;
   
  }
  
div#headerOfertaPar{
  width:760px;
  height:35px;
  background-image:url(../img/ofertas/headerOfertasPar.jpg);
  font-size:14px;
  font-weight:bold;
  text-align:center;
  color:#FFFFFF;   
  } 
  
div#centroPrecio{
  width:760px;
  height:141px;
  background-image: url(../img/ofertas/centroPrecios.jpg);
   
  } 
  
div#centroOfertas{
  width:760px;
  height:141px;
  background-image: url(../img/ofertas/centroOfertas.jpg);
   
  } 
  
div#centroOfertasPar{
  width:760px;
  height:141px;
  background-image: url(../img/ofertas/centroOfertasPar.jpg);
   
  }           
  
div#footerOfertas{
  width:760px;
  height:48px;
  background-image: url(../img/ofertas/footerOfertas.jpg);
   
  }  
  
/* Ofertas y Marcos, titulo y contenido*/  

div#tituloOfertas{
  width:230px;
  height:25px;
  text-align:center;
  color: #3f7d98;
  font-size:14px;
  float:left;
  padding-top:6px;
  padding-left:20px;
  font-weight:bold;
   
  }
  
div#contenidoOfertas{
  width:192px;
  height:16px;
  text-align:left;
  color: #999999;
  font-size:10px;
  float:left;
  padding-top:0px;
  padding-left:35px;
  padding-right:20px;
  font-weight:bold;
   
  }   
  
div#masInfo{
  width:220px;
  height:25px;
  text-align:right;
  color:#FFFFFF;
  font-size:10px;
  float:left;
  padding-right:29px;
  padding-top:1px;
  font-weight:bold;
   
  }    
  
#masInfo a {
font-size : 10px;
color : #FFFFFF;
background-color: transparent;
text-decoration : none;
}
#masInfo a:hover {
font-size : 10px;
color : #000000;
background-color: transparent;
text-decoration : none;
}  

#tituloOfertas a {
font-size : 14px;
color : #3f7d98;
background-color: transparent;
text-decoration : none;
}
#tituloOfertas a:hover {
font-size : 14px;
color : #c65900;
background-color: transparent;
text-decoration : none;
} 
   
div#precio{
  width:760px;
  height:36px;
  text-align:center;
  color:#3f7d98;
  font-size:18px;
  padding-top:6px;
  font-weight:bold;
  background-image:url(../img/precio.jpg);
  clear:both;
   
  } 
  
.precioOfertas{
font-size : 20px;
color : #c65900;

}  
  
/* Cuadro con titulo Gris */   

div#CuadroGris{
  width:760px;
  height:auto;
  font-size:14px;
  text-align:center;
  clear:both; 
   
  }  

div#CentroCuadroGris{
  width:740px;
  height:auto;
  background-image: url(../img/FondoCuadro.jpg);
  font-size:12px;
  text-align:left;
  color:#666666;
  padding:10px 0px 10px 20px;
   
  }
  
div#CentroCuadroGrisLogo{
  width:740px;
  height:60px;
  background-image: url(../img/FondoCuadro.jpg);
  font-size:12px;
  text-align:center;
  color:#666666;
   
  } 
  
div#CentroCuadroGrisFotoLogos{
  width:740px;
  height:138px;
  background-image: url(../img/FondoCuadro.jpg);
  font-size:12px;
  text-align: center;
  color:#666666;
  
   
  }     
  
div#CentroCuadroGrisPrecio{
  width:740px;
  height:auto;
  background-image: url(../img/FondoCuadro.jpg);
  font-size:18px;
  text-align:right;
  font-weight:bold;
  color:#c65900;
  padding:10px 20px 10px 0px;
   
  }  
  
div#FutterCuadro{
  width:760px;
  height:20px;
  background-image: url(../img/FutterCuadro.jpg);
  font-size:14px;
  font-weight:bold;
  text-align:center;
  color:#666666;
   
  }  
  
/* Fotogramas */         

div#Fotogramas{
  width:150px;
  height:526px;
  float:left;
}

div#contenidoFotograma{
  width:580px;
  height:auto;
  text-align:justify;
  float:right; 
  }  

div#CuerpoFotogramas{
  width:760px;
  height:auto;
  text-align:justify;
  padding-bottom:30px;

  }