/* Layout Stylesheet */ 

/* Cuerpo de la página centrado */
body {
 margin:0px;
 background:#2A90FF;
 color: #333333;
 text-align:center;
 padding:0;
 }
 
 A.cab:link {
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;	
    }
    
    A.cab:visited {	
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;	
    }
        
    A.cab:hover {
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;	
    }

 
/* Contenedor exterior */
#outer {
 text-align:left;
 border:0px solid #000000;
 width:780px;
 height:700px;
 margin:auto;
 }

/* Cabecera */
 #hdr2 {
 width:780px;
 height:116px;
 background:#ffffff;
 background-image: url(http://www.guiaempresasyservicios.com/images/Cabecera2.png);
 background-repeat: no-repeat;
 color: #333333;
 }
 #hdr3 {
 width:780px;
 height:28px;
 background:#ffffff;
 background-image: url(http://www.guiaempresasyservicios.com/images/head_00.png);
 background-repeat: no-repeat;
 color: #333333;
 }
 #hdr4 {
 width:780px;
 height:20px;
 background-color: #FFFFFF;
 vertical-align:top;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 float: right;
 text-align: right;
 font-size: 9px;
/* background:#000000;*/
 color:#808080;
 }
 
/* Barra bajo la cabecera */
#bar {
 width:780px;
 height:55px;
 color: #333333;
 background-image: url(http://www.guiaempresasyservicios.com/images/cabecera-03.png);
 background-repeat: no-repeat;
 text-align:left;
  }

/* Contenedor para las zonas de contenido variable */
#bodyblock {
 position:relative;
 top:0px;
 left: 0px;
 background: #ffffff;
 color: #333333;
 width:780px;
 padding:0px;
 }

/* Columna de menú */
#l-col {
 width:199px;
 float:right;
 background:#FFFFFF;
 color: #000000;
 /*border-width:0 0 0 1px;*/
 text-align:left;
 Border-left: #CCCCCC 0px dashed; 
 Border-right: #CCCCCC 0px dashed; 
 Border-top: #CCCCCC 0px dashed; 
 Border-bottom: #CCCCCC 0px dashed;
 vertical-align:top;
 text-align: left;
 }

/* Columna de contenido */
#cont {
 float:left;
 width:580px;
 background:#ffffff;
 color: #333333;
 border-width:0 0 0 1px;
 text-align:left;
 }

/* Bloque de contenido adicional, para separar un poco
el texto de los bordes de los divs */
#cont2 {
 float:right;
 width:520px;
 background:#ffffff;
 color: #333333;
 border-width:0 0 0 1px;
 text-align:left;
 margin:0px;
 }

/* Pie de la página */
#ftr {
 height:220px;
 background:#004975;
 color: #333333;
 border-width:0 0 0 0;
 margin:0;
 }
#ftr2 {
 width:780px;
 height:60;
 background-image: url(http://www.guiaempresasyservicios.com/images/foot_00.png);
 background-repeat: no-repeat;
 border-width:0 0 0 0;
 margin:0;
 }
 #ftr3 {
 width:780px;
 height:59px;
/* background:#ffffff;*/
 background-image: url(http://www.guiaempresasyservicios.com/images/foot_05.png);
 background-repeat: no-repeat;
 color: #333333;
 margin:0;
 } 
  #ftr3_2 {
 width:780px;
 height:59px;
/* background:#ffffff;*/
 background-image: url(http://www.guiaempresasyservicios.com/images/white_down.png);
 background-repeat: no-repeat;
 color: #333333;
 margin:0;
 } 
 /*
Solución para que en Firefox los DIVs flotantes no se salgan fuera del
DIV contenedor
*/
.spacer{
clear: both;
}


/* 
Simulación del comportamiento de tablas mediante DIVs
*/
div.row {
  clear: both;
  padding-top: 10px;
  }


div.row span.label {
  float: left;
  width: 300px;
  text-align: right;
  font-size: 11px;
  }

div.row span.formw {
  float: right;
  width: 350px;
  text-align: left;
  font-size: 11px;
  } 

div.row span.label1 {
  float: left;
  width: 250px;
  text-align: right;
  font-size: 11px;
  }

div.row span.formw1 {
  float: right;
  width: 370px;
  text-align: left;
  font-size: 11px;
  } 
  
div.row span.header {
  float: right;
  width: 520px;
  text-align: right;
  font-size: 11px;
  }

div.row span.headerLeft {
  float: left;
  width: 260px;
  text-align: left;
  font-size: 11px;
  }

div.row span.headerRight {
  float: right;
  width: 260px;
  text-align: right;
  font-size: 11px;
  }

div.subrow {
  margin:0;
  width: 250px;
  text-align: center;
  font-size: 11px;
  }

div.subrow span.labels {
  float: left;
  width: 500px;
  text-align: right;
  font-size: 11px;
  }

div.container {
  height:23px;
  border: 1px dashed #cccccc;
  background-color: #ffe;
  vertical-align: middle;
  }
div.floatL {
  float: left;
  background-color: #FFFFFF;
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 10px;
  }
  
div.floatP {
   text-align: center;
   }
   
div.floatR {
  float: right;
  background-color: #FFFFFF;
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: px;
  margin-right: 5px;
  }

/* Estilos Divs elementos listados */

div.HeadElemResultados {
  width:540px;
  height: 15px;
  background-image:url(http://www.guiaempresasyservicios.com/images/ficha_sup.png);
  background-repeat: no-repeat;
  padding-left: 10px;
  padding-top:2px;
  font-size: 10px;
  background-color: #ffffff;
  text-align: left;
  }
 div.ContainerElemResultados {
  width: 540px;
  /*height: 150px;*/
  background-color: #FFFFCC;
  vertical-align:top;
  text-align: left;
  padding-top:0px;
  padding-bottom:0px;
  padding-left: 0px;
  padding-right: 0px;
  
  }  
  div.FootElemResultados{
  background-image:url(http://www.guiaempresasyservicios.com/images/ficha_inf2.png);
  height: 15px;
  width:540px;
  font-size: 12px;
  background-color: #ffffff;
  text-align: left;
}   
div.InfoElemResultados {
  padding:10;
  font-size: 11px;
  background-color: #87cefa;
  }  
 
div.FloatLelemResultados {
  width: 400px;
  /*height: 135px;*/
  /*Border-left: #CCCCCC 1px dashed; */
  /*Border-right: #CCCCCC 1px dashed; */
  /*Border-top: #CCCCCC 1px dashed; */
  /*Border-bottom: #CCCCCC 1px dashed;*/
  background-color: #FFFFCC;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 5px;
  font-size: 12px;  
  float: left;
  }
div.FloatRelemResultados {   
 /* Border-left: #CCCCCC 1px dashed; */
  /*Border-right: #CCCCCC 1px dashed; */
  /*Border-top: #CCCCCC 1px dashed; */
  /*Border-bottom: #CCCCCC 1px dashed; */
  background-color: #FFFFCC;  
  font-size: 10px;
  height: 100px;
  width: 100px; 
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 10px;
  float: right;  
  }
/*Fin  Estilos Divs elementos listados */

/*- Estilos Divs elementos info Extendida */

div.HeadElemFichaExtendida {
  width:540px;
  height: 15px;
  background-image:url(http://www.guiaempresasyservicios.com/images/ficha_sup.png);
  background-repeat: no-repeat;
  padding-left: 10px;
  padding-top:2px;
  font-size: 10px;
  background-color: #ffffff;
  text-align: left;
} 
div.FondoSuperiorconEsquinasContacto {
  width:530px;
  height: 15px;
  background-image:url(http://www.guiaempresasyservicios.com/images/FondoContactoSuperior.png);
  background-repeat: no-repeat;
  padding-left: 0px;
  padding-top:0px;
  font-size: 10px;
  background-color: #ffffff;
  text-align: left;
} 
div.FondoInferiorconEsquinasContacto {
  width:530px;
  height: 15px;
  background-image:url(http://www.guiaempresasyservicios.com/images/ficha_inf.png);
  background-repeat: no-repeat;
  padding-left: 0px;
  padding-top:0px;
  font-size: 10px;
  background-color: #ffffff;
  text-align: left;
} 
div.containerFichaExtendida {
  background-color: #FFFFCC;
  padding-right: 0px;
  width: 540px;
  height: 185px;
  padding-left: 0px;
  padding-right: 0px;
  }
div.containerFichaExtendida2{
  background-color: #FFFFCC;
  padding-right: 0px;
  width: 540px;
  height:150px;
  padding-left: 0px;
  padding-right: 0px;
  }
  
  div.containerMapa{
  background-color: #FFFFCC;
  padding-right: 0px;
  width: 540px;
  height:350px;
  padding-left: 0px;
  padding-right: 0px;
  }
  
div.floatLelemFichaExtendida {
  width: 300px;
  height: 150px;
  background-color: #FFFFCC;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 10px;
  float: left;
  }
div.floatLelemFichaExtendida2 {
  width: 470px;
  /*height: 150px;*/
  background-color: #FFFFCC;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 10px;
  float: left;
  }  
  
div.floatRelemFichaExtendida {
  height: 170px;
  width: 190px;       
  Border-left: #CCCCCC 1px; 
  Border-right: #CCCCCC 1px; 
  Border-top: #CCCCCC 1px; 
  Border-bottom: #CCCCCC 1px; 
  background-color: #FFFFCC;
  font-size: 10px;
  text-align: right;
  vertical-align: center;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 10px;
  float: right;
  }
  div.footElemFichaExtendida{
  background-image:url(http://www.guiaempresasyservicios.com/images/ficha_inf2.png);
  height: 15px;
  width:540px;
  font-size: 12px;
  background-color: #ffffff;
  text-align: left;
  float:left;
}
 
div.HeadFichaExtendidaContacto {
  float:left;
  width:190px;
  height: 15px;
  background-image:url(http://www.guiaempresasyservicios.com/images/ficha_sup_p.png);
  background-repeat: no-repeat;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 2px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 0px;
  font-size: 10px;
  background-color: #ffffcc;
  text-align: left;
  }
  div.HeadFichaExtendidaContacto2 {
  float:left;
  width:530px;
  height: 15px;
  background-image:url(http://www.guiaempresasyservicios.com/images/ficha_sup_p.png);
  background-repeat: no-repeat;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 2px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 0px;
  font-size: 10px;
  background-color: #ffffcc;
  text-align: left;
  }
  div.ContenedorContacto {
  width:540px;
  height: 80px; 
  background-repeat: no-repeat;
  margin-top:0px;
  margin-bottom:0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 10px;
  background-color: #FFCC33;
  text-align: left;
  }
  div.ContenedorImagenesAdicionales {
  width:540px;
  /*height: 100%; */
  background-repeat: no-repeat;
  margin-top:0px;
  margin-bottom:0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 10px;
  background-color: #FFFFFF;
  text-align: center;
  }
div.floatLecontacto {
  width: 530px;
  height: 80px;
  background-color: #FFCC33;
  padding-left: 10px;
  padding-right: 0px;
  font-size: 10px;
  float: left;
  }

  
  div.FoodFichaExtendidaContacto{
  background-image:url(http://www.guiaempresasyservicios.com/images/ficha_inf_p.png);
  background-repeat: no-repeat;
  width:200px;
  height: 18px;  
  font-size: 12px;
  background-color: #ffffff;
  text-align: left;
}

<!-- Fin  Estilos Divs elementos info Extendida -->

div.menuElem {
  margin:0px;
  clear: both;
  font-size: 11px;
  padding-top: 10px;
  text-align: center;
  background-image: url(http://www.guiaempresasyservicios.com/Portal/Contenidos/images/tmp/estructura/celda-menu.png);
 }  
  
div.BoxTop {
  background-image:url(http://www.guiaempresasyservicios.com/images/busc_sup01.gif);
  height:43px;
  text-align: left;
  width:660px;  
  font-size: 11px;
}

div.BoxTop1 {
  background-image:url(http://www.guiaempresasyservicios.com/images/busc_sup02.gif);
  text-align: left;
  height:43px;
  width:660px;  
  font-size: 11px;
}
div.BoxDown {
  background-image:url(http://www.guiaempresasyservicios.com/images/busc_inf.png);  
  width:660px;
  height:6px;  
  background-color: #004975;
  background-repeat: no-repeat;
  
}
div.BoxLeft {
  float: left;
  text-align: right;
  height:43px;
  width:105px;  
  font-size: 11px;
}

div.BoxRight {
  float: left;
  text-align: left;
  height:43px;
  width:110px;  
  font-size: 11px;
}

div.solo {
  margin:0px;
  font-size: 11px;
  padding-top: 10px;
  width:110px;  
 }