@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;
	
	
/*nuevas*/	
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Markazi Text', serif;
font-family: 'Noto Serif', serif;
font-family: 'Oswald', sans-serif;
font-family: 'Rubik', sans-serif;
font-family: 'Barlow Condensed', sans-serif;
font-family: 'Asap', sans-serif;	
	
}


body {
	background-color: #F4F4F4;
color: black;
	top: 0;
	left: 0;
}

header {
	width: 100%;
	height: 32px;
	background-color: #000000;
	/*background-color: #F8F8F8;*/
	opacity: .97;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10001;
	
	transition: all ease .10s;

	-moz-: transition:all ease .10s;
	-ms-: transition:all ease .10s;
	-o-: transition:all ease .10s;
	-webkit-: transition:all ease .10s;
	}


.contenedor1{
	width: 100%;
	height: 55px;
	z-index: 10001;
	background-color:rgba(0,0,0,0.97);
	margin-top: 0px;
	/*background: linear-gradient(to right, rgba(236,236,236,0.65), rgba(236,236,236,0.0)) ;*/
	}

.animated fadeInLeft {
  animation-duration: 20s;
  animation-delay: 180s;
	

}
.contenedor1 .logotipo{
	width: 100%;
	height: auto;
	margin-top: 0px;
    float: left;
	z-index: 100;
}

.contenedor1 .logotipo img{
	width: 43%;
	height: auto;
	margin: 5px;
	margin-left: 10px;
	}


.contenedor1 #barra-top{
	width: 100%;
	height: 90px;
	top: 50px;
 
	color:rgba(0,0,0,1.00);
	font-size: 12px;
	}


header .contenedor1{
	
	display: table;
	/*limpia los float de boton menu y otros del contenedor para q no se salgan*/
	}
	
	/* puse el float para probar posicion del boton responsivo*/


 

	 .sociales_arriba  .icon-menu{
	position: float; 
		 float: right;
		 margin-top: -3px;
		 margin-right: 1px;
		z-index: 10000;
		 color: #fff;
		 font-size: 25px;
		/* color: ghostwhite;*/
		/* puse el float para probar posicion del boton responsivo*/
	
	}


	.sociales_arriba{
	width: 100%;
	text-align: right;
	font-size: 18px;
	padding-bottom: 0px;
		padding-top: 5px;
		padding-right: 5px;
		height: 33px;
	margin: auto;
		margin-top: -3px;
	}

	.sociales_arriba .iconos{
	width: 30%;
	text-align: right;
	font-size: 19px;
	float: right;
	}

.sociales_arriba a{
	color: rgba(229,229,229,1.00);
	text-decoration: none;
	cursor: pointer;
	}


.sociales_arriba .iconos .fb-like {
float: right;
margin-right: 10px;
	
}

.sociales_arriba .iconos .icon-instagram-1 {
float: right;
margin-right: 0px;
	
}


.sociales_arriba  .iconos .icon-share
{
margin-right: 10px;
float: right;
	width: 20px;
	height: 20px;
	
}


.sociales_arriba .iconos .icon-phone
{ 
float: right;
	
onClick="return(navigator.userAgent.match(/Android | iphone | movile /i)) !=null;"
}

	
/*===============================1024px=========================*/


@media all and (min-width:1024px) {	
	
	
header {
	width: 100%;
	height: 30px;
	background-color: #000000;
	/*background-color: #F8F8F8;*/
	opacity: .97;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10001;
	
	transition: all ease .10s;

	-moz-: transition:all ease .10s;
	-ms-: transition:all ease .10s;
	-o-: transition:all ease .10s;
	-webkit-: transition:all ease .10s;
	}


.contenedor1{
	width: 100%;
	height: 30px;
	z-index: 10001;
	/*background-color: rgba(236,236,236,0.85);*/
	background: linear-gradient(to right, rgba(236,236,236,0.85), rgba(236,236,236,0.0)) ;
	margin-top: 4px;
	}

.animated fadeInLeft {
  animation-duration: 20s;
  animation-delay: 180s;
	

}
.contenedor1 .logotipo{
	width: 100%;
	height: auto;
	margin-top: 0px;
    float: left;
	z-index: 100;
	
}

.contenedor1 .logotipo img{
	width: 14%;
	height: auto;
	margin: 5px;
	margin-left: 10px;
	}


.contenedor1 #barra-top{
	width: 100%;
	height: 90px;
	top: 50px;
 
	color:rgba(0,0,0,1.00);
	font-size: 12px;
	}


header .contenedor1{
	
	display: table;
	/*limpia los float de boton menu y otros del contenedor para q no se salgan*/
	}
	
	/* puse el float para probar posicion del boton responsivo*/


 .contenedor1  #texto_menu{
	position: float;
	float: right;
	 font-size: 15px;
	 margin-top:  -50px;
	 margin-right: 70px;
	 color: #fff;
		
	}

	 .sociales_arriba  .icon-menu{
	position: float; 
		 float: right;
		 margin-top: -60px;
		 margin-right: 20px;
		z-index: 10000;
		 color: #fff;
		 font-size: 0px;
		/* color: ghostwhite;*/
		/* puse el float para probar posicion del boton responsivo*/
	
	}	
	
		.sociales_arriba{
	width: 100%;
	text-align: right;
	font-size: 18px;
	padding-bottom: 0px;
		padding-top: 5px;
		padding-right: 0px;
		height: 25px;
	margin: auto;
	}

		.sociales_arriba .iconos{
	width: 30%;
	text-align: right;
	font-size: 18px;
	float: right;
	}
	
	
	.sociales_arriba .iconos a{
	color: rgba(229,229,229,1.00);
	text-decoration: none;
	cursor: pointer;
	}


.sociales_arriba .iconos .fb-like {
float: right;
margin-right: 10px;
	
}

.sociales_arriba .iconos .icon-instagram-1 {
float: right;
margin-right: 0px;
	
}	
	
.sociales_arriba .iconos .icon-share
{
margin-right: 20px;

	width: 10px;
	height: 20px;
	
}


.sociales_arriba .iconos .icon-phone
{ 
float: right;
	
onClick="return(navigator.userAgent.match(/Android | iphone | movile /i)) !=null;"
}
	
	
	
	
}