@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans);
.menu_templ{
width:100%;background-color:#FFFFFF;
text-align: center;	
display: block; 
margin-top: 50px; 
}
.menuico {
	line-height:10px;
}
.hornav {
  display: block;
  height: 105px;
  background-color:#FFFFFF; 
  z-index: 99;
}
ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;padding:0;background-color:#FFFFFF;border-width:0;border-style:solid;}
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;background-color:#ffffff;background-image:none;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;padding:0;}
	
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{
	z-index:1;}
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;}
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;background-color:#ffffff;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;
	*display:inline;}
* html ul#css3menu1 li a{
	display:inline-block;}
ul#css3menu1>li{
	margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font-size:12px;color:#000000;cursor:pointer;padding:13px;background-color:;background-repeat:repeat;border-width:0px;border-style:none;border-color:;}
ul#css3menu1 ul li{
	float:none;margin:0;}
ul#css3menu1 ul a{
	text-align:left;padding:9px 9px 12px 9px;font-size:12px; font-family: Alegreya Sans,Arial,cursive;color:#000000;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	border-style:none;color:#000000;text-decoration:none;}
ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul span{padding-right:17px;}
ul#css3menu1 > li.switch{
	display:none;cursor:pointer;width:25px;height:80px;padding:13px 30px 13px 30px;}
ul#css3menu1 > li.switch:before{
	content:"";position:absolute;display:block;height:4px;width:25px;border-radius:4px;background:#000000;-moz-box-shadow:0 8px #FFFFFF, 0 16px #FFFFFF;-webkit-box-shadow:0 8px #FFFFFF, 0 16px #FFFFFF;box-shadow:0 8px #FFFFFF, 0 16px #FFFFFF;}
ul#css3menu1 > li.switch:hover:before{
	background:#000000;-moz-box-shadow:0 8px #FFFFFF, 0 16px #FFFFFF;-webkit-box-shadow:0 8px #FFFFFF, 0 16px #FFFFFF;box-shadow:0 8px #FFFFFF, 0 16px #FFFFFF;}
.c3m-switch-input{display:none;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{background:#000000; color:#FFFFFF;text-decoration:none;}
ul#css3menu1 li.topfirst>a{text-align: center;	font-weight:bold; font-size: 12px; font-family: Alegreya Sans,Arial,cursive;}
ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst a.pressed{background: #000000; color:#FFFFFF;}
ul#css3menu1 li.topmenu>a{text-align: center;font-weight:bold; font-size: 12px; font-family: Alegreya Sans,Arial,cursive;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{background: #000000; color:#FFFFFF;}
ul#css3menu1 li.toplast>a{text-align: center;font-weight:bold; font-size: 12px; font-family: Alegreya Sans,Arial,cursive;}
ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast a.pressed{background: #000000; color:#FFFFFF;}
ul#css3menu1 li.sublast>a{border-width:0px;}
ul#css3menu1 li.active>a{background: #000000; color:#FFFFFF;}

@media screen and (min-width: 801px) and (max-width: 1050px) {
ul#css3menu1,ul#css3menu1 ul{text-align:center ;}	
ul#css3menu1 {width: 100%;font-size: 13px;text-align:center ;}	
.menu_templ{width:100%;background-color:#000000;height:30px;position: absolute;text-align:right ;color: #000000;}	
.menuico {	height:50px;line-height:5px; text-align:center ;}
ul#css3menu1 li.topfirst>a{text-align: center;font-size: 13px;padding: 0 12px 0 12px;}
ul#css3menu1 li.topmenu>a{text-align: center;font-size: 13px;padding: 0 12px 0 12px;}
ul#css3menu1 li.toplast>a{text-align: center;font-size: 13px;padding: 0 12px 0 12px;}
ul#css3menu1 > li.switch{height:40px;font-size: 13px;}
ul#css3menu1 li span{padding-left: 10px;font-size: 13px;}


}	
@media screen and (min-width: 768px) and (max-width: 1030px) {
ul#css3menu1 {width: 85%;font-size: 13px;text-align:center ;background-color:#ffffff;}	
ul#css3menu1,ul#css3menu1 ul{background-color:#ffffff;}	
.menu_templ{width: 90%;background-color:#ffffff;}
}

@media screen and (max-width: 800px) {
ul#css3menu1,ul#css3menu1 ul{text-align:center ;}
ul#css3menu1 {width: 110%;font-size: 13px;text-align:center ;}	
.menu_templ{width:110%;background-color:#fff;height:40px;position: absolute;text-align:center ;}	
.menuico {	height:40px;line-height:10px; text-align:center ;}
ul#css3menu1 li.topfirst>a{text-align: center;font-size: 13px;}
ul#css3menu1 li.topmenu>a{text-align: center;font-size: 13px;}
ul#css3menu1 li.toplast>a{text-align: center;font-size: 13px;}
ul#css3menu1 > li.switch{height:40px;font-size: 13px;}
ul#css3menu1 li span{padding-left: 10px;font-size: 13px;}

.icono{display: block;text-align:center ;} 
.idiomamovil{display:block;font-size: 9px;}	
}
@media screen and (max-width: 600px) {
	ul#css3menu1 {width:55%;font-size: 12px;background-color:#000000;color: #ffffff; float: left;top: 0px;z-index: 98;position: relative;}
	ul#css3menu1 > li {
		display: none;	font-size: 12px;background-color:#000000;	position: relative;	color: #ffffff;	width: 100% !important;}
	ul#css3menu1 > li.switch,.c3m-switch-input:checked + ul#css3menu1 > li + li {display: block;color: #ffffff;margin-top: 0px;float: left;background-color:#000000;}
	ul#css3menu1 a {color: #ffffff;} 	 
	ul#css3menu1 > li.switch > label {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;float: left;}
.menu_templ{width:100%;background-color:#000000;height:20px;top: -50px;color: #ffffff;float: left;padding: 0;left: 0; }	
.menuico {	height:40px;line-height:25px;}
.idioma {display:none;}
.idiomamovil{display:none;margin-top:10px;float: right; }
.hornav{margin-top: 0px;height: 50px;background: #000000;padding: 0;}
 
ul#css3menu1 li.topfirst>a{text-align: left;font-size: 12px;}
ul#css3menu1 li.topmenu>a{text-align: left;font-size: 12px;}
ul#css3menu1 li.toplast>a{text-align: left;font-size: 12px;}
ul#css3menu1 > li.switch{height:39px;font-size: 12px;padding: 5px;float: left;}
ul#css3menu1 li span{padding-left: 5px;}

.icono{display: none;}

}