/* CSS Document */

/* Generated via www.cssmenubuilder.com */

.menu{margin:auto; padding:20px; height:40px; width:85%; display:block; background:url(../imagenes/imagenes_para_web/topMenuImages.png) repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:25px; display:block; color:rgb(102,102,102); text-decoration:none; font:20px "Courier", Courier, monospace; cursor:pointer; background:url(../imagenes/imagenes_para_web/topMenuImages.png) 0px -30px no-repeat;}
.menu li a span{line-height:25px; float:left; display:block; padding-right:25px; background:url(../imagenes/imagenes_para_web/topMenuImages.png) 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(143,6,6); }
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:20px "Courier New", Courier, monospace; background:url(../imagenes/imagenes_para_web/topMenuImages.png) 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url(../imagenes/imagenes_para_web/topMenuImages.png) 100% -90px no-repeat;}


/* nuevo 2017 */
body {margin-top:75px; margin-bottom:auto; margin-left:auto; margin-right:auto;}
@font-face{ font-family:caviar; 	src:url(fonts/CaviarDreams.ttf);}
nav { width:96%; margin:0 2%; clear:both; text-align:center; font-family:caviar; font-weight:bold; font-size:14px; background:#DADADA; }
nav ul { width:100%; margin:0px; 
							display:box; box-orient:horizontal; box-flex:1; box-pack:center;
							display:-webkit-box; -webkit-box-orient:horizontal; -webkit-box-flex:1; -webkit-box-pack:center;
							display:-moz-box; -moz-box-orient:horizontal; -moz-box-flex:1; -moz-box-pack:center; 
							display:-ms-box; -ms-box-orient:horizontal; -ms-box-flex:1; -ms-box-pack:center; }
nav ul li {  text-align:center; width:170px; list-style:none; float:left\0; line-height:30px; height:35px; padding-top:3px;}
nav ul li a { text-decoration:none; color:#808080;  } 
nav ul li:hover a {color:#dadada;} /*Color letra menu hover*/
nav ul li:hover{background:#666; } /*Color fondo menu hover*/
#nav-mov{display:none;}


@media only screen and (max-width: 800px)  { 
body{margin:0; position:absolute;}
#nav-mov{display:block; height:10%; width:10%; float:left;}
#nav-mov img{width:100%; height:auto;}
.bt-menu{display:block;}
nav{text-align:left; display:block; width:100%; left:-100%;  margin:10% 0px; position:fixed; }
nav ul{width:100%; margin:0px; padding:0px;
							display:inherit; box-orient:inherit; box-pack:inherit;
							-webkit-box-orient:inherit; -webkit-box-pack:inherit;
							-moz-box-orient:inherit;  -moz-box-pack:inherit; 
							-ms-box-orient:inherit; -ms-box-pack:inherit; }
nav ul li { border:0px; width:90%; font-size:20px; text-align:left; z-index:999; padding:2% 5%; margin:0px; float:none;}
nav ul li a {}
nav ul li:hover {}
nav ul li:hover a {} 
}