/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout.
/* Header--------------------------------------------------------*/
.head-sup {
	overflow:hidden;
	display:block;
	border-top:5px solid #000000;
	max-width: 3840px;
	background: rgba(242,242,242,1);
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 52%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(52%, rgba(254,254,254,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 52%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 52%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 52%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 52%, rgba(242,242,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=0 );	
}

.header-movil{
	display:none;
	background: rgba(242,242,242,1);
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 52%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(52%, rgba(254,254,254,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 52%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 52%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 52%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 52%, rgba(242,242,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=0 );
}

/* Logo--------------------------------------------------------*/
#logo {
	position:relative;
	float:left;
	width:300px;
	min-width:150px;
	margin-left:20px;

}

#logo img {
	display:block;
	width:100%;
	margin:0 auto;
	
}

#logo-movil {
	position:relative;
	float:none;
	width:60%;
	min-width:150px;
	margin:0 auto;
	margin-bottom: 5px;

}

#logo-movil img {
	display:block;
	width:100%;
	margin:0 auto;
	
}

/* Social--------------------------------------------------------*/

.icon-social{
	position:relative;
	clear:both;
	width:30%;
	min-width:273px;
	margin: 0 auto;
}
#icon-social-desktop{
	position:fixed;
	top:40%;
	left:95%;
	z-index:200;
}
#icon-social-desktop ul li {
	display:block;
	width:5px;
	margin:12px;	
}
#icon-social-desktop ul li a:hover{
	padding-bottom:0;
	padding-left:20px;
	background-color:#000000;
}
.icon-social ul{
	text-align:center;
}

.icon-social ul li {
	display:inline-block;
	width:5px;
	margin:12px;	
}

.icon-social ul li .icon-facebook{
	background-color:#3b5998;
}
.icon-social ul li .icon-twitter{
	background-color:#00abf0;
}
.icon-social ul li .icon-youtube{
	background-color:#c4302b;
}
.icon-social ul li .icon-linkedin{
	background-color:#0e76a8;
}
.icon-social ul li .icon-google{
	background-color:#db4a39;
}

.icon-social ul li a{
	position:relative;
	color:#FFFFFF;
	text-decoration:none;
	font-size:1.5rem;
	padding:5px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
			
}

.icon-social ul li a:hover{
	padding-bottom:20px;
	background-color:#000000;
}



/* Footer --------------------------------------------------------*/
footer{
	position:relative;
	clear:both;
	width:100%;
	background-color: rgba(0, 0, 70, 1);
	font-family: 'Amaranth', sans-serif;
	z-index:1000;
	
}

.footer-contenedor{
	width: 90%;
	margin:0 auto;
}

.colum-footer{
	float:left;
	position:relative;
	width:25%;
	min-width:240px;
}
.title-colum-foot{
	color:#FFFFFF;
	padding-top:20px;
	text-align:center;
	font-size:1.1rem;

}
.cajas-foot{
	padding:10px;
}
.cajas-foot p{
	color:#FFFFFF;
	text-align:center;
	font-size:0.9rem;
	margin-bottom:15px;
}
.cajas-foot p a{
	color:#FFFFFF;
	}

.cajas-foot ul li {
	text-align:center;
	padding-bottom:10px;
}

.cajas-foot ul li a{
	color:#ffffff;
	font-size:0.9rem;
}

.contact-footer{
	position:relative;
	width:100%;
}

#foot-tel-mail{
	width:100%;
}

.contact-footer p{
	text-align:center;
	color:#FFFFFF;	
}
.contact-footer #foot-tel-mail p span{
	color:#FFFFFF;
	font-family:OCH;
	margin-right:10px;
	font-size:1.2rem;	
}

#foot-phone{
	font-size:0.9rem;	
}
#foot-mail{
	font-size:0.9rem;
}

.foot-rs{
	position: relative;
	display: block;
	width: 100%;
	margin: 10px 0 10px 0;
	
}
.foot-rs ul{
	text-align:center;
	width:90%;
	min-width:200px;
	margin: 0 auto;

}

.foot-rs ul li {
	display:inline-block;
	margin:5px 5px;
	
}

.foot-rs ul li a{
	text-decoration:none;
	font-size:1.5rem;
			
}

.foot-rs span{
	color:#FFFFFF;
	font-size:1.5rem;
	
}
.foot-rs span:hover{
	color:#9C9C9C;
}
.derechos{
	border-top: 1px solid rgba(255,255,255,0.50);
	width:80%;
	clear:both;
	margin:0 auto;
	
}
.derechos p{
	margin:0 auto;
	padding:15px;
	text-align:center;
	font-size:0.8rem;
	color:#ffffff;
}
.derechos p a {
	color:#ffffff;
	text-decoration:none;
}
.derechos p a:hover {
	text-decoration:underline;
}

/* Tablet Layout Horizontal: 769px to 1024px*/

@media only screen and (min-width: 769px) and (max-width: 1024px){
/* Header------------------------------------------------------------*/
.head-sup {
	border-top:5px solid #000000;
}
.header-movil{
	display:block;
}
/* Logo------------------------------------------------------------*/
#logo{
	display:none;
}

/* Social--------------------------------------------------------*/	
.icon-social{
	top:5px;
}

#icon-social-desktop{
	display:none;
}
/* Footer--------------------------------------------------------*/
.colum-footer{
	width:50%;

}
}

/* END Tablet Layout Horizontal*/


/* Tablet Layout: Vertical 481px to 768px*/

@media only screen and (min-width: 481px) and (max-width: 768px){
/* Header------------------------------------------------------------*/
.head-sup {
	border-top:5px solid #000000;
}
.header-movil{
	display:block;
}
/* Logo------------------------------------------------------------*/
#logo{
	display:none;
}
#logo-movil{
	width:70%;
}
/* Social--------------------------------------------------------*/	
.icon-social{
	top:5px;
}

#icon-social-desktop{
	display:none;
}
/* Footer--------------------------------------------------------*/
.colum-footer{
	width:50%;
}
}

/* Mobile Layout: 480px and below*/ 
@media only screen and (max-width: 480px){
/* Header------------------------------------------------------------*/
.head-sup {
	border-top:5px solid #000000;
}
.header-movil{
	display:block;
}
/* Logo------------------------------------------------------------*/
#logo{
	display:none;
}
#logo-movil{
	width:90%;
}

/* Social--------------------------------------------------------*/	
.icon-social{
	top:5px;
}

#icon-social-desktop{
	display:none;
}
/* Footer--------------------------------------------------------*/
.colum-footer{
	display:block;
	position:relative;
	width:100%;
	}
}