@import 'https://fonts.googleapis.com/css?family=Orbitron';

/* TEXTOS ================================  */
h2, h3, h4{
	font-family: 'Asap', sans-serif;	
}

h1{
font-family: 'Orbitron', sans-serif;
}

p{
	font-family: 'Asap', sans-serif;
	font-size:15px;
}

h1{
	font-size:55px;
	font-weight: 700;
	text-align:center;
	letter-spacing: 0.1em;    
	margin-bottom:30px;
}

section h1{
	margin-bottom:50px;
}

h2{
	font-weight: 400;
	font-size:25px;
	line-height:1.3;
	text-transform: capitalize;
	text-align:left;
	letter-spacing: 0.1em    
}

h3{
	font-weight: 400;
	font-size:20px;
	line-height:1.3;
	text-transform: capitalize;
	text-align:left;
}

@media (max-width:1000px){
	h1{
		font-size:57px;
			letter-spacing: 0.1em    
	}
	h2{
		font-size:23px;
	}
}

@media (max-width:768px){
	h1{
		font-size:30px;
			letter-spacing: 0em    
	}
	h2{
		font-size:18px;
	}
	h3{
		font-size:16px;
	}
}

/* FIN TEXTOS ================================  */


a{
	font-family: 'Asap', sans-serif;	
	letter-spacing: 0.05em;   
	text-decoration:none;
}

a:hover, a:active{
	text-decoration:none;
}


/* COLOR ================================  */
.txtnegro{
	color:black;
}
.txtblanco{
	color:white;
}
.bgnegro{
	background-color:black;
}
.bgblanco{
	background-color:white;
}
/* FIN COLOR ================================  */


header, #contacto, #plano{
	height:100vh;
}

header, #servicios{	
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center; 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

header{
    background-image: url('../img/fheader.jpg');
}

header h1{
	font-size:28px;
	text-shadow: 2px 2px 3px rgba(5,5,5,.9);
	/*background-color:black;
	padding:10px;*/
}


header img{
	padding-top:28%;
}

@media (max-width:768px){
	header img{
		padding-top:50%;
	}
}


#servicios{
    background-image: url('../img/fservicios.jpg');
}

@media (max-width:768px){
	#servicios{
		height:inherit!important;
	}
	#plano{
		margin-top:100px;
	}
	#contacto{
		height:none!important;
	}
	
	#contacto .col-sx-12{
		padding:0px 15px;
	}
}

#servicios li{
	font-size:21px;
}

#servicios h1, #servicios h2, #servicios h3, #servicios li{
	text-shadow: 2px 2px 1px rgba(250,250,250,.9);
}


#imagenes{
	background-color:black;
	padding-top:105px;
}

#contacto .btn{
	margin-bottom:20px;
}

#contacto h1{
	text-align:left!important;
}




@media (max-width:1400px){
	h1{
		font-size:43px;
	}

	#contacto h2{
		font-size:19px;
	}
	
	#contacto h1{
		margin-top:0px;
	}
}

#plano{
	margin-top:-114px;
	margin-bottom:20px;
}

@media (max-width:1090px){
	#plano{
		height:700px;
	}
}



.btn{
	background-color:gray;
	border:none;
	padding:10px;
	color:white!important;
}

.btn:hover{
	background-color:#ccc;
}


.btn h3{
	margin:0px;
}

input, textarea{
	margin-bottom:20px;
}

textarea{
	height:150px!important;
}

@media (max-width:768px){
	section{
		padding:59px 0px;
	}
	#carouselimagenes{
		margin-top:50px;
	}
	#plano{
		margin-top:24px;
		height:300px;
	}
	#contacto{
		margin-bottom:400px;
	}
	#imagenes{
		height:100vh;
	}
}


h3{
	text-transform: uppercase;
}

footer{
	clear:both;
	color:white;
	bottom:0px;
	width:100%;
	height:40px;
	padding:10px 0px;
	background-color:black;
}

footer img{
	float:right;
	margin-left:10px;
}



/* NAVBAR ================================  */

/*COLOR NAVBAR*/
		.navbar {
			background-color:#000066!important;
			border-bottom-color:white!important;
			padding-top:5px;
		}
		
/*LOGO CHICO*/
		.navbar-brand {
			padding-left:10px;
			padding-top:12px;
		}

		.navbar-brand img{
			max-height:100%;		
		}
					
		@media (max-width:768px){
			.navbar-brand {
				padding-left:10px;
			}
		}		
		
		
/*COLOR TEXTOS*/
		.navbar-default .nav li a{
			color:white!important;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: 400;
			font-size:12px;
		}

/*COLOR TEXTOS SOBRE*/
		.navbar-default .nav li a:hover,
		.navbar-default .nav li a:focus {
			color:white!important;
			background-color:#474797!important;
		}
		
/*COLOR CUADRO TEXTOS */		
	.navbar-default .navbar-nav>.active>a {
		border-radius: 0;
		background-color: #474797;	
	}	
	
/*CUADRITO COLOR*/			
		.navbar-default .navbar-toggle,.navbar-default .navbar-toggle{ 
			background-color:#000066!important;
		}

/*CUADRITO COLOR SOBRE*/		
		.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{ 
		background-color:#474797!important;
		}

/*CUADRITO RAYAS*/	
		.navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle{ 
			background-color:white;
			border-color:white;
		} 
		


		.navbar{
			padding:0px!important;/*navbar no modifica alto*/
		}

		@media (max-width:768px){
			.navbar{
				padding-top:1px!important;
			}
		}

		.margmenu{
			margin-top:54px;
		}
		
/*MENU NO SE CORTA DERECHA*/
		.navbar-right {
			padding-right:20px;
		}

/*COLOR DESPLEGABLE*/
		.dropdown-menu{
			background-color:#EB3B00;
		}

		@media screen and (max-width: 778px) {
				.navbar-default .nav li a{
					font-size:13.5px;
				}
		}

/* FIN NAVBAR ================================  */