body {
 font-family:arial;
 font-size:11px;
 margin:0px;
 padding:0px;
 text-align:center;
 background-color:#000;
 color:#304E91;
}
p{
 color:#fff;
}
#sup {
  margin:0 auto;
  width:1060px;
  background-image:url(/imagenes/fondoXX.gif); 
}

h1 {
 margin:0px;
 padding:0px;
 font-weight:bold;
 font-size:24px;
 border:0px solid black;
 width:1000px;
 height:200px;  
 text-indent:-5450px;
 text-align:center; 
 margin:0 auto;
 background:url(/imagenes/cabeceraLosNotas.jpg) no-repeat;
 
 color: #ffffff;
 text-align:left;
 
}
h2 {
 text-align:left;
 color:#FDF8C1;
 margin:0px;
 text-indent:-5000px;
 width:400px;
 height:40px;        
 text-align:left;
 padding:0px; 
 background-repeat: no-repeat;
 background-position: center left;
 margin-bottom:10px;
}

h2 a {
 width:0px;
 margin:0px;
}

h3 {
 padding:0px;
 margin:0px;
 font-size:16px;
 margin-top:10px;
}

div {
 border:0px dotted #555555;
 padding:0px;
 margin:0 0 0px 0;
}

.infodiv {
 display:none;
}
#baseExt {
 width:732px;
 background:url(/img/divTop.gif) no-repeat;
 padding-top:14px;
}

#baseAb {
 width:1000px;
 background:url(/img/divBot.gif) no-repeat;
 margin-bottom:10px;
 height:14px;
}

#base {
 padding:10px;
 text-align:left;
 margin:0 auto;
 border-left:1px solid #A4B5DC;
 border-right:1px solid #A4B5DC; 
}
#menu , #cuerpo {
  float:both;
  clear:both;
  padding:0px;
  margin:0 auto;
}
#cuerpo {
 width:1000px;
 /* background-image:url(/img/base.jpg); */
}

#menu {
   background-color:#000;
   height:39px;
   padding-bottom:0px;
   padding-top:2px;
   width:1000px;
   margin:0 auto;
   margin-bottom:0px;
   /* background:url(/img/baseMenu.gif) no-repeat;*/
}
#menu ul {
 list-style-type: none;
 padding:0px;
 margin:0px;
 margin-left:0px;
}
#menu ul li{
 display: inline;
 padding:0px;
 margin:0px;
 float:left;
 clear:none;
 margin-left:10px;
 margin-right:2px;
 padding-left:5px;
 border-left:1px solid #f00;
 height:12px;
 font-size:12px;
 /* con Prod: 11px, margin-left:1px*/
}

#menu ul li a {
  text-decoration:none;
  color:white;  
  font-size:11px;
}

#menu ul li a:hover {
  text-decoration:none;
  color:#ffffff;  
  background:url(/imagenes/rafaga.gif);
}
#pie {
 width:1000px;
 background-color:#f00;
 text-align:center;
 font-size:10px;
 color:#FDF8C1;
 margin:0 auto;
 margin-bottom:20px;
}
#pie a {
 color:#dddddd;
 text-decoration:none;
}

#pie a:hover {
 color:#ffffff;
}

#h2qui{
 background:url(/img/_tit_quienes.gif);
}
#h2don{
 background:url(/img/_tit_donde.gif);
}
#h2con{
 background:url(/img/_tit_contacta.gif);
}
#h2svc{
 background:url(/img/_tit_servicios.gif);
}
#h2pro{
 background:url(/img/_tit_productos.gif);
}
#h2qued{
 background:url(/img/_tit_quedadas.gif);
}

#corte {
  float:both;
  clear:both;
  height:10px;
  margin:0px;
  padding:0px;
}
#plano, #planoA, #planoB, #planoC {
  width:550px;
  height:400px;
/*
  background-color:blue;
  float:right;
  clear:none;  
  border:1px solid #304E91;
*/  
}

.not {
  display:none;
 }
#Q {
  width:550px;
  height:400px;
  float:right;
  clear:none;  
  border:1px solid #304E91;
  background:url(/img/cargando.gif);

}

#planoA {background:url(/img/mapaA.jpg);}
#planoB {background:url(/img/mapaB.jpg);}
#planoC {background:url(/img/mapaC.jpg);}
#plano {background:url(/img/mapaC.jpg);}

.bot {
 float:left;
 clear:left;
 width:140px;
 text-align:left;
 border:1px solid #fff;
 text-decoration:none;
 margin:3px 0 0 0;
 padding:10px 5px 10px 5px;
 color:#000000;
 font-weight:normal;
 text-align:justified;
}
.bot:hover {
  /* text-decoration:underline;  */
  background-color:#D8DEEA;
}

#formulario
{
 width: 350px;
 padding: 10 10 10 20;
 margin: 5 5 5 0;  
 border: 1px dotted #304E91;
 float:right;
 clear:none;
}

#formulario p
{
 color: #304E91;
 margin: 0 0 3 0;
 padding: 0 0 0 0;
}

#formulario input, textarea
{
 color: #222222;
 margin: 0 0 0 0;
 size: 50;
 border: 1px solid #304E91;
 font-size: 11px;
}

#infoDatos {
  float:left;
  clear:none;
  color: #304E91;
  width:300px;
}

#infoDatos p, #infoDatos a {
  color: #304E91;
}

#foto {
 float:right;
 clear:none;
 width:200px;
 height:200px;
 border:1px solid green;
}
#fotoFont {
 float:right;
 clear:right;
 width:172px;
 height:186px;
 /* background:url(/img/fotoFont.jpg) no-repeat;  */
  background:url(/img/fotoFont2.jpg) no-repeat;
 margin:50px 0px 5px 20px;
}

#fotoPint {
 float:right;
 clear:right;
 width:172px;
 height:173px;
 background:url(/img/fotoPint.jpg) no-repeat;
 margin:15px 0 5px 10px;
}

#fotoPinta {
 float:right;
 clear:right;
 width:200px;
 height:200px;
 background:url(/img/pinta2.jpg) no-repeat;
 margin:15px 0 5px 10px;
}


#fotoIni {
 float:right;
 clear:right;
 width:450px;
 height:238px;
 background:url(/img/collage.jpg) no-repeat;
 margin:0 0 5px 10px;
}


#trbj {
  border:2px dotted #304E91;
  width:330px;
  height:130px;
  text-align:center;
}


#nota {
 border:3px dotted #ff0000;
 text-align:center;
 width:300px;
 font-size:11px;
 padding:5px;
 margin:5px;
 color:#000000;
}

#tlf, #hora, #mail {
  background:url(/img/imgInfo.gif) no-repeat;
  width:120px;
  height:80px;
  margin-top:10px;
}

#hora {
  background-position: 0 -160px;
}

#mail {
  background-position: 0 -80px;
}

#logosMarcas {
 /* border:1px solid black; */  
 width:700px;
 height:108px;
 background:url(/img/logosMarcas.gif) no-repeat;
 
}


#menuof {
   background-color:#304E91;
   height:18px;
   padding-bottom:0px;
   padding-top:2px;
   width:710px;
   /* margin:0 auto; */
   margin-bottom:10px;
}

#menuof ul {
 list-style-type: none;
 padding:0px;
 margin:0px;
 margin-left:10px;
}
#menuof ul li{
 display: inline;
 padding:0px;
 margin:0px;
 float:left;
 clear:none;
 margin-left:2px;
 margin-right:2px;
 padding-right:5px;
 border-right:1px solid #FDF8C1;
 height:12px;
 font-size:11px;
}

#menuof ul li a {
  text-decoration:none;
  color:white;  
}

#menuof ul li a:hover {
  text-decoration:underline;
  color:#ffffff;  
}

.of {
 border:1px solid blue;
 display:none;
}

/*#f1*/#f2 {
 float:right;
 clear:none;
 background:url(/img/f1.jpg);
 width:450px;
 height:300px;
 margin-left:10px;
 border:1px solid #000;
}

/*#f2*/#f3 {
 float:right;
 clear:none;
 background:url(/img/f2.jpg);
 width:275px;
 height:390px;
 margin-left:10px;
 border:1px solid #000;
}

/*#f3*/#f4 {
 float:right;
 clear:none;
 background:url(/img/f3.jpg);
 width:450px;
 height:289px;
 margin-left:10px;
 border:1px solid #000;
}

/*#f4*/#f1 {
 float:right;
 clear:none;
 background:url(/img/f4.jpg);
 width:450px;
 height:299px;
 margin-left:10px;
 border:1px solid #000;
}

#f5 {
 float:right;
 clear:none;
 background:url(/img/f5.jpg);
 width:300px;
 height:372px;
 margin-left:10px;
 border:1px solid #000;
}

#f6 {
 float:right;
 clear:none;
 background:url(/img/f6.jpg);
 width:400px;
 height:333px;
 margin-left:10px;
}

.entradas
{
 color: #222222;
 margin: 0 0 0 0;
 size: 50px;
 border: 1px solid #304E91;
 font-size: 11px;
}

#OF p {font-size:12px; text-align:justify;}

.minifotoH {
 width:70px;
}
.minifotoV {
 width:70px;
}

.minifotoH,.minifotoV 
{
 margin:0 2px 2px 0;
 border:1px solid #aaa;
}

#titular {
  font-family:arial narrow,arial,impact;
  font-size:25px;
  font-weight:bold;
  color:red;
}
#song {
 font-size:11px; color:white;
 border:0px solid white;
 margin-bottom:2px;
 margin-top:10px;
 border-top:1px solid #777;
}

#disco {
 color:white;
 font-size:11px;
 text-align:center;
}

#separador {
border-top:1px solid white;
}
.slogan {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #FFFF33; vertical-align: middle; text-align: center}
input {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: #FFFFFF; font-weight: bold}
.version {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: yellow; vertical-align: middle; text-align: center}
body , a {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#fff;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.unmenu {background-color:#F1CD00;color:#000;
           font-family:arial;font-size:12px;
           padding:2px 10px 2px 10px;
           font-weight:bold;
           height:14px;line-height:25px;
           margin:0 1px 0 0;
           }
#afotos a img{margin:10px;}
p {margin:5px;}
.bordillo {border:5px solid #F1CD00;}
.amarillico {color:#F1CD00;}

.mastemas {
font-size:11px;
color:white;
text-align:right;
height:30px;
}

.mastemas a {
 border:1px solid white;
 margin:15px;
 font-size:11px;
 color:white; 
 background-image: url(/imagenes/abajo.gif);
 background-repeat:no-repeat;
 background-position:center left;
 text-decoration:none;
 width:250px; 
 display:block;
 text-align:center;
}

.mastemas a:hover {
 text-decoration:none;
 font-weight:bold;
}
.datosdirecto {
  width:200px; 
  margin:5px;
  color:white;
  font-size:11px;
  text-align:justify;
  float:right;
  clear:none;
}

.mapadirecto {
  width:250px;
  height:250px;
  margin:0px 5px 0px 10px;
  color:white;
  font-size:13px;
  text-align:justify;
  float:right;
  clear:none;
}

.carteldirecto {
  float:left;
  clear:none;
  margin:5px;
  width:175px;
  height:250px;
}