@charset "utf-8";
/* CSS Document */

#top .menu{
	position:absolute;
	bottom:7px;
	left:75px;
	color:#dea852;
	z-index:3;
	color:#dea852;
	/*background:url(graf/bg-menu.gif) no-repeat;*/
}

#top .menu ul{
	list-style: none;
	margin:0;
	padding:6px 0 0 0;
}


/* 
	primer nivel
*/
ul.dropdown{
	position: relative;
	z-index:1000;
}
ul.dropdown li{
	float: left;padding:0 2px;
}
ul.dropdown a:hover{
	color: #dea852;
}
ul.dropdown a:active{
	color: #ffa500;
}
ul.dropdown li a{
	display: block;
	padding:2px 0;
	color:#FFF;
	margin:0 10px;
	font:bold 10px Verdana, Geneva, sans-serif;
}
ul.dropdown li:last-child a{
	border-right: none;
} /* No funciona en IE */
ul.dropdown li.hover,	ul.dropdown li:hover {
	position: relative;
}
ul.dropdown li.hover a {
	color: black;
}

/* 
	segundo nivel
*/
ul.dropdown ul{
	width: 180px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 8px;
	background:#913630;
	padding-top:9px;
}
ul.dropdown ul li {
	padding:5px 0;
	border-bottom: 1px solid #ac615b;
	float: none;
}
									  
/* IE 6 & 7 necesita Inline Block */
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block;font:bold 10px Verdana, Arial, Helvetica, sans-serif !important;} 

/* 
	tercer nivel
*/
ul.dropdown ul ul {
	left: 100%;
	top: 0;
	padding-top:0;
}
ul.dropdown li:hover > ul {
	visibility: visible;
}
ul.dropdown ul li:hover {
	background: #5b1510;
	color:#fff;
}


/* 
	redes
*/

#top .iconos-facebook{
	position:absolute;
	bottom:-4px;
	right:125px;	
}
#top .iconos-twitter{
	position:absolute;
	bottom:-4px;
	right:75px;	
}
#top .iconos-youtube{
	position:absolute;
	bottom:-4px;
	right:25px;	
}

#top .fb-like{
	position:absolute;
	top:60px;
	right:60px;	
}

/*--css responsive--*/

.menu ul { list-style-type: none; margin: 0px; padding: 0px; }
.menu li { display: inline-block; float: left;  }
.menu li a { display: block; text-align: center; text-decoration: none; }


.show-menu { cursor: pointer; text-decoration: none; color: #fff; font-size: 20px; text-align: center; padding: 10px 0px; display: none; text-transform: uppercase; }
input[type="checkbox"] { display: none; }
input[type="checkbox"]:checked ~ #menu { display: block; }

@media only screen and (min-width: 768px) and (max-width: 980px) {

	#top .menu a { margin:0 7px }

	#top .menu { left:35px;  }

}


@media only screen and (max-width: 767px) {

  .menu ul { position: static; display: none; }
  .menu ul li { border-bottom:1px dotted #ccc; width: 100%; background-color: #ededed;   }
  .show-menu { display: block; }
  
  .sub_menu, .menu ul li ul { display:block !important }
  
  ul.dropdown li a { color:#611106 }
  
  ul.dropdown ul { width:100%; left:0px }
    
  label { display:block } 

  #top .menu a { font-size: 14px; padding: 5px; margin: 0px  }

  #top .menu { width: 100%; left:0px; top: 330px; z-index: 999 }
  
}