* {
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}

/*  **************************************************************************** */
/*  **********************  MENU PRINCIPAL ************* */
/*  **************************************************************************** */


.menu_bar {
	display: none;
	
}

header {
	width: 100%;
}

header nav {
	
	background:#023859;
	z-index:1000;
/*	max-width: 1000px; */
	width:95%;
	margin:20px auto;
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block;
	position: relative;
}

header nav ul li:hover {
	background:#E6344A;
	color: #FFFFFF;
	
}

header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 15px;
}

header nav ul li a:hover{
	color:#FFFFFF;
	
}
header nav ul li a span {
	margin-right:10px;
}

header nav ul li:hover .children {
	display:block;
	color: #FFFFFF;
}

header nav ul li .children {
	display: none;
	background:#011826;
	position: absolute;
	width: 150%;
	z-index:1000;
	padding: 20px
}

header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

header nav ul li .children li a {
	display: block;
}

header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}

header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}

@media screen and (max-width: 767px) {
	body {
		padding-top:80px;
	}

	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#E6344A;
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 15px;
		color: #fff;
		overflow: hidden;
		font-size: 15px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span {
		float: right;
		font-size: 15px;
	}

	header nav {
		width: 100%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}

	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
		
	}

	header nav ul li a {
		display: block;
		color: #FFFFFF;
	}

	header nav ul li:hover .children {
		display: none;
		color: #FFFFFF;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
		margin-left:20px;
	}

	header nav ul li .caret {
		float: right;
	}
	.cuadroPieFin  {
	font-size: 90%;
	padding: 0;
	padding:1%;
	width:100%
	
	}
	.cuadroPieFin li {
	display:block;	
	text-align:center;

	}
	.cuadroPieFin ul li {
	display:block;
	margin:10px;	
	padding: 10px;
	text-align:center;
	position: relative;
	}
	
	#cajCookies {
		bottom:0;
		width:90%;
		left:1rem;
	}	
}


/*  **************************************************************************** */
/*  **************************************************************************** */
/*  **********************  FIN MENU PRINCIPAL ************* */
/*  **************************************************************************** */
/*  **************************************************************************** */


/*  **************************************************************************** */
/*  ************  MENU SOCIAL ************* */
/*  **************************************************************************** */


.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0px; /* Establecemos la barra en la izquierda */
	top: 200px; /* Bajamos la barra 200px de arriba a abajo */ 
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}

	.social ul {
		list-style: none;
	}
	
	.social ul li a {
		display: inline-block; 
		color:#fff;
		background: #000;
		padding: 1% 2%;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
		font-size: 100%; 
		padding: 15px 15px 15px 15px; 
		 
	}

	.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-google-plus2 {background: #d90000;}
	.social ul li .icon-youtube3 {background: #ae181f;}
	.social ul li .icon-blogger2 {background: #FF9966;}
	.social ul li .icon-whatsapp {background: #00CC00;font-size:115%}
	.social ul li .icon-mail {background: #666666;}
	

	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 30px 30px 30px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}

/*  **************************************************************************** */
/*  **************************************************************************** */
/*  ************  FIN MENU SOCIAL ************* */
/*  **************************************************************************** */
/*  **************************************************************************** */



/*  **************************************************************************** */
	/* BOTON IR ARRIBA */
/*  **************************************************************************** */
	
	.ir-arriba {
	display:inline-block;
	padding:15px;
	background:#E6344A;
	font-size:135%;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:15%;
	right:20px;
	-moz-border-radius: 30px;
	-webkit-border-radius:  30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/*  **************************************************************************** */
/*  **************************************************************************** */
	/* FIN **** BOTON IR ARRIBA */
/*  **************************************************************************** */
/*  **************************************************************************** */




/*  **************************************************************************** */
	/* compartir SOCIALES */
/*  **************************************************************************** */
	


#cajaComp {
	font-family: "Open Sans", Arial, Helvetica, Sans-serif;
	color:#FFFFFF;
	text-align: justify;
	width: 100%;
	padding:1%;
	background-color: #FFFFFF;
	height
}


.compshare{
	background:#FFFFFF;
	font-size:125%;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	color:#FFFFFF;
	font-weight:bolt;
	width:100%;
	padding:1%;
	-moz-border-radius: 30px;
	-webkit-border-radius:  30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


.compshare li {
	display:inline;
	font-size:100%;
	
}	
.compshare ul li a {
	display: inline; 
	color:#fff;
	background: #000;
	padding: 2% 2%;
	text-decoration: none;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	font-size: 100%; 
	-moz-border-radius: 30px;
	-webkit-border-radius:  30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

}
.compshare ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
.compshare ul li .icon-twitter {background: #00abf0;}
.compshare ul li .icon-google-plus2 {background: #d90000;}
.compshare ul li .icon-youtube3 {background: #ae181f;}
.compshare ul li .icon-blogger2 {background: #FF9966; }
.compshare ul li .icon-whatsapp {background: #00CC00;font-size:100%}
.compshare ul li .icon-mail {background: #666666;}	
.compshare ul li .icon-share2 {background:#FFFFFF; color:#666666;}
.compshare ul li .icon-printer {background: #666666; color: #FFFFFF;}
	
.compshare ul li a:hover {
	background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
	padding: 2% 2% 2% 2%; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
}

.compshare .icon-share2:hover{
	background: #FFFFFF; /* Cambiamos el fondo cuando el usuario pase el mouse */
	
	
}


/*  BORRAR ******
#etiCpSFace a{
	color:#FFFFFF;
}
#etiCpSFace:hover{
	background:#d90000;
	color:#FFFFFF;
	width:10%;
	padding:0.5%;
	-webkit-border-radius: 8;
    -moz-border-radius: 8;
    border-radius: 8px;
	
}
*/