@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	/*este box es para q no se salgan los elementos en responsive*/
	
}



{
	
font-family: 'Inder', sans-serif;
font-family: 'La Belle Aurore', cursive;
font-family: 'Megrim', cursive;
font-family: 'Averia Sans Libre', cursive;
font-family: 'Oswald', sans-serif;
font-family: 'Pacifico', cursive;
font-family: 'Yantramanav', sans-serif;
font-family: 'Fauna One', serif;
	
font-family: 'Open Sans', sans-serif;
font-family: 'Dancing Script', cursive;
font-family: 'News Cycle', sans-serif;
font-family: 'Satisfy', cursive;
font-family: 'Merriweather Sans', sans-serif;
}



	/* .contenedor .icon-menu-1{
	position: float; 
		 float: right;
		 margin-top: 25px;
		 margin-right: 20px;
		
	}
	*/

/*==================Slider==========*/	
section{
	width: 100%;
	margin-bottom: 0px;
	
	}

/*slider versión movil*/
#slider{
	text-align: center;
	margin-top: 95px;
	display: block;
	}

#slider_2{
	text-align: center;
	margin-top: 95px;
	height: 600px;
	display: none;
	
	}	


/*==================Parallax=============*/


#bienvenidos{
	margin-bottom: 0px;
	margin: auto;
	margin-top: 0px;
	height: 700px;
	width: 100%;
	float:none;
	display: block;
	background-image: url(../imagenes/parallax_768.jpg);
	background-repeat: no-repeat;
	text-align: center;
	background-position: center;	
	}


#bienvenidos .icon-heart{
	padding-top: 240px;
	text-align: center;
	font-size: 35px;
	margin: auto;
	color:rgba(253,135,65,1.00);
	text-shadow: 0.5px 0.5px 4px rgba(41,41,41,0.65);	
}


#bienvenidos h1{
	font-size: 27px;
	padding-bottom: 25px;
	padding-top: 15px;
	margin: auto;
	color: ghostwhite;
	font-family: 'Satisfy', cursive;
	text-shadow: 2px 2px 4px rgba(41,41,41,0.85);
	display: block;
	width: 82%;
	line-height: 26px;
	}



#bienvenidos p{
	font-size: 15px;
	color: ghostwhite;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	width: 80%;
	margin: auto;
	font-weight: bold;
	text-shadow: 2px 2px 4px rgba(41,41,41,1.00);
	letter-spacing: 0.5px;
	line-height: 25px;
	}


#parallax{
	
	display: none;
	
	}

/*================== somos =============*/

#ancla_somos{
	
	width: 100%;
	padding-top: 95px;
	height: 0px;
	
	}

#somos{
	background-color:rgba(255,215,158,1.00);
	width: 100%;
	height: auto;
	padding-bottom: 0px;
		padding-top: 15px;
	}

#somos #fondo2{
	
		
	background-color:rgba(255,215,158,1.00);
	
	
		display:flex;
	justify-content: center;
	/*justify-content  esto es para que se pongan en una sola linea los articulos imagenes en este caso*/
	flex-wrap: wrap;
	/*esta linea es para que cuando el contenido ya no entre en la misma linea se baje en seguida*/
	margin-top: 20px;
	padding-bottom: 50px;
	
	
	}

#somos #fondo2 #nosotros  {
	
	
	
	font-size: 21px;
	color: rgba(39,39,39,1.00);
	max-width: 310px;
	margin-bottom: 50px;
	height: auto;
	
}
#somos   .icon-users{
	
	text-align: center;
	font-size: 45px;
	margin: auto;
	color: rgba(253,135,65,1.00);
	margin-top: 50px;
	margin-bottom: 50px;
	
		
}



#somos #fondo2 #nosotros h3  {
	text-align: center;
	font-size: 22px;
	color: rgba(39,39,39,1.00);
	/*color:rgba(39,39,39,1.00);*/
	font-family: 'Open Sans', sans-serif;
	
	padding-top: 0px;
	padding-bottom: 10px;
	margin: auto;
	font-weight: 800;
}


#somos #fondo2 #nosotros  p  {
	text-align: justify;
	font-size: 15px;
	color:rgba(39,39,39,1.00);
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	margin: auto;
	margin-bottom: 0px;
	max-width: 310px;
	padding-bottom: 25px;
	
}

#somos #fondo2 #nosotros  p b {
	
	
	font-weight: 700;
	
	
}




#somos #fondo2 #nosotros_video  {
	font-size: 21px;
	color: rgba(39,39,39,1.00);
max-width: 310px;
	
	height: auto;
	
}	
	
#somos #fondo2 #nosotros_video video  {
	max-width: 310px;
	border-radius: 7px;
	margin: auto;
	
}


 

#somos2 video  {
	position:relative;
	width: 100%;
	height: auto;
	filter: grayscale(100%);
	filter: sepia(90%);
	-webkit-filter: sepia(90%);
	
	-moz-filter: sepia(90%);
	-o-filter: sepia(90%);
	-ms-filter: sepia(90%);
	
}





/*==================Footer=============*/

/*
footer {

margin-top: 0px;
background-color:rgba(42,42,42,1.00); 
height: 100%;
	}

footer .contenedor{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 0px;
	background-color: #333;
	font-family: 'Merriweather Sans', sans-serif;
	height: 200px;
	}


footer .aviso{
		width: 85%;
		height: auto;
		margin: 30px;
		margin-left: auto;
		margin-right: auto;
		text-decoration: none;
	margin-top: 50px;
	}
	
	
	footer .aviso p{
		width: 100%;
		text-align: justify;
		font-size: 11px;
		color:aliceblue;
		font-family: 'Open Sans', sans-serif;
		line-height: 14px;
		
	}
	
	footer .aviso p a{
		background-color: #F99D29;
	    color:#fff;
		padding: 3px;
		margin-left: 5px;
		border-radius: 3px;
		font-size: 9px;
		padding-left: 5px;
		padding-right: 5px;
	}





.copy{
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
	}

.sociales{
	width: 100%;
	text-align: center;
	font-size: 20px;
	padding-top: 80px;
	
	}

.sociales a{
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
	}


footer .contenedor .fb-like {

margin: auto;
	
}

footer .contenedor  .icon-share
{

margin: auto;
	width: 30px;
	height: 20px;
	
}


footer .contenedor .icon-phone
{ 
onClick="return(navigator.userAgent.match(/Android | iphone | movile /i)) !=null;"
}


footer .seguro{
	width: 100%;
	height: 100px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;

	
		}

footer .seguro a{
	text-decoration: none;
	cursor: none;
	color: #fff;
		}


footer .contenedor2{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 0px;
	background-color: #333;
	font-family: 'Merriweather Sans', sans-serif;
	height: 100px;
	}

.sociales2{
	width: 100%;
	text-align: center;
	font-size: 20px;
	padding-top: 80px;
	
	}

.sociales2 a{
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	font-size: 13px;
	}
*/

/*=====================================================
=====================================================*/




@media all and (min-width:1024px) {

 .contenedor #encabezado{
    height: 80px;
	width: 30%;
	top:0px;
	 display: inline-block;
	 /*margin-right: 100px;*/
}
	
	
	
	
 .contenedor #encabezado #logo a img {
	 /*max-height: 70px;*/
height: 70px;
	width: auto;
	 /*top:20px;*/
	 position: relative;
	 padding-top: 7px;
	 padding-left: 10px;
	 
}	
	
	.contenedor #texto_menu{
	display: none;
		/* puse el float para probar posicion del boton responsivo*/
	
	}		
	
#slider{
	text-align: center;
	margin-top: 97px;
	display: none;
	}	
	
	
	#slider_2{
	text-align: center;
	margin-top: 95px;
		height: auto;
	display:block;
		margin-bottom: 0px;
	}	
	
	
	#bienvenidos{
	
		display: none;
	
	
	}
	
	
	
	#parallax{
	text-align: center;
	/*width: 100%;*/
	margin-top: 0px;
	background-image: url(../imagenes/parallax_1900.jpg);
	background-attachment: fixed;
	background-position: center 95px;
	height: 600px;
	background-size: cover;
	
	transition: all 1.0s ease-in-out .5s;
	-webkit-transition: all 1.0s ease-in-out .5s;
	-moz-transition: all 1.0s ease-in-out .5s;
	-o-transition: all 1.0s ease-in-out .5s; 
	-ms-transition: all 1.0s ease-in-out .5s;
	margin-bottom: 0px;
	background-repeat: no-repeat;		
	display: block;	
	}
	
	
	
	#parallax .icon-heart{
	padding-top: 190px;
	text-align: center;
	font-size: 45px;
	margin: auto;
	color:rgba(253,135,65,1.00);
	text-shadow: 0.5px 0.5px 4px rgba(41,41,41,0.45);
		
}


#parallax h1{
	font-size: 30px;
	padding-bottom: 5px;
	color:ghostwhite;
	font-family: 'Satisfy', cursive;
	text-shadow: 2px 2px 4px rgba(41,41,41,0.65);
	}



#parallax p{
	font-size: 18px;
	color: ghostwhite;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	width: 52%;
	margin: auto;
	font-weight: bold;
	text-shadow: 2px 2px 4px rgba(41,41,41,0.70);
	letter-spacing: 1px;
	}
	
	
	
	
	
	#ancla_somos{
	
	width: 100%;
	padding-top: 0px;
	height: 50px;
		background-color:rgba(255,215,158,1.00);
		margin-top: 0px;
	
	}
	
	

#somos{
	
	width: 100%;
	height: auto;
	padding-top: 0px;
	
	}

#somos #fondo2{
	background-color:rgba(255,215,158,1.00);
	width: 90%;
	
		display:flex;
	justify-content: center;
	/*justify-content  esto es para que se pongan en una sola linea los articulos imagenes en este caso*/
	flex-wrap: wrap;
	/*esta linea es para que cuando el contenido ya no entre en la misma linea se baje en seguida*/
	margin-top: 0px;
	padding-bottom: 50px;
	
	
	
	}


#somos .icon-users{
	
	text-align: center;
	font-size: 50px;
	margin: auto;
	color: rgba(253,135,65,1.00);
	margin-top: 0px;
	margin-bottom: 50px;
	
		
}


	
	#somos #fondo2 #nosotros  {
	
	font-size: 21px;
	color: rgba(39,39,39,1.00);
max-width: 510px;
	margin: auto;
	height: auto;
	margin-bottom: 0px;	
		
	
	
}

#somos #fondo2 #nosotros h3  {
	text-align: center;
	font-size: 21px;
	color: rgba(39,39,39,1.00);
	/*color:rgba(39,39,39,1.00);*/
	font-weight: 800;
	font-family: 'Open Sans', sans-serif;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: auto;
	
}


#somos #fondo2 #nosotros  p  {
	text-align: justify;
	font-size: 15px;
	color:rgba(39,39,39,1.00);
	font-family: 'Open Sans', sans-serif;
	margin: auto;
	margin-bottom: 0px;
	max-width: 310px;
	padding-bottom: 25px;
}

	
#somos #fondo2 #nosotros  p b {
	
	
	font-weight: bold;
	
	
}
	
	

#somos #fondo2 #nosotros_video  {
	font-size: 21px;
	color: rgba(39,39,39,1.00);
max-width: 550px;
	
	height: auto;
	
}	
	
#somos #fondo2 #nosotros_video video  {
	max-width: 550px;
	border-radius: 7px;
	margin: auto;
	text-align: center;
}	
	



	
	
#somos2 video  {
	position:relative;
	width: 100%;
	height: auto;
	filter: sepia(90%);

	-webkit-filter: sepia(90%);
	
	-moz-filter: sepia(90%);
	-o-filter: sepia(90%);
	-ms-filter: sepia(90%);
	
	
}
	

	
	
/*footer {

margin-top: 0px;
background-color:rgba(42,42,42,1.00); 
height: 100%;
	}

footer .contenedor{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 0px;
	background-color: #333;
	font-family: 'Merriweather Sans', sans-serif;
	height: 150px;
	}	
	
	footer .aviso{
		width: 70%;
		height: auto;
		margin: 30px;
		margin-left: auto;
		margin-right: auto;
		text-decoration: none;
		margin-top: 50px;
	}
	
	
	footer .aviso p{
		width: 100%;
		text-align: justify;
		font-size: 11px;
		color:aliceblue;
		font-family: 'Open Sans', sans-serif;
		line-height: 14px;
		
	}
	
	footer .aviso p a{
		background-color: #F99D29;
	    color:#fff;
		padding: 3px;
		margin-left: 5px;
		border-radius: 3px;
		font-size: 9px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	
.copy{
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
	}

.sociales{
	width: 100%;
	text-align: center;
	font-size: 20px;
	
	padding-top: 90px;
	
	}


.sociales a{
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	}


footer .contenedor .fb-like {

margin: auto;
	
}

footer .contenedor  .icon-share
{

margin: auto;
	width: 30px;
	height: 20px;
	
}	
	
footer  .seguro{
	width: 100%;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 0px;
		}

footer .seguro a{
	text-decoration: none;
	cursor: none;
		}	
	
	footer .contenedor2{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 0px;
	background-color: #333;
	font-family: 'Merriweather Sans', sans-serif;
	height: 50px;
	}

.sociales2{
	width: 100%;
	text-align: center;
	font-size: 20px;
	padding-top: 30px;
	
	}

.sociales2 a{
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	font-size: 13px;
	}
	
	
	
}*/