body{
	font-family: 'Basic', sans-serif;
}
a>i{ color: #2980b9; }
blockquote>i{ font-size: 0.8em !important;}
blockquote>a{ color: #3498db;}
blockquote>a:hover, blockquote>a:visited, blockquote>a:active { color: #2980b9;}
footer{
	background-color: #15212e;
	color: white;
	height: 100px;
	padding: 10px 25px;
	text-shadow: 1px 1px 1px #222;
}

footer>div>a{ 
	float: right;
}
footer>div>span>a{
	color: white;
}

footer>div>span>a{
	color:white;
}
footer>div>span>a:hover{
	color: #efb557;
}
h2{
	color: #f39c12;
	text-align: center;
	text-shadow: 1px 1px 1px #CCC;
}
h4{
	color: #3498db;
	font-weight: 400;
}

header{ 
	background-color: #0b0146;
	height: 120px;
}
header button{ display: none;}
header div {
	height: 120px;
}
header img{ 
	display: block;
	margin-top: 10px;
	margin-left: auto;
}
header h1{ 
	color: white;
	font-weight: 300;	
	margin-top: 35px;
	text-shadow: 2px 2px 2px #2a0a00;
}

nav{ 	
	position: relative;
	height: auto;
	background-color: #190e5c;	
	height: 60px;	
}
nav div{ 
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
nav ul{	
	display: flex;
	font-size: 1.1em;
	height: 100%;
	list-style: none;	
	width: 100%;
	margin: 0 auto;	
	background-color: #190e5c;
}

nav button, header button{			
			margin-top: 25%;
			float: left;
			background-color: rgba(255,255,255,0);
			border: transparent;
		}

nav button>i, header button>i{ 
	color: white; font-size: 1.5em !important;
}
	
#contenido{
	float: none;	
	margin-left: auto;
	margin-right: auto;
}

#contenido ul{
	list-style: none;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
#contenido ul>li{
	color: #2c3e50;
	font-size: 1.1em;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
#contenido ul>li>a{
	color: #2980b9;
	font-size: 1.1em;
}

#contenido i{
	font-size: 1.5em;
}

.funciones{
	list-style-image: url(../img/check.png) !important;
}

nav ul>li{ padding-top: 17px;}
nav ul>li:hover{	
	background-color: rgba(255,255,255,0.3) !important;
	cursor: pointer;
}
nav ul>li:hover a, nav ul>li:hover span{ 
	color: white;
	text-decoration: none;
}
nav ul>li>a, nav ul>li>span{ 
	color: #DDD;	
	padding-left: 10px !important;
	padding-right: 10px !important;	
}

#content{
	margin-left: auto;
	margin-right: auto;
}

#mision>h4, #vision>h4{ cursor: pointer; text-align: center;}
#mision:hover #misiondiv, #vision:hover #visiondiv{ display: block;}

#misiondiv, #visiondiv{ 
	position: absolute;
	text-align:justify; 
	font-size: 1em; 
	font-style: italic; 
	text-align: justify;
	display:none;
	border: 1px solid #666;
	background-color: #f2f2f2;
	border-radius: 3px;
	padding: 5px;
}

.btn-primary{
	background-color: #3498db !important;
}

.dropdown-menu{
	height: auto;
}
.dropdown-menu>li>a{
	padding: 7px 0 !important;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
 
 
	/*==========  Mobile First Method  ==========*/
 
	/* Custom, iPhone Retina */
	@media only screen and (min-width : 320px) and (max-width: 480px){

		header{ height: auto;}
		header h1{ margin-top: 10px; font-size: 2em;}

		main{ position: relative;}

		nav{
			position: fixed;
			top: 0;
			bottom: 0;
			width: 200px;
			height: 100%;
			overflow-y: auto;
			z-index: 1;
		}		

		nav ul{
			display: list-item;
			font-size: 1em;
			height: auto;
			padding-left: 0 !important;
		}				

		footer{
			height: 130px;
		}		

		footer>div>a{			
			margin-right: 15px;
			padding-top: 10px;
		}

		footer>div>span{			
			margin-left: auto;
			margin-right: auto;
		}

		.dropdown-menu{ background-color: #5326b0;}
 
	}
 
	/* Extra Small Devices, Phones */
	@media only screen and (min-width : 480px){		
 		footer{
			height: 100px;
		}		
		footer>div>a{					
			padding-top: 10px;
		}
	}
 
	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px){
		footer>div>a{					
			padding-top: 10px;
		}
 
	}
 
	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px){
 
	}
 
	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px){
 
	}
 
 
 
	/*==========  Non-Mobile First Method  ==========*/
 
	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px){
 
	}
 
	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px){
 
	}
 
	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px){
 
	}
 
	/* Extra Small Devices, Phones */
	@media only screen and (max-width : 480px){
 
	}
 
	/* Custom, iPhone Retina */
	@media only screen and (max-width : 320px){
 
	}

	@font-face{font-family:'Nexa-Bold'; font-style:normal;font-weight:400;src:url(../fonts/Nexa-Bold.otf);}
@font-face{font-family:'Nexa-Light'; font-style:normal;font-weight:400;src:url(../fonts/Nexa-Light.otf);}
@font-face{font-family:'BentonModDisp-Bold'; font-style:normal;font-weight:400;src:url(../fonts/BentonModDisp-Bold.otf);}