/* TEMPLATE STYLES */
/* Necessary for full page carousel
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

font-family: 'Open Sans', sans-serif;


*/
@import url('https://fonts.googleapis.com/css?family=Overpass');

html,
body {
	height: 100%;
	font-family: 'Overpass', sans-serif;
}
/* Navigation*/

.navbar {
	background-color: transparent;
}

.top-nav-collapse {
	background-color: #4285F4;
}

footer.page-footer {
	color:#333;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,ffffff+10,ffffff+100,7db9e8+100,ffffff+100 */
background: #666666; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #666666 0%, #ffffff 10%, #ffffff 100%, #7db9e8 100%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(10%,#ffffff), color-stop(100%,#ffffff), color-stop(100%,#7db9e8), color-stop(100%,#ffffff)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, #666666 0%,#ffffff 10%,#ffffff 100%,#7db9e8 100%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, #666666 0%,#ffffff 10%,#ffffff 100%,#7db9e8 100%,#ffffff 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, #666666 0%,#ffffff 10%,#ffffff 100%,#7db9e8 100%,#ffffff 100%); /* IE10 preview */
background: linear-gradient(to bottom, #666666 0%,#ffffff 10%,#ffffff 100%,#7db9e8 100%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	
	
}

@media only screen and (max-width: 768px) {
	.navbar {
		background-color: #4285F4;
	}
}
/* Carousel*/

.carousel {
	height: 50%;
}

@media (max-width: 776px) {
	.carousel {
		height: 100%;
	}
}


/*
.carousel-item,
.active {
	height: 100%;
}
*/


.carousel-inner {
	height: 100%;
}

.carousel-item:nth-child(1) {
	background-image: url("http://mdbootstrap.com/images/slides/slide%20(6).jpg");
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.4;
}

.carousel-item:nth-child(2) {
	background-image: url("http://mdbootstrap.com/images/slides/slide%20(11).jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.carousel-item:nth-child(3) {
	background-image: url("http://mdbootstrap.com/images/slides/slide%20(7).jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
/*Caption*/

.flex-center {
	color: #fff;
}


.navbar {
	background-color: white;
}
.navbar.navbar-dark .breadcrumb a, .navbar.navbar-dark .navbar-nav .nav-item a {
	color: #202020;
	margin: 16px 8px;
 border-bottom: 1px solid #666;
 border-radius: 0;
}
.telHeader {
	text-align:center;
	/*float:right;
	margin-top: -70px;*/
}
.telHeader > a {
	text-decoration: none;
}
.navbar.navbar-dark .navbar-nav .nav-item a:hover {
	color:#ec3237;
	border-bottom: 1px solid #ec3237;
}
.centrado {
	text-align: center;
}
#homeCentral {
	margin-top:13rem;
}
.bordes {
	border: 1px solid #ec3237;
	text-align:center;
	padding:10px;
	min-height:216px;
	background-color: #ffffff;
}
.fondoGris{
	background-color:#ECECEC;
	padding: 1.5rem 0;
}
.btn100 {
	width: 100%;
	height: 4rem;
	font-size:1rem;
	margin-top:1.8rem;
}
.botones {
	margin: 0;
	padding: 0 0 20px 0;
}

.nav {
	float: right;
}

/** MENU **/
nav {
	display:block;
	margin-top: 0px;
	color: #333;
}

nav ul {
	display:block; 
	text-align:right; 
}

nav ul li{
	display: inline-block;
	position: relative;
	z-index:1000;
}

nav ul li:first-child {
	margin-left:0;
}

nav ul li a {
	font-weight:600;
	text-decoration:none;
	padding:10px;
	margin: 0 5px;
	border-bottom: 1px solid #ec3237;
	display:block;
	color:#555;
	font-size:1rem;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

nav ul li a:hover, .menu li:hover > a{
	color:#ffffff;
	background:#ec3237;
	text-align:left;
	z-index:1500;
}

nav ul ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 225px;
	position: absolute;
	top: 44px;
	left: 0px;
	background: #ffffff;
	
}

nav ul ul li {
	display:block;
	float: none;
	background:none;
	margin:0;
	padding:0;
	left: 5px;
}
nav ul ul li a {
	font-size:1rem;
	font-weight:normal;
	display:block;
	color:#333;
	background:#f5f5f5;
	text-align:left;
	margin: 0;
}

nav ul ul li a:hover, .menu ul li:hover > a{
	color:#ffffff;
	background:#ec3237;
	text-align:left;
}

nav ul li:hover > ul{ display: block;}

nav ul ul ul {
	left: 149px;
	top: 0px;
}



label {
	margin-top: 22px;
}

textarea {
	min-height: 120px;
}



/** MENU *
nav {
 top:-20px;
 position: absolute;
 left:0;
 right:0;
	margin:20px auto;
	max-width:1000px;
	width:100%;
}
 
nav ul {
	list-style:none;
}
 
nav > ul {
	display:table;
	width:100%;
	background:#000;
	position:relative;
}
 
nav > ul li {
	display:table-cell;
}
 
nav > ul > li:hover > ul {
	display:block;
	height:100%;
}
 
nav > ul > li > ul {
	display:block;
	position:absolute;
	background:#000;
	left:0;
	right:0;
	overflow:hidden;
	height:0%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
 
nav > ul li a {
	color:#fff;
	display:block;
	line-height:20px;
	padding:20px;
	position: relative;
	text-align:center;
	text-decoration:none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
 
nav > ul > li > ul > li a:hover {
	background:#5da5a2;
}
 
nav > ul > li > a span {
	background:#174459;
	display:block;
	height:100%;
	width:100%;
	left:0;
	position:absolute;
	top:-55px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
 
nav > ul > li > a span .icon {
	display:block;
	line-height:60px;
}
 
nav > ul > li > a:hover > span {
	top:0;
}
 

nav ul li a .primero {
	background:#0e5061;
}
 
nav ul li a .segundo {
	background:#5da5a2;
}
 
nav ul li a .tercero {
	background:#f25724;
}
 
nav ul li a .cuarto {
	background:#174459;
}
 
nav ul li a .quinto {
	background:#37a4d9;
}


/** //menu **/