@import url('https://fonts.googleapis.com/css?family=Slabo+27px');

@import url('https://fonts.googleapis.com/css?family=Asap');

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

h1, h2, h3, h4{
	font-family: 'Asap', sans-serif;
}

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

h2{
	font-weight: 400;
	font-size:25px;
	line-height:1.3;
	text-align:left;
}

h3{
	font-weight: 400;
	font-size:20px;
	line-height:1.3;
}

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

@media (max-width:1300px){
	h1{
		font-size:40px;
	}
}

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

@media (max-width:768px){
	h1{
		font-size:32px;
		letter-spacing: 0em    
	}
	h2{
		font-size:16px;
	}
	h3{
		font-size:28px;
	}
	section{
		padding:70px 0px;
	}
}

.mayusculas{
	text-transform:uppercase;
}

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


/*  VARIOS ================================  */

.txtcolor1{color:#F5C12F!important;}
.txtcolor2{color:#666666!important;}
.txtblanco{color:white!important;}
.txtnegro{color:black!important;}

.bg1, .btnbg1{background-color:#F5C12F!important;}
.bg2, .btnbg2{background-color:#e1e1e1!important;}
.bgnegro{background-color:black!important;}

.btnbg1:hover{background-color:#898bd4!important;}
.btnbg2:hover{background-color:#87cfd6!important;}


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

.margarr10{margin-top:10px;}
.margarr20{margin-top:20px;}

.margaba10{margin-bottom:10px;}
.margaba20{margin-bottom:20px;}

.padarr20{padding-top: 20px;}

.anchofull{width:100%!important;}
.mayuscula{text-transform: uppercase;}
/* FIN VARIOS ================================  */



/* H E A D E R --------------------------------------- */
header {
    height:100vh!important;
    text-align: center;
    color: #fff;
    background-image: url(../img/fheader.jpg);
		background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header img{
	width: 30%;
	margin-top:25vh;
}

@media (max-width:768px){
	header {
		   background-position: 16% center;
	}
	header img{
		width: 60%;
		margin-top:35vh;
	}
	section{
		padding:20px 0px!important;
	}
}
/* FIN H E A D E R ================================  */





/* NOSOTROS ----------------------------------------------- */


/* NOSOTROS ============================================== */


/* SERVICIOS ---------------------------------*/

#servicios hr{
	width:100%!important;
	margin-top:0px;
	margin-bottom:10px;
}

#servicios h3{
	margin-top:5px;
	margin-bottom:20px;
	font-size:16px;

}

/* SERVICIOS FIN ================================*/



/* GALERIA  ------------------------------------------------  */
#galeria img{
	width:100%!important;
}

/* GALERIA FIN ================================*/




/*  CONTACTO  ------------------------------------------------  */
#contacto{
	background-color:black;
	color:white;
	padding-bottom: 0px!important;
	z-index:100;
}

@media (max-width:1200px){
	#contacto h3{
		margin-top:10px;
	}
}

@media (max-width:992px){
	#contacto h3{
		margin-top:3px;
	}
}

#contacto ul li a{
	color:#fa8900;
	background-color:white;
	padding:10px;
	border-radius: 150px 150px 150px 150px;
	-moz-border-radius: 150px 150px 150px 150px;
	-webkit-border-radius: 150px 150px 150px 150px;
}

#contacto ul li a:hover{
	background-color:#ab5e00;
}

#contacto ul li a i{
	width:15px!important;
	height:15px!important;
	text-align:center;
}

#contacto select{
	width: 50%;
}

#mapa{
	width: 100%;
	padding-top:40px;
}

#mapa iframe{
	width: 100%;
	height: 50vh;
	margin-bottom:-5px;
}

.medidas input{
	width:50%;
}


@media (max-width:768px){
	#contacto h1{
		margin-bottom:0px;
	}
	#contacto ul li a i{
		margin-bottom: 30px;
	}
	#contacto select{
		width: 100%;
	}
	#contacto h3{
		text-align:center;
		font-size:20px;
	}
	#formulario{
		padding-top:25px;
	}
}

textarea.form-control {
    height: 150px;
}

#mapa{
	width: 100%;
	padding-top:40px;
}

#mapa iframe{
	width: 100%;
	height: 50vh;
	margin-bottom:-5px;
}

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

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

/* MODAL ----------------------------  */

.portfolio-modal{
	padding:17px;
}

.modal-backdrop {
	background-color:black;
}

/*TRANSPARENCIA TXT MODAL*/
.modal-backdrop.in {
	opacity:0.5;
}

/*NO ITALICA TXT MODAL*/
.portfolio-modal .modal-content p.item-intro {
	font-style: normal;
}

.modal-content{
	border-radius: 0px;
    outline: 0;
	/*background-image: url('../img/f_modal.jpg');*/
    background-repeat:repeat;
    background-attachment: scroll;
    background-position:cover; 
	padding:20px
}

.modal-content h2{
	text-transform: uppercase;
	font-size:27px;
}

.modal-content h3{
	margin-top:10px;
	font-size:20px;
}

.modal-content h4{
	margin-top:-8px;
}

.modal-content h5{
	margin-top:10px;
	line-height: 1.5;
}

.modal-body {
	text-align:left;
}

.modaldatos{
	padding-bottom:20px;
}

/*.close-modal POSITION   AGENCY 819*/
li{
	font-family: 'Droid Serif', serif;
	font-size:16px;
	line-height:1.5;
	text-align:left;
}

.close{
	font-size:50px;
	opacity:1;
}

.modal-header{
	margin-top:-28px!important;
}

/*
.modal-header .close{
	background-color:white;
}
*/

/*.close-modal 2   AGENCY 819*/
.close-modal2 {
    top: 100x;
    right: 25px;
    width: 60px;
    height: 60px;
    background-color: red;
    cursor: pointer;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
	background-color:rgba(5,5,5,0.7);
}

@media (min-width: 768px){
	.modal-dialog {
		width: 888px;
		margin: 30px auto;
	}
}



@media(min-width:768px){
	#modal_correo .modal-dialog {
		width: 500px;
		margin: 30px auto;
	}
}


@media(max-width:768px){
	.modal-content{
		padding:0px!important;
	}
	.modal, .portfolio-modal{
		padding:5px!important;
	}
	.modal-content h2{
		font-size:22px;
	}
	
	.modaldatos{
		padding:0px!important;
	}
	.modal-header{
		padding:5px;
		margin-bottom:25px;
	}
	.modal-header .close{
			background-color:transparent;
	}
}





.modal-footer {
    border-top: none;
}

.modal-header{
	border-bottom:none!important;
}

.modal-header .close {
    margin-top: -10px;
}

.titulo_modal{
	background-color:#4D4286;
	padding:5px 10px;
}


.titulo_modal h2{
	color:white!important;
	margin:0px;
}

#datos_modal .form-control{

	margin-top:11px;
}

#datos_modal h4{
	line-height:0.5!important;
	margin-top:25px;
}

.boton_pedir{
	padding-left:30px;
	padding-right:30px;
}







/* MODAL FIN ================================  */






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

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


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

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

		/*.navbar-header img*/
		#logonav img{
			width:200px;		
			margin-top:10px;
		}

		@media (max-width:894px){
			#logonav img{
				width:180px;
			}
			.navbar-default .nav li a{
				font-size:10px;
				padding:10px;
			}
		}
		
		@media (max-width:776px){
			#logonav img{
				width:150px;	
			}
			.navbar-default .nav li a{
				font-size:10px;
				padding-left:10px;
				padding-right:8px;
				padding:5px;
			}
		}	


		@media (max-width:768px){
			.navbar-header {
				padding-left:10px;
			}
		}			

/*COLOR TEXTOS*/
		.navbar-default .nav li a{
			color:white!important;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight:300;
			font-size:12px;
		}

/*COLOR TEXTOS SOBRE*/
		.navbar-default .nav li a:hover,
		.navbar-default .nav li a:focus {
			font-weight: 300;
			color:white!important;
			background-color:gray!important;
		}
		
/*COLOR CUADRO TEXTOS */		
	.navbar-default .navbar-nav>.active>a {
					font-weight: 800;
					font-size:12px;
		border-radius: 0;
		background-color: #b02626;	
	}	
	
	.navredes img{
		width:20px;
	}
	
	
/*CUADRITO COLOR*/			
		.navbar-default .navbar-toggle,.navbar-default .navbar-toggle{ 
			background-color:black!important;
		}

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

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

/*COLOR DESPLEGABLE*/
		.dropdown-menu{
			background-color:#EB3B00;
		}
		
		@media screen and (max-width: 830px) {
			#logonav img{
				width:150px;		
				margin-top:10px;
			}
		}
		

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

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

		@media (max-width:768px){
			.navbar{
				padding-top:1px!important;
				height:62px!important;
			}
			#bs-example-navbar-collapse-1{
				background-color:black;
			}
			#logonav img{
				width:180px;
				margin-top:15px;
			}
			#navface img, #navinsta img{
				width:40px;
			}
			#navface, #navinsta{
				border:none!important;
				padding:0px;
			}
			#navface:hover, #navinsta:hover{
				background-color:#eb6600!important;
			}
			
			

		}

		.margmenu{
			margin-top:54px;
		}
		
		/*menu no se corta  a la derecha*/
		.navbar-right {
			padding-right:20px;
		}

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


@media (min-width:767px){
	.show-xs{
		display:none!important;
	}
}

@media (max-width:767px){
	.hidden-xs{
		display:none!important;
	}
	.show-xs{
		display:block!important;
	}
}