/* CSS Document */
*{
	margin: 0;
	padding:0;	
}
@font-face {
	font-family: BRUSHSCI;
	src: url('fonts/BRUSHSCI.TTF');
}

@font-face {
	font-family: CAVIARDREAMS;
	src: url('fonts/CAVIARDREAMS.TTF');
}
@font-face {
	font-family: CAVIARDREAMS_BOLD;
	src: url('fonts/CAVIAR_DREAMS_BOLD.TTF');
}

/*@font-face {
	font-family: RoughTypewriter;
	font-weight: bold;
	src: url('fonts/rough_typewriter_X_bold.otf');
}*/
.fondoMenu{
	z-index:2;
	top:0;
	position:fixed;
	height:60px;
	left:0%;
	right:0%;
	margin:auto;
	display:none;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8bb34e+0,517527+100&0.86+0,0.86+100 */
background: -moz-linear-gradient(top,  rgba(139,179,78,1) 0%, rgba(81,117,39,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(139,179,78,1) 0%,rgba(81,117,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(139,179,78,1) 0%,rgba(81,117,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8bb34e', endColorstr='#db517527',GradientType=0 ); /* IE6-9 */
}
.menuPeque{
	display:none;	
}
.titulo{
	z-index:2;
	position:absolute;
	top:0;
	height:44px;
	background-color:rgba(0,0,0,0.44);
	max-width:100%;
	left:0%;
	right:0%;	
	padding-right:10px;
	border-bottom:4px solid #a9ce50;
	text-shadow: -1px -2px 2px #000000;
}
.mensaje{
	font-family: BRUSHSCI, serif;
	text-align:right;
	max-width:1200px;
	left:0%;
	right:0%;	
	color:#FFFFFF;
	font-size:38px;
	margin:auto;
}
.mensaje span{
	color:#D16303;
}
.menu{
	font-family: CAVIARDREAMS, serif;
	position:fixed;
	top:60px;
	height:60px;
	/*background-color:#415B34;   Checar si este sirve*/
	max-width:1200px;
	left:0%;
	right:0%;
	margin:auto;
	border-radius:5px;
	font-size:27px;
	z-index:50;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8bb34e+0,517527+100&0.86+0,0.86+100 */
background: -moz-linear-gradient(top,  rgba(139,179,78,1) 0%, rgba(81,117,39,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(139,179,78,1) 0%,rgba(81,117,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(139,179,78,1) 0%,rgba(81,117,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8bb34e', endColorstr='#db517527',GradientType=0 ); /* IE6-9 */


-webkit-transition: width 1s, height 1s, margin-right 1s, margin-top 1s;
-moz-transition: width 1s, height 1s, margin-right 1s, margin-top 1s;

}
/*Menu*/
.menu nav{
	display:table;  	
	/*background-color:#006CFF;*/	
	left:0%;
	right:0%;
	margin:auto;
}
.menu nav ul{
	list-style:none;
	margin-left:170px;	
	
	display:block;
	float:left;	

}
.menu nav ul li{
	position:relative;
	float:left;
	/*margin:10px;*/
	padding:9px 5px 9px 5px;
	/*border-right:solid;
	border-color:#FFFFFF;*/
	border-left:1px solid rgba(255,255,255,.5);
}
.menu nav ul li .caret {
	position: relative;
	float: right;
	margin-left: 6px;
}

.menu nav ul li:hover,header nav ul li.selected{
	background-color:rgba(255,255,255,0.18);
	/*border-radius:0px 0px 15px 15px;
	border:3px solid #FFFFFF;*/
}
.menu nav ul li a{
	color:#FFFFFF;
	display:block;
	text-decoration:none;	
	padding:6px;
	/*vertical-align:middle;*/
}
.menu nav ul li a img{
	vertical-align:top;
}
.menu nav img#logo{
	left:15px;
	top:-40px;
	position:absolute;
	display:block;
	
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;	
	/*-webkit-transition: width .5s, height .5s, margin-right .5s, margin-top .5s;
	-moz-transition: width .5s, height .5s, margin-right .5s, margin-top .5s;*/
	transition: .5s;		
}
/*Sub menu*/
.menu nav ul li .listaSubMenu{ 
	
	display:none;		
	background-color: rgb(139,179,78); /* Old browsers */
	background-color: -moz-linear-gradient(top,  rgba(139,179,78,1) 0%, rgba(81,117,39,1) 100%); /* FF3.6-15 */
	background-color: -webkit-linear-gradient(top,  rgba(139,179,78,1) 0%,rgba(81,117,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background-color: linear-gradient(to bottom,  rgba(139,179,78,1) 0%,rgba(81,117,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bb34e', endColorstr='#517527',GradientType=0 ); /* IE6-9 */
	position:absolute;
	margin-left:0;
	top:60px;
}

.menu nav ul li:hover .listaSubMenu{ 
	display:block;
}
.menu nav ul li .listaSubMenu li:hover{
	background-color:#58a21b;
	border-radius:0px 0px 0px 0px;
	border:0px solid #FFFFFF;
	overflow:hidden;
	border-top:1px solid rgba(255,255,255,.5);
	border-bottom:1px solid rgba(255,255,255,.5);
}
.menu nav ul li .listaSubMenu li{ 
	display:block;
	overflow:hidden;
	border-bottom:1px solid rgba(255,255,255,.5);
	margin:0px;
	padding:0px;
	border-top:1px solid rgba(255,255,255,.5);	
}
.menu nav ul li .listaSubMenu li{		
	width:100%;
}
@media screen and (max-width: 1187px){
	.titulo{
		height:30px;
		background-color:rgba(0,0,0,0.9);
	}
	.mensaje{
		font-size:27px;
	}
	.menu{
		top:30px;
		height:60px;
		max-width:100%;
		border-radius:0px;
		font-size:20px;
	}
	.menu nav ul li a img{
		vertical-align:bottom;
	}
}
@media screen and (max-width: 957px){
	.titulo{	
		top:60px;
		height:22px;
		background-color:rgba(0,0,0,0.9);
	}
	.mensaje{
		font-size:18px;
	}
	.menuPeque{
		display:block;
		width:100%;
		position:fixed;
		top:0;		
	}
	.menuPeque .logoPeque{
		margin-top:0px;
		float:left;
		background-color:rgba(255,255,255,0.80);
		
	}
	.menuPeque .botonMenu{ 
		display:block;
		padding:10px;
		color:#FFFFFF;
		overflow:hidden;
		text-decoration:none;
		float:right;
		margin-right:10px;
		font-size:32px;
		/*background-color:rgba(255,255,255,0.20);
		border-radius:15px;*/
	}	
	.menu{
		top:0px;
		height:60px;
		border-radius:0px 0px 0px 0px;
		font-size:20px;
	}	
	.menu nav{
		display:block;  
		/*quitamos el espacio del menu 80 px*/
		height:-moz-calc(100% - 60px); 
		height: calc(100% - 60px) ;
		width:40%;
		position:fixed;
		margin:0;
		right:100%;
		left:-100%;
		overflow:scroll;
		top:60px;
		background-color: rgb(139,179,78);
	}
	.menu nav ul{
		float:none;
		margin-left:0px;
	}
	.menu nav ul li{
		float:none;
		display:block;
		border-bottom:1px solid rgba(255,255,255,.5);
		margin:0px;
		padding:0px;	
	}
	.menu nav ul li a{
		display:block;		
	}	
	.menu nav img#logo{
		display:none;
	}
	/*SubMenu*/
	.menu nav ul li:hover .listaSubMenu{
		display: none;
	}
	.menu nav ul li .listaSubMenu{		
		width:100%;
		position:relative;
		top:0px;		
	}
	.menu nav ul li .listaSubMenu li{
		border-top:1px solid rgba(255,255,255,.5);
		border-bottom:1px solid rgba(255,255,255,.5);
	}
	
}
@media screen and (max-width: 767px){
	.menu nav{ 
		width:85%;
	}
}
@media screen and (min-width: 767px){
	
	
}
@media screen and (min-width: 957px){
	
	
}