@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,700');

/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

/*MAIN*/
body {
	font-size: 1.2em;
	line-height: 1.25em;
	font-family: Helvetica Neue, Helvetica, Arial;
	background: #f9f9f9;
	color: #555;
}

a {

	color: #fff;
	text-decoration: none;
	font-weight: normal;


}

a:hover {

	color: #ff9933;
	text-decoration: none;

}


header {

	background: #fff;
	width: 100%;
	height: 76px;
	position: relative;
	top: 0;
	left: 0;
	border-bottom: 4px solid #4C9CF1;
	z-index: 100;

}

#logo{

	-webkit-background-size: 100% 100%;
	-moz-background-size:  100% 100%;
	-o-background-size:  100% 100%;
	background-size:  100% 100%;
	display:table;
	min-height: 150px;
	width: 100%;
	height: 1vh;
	background-image: url(../img/menu.jpg);
	display: block;
	margin-top: -40px;

}

nav.navegacion {

	float: right;
	padding: 38px;


}

nav.redes-so {
	text-align: right;
	padding: 8px;


}

#menu-icon {

	display: hidden;
	width: 40px;
	height: 40px;
	background: #ff9933 url(../img/menu-icon.png) right;

}

a:hover#menu-icon {

	background-color: #444;
	border-radius: 2px 2px 0 0;

}

ul {

	list-style: none;

}

li {

	display: inline-block;
	float: left;
	padding: 10px

}

.current {

	color: #2262AD;

}


/*MEDIA QUERY*/
@media only screen and (max-width : 992px) {

	header {

		position: absolute;

	}

	#menu-icon {

		display:inline-block;

	}

	nav ul, nav:active ul {

		display: none;
		position: absolute;
		padding:20px;
		background: #282828;
		border: 3px solid #444;
		right: 20px;
		top: 115px;
		width: 35%;
		border-radius: 4px 0 4px 4px;

	}

	nav li {

		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;


	}

	nav:hover ul {

		display: block;

	}
	div.map iframe{
	  width: 100%;
	  margin-top: 20px;
		text-align: center;
	}

	nav.redes-so span{
		font-size: .5em;
		color: #fff;
		font-weight: normal;
	}
}

nav.redes-so a:nth-child(1){
		font-size: 1.1em;
		color: #2952a3;
		margin-right: 3px;
	}

	nav.redes-so a:nth-child(2){
		color: #e60000;
		font-size: 1.2em;
		margin-right: 3px;
	}

	nav.redes-so span{
		font-size: .8em;
		color: #fff;
		font-weight: normal;
	}

	nav.redes-so a:nth-child(3),
	span{
		text-decoration: none;
		color: #47d147;
		font-size: 1.2em;
		margin-right: 3px;
	}

	nav.redes-so a:nth-child(4),
	span{
		color: #000000;
		text-decoration: none;
		font-size: 1.1em;
	}
	/*Slider*/
.contenedor-slider {
  margin-left: 17%;
  margin-top: 55px;
  width: 68%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 10px #282828, 0 15px 50px;

}

 .contenedor-slider::after {
  content: '';
  display: block;
  clear: both;
}

.slider {
  display: flex;
  width: 700%;

}

.slider__section {
  width: 100%;

}

.slider__img {
  display: block;
  width: 100%;
  height: 100%;

}

.btn-prev, .btn-next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 40px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  font-family: monospace;
  cursor: pointer;
}

.btn-prev:hover, .btn-next:hover {
  background: #ff8533;
}

.btn-prev {
  left: 10px;
}

.btn-next {
  right: 10px;
}



/*footer*/
.context-dark, .bg-gray-dark, .bg-primary {
    color: rgba(255, 255, 255, 0.8);
}

.footer-classic a, .footer-classic a:focus, .footer-classic a:active {
    color: #ffffff;
}
.nav-list li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.nav-list li a:hover:before {
    margin-left: 0;
    opacity: 1;
    visibility: visible;
}

ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.social-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 23px;
    font: 900 13px/1 "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
}
.social-container .col {
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.nav-list li a:before {
    content: "\f14f";
    font: 400 21px/1 "Material Design Icons";
    color: #4d6de6;
    display: inline-block;
    vertical-align: baseline;
    margin-left: -28px;
    margin-right: 7px;
    opacity: 0;
    visibility: hidden;
    transition: .22s ease;
}



/* In our demo, the footers are fixed to the bottom of the page */

footer{
	position: relative;
	bottom: 0;
}

@media (max-height:800px){
	footer { position: static; }
	header { padding-top:40px; }
}