/* CONTENEDOR PRINCIPAL DEL HEADER*/
#container_header{
  background: transparent ;
	margin: 0 ;
	padding: 0;
	width: 100%;
	height: auto;
}

/* estilos titulo - logo  303f9f   url(../img/transiciones/back-dice.png) */
div#contenedor_tit_log{
  background: url(../img/transiciones/back-dice.png) repeat;
  margin:0 auto;
  padding: 0;
  width: 100%; 
  height: auto;
  display: table;
}
div.contenedor_logo{
 width: 32%;
 float: left;
 margin: 10px auto;
 margin-left: 5%;
}
div.contenedor_logo img.web_logo{
  width: 92%;
  vertical-align: middle;
}
div.social_img{
  width: 40%;
  display: table-cell;
  vertical-align: middle;
  line-height: 100px;
  float: left;
}
div.social_img p{
  background: transparent;
  color: #727272;
  font-size: 20px;
}
div.contenedor_titulotop{
  float: right;
  height: auto;
  width: 18%;
  margin-right: 5%;
  display: table-cell;
  vertical-align: middle;
  line-height: 50px;
}

div.contenedor_titulotop p#web_titulo{
	color:#fff;
  font-size: 14px;
  font-weight: bold;
  margin: 16% 15%;
  width: auto;
  text-align: left;
}

/* ========================== ESTILOS MENU PRINCIPAL======== */

div#menu_horizontal{
  background-color: rgba(33, 150, 243, 0.8);
  text-align: center;
  height: auto;
  margin: 0;
  width: 100%;
}
div#menu_horizontal ul{
  padding: 0;
  margin: 0;
  list-style:none;
  position: relative;
  display: inline-table;
}
div#menu_horizontal ul:after{
    content: ""; 
    clear: both; 
    display: block;
}

div#menu_horizontal ul ul{
  display: none;
}

div#menu_horizontal ul li:hover > ul{
  display: block;

}

div#menu_horizontal ul li{
  float: left;
}

div#menu_horizontal ul li a{
  display: block;
  padding: 15px 30px;
  color: #fff; 
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 17px;
  text-decoration: none;
}
div#menu_horizontal ul ul {
background: #002C51; 
border-radius: 0px; 
padding: 0;
position: absolute; top: 100%;
z-index: 999;

}
div#menu_horizontal ul ul li {
float: none; 
position: relative;
}
div#menu_horizontal ul ul li a {
padding: 10px 10px;
text-align: left;
color: #fff;
font-size: 16px;
font-weight: normal;
} 
div#menu_horizontal ul li:hover{
background:#303f9f; 
 
}
div#menu_horizontal ul li:hover >a{
color:#fff;
}
div#menu_horizontal ul ul li a:hover {
background: blue;
}

div#menu_horizontal  ul ul ul {
position: absolute; left: 100%; top:0;
}