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


/*-- LATERALES FIJOS CON TELEFONOS Y REDES SOCIALES --*/
/* EN ESTE CASO TENEMOS EN RIGHT Y POR LO TANTO NECESITAMOS QUE ABRA A LA IZQUIERDA*/
.menulateralcontactosocial {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 0px; /* Establecemos la barra en la izquierda */
	top: 11em; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 45000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}

@media (max-width: 736px){
.menulateralcontactosocial {
	top: 5em; /* SUBIMOS LA BARRA PARA UN TELEFONO */
}
}

#navigationMenu li{
	list-style:none;
	height:45px;
	width:45px;
	padding:0px;
	margin-right:5px;
}

/* COMO TENEMOS RIGHT:35PX SE ABRE HACIA LA IZQUIERDA, SI CAMBIAMOS RIGHT POR LEFT SE ABRE HACIA LA DERECHA*/
#navigationMenu span{
	width:0;
	right:35px;
	height:35px;
	padding:0;
	position:absolute;
	overflow:hidden;
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.6px;
	white-space:nowrap;
	line-height:20px;
	display: flex;
    align-items: center;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
}

#navigationMenu a{
	background:url('img/navigation.jpg') no-repeat;
	height:35px;
	width:35px;
	display:block;
	position:relative;
}


/* General hover styles */
#navigationMenu a:hover span{ 
width:auto; 
padding:0 15px 0 10px;
overflow:visible; 
}
#navigationMenu a:hover{
	text-decoration:none;
	/* CSS outer glow with the box-shadow property */
	-moz-box-shadow:0 0 5px #9ddff5;
	-webkit-box-shadow:0 0 5px #9ddff5;
	box-shadow:0 0 5px #9ddff5;
}



/* CAMBIAMOS EN CADA UNO DE LOS ICONOS EL border-top-left-radius y el border-bottom-left-radius dependiendo de si tenemos a la izquierda o a la derecha el menu lateral*/

/* Green Button */
#navigationMenu .telefono {	background:url('../images/icon_telefono.png') no-repeat;}
#navigationMenu .telefono:hover {background:url('../images/icon_telefono_over.png') no-repeat;}
#navigationMenu .telefono span{
	background-color: rgba(255,255,255,0.6);
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	border-width: 0px;
    border-style: solid;
    border-color: #DCA9AF;
	color:#004AB5;
	text-shadow:1px 1px 0 #fff;
	line-height:1em;
}

/* WhatsApps */

#navigationMenu .whatsapp { background:url('../images/icon_whatsapp.png') no-repeat;}
#navigationMenu .whatsapp:hover { background:url('../images/icon_whatsapp_over.png') no-repeat;}
#navigationMenu .whatsapp span{
	background-color: rgba(255,255,255,0.6);
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	border-width: 0px;
    border-style: solid;
    border-color: #DCA9AF;
	color:#004AB5;
	text-shadow:1px 1px 0 #fff;
}

/* Blue Button */

#navigationMenu .correo { background:url('../images/icon_correo.png') no-repeat;}
#navigationMenu .correo:hover { background:url('../images/icon_correo_over.png') no-repeat;}
#navigationMenu .correo span{
	background-color: rgba(255,255,255,0.6);
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	border-width: 0px;
    border-style: solid;
    border-color: #DCA9AF;
	color:#004AB5;
	text-shadow:1px 1px 0 #fff;
}

/* Amarillento Button */

#navigationMenu .blog { background:url('../images/icon_blog.png') no-repeat;}
#navigationMenu .blog:hover { background:url('../images/icon_blog_over.png') no-repeat;}
#navigationMenu .blog span{
	background-color: rgba(255,255,255,0.6);
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	border-width: 0px;
    border-style: solid;
    border-color: #DCA9AF;
	color:#004AB5;
	text-shadow:1px 1px 0 #fff;
}

/* Orange Button */

#navigationMenu .facebook { background:url('../images/icon_facebook.png') no-repeat;}
#navigationMenu .facebook:hover { background:url('../images/icon_facebook_over.png') no-repeat;}
#navigationMenu .facebook span{
	background-color: rgba(255,255,255,0.6);
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	border-width: 0px;
    border-style: solid;
    border-color: #DCA9AF;
	color:#004AB5;
	text-shadow:1px 1px 0 #fff;
}

/* Yellow Button */

#navigationMenu .twitter { background:url('../images/icon_twitter.png') no-repeat;}
#navigationMenu .twitter:hover{ background:url('../images/icon_twitter_over.png') no-repeat;}
#navigationMenu .twitter span{
	background-color: rgba(255,255,255,0.6);
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	border-width: 0px;
    border-style: solid;
    border-color: #DCA9AF;
	color:#004AB5;
	text-shadow:1px 1px 0 #fff;
}

/* Yellow Button */

#navigationMenu .instagram { background:url('../images/icono_instagram.png') no-repeat;}
#navigationMenu .instagram:hover{ background:url('../images/icono_instagram_over.png') no-repeat;}
#navigationMenu .instagram span{
	background-color: rgba(255,255,255,0.6);
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	border-width: 0px;
    border-style: solid;
    border-color: #DCA9AF;
	color:#004AB5;
	text-shadow:1px 1px 0 #fff;
}


/* Yellow Button */

#navigationMenu .linkedin { background:url('../images/icon_linkedin.png') no-repeat;}
#navigationMenu .linkedin:hover{ background:url('../images/icon_linkedin_over.png') no-repeat;}
#navigationMenu .linkedin span{
	background-color: rgba(255,255,255,0.6);
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	border-width: 0px;
    border-style: solid;
    border-color: #DCA9AF;
	color:#004AB5;
	text-shadow:1px 1px 0 #fff;
}

/* Yellow Button */

#navigationMenu .elvideo { background:url('../images/icon_elvideo.png') no-repeat;}
#navigationMenu .elvideo:hover{ background:url('../images/icon_elvideo_over.png') no-repeat;}
#navigationMenu .elvideo span{
	background-color: rgba(255,255,255,0.6);
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	border-width: 0px;
    border-style: solid;
    border-color: #DCA9AF;
	color:#004AB5;
	text-shadow:1px 1px 0 #fff;
}	
/*-- /Cierra --*/

/* youtube ROJO Button */

#navigationMenu .youtube { background:url('../images/icon_youtube.png') no-repeat;}
#navigationMenu .youtube:hover{ background:url('../images/icon_youtube_over.png') no-repeat;}
#navigationMenu .youtube span{
	background-color: rgba(255,255,255,0.6);
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	border-width: 0px;
    border-style: solid;
    border-color: #DCA9AF;
	color:#004AB5;
	text-shadow:1px 1px 0 #fff;
}	
/*-- /Cierra --*/



/*-- WHATSAPP ABAJO --*/
 .whatsappbottom{
position:fixed; /*El div será ubicado con relación a la pantalla*/
left:1.0em; 
bottom:1.0em; 
height:42px; 
z-index:0;
 }