/* style para adgr.com */

body{
  margin:0px;
  background-color: #DCDCDC;
  padding:0px;
  width:100%;
  height:100%;
  color:#222222;
  font-family: Verdana, Arial, Tahoma, sans serif;
  font-size:10px;
}
h1{
  font-size:16px;
  margin:15px 0 10px 0;
  float:left;
  width:100%;

}
h2{
  font-size:14px;
  margin:15px 0 10px 0;

}
h3{
  font-size:12px;
  margin:15px 0 10px 0;

}
h4{
  font-size:14px;
  margin:0;

}
a{
  color:#222222;
  text-decoration:none;
}
p{
  padding:0;
}
/* -------------- GENERAL------------------*/
#general{
  width:980px;
  background-color:#DCDCDC;
  margin:10px auto 0 auto;
}
/* -------------- CABECERA------------------*/
#cabecera{
  background-color:white;
  height:91px;
  width:980px;
  height:129px;
}
#cabecera table{
  width:100%;
}
#cabecera table tr td#cabeceraTop{
  width:942px;
  height:109px;
}
#cabecera table tr td#cabeceraTop #frase{
  padding:10px 0 0 30px;
  float:left;
}
#cabecera table tr td#cabeceraTop #slogan{
  padding:10px 0 0 20px;
  float:left;
}
#cabecera table tr td#cabeceraTop #logoEmpresa{
  padding:40px 20px 0 0 ;
  float:right;
}
#cabecera table tr td#cabeceraLeft{
  background:url(img/generalLateralLeft.gif) no-repeat white;
  width:19px;
  height:129px;
}
#cabecera table tr td#cabeceraRight{
  background:url(img/generalLateralRight.gif) no-repeat white;
  width:19px;
  height:129px;
  padding:0px;
}
#cabecera table tr td div#borde{
  border-color:#BD2B35;
  border-width:2px 0px 0px 0px;
  border-style:solid;
}
div#borde img#logoAdvisor{
float:left;
padding:14px 0px 0px 10px;
}
#cabecera table tr td div#bordeLeft{
  border-color:#BD2B35;
  border-width:0px 0px 0px 2px;
  border-style:solid;
  display:block;
  height:111px;
}
#cabecera table tr td div#bordeRight{
  border-color:#BD2B35;
  border-width:0px 2px 0px 0px;
  border-style:solid;
  display:block;
  height:111px;
}
/* -------------- MENU------------------*/
#menu{
  display:block;
  width:850px;
  margin:0px auto 0px auto;
}
#menu ul{
  list-style:none;
  padding:0px;
  margin:0px;
}
#menu ul li{
  display:inline;
  float:left;
  display:block;
  height:20px;
  margin:0px 5px 0px 5px;
}
/* gris */
#menu ul li a{
  display:block;
  float:left;
  height:18px;
  padding:2px 0px 0px 0px;
  color:#222222;
  text-decoration:none;
  font-size:12px;
  background: url(img/menuFondoGris.gif) repeat-x;
}
#menu ul li div#menuLateralLeft{
  width:15px;
  height:20px;
  background: url(img/menuLateralLeftGris.gif) no-repeat;
  float:left;
}
#menu ul li div#menuLateralRight{
  width:15px;
  height:20px;
  background: url(img/menuLateralRightGris.gif) no-repeat;
  float:left;
}
/* rojo */
#menu ul li#activo a{
  background: url(img/menuFondoRojo.gif) repeat-x;
  color:white;
  font-weight:bold;
}
#menu ul li#activo div#menuLateralLeft{
  width:15px;
  height:20px;
  background: url(img/menuLateralLeftRojo.gif) no-repeat;
  float:left;
}
#menu ul li#activo div#menuLateralRight{
  width:15px;
  height:20px;
  background: url(img/menuLateralRightRojo.gif) no-repeat;
  float:left;
}
/* -------------- CONTENEDOR------------------*/
#contenedor{
  width:976px;
  border-color:#BD2B35;
  border-width:0px 2px 0px 2px;
  border-style:solid;
  display:block;
  float:left;
  background-color:white;
}
#lateralLeft{
  width:135px;
  display:block;
  float:left;
  padding:0px 15px 0px 15px;
  margin-top:20px;
}
#contenido{
  width:771px;
  display:block;
  min-height:400px;
  height:auto !important;
  height:100%;
  _height:400px; /*hack para IE6*/
  float:right;
  text-align:justify;
  padding:20px 20px 0 20px;
  margin:0;
}
#contenido a:hover{
  text-decoration:underline;
}
/* ---------------------------- CUADRO GENERAL------------------------------------------*/
#cuadro{
  padding-bottom:10px;
  position:absolute;
  z-index:1;
}
#cuadro table{
  width:135px;
}
#cuadro table tr td#cuadroSuperior{
  background-color: #BD2B35;
  color:white;
  font-weight:bold;
  text-align:center;
  font-size:10px;
}
#cuadro table tr td#cuadroSuperior a{
  color:white;
  font-weight:bold;
  text-align:center;
  font-size:10px;
}
#cuadro table tr td#cuadroSuperior_izquierdo,#cuadro table tr td#cuadroSuperior_derecho{
  width:10px;
  height:30px;
}
#cuadro table tr td#cuadroSuperior_izquierdo{
  background:url(img/cuadroSuperior_izquierdo.gif) no-repeat;
}
#cuadro table tr td#cuadroSuperior_derecho{
  background:url(img/cuadroSuperior_derecho.gif) no-repeat;
}
#cuadro table tr td#cuadro_izquierdo{
  background:url(img/cuadro_izquierdo.gif) repeat-y;
}
#cuadro table tr td#cuadro_derecho{
  background:url(img/cuadro_derecho.gif) repeat-y;
}
#cuadro table tr td#cuadroInferior{
  height:11px;
  background:url(img/cuadroInferior.gif) repeat-x;
}
#cuadro table tr td#cuadroInferior_izquierdo{
  background:url(img/cuadroInferior_izquierdo.gif) repeat-x;
}
#cuadro table tr td#cuadroInferior_derecho{
  background:url(img/cuadroInferior_derecho.gif) repeat-x;
}
/* -------------------------- central -------------------------------------------- */
#cuadro table tr td#cuadroCentral{
  width:115px;
  padding:5px 0;
}
#cuadro table tr td#cuadroCentral img{
  padding:0;
  margin:0;
}
/*------------------------------------LATERAL ----------------------------------------*/
#logoLateral{
  display:block;
  width:115px;
  height:40px;
}
/* ----------------------------------- divisor ------------------------------ */
#cuadro table tr td#divisor, #cuadro table tr td#cuadro_divisor_derecho, #cuadro table tr td#cuadro_divisor_izquierdo {
  background-color:#bd2b35;
  font-size:0px;
}
/*--------------------------capas-------------------------*/
.capa{
position:relative;
z-index:2;
width:170px;
height:50px;
background-color:#bd2b35;
color:white;
text-align:left;
left:135px;
padding:10px;
font-weight:bold;
}
/* -------------- TITULO Y DIRECCION------------------*/
#barraMedia{
  background-color:#BD2B35;
  width:980px;
  float:left;
  position:relative;
}
#direccion{
  width:320px;
  color:white;
  margin:0px;
  padding:10px 20px 10px 5px;
  float:right;
  text-align:right;
}

/* -------------- Listado ------------------*/
#contenido ul{
  list-style:none;
  list-style-image: url(img/listadoIcono.gif);
}
#contenido li{
  padding:2px 0px 2px 0px;
}
/* ---------------- FORMULARIO ----------------------- */
#formulario{
  width:260px;
  display:block;
  margin: 15px auto 0px auto;
  text-align:left;
}
#formulario input, #formulario textarea{
  width:252px;
  margin:2px 0px 3px 0px;
  border:1px solid #BD2B35;
  padding:3px;
  font-family: Verdana, Arial, Tahoma, sans serif;
  font-size:10px;
}
#formulario textarea{
  height:100px;
}
#formulario #boton{
  background-color:#bd2b35;
  width:75px;
  margin:10px 0px 0px 0px;
  padding:5px 0px;
  border:none;
  float:right;
  color:white;
  cursor:pointer;
  font-weight:bold;
}
/* --------------------- tabla referencias------------------------------- */
#clientes, #colaboradores{
  width:48%;
  margin:0 auto;
}
#clientes h2, #colaboradores h2{
margin:0;
}
#clientes{
  float:left;

}
#colaboradores{
  float:right;
}
/*---------------------- buscador --------------------*/
#buscador{
  font-size:10px;
  float:right;
}
#buscador form{
  margin:0px;
  padding:0px;
}
#buscadorInput{
  width:210px;
  background: url(img/lupaBuscador.gif) no-repeat 2% 48%;
  border:1px solid #BD2B35;
  padding:2px 2px 2px 28px;
  margin:0px 0px 0px 15px;
}
#buscadorBoton{
  height:22px;
  background-color:#bd2b35;
  border:none;
  cursor:pointer;
  margin:0px 0px 0px 10px;
  font-weight:bold;
  padding:0px 10px 0px 10px;
  color:white;
  cursor:pointer;
}
#resultado{
  display:block;
  clear:both;
}
/*---------------------- noticias y servicios --------------------*/
#noticia, #servicios{
margin:0 0 20px 0;
}
#noticia tr td{
padding:5px 20px;
}
#noticia tr td img{
float:left;
padding:12px 10px 10px 0;
}
#servicios tr td#servicio{
padding:5px 10px 5px 0;
}
/*---------------------------EMPRESA---------------------------------*/
#submenu{
  width:100%;
  float:left;
  display:block;
  margin:0 0 10px 0;
}
#submenu ul{
  list-style:none;
  padding:0px;
  margin:0px;
}
#submenu ul li{
  display:inline;
  float:left;
  display:block;
  height:20px;
  margin:0px 10px 0px 0px;
  padding:7px 25px 2px 25px;
  background-color:#d3d3d3;
}
#submenu ul li#activo{
  background-color:#bd2b35;
}
#submenu ul li a{
  display:block;
  float:left;
  color:#222222;
  text-decoration:none;
  font-size:12px;
}
#submenu ul li#activo a{
  color:white;
  font-weight:bold;
}
#submenu ul li a:hover,#submenu ul li#activo a:hover{
  text-decoration:none;
}
/* ---------------------------- PIE -------------------------------*/
#general table#pie{
  width:100%;
  margin-bottom:10px;
}
#general table#pie tr td#pieFondo{
  background: url(img/pieFondo.gif) repeat-x;
  color:white;
  text-align:center;
  padding-top:13px;
  font-size:10px;
}
#general table#pie tr td#pieFondo a{
  color:white;
  font-weight:bold;
  text-decoration:none;
}
#general table#pie tr td#pieFondo a:hover{
  text-decoration:underline;
}
#general table#pie tr td#pieLateralLeft{
  background: url(img/pieLateralLeft.gif) no-repeat;
  width:17px;
  height:53px;
}
#general table#pie tr td#pieLateralRight{
  background: url(img/pieLateralRight.gif) no-repeat;
  width:17px;
  height:53px;
}
/* ---------------------- colaboradores referencias----------------------*/
#galeria{
width:370px;
}
#galeria table{
width:100%;
float:left;
padding:0 5px 10px 5px;
}
#galeria table td{
  padding:0 10px 0 0;
  vertical-align: top;
}
#galeria table#foto{
  width:100px;
  margin:0 0px 10px 0px;
  padding:0px;
}
#galeria table#foto td{
  padding:0px 23px 0px 0px;
}
#galeria table img{
width:100px;
}
#galeria table span{
  float:right;
  font-size:10px;
}
/*---------------------- BIG ------------------------*/
.area{
  width:736px;
  height:30px;
  float:left;
  display:block;
  background-color:#bd2b35;
  font-size:20px;
  color:white;
  font-weight:bold;
  margin:10px 0 20px 0px;
  padding:5px 5px 4px 30px;
}
/*---------------------- MAPA------------------------*/
#mapa{
  width:425px;
  margin:0 auto;
}