@charset "utf-8";
/* CSS Mutuarq */
@import url('fuentes/fonts.css');

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,img { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}

ul{
	list-style:none;
}

body{
	background-color:#F0F0F0;
	color:#4D4D4D;
	font-family: 'nexa_light', sans-serif;
}

img{
	border:none;	
}

a{
	text-decoration:none;
	-moz-transition: all 0.5s ease-in-out;
	 -webkit-transition: all 0.5s ease-in-out;
	 -o-transition: all 0.5s ease-in-out;
	 transition: all 0.5s ease-in-out;
}

::-moz-selection { background: #9f140f; color: #fff; }
::selection { background: #9f140f; color: #fff; }

.clear{
	clear:both;
}

.img-responsive{
	width: 100%;
    height: auto;
}


.logo img, .social-connect img, .productos img, .nuestra-mutual img, .autoridades img, .autoridades-interior img, .servicios img, .novedadesimg img{max-width:100%; vertical-align: baseline;}

/*** COLORES ***/
.blanco 		{color:#FFF;}
.normal			{color:#4D4D4D;}
.rojo_oscuro, .enlace a	{color:#9f140f;}
.rojo_claro		{color:#e00312;}
.amarillo		{color:#ff9400;}
.azul			{color:#002efe;}
.verde			{color:#69c72b;}
.celeste		{color:#00aaf7;}
.marron			{color:#986233;}
.gris_oscuro	{color:#303030;}
.gris_claro		{color:#b3b3b3;}

.normal a{
	color:#9f140f;
	font-weight:bold;
}

/*FUENTES*/
.light	{font-family: 'nexa_light', sans-serif;}
.bold	{font-family: 'nexa_bold', sans-serif;}

.mayus	{text-transform:uppercase;}
.centro	{text-align:center;}

.f30	{font-size:1.8em /*29px*/}
.f24	{font-size:1.5em /*24px*/}
.f22	{font-size:1.4em /*22px*/}
.f18	{font-size:1.125em /*18px*/}
.f14	{font-size:0.875em /*14px*/}
.f13	{font-size:0.8em /*13px*/}
.f12	{font-size:0.75em /*12px*/}
.f10	{font-size:0.625em /*10px*/}

/*FLOTANTES*/
.flota-r	{float:right;}
.flota-l	{float:left;}

/*** COLUMNAS ***/
.col-duo		{width:47.5%;}
.col-trio		{width:30%; margin-right:5%}
.col-triobis	{width:32%; margin-right:2%}
.col-four		{width:23.5%; margin-right:2%}
.col-four-3		{width:70.5%; margin-right:6%}
.col-four-2-3	{width:20.5%;}
.col-four-2-2	{width:42.25%; margin-right:2.5%}
.col-four-2-1	{width:29.75%; margin-right:5%}
.col-noti-3-1	{width:77.5%; margin-right:2.5%}
.col-noti-3-11	{width:39%; margin-right:5%}
.col-noti-3-12	{width:56%;}
.col-noti-3-3	{width:17%;}
.col-4-1		{width:35%; margin-right:5%;}
.col-4-3		{width:60%;}
.col-int1		{width:51.71875%; padding-right:4%; margin-right:5%; margin-top:35px;}
.col-int2		{width:38.28125%; margin-top:35px;}

.row	{max-width:994px; margin:0 auto; padding:0 15px;}
.sombra	{
	-moz-box-shadow:		inset 0px 11px 9px -10px rgba(0, 0, 0, 0.15),
        					inset 0px -11px 9px -10px rgba(255, 255, 255, 0.15);
	-webkit-box-shadow:  	inset 0px 11px 9px -10px rgba(0, 0, 0, 0.15),
							inset 0px -11px 9px -10px rgba(255, 255, 255, 0.15);
	box-shadow:  			inset 0px 11px 9px -10px rgba(0, 0, 0, 0.15),
							inset 0px -11px 9px -10px rgba(255, 255, 255, 0.15);
	
	padding:60px 0;
}
@media screen and (max-width: 767px){
	.col-4-1{
		width:100%;
		margin:0
	}
	.col-4-3{
		width:100%;
	}
	.sombra{
		padding:20px 0
	}
}

.sombra2	{
	-moz-box-shadow:		inset 0px 11px 9px -10px rgba(0, 0, 0, 0.15),
        					inset 0px -11px 9px -10px rgba(255, 255, 255, 0.15);
	-webkit-box-shadow:  	inset 0px 11px 9px -10px rgba(0, 0, 0, 0.15),
							inset 0px -11px 9px -10px rgba(255, 255, 255, 0.15);
	box-shadow:  			inset 0px 11px 9px -10px rgba(0, 0, 0, 0.15),
							inset 0px -11px 9px -10px rgba(255, 255, 255, 0.15);
	
	padding:60px 0 0 0;
}

.sombra_menu	{
	-moz-box-shadow		:0px 3px 2px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow	:0px 3px 2px rgba(0, 0, 0, 0.15) inset;
	box-shadow			:0px 3px 2px rgba(0, 0, 0, 0.15) inset;
	
	height:10px;
	position:relative;
	z-index:900;
}	
@media screen and (max-width: 767px){
	.sombra_menu{
		display:none
	}
	.sombra2{
		padding:20px 0 0 0;
	}
}

.borde-r{border-right:1px solid #E5E5E5;}
.borde-b{ border-bottom:1px solid #E5E5E5; padding-bottom:5px;}

/*set columns float:left */
	.row > [class*='col-'] {float:left; position:relative;}

/*** MARGIN ***/
.last	{margin-right:0 !important;}
.mr-5	{margin-right:5% !important;}
.mt-40	{margin-top:40px !important;}
.mt-25	{margin-top:25px !important;}
.mt-5p	{margin-top:5% !important;}



/**======================================================================================================================*/
/* HEADER */
header{	
	padding:30px 0 0 0;
	background-color:#F0F0F0;
}

.logo{
	float:left;
}

.menu, .menu2 {
	font-size:12px;
	text-transform:uppercase;
	margin-top:20px;
	font-weight:bold;
	width:100%;
}
.menu2{
	margin-top:-10px;
	float:right;
	width:auto;
	position:relative;
	z-index:800;
}
.menu li, .menu2 li{
	display:block;
	float:left;
	height:67px;
	border-right:1px solid #B2B2B2;
}
.menu2 li{
	border-right:none;
}
.menu .last, .menu2 .last	{border-right:none}
.menu .last	a, .menu2 .last	a{ margin-right:0}

.menu li a, .menu2 li a{
	color:#9f140f;
	padding:0 10px;
	line-height:67px;							
}

.menu li a:hover, .activo, .menu2 li a:hover{
	color:#e00312 !important;				
}

.menu2 li.activo, .menu2 li:hover{
	background-color:#FFF;	
	-moz-box-shadow		:0px 3px 2px rgba(0, 0, 0, 0.15) ;
	-webkit-box-shadow	:0px 3px 2px rgba(0, 0, 0, 0.15) ;
	box-shadow			:0px 3px 2px rgba(0, 0, 0, 0.15) ;
	cursor:pointer;					
}
.headerr{
	display:none
}


@media screen and (max-width: 767px){
	.espacio{
		height:80px;
	}
	header{
		display:none
	}
	.headerr{
		position:fixed;
		top:0;
		width:100%;
		display:block;
		padding:15px 0 10px 0;
		z-index:3;
	    
		background:#e4e1e1
	}
	.logor{
		max-width:150px;
		width:100%;
	}
	.menu2{
		display:none
	}
}


/*sociales*/
	.sociales{
		float:right;
	}

	.social-connect li a{
		-moz-box-shadow		:0 1px 2px rgba(0, 0, 0, 0.15) inset;
		-webkit-box-shadow	:0 1px 2px rgba(0, 0, 0, 0.15) inset;
		box-shadow			:0 1px 2px rgba(0, 0, 0, 0.15) inset;
		
		-moz-border-radius	  :800px;
		-webkit-border-radius :800px;
		border-radius		  :800px;
	}				
	
	.social-connect{
		line-height: 0;
		overflow: hidden;
	}
		.social-connect img{
			border:none !important;
		}

		.social-connect li{			
			display:inline-block;
			float:left;	
			margin:0 10px 0 0;			
		}
			
			.social-connect li a {
				background:#FFF;
				display: block;
				width: 23px;
				height: 23px;
				padding:1px;
			}
			.social-connect li:hover a{
				background:none;
			}
			
				/*sizes y colores*/
				.social-connect.small li a{
					background:#008cd0;
					width:16px;
					height:16px;				
					padding:1px;
				}
				.social-connect.large li a, .social-connect.large2 li a, .social-connect.largetecnologia li a, .social-connect.largehogar li a, .social-connect.largerecreacion li a, .social-connect.largeturismo li a, .social-connect.largeahorro li a, .social-connect.largesalud li a{
					background:#9f140f;
					height:35px;
					width:35px;
					padding:0px;		
				}
					.social-connect.large2 li a{
						background:#e00312;
					}
					.social-connect.largetecnologia li a{
						/*azul*/
						background:#002efe;
					}
					.social-connect.largehogar li a{
						/*amarillo*/
						background:#ff9400;
					}
					.social-connect.largerecreacion li a{
						/*verde*/
						background:#69c72b;
					}
					.social-connect.largeturismo li a{
						/*celeste*/
						background:#00aaf7;
					}
					.social-connect.largeahorro li a{
						/*marron*/
						background:#986233;
					}
					.social-connect.largesalud li a{
						/*gris oscuro*/
						background:#303030;
					}
				.social-connect.medium li a{
					background:#9f140f;
					width:28px;
					height:28px;				
					padding:1px;
				}
					.social-connect.large li:hover a, .social-connect.small li:hover a, .social-connect.medium li:hover a{
						background:#e00312;
					}
					
					.social-connect.large li:hover a{
						background:#F00;
					}
					
					.social-connect.large2 li:hover a, .social-connect.largetecnologia li:hover a, .social-connect.largehogar li:hover a, .social-connect.largerecreacion li:hover a, .social-connect.largeturismo li:hover a, .social-connect.largeahorro li:hover a, .social-connect.largesalud li:hover a{
						/*rojo oscuro*/
						background:#9f140f;
					}
								
	/*END sociales */
	
/*SLIDER*/
#content_slide, #content_slide_hogar	{
	/*min-height:365px;*/
	
	-moz-box-shadow		:0px 3px 2px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow	:0px 3px 2px rgba(0, 0, 0, 0.15) inset;
	box-shadow			:0px 3px 2px rgba(0, 0, 0, 0.15) inset;
}

#content_slide	{
	background:#9f140f url(../img/fondo.jpg) no-repeat center center;
}

#content_slide_hogar	{
	background-color:#ff9400;
}

#content_slide_tecnologia	{
	background-color:#002efe;
}

#content_slide_recreacion	{
	background-color:#69c72b;
}

#content_slide_turismo	{
	background-color:#00aaf7;
}

#content_slide_ahorro	{
	background-color:#986233;
}

#content_slide_salud	{
	background-color:#303030;
}

/*NEWSLETER*/
.newsletter{
	padding:35px 15px;
}
.newsletter h1 {
	font-size:1.4em;
	line-height:190%;
	text-transform:uppercase;
}
.newsletter #newsletter	{
	background-color:#FFF;
	border:1px solid #D6D6D6;
	line-height:235%;
	font-size:0.95em;	
	font-family: 'nexa_light', sans-serif;
	width:72%;
	padding:0 5%;
	margin-right:5%;		
}
.newsletter #button	{
	background-color:#9f140f;
	border:none;
	color:#FFF;
	font-family: 'nexa_light', sans-serif;
	font-size:0.95em;
	line-height:235%;
	padding:0 4%;
	cursor:pointer;
}
@media screen and (max-width: 767px){
	.newsletter h1 {
		font-size:1.1em; 
		white-space:normal;		
	}
	.newsletter #newsletter	{		
		margin-right:2%;		
	}
	.newsletter #button	{
		padding:0 6%;
		font-size:0.90em;
	}
}


/*PRODUCTOS*/

.productos	{
	text-align:center;	
}

	.productos h1{
		font-size:1.3em; /*21px*/		
		text-transform:uppercase;
		padding-top:30px;
	}
	
	.productos p{
		font-size:0.875em; /*14px*/
	}
	
	.productos img{
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
	}

.primera-fila{
	padding-top:0 !important;
}

.pie-gris, .hogar, .tecnologia, .construccion, .recreacion, .turismo, .ahorro, .salud, .hoteles, .paquetes-de-viaje, .voda{
	min-height:260px;
	padding-bottom:25px;
	padding-top:60px;
	position:relative;
}

.pie-gris a, .hogar a, .tecnologia a, .construccion a, .recreacion a, .turismo a, .ahorro a, .salud a, .hoteles a, .paquetes-de-viaje a, .voda a{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
}

.pie-gris {
	border-bottom:15px solid #b3b3b3;	
}

.hogar {
	border-bottom:15px solid #ff9400;	
}

.tecnologia {
	border-bottom:15px solid #002efe;	
}

.recreacion {
	border-bottom:15px solid #69c72b;	
}

.turismo {
	border-bottom:15px solid #00aaf7;	
}

.ahorro {
	border-bottom:15px solid #986233;	
}

.salud {
	border-bottom:15px solid #303030;	
}


.hoteles {
	border-bottom:15px solid #ff9400;	
}

.paquetes-de-viaje {
	border-bottom:15px solid #002efe;	
}


/*PRODUCTOS SERVICIOS*/

	.servicios h1{
		font-size:1.125em; /*18px*/		
		text-transform:uppercase;
		padding-top:15px;
		text-align:center;
		height:82px;
		overflow:hidden;
	}
	
	.servicios p{
		font-size:0.75em; /*12px*/
		text-align:center;
	}
	
	.servicios p.precio{
		font-size:0.7em;/*11px*/
		line-height:25px;
		text-transform:uppercase;
		position:relative;
		padding-top:10px;
	}
	
		.servicios p.precio .monto{
			color:#FFF;
			background-color:#e00312;
			padding:0 5px;
			/*float:right;*/
			position:absolute;
			right:0;
			bottom:0;
			line-height:25px;
			vertical-align:middle;
			font-size:18px; /*18px*/
			
			-moz-box-shadow		:0 1px 2px rgba(0, 0, 0, 0.15) inset;
			-webkit-box-shadow	:0 1px 2px rgba(0, 0, 0, 0.15) inset;
			box-shadow			:0 1px 2px rgba(0, 0, 0, 0.15) inset;
			
			-moz-border-radius	  :5px;
			-webkit-border-radius :5px;
			border-radius		  :5px;
		}
		
		.servicios p.precio .cuotas{
			color:#FFF;
			background-color:#9f140f;
			padding:5px;
			/*float:left;*/
			position:absolute;
			left:0;
			bottom:0;
			line-height:18px;			
			font-size:18px; /*18px*/
			
			-moz-box-shadow		:0 1px 2px rgba(0, 0, 0, 0.15) inset;
			-webkit-box-shadow	:0 1px 2px rgba(0, 0, 0, 0.15) inset;
			box-shadow			:0 1px 2px rgba(0, 0, 0, 0.15) inset;
			
			-moz-border-radius	  :5px;
			-webkit-border-radius :5px;
			border-radius		  :5px;
			
			/**/display:none;
		}
		
			.servicios p.precio .cuotas small{
				font-size:11px;
				line-height:11px;
			}
	
	.servicios img{
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
	}

.servicios .pie-gris, .servicios .hogar, .servicios .tecnologia, .servicios .construccion, .servicios .turismo, .servicios .ahorro, .servicios .salud, .servicios .hoteles, .servicios .paquetes-de-viaje{
	min-height:270px;	
	overflow:hidden;
	padding-bottom:10px;
	padding-top:40px;
	position:relative;
}

.servicios .hogar, .servicios .tecnologia, .servicios .recreacion, .servicios .turismo, .servicios .ahorro, .servicios .salud {
	border-bottom:15px solid #b3b3b3;	
}

.servicios .hogar:hover {
	border-bottom:15px solid #ff9400;	
}

.servicios .tecnologia:hover {
	border-bottom:15px solid #002efe;	
}

.servicios .recreacion:hover {
	border-bottom:15px solid #69c72b;	
}

.servicios .turismo:hover {
	border-bottom:15px solid #00aaf7;	
}

.servicios .ahorro:hover {
	border-bottom:15px solid #986233;	
}

.servicios .salud:hover {
	border-bottom:15px solid #303030;	
}

.servicios .hogar:hover p.precio .cuotas, .servicios .tecnologia:hover p.precio .cuotas, .servicios .recreacion:hover p.precio .cuotas, .servicios .turismo:hover p.precio .cuotas, .servicios .ahorro:hover p.precio .cuotas, .servicios .salud:hover p.precio .cuotas{
	display:block;
}

/* -- servicios interior ----*/
.servicios-interior .volver{
	background:url(../img/volver.png) no-repeat center left;
	padding-left:46px;
	line-height:36px;
}

.servicios-interior .precio{
		font-size:12px;/*12px*/
		line-height:1.5;
		text-transform:uppercase;
		text-align:left;
		margin:25px 10px 30px 0;
		display: inline-block;

	}
	
		.servicios-interior .monto, .servicios-interior .cuotas{
			color:#FFF;			
			padding:0 7%;			
			margin:0 0 0 0;
			vertical-align:middle;
			display: block;
			width: 125px;
			font-size:29px; /*29px*/
			text-align: right;
			
			-moz-box-shadow		:0 1px 2px rgba(0, 0, 0, 0.15) inset;
			-webkit-box-shadow	:0 1px 2px rgba(0, 0, 0, 0.15) inset;
			box-shadow			:0 1px 2px rgba(0, 0, 0, 0.15) inset;
			
			-moz-border-radius	  :5px;
			-webkit-border-radius :5px;
			border-radius		  :5px;
		}
		
			.servicios-interior .monto{
				background-color:#e00312;
			}
			
			.servicios-interior .cuotas{			
				background-color:#9f140f;
			}

/*  --- paginacion*/
	
	#scriptspaginate{
		padding-top:25px;
		text-align:center;
	}

	#scriptspaginate p{
		font-size:1.125em; /*18px*/
		font-family: 'nexa_light', sans-serif;
	}
		#scriptspaginate p a{
			color:#9f140f;
		}
		
		#scriptspaginate .flatview a{
			color:#4D4D4D;
		}
		
			#scriptspaginate .flatview .selected, #scriptspaginate .flatview a:hover{
				color:#9f140f;
				font-family: 'nexa_bold', sans-serif;
			}



/* NUESTRA MUTUAL */
.nuestra-mutual h1{
	padding-bottom:15px;
}
.nuestra-mutual h2{
	line-height:35px;
	color:#e00312;
	font-size:12px;
	float:left;
	padding-right:10px;
}
.nuestra-mutual p{
	font-size:0.875em; 
	line-height:1.3em; 	
}
.nuestra-mutual .sociales{ 
	padding-top:25px;
}

@media screen and (max-width: 767px){
	.nuestra-mutual h1{
		text-align:center
	}
	.nuestra-mutual p{
		font-size:1em; 
		line-height:1.3em;
		text-align:justify
	}
}


/* AUTORIDADES */
.autoridades {
	text-align:center;
}
.autoridades h1{
	text-align:left !important;
}
.autoridades h2{
	font-size:1.125em; /*18px*/
	text-transform:uppercase;
	margin-top:10px;	
}
.autoridades h3{
	font-size:0.875em; /*14px*/
	border-bottom:1px solid #4D4D4D;
	padding-bottom:10px;
	margin-bottom:10px;
}
.autoridades a{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
}

@media screen and (max-width: 767px){
	.autoridades h1{
		text-align:center !important;
	}
}



/*AUTORIDADES INTERIOR*/
.autoridades-interior h2{
	font-size:1.4em; /*22px*/
	text-transform:uppercase;
}

.autoridades-interior h3{
	font-size:1em; /*16px*/
	text-transform:uppercase;
	margin:10% 0 17%;
}

.autoridades-interior .sociales{
	float:none;
}

.objetivos{
	color:#FFF;
	background-color:#9f140f;
	padding:8%;
	margin-top:52px;
}

.objetivos h1{
	font-size:1.6em; /*26px*/
	padding-bottom:8%;
}

.objetivos p{	
	line-height:19px;
}

.comillas-abre{
	background:url(../img/comillas-abre.png) no-repeat center center;
	width:53px;
	height:45px;
	float:left;	
	margin-right:10px;
	margin-top:5px;
}

.comillas-cierra{
	background:url(../img/comillas-cierra.png) no-repeat top right;
	width:54px;
	height:45px;
	margin-top:5px;
	margin-left:10px;
	float:right;
	clear:both;
}

.cv-email {
	float:right;
	padding-top:10%;	
}

.cv-email li{
	display:inline-block;
	margin-right:10px;
}

.cv-email li a{
	background-color:#e00312;
	padding:10px;
	color:#FFF;
	font-size:0.7em; /*11px*/
	
	-moz-box-shadow		:0 1px 2px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow	:0 1px 2px rgba(0, 0, 0, 0.15) inset;
	box-shadow			:0 1px 2px rgba(0, 0, 0, 0.15) inset;
	
	-moz-border-radius	  :5px;
	-webkit-border-radius :5px;
	border-radius		  :5px;
}
	.cv-email li a:hover{
		background-color:#9f140f;
	}

	.cv-email li a img{
		vertical-align:middle;
	}


/* COMO LLEGAR */
.como-llegar h1 span{
	font-size:14px;	
}
.como-llegar h1 span img{
	padding:0 5px 0 30px;
	vertical-align:baseline;
}
#googlemap{
	margin-top:30px;
	width:100%;
	height:467px;
}

@media screen and (max-width: 767px){
	.como-llegar h1 span{
		font-size:14px;	
		display:block
	}
	.como-llegar h1 span img {
		padding: 0 5px 0 0px;
		vertical-align: baseline;
	}
}




/*COMO ASOCIARSE*/
.botonasociate{
	float:right;
}
	.botonasociate a{
		background-color:#9f140f;
		color:#FFF;
		text-transform:uppercase;
		font-size: 0.7em;/*11px*/
		padding:10px;
		
		-moz-box-shadow		:0 1px 2px rgba(0, 0, 0, 0.15) inset;
		-webkit-box-shadow	:0 1px 2px rgba(0, 0, 0, 0.15) inset;
		box-shadow			:0 1px 2px rgba(0, 0, 0, 0.15) inset;
		
		-moz-border-radius	  :5px;
		-webkit-border-radius :5px;
		border-radius		  :5px;
	}
	
		.botonasociate a:hover{background-color:#e00312;}

.como-asociarse .telefono{
	background:url(../img/telefono2.png) no-repeat left center;
	padding-left:43px;
	font-size:1.3em;
	line-height:38px;
	margin-top:5% !important;	
}

.como-asociarse .pdf {
	font-size:0.75em; /*12px*/
	text-transform:uppercase;
	text-align:right;
}

.como-asociarse .pdf p{
	padding-top:27px;
	padding-right:10px;
}

.como-asociarse .pdf a{
	color:#e00312;	
}

.como-asociarse .row{
	padding:0;
}

.como-asociarse form p{
	font-size: 1.125em; /*18px*/
	color:#9f140f;
	width:100%;
	padding-bottom:10px;
}

.como-asociarse form h5{
	font-weight:normal;
}

.como-asociarse input, .como-asociarse textarea, .como-asociarse select{
	background-color:#FFF;
	border:1px solid #D6D6D6;
	font-size: 1.125em; /*18px*/
	color:#9f140f;	
	font-family: 'nexa_light', sans-serif;
	line-height:41px;
	width:100%;	
}
	.como-asociarse textarea{
		line-height:normal;
	}

#enviarform{
	background-color:#9f140f;
	border:none;
	color:#FFF;
	text-transform:uppercase;
	font-size: 0.7em;/*11px*/
	font-family: 'nexa_bold', sans-serif;
	padding:10px;
	width:auto;
	line-height:normal;
	cursor:pointer;
	float:right;
	
	-moz-box-shadow		:0 1px 2px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow	:0 1px 2px rgba(0, 0, 0, 0.15) inset;
	box-shadow			:0 1px 2px rgba(0, 0, 0, 0.15) inset;
	
	-moz-border-radius	  :5px;
	-webkit-border-radius :5px;
	border-radius		  :5px;
}
.imagen-asociarse{
	display:none
}
@media screen and (max-width: 767px){
	.como-asociarse h1{
		font-size: 1.5em;
	}
	.imagen-asociarse{
		display:block
	}
	
}	

/*NOVEDADES*/
.novedades{
	border-bottom:1px solid #DDD;
	padding:40px 0;
}

.novedadesinterior .sombraleft, .noticias .sombraleft{
	-moz-box-shadow:		inset -10px 0px 9px -10px rgba(0, 0, 0, 0.15),
        					inset -10px 0px 9px -10px rgba(255, 255, 255, 0.15);
	-webkit-box-shadow:  	inset -10px 0px 9px -10px rgba(0, 0, 0, 0.15),
							inset -10px 0px 9px -10px rgba(255, 255, 255, 0.15);
	box-shadow:  			inset -10px 0px 9px -10px rgba(0, 0, 0, 0.15),
							inset -10px 0px 9px -10px rgba(255, 255, 255, 0.15);
	
	padding-right:5%;
	padding-bottom:60px;
	min-height:520px;
}
	.noticias .sombraleft{
		padding-bottom:0;
		padding-right:3%;
	}
	

.novedades .sociales, .novedadesinterior .sociales{
	float:left;
}

.novedades .masinfo, .servicios-interior .masinfo{
	height:40px;
	float:right;
}

.novedadesinterior .volver{
	background:url(../img/volver.png) no-repeat center right;
	padding-right:46px;
	line-height:36px;
	text-align:right;
}

.novedadesinterior {
	margin-bottom:-60px;
}

.lineainf{
	border-bottom:1px solid #DDD;
	padding:0 0 5% 0;
}

.novedades .masinfo h3 a, .servicios-interior .masinfo h3 a{
	/*rojo claro*/
	background-color:#e00312;
	color:#FFF;
	font-size:0.7em; /*11px*/
	padding:10px;
	text-transform:uppercase;
	line-height:40px;		
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow		:0 1px 2px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow	:0 1px 2px rgba(0, 0, 0, 0.15) inset;
	box-shadow			:0 1px 2px rgba(0, 0, 0, 0.15) inset;
}

.novedades .masinfo h3 a:hover, .servicios-interior .masinfo h3 a:hover{
	/*rojo oscuro*/
	background-color:#9f140f;
}

.novedades .precio, .novedadesinterior .precio{
	font-size:11px;/*11px*/
	line-height:25px;
	text-transform:uppercase;
	text-align:right;
	margin-top:20px;		
}
	
.novedades .monto, .novedades .cuotas, .novedadesinterior .monto, .novedadesinterior .cuotas{
	color:#FFF;			
	padding:0 5%;			
	margin:0 0 0 15px;
	vertical-align:middle;
	
	font-size:18px; /*18px*/
	
	-moz-box-shadow		:0 1px 2px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow	:0 1px 2px rgba(0, 0, 0, 0.15) inset;
	box-shadow			:0 1px 2px rgba(0, 0, 0, 0.15) inset;
	
	-moz-border-radius	  :5px;
	-webkit-border-radius :5px;
	border-radius		  :5px;
}

.novedades .monto, .novedadesinterior .monto{
	background-color:#e00312;
}

.novedades .cuotas, .novedadesinterior .cuotas{			
	background-color:#9f140f;
}

@media screen and (max-width: 767px){
	
	
	.novedades{
		border-bottom:1px solid #DDD;
		padding:20px 15px;
	}
	.marg{
		margin-top:5px;
		text-align:justify
	}
	
	.noticias{
		padding:0
	}
	.noticias .sombraleft{
		box-shadow:none
	}
	.accordion{
		padding:0 15px;
	}
}

/*NOTICIAS*/
/*START accordions*/

	.accordion section{
		margin-top:5px;
	}
		
	.accordion .header {
		position:relative;
		overflow: hidden;
		margin:0;
		padding:5px 0;
		color:#e00312;
		font-size:15px;
		font-family: 'nexa_bold', sans-serif;
		font-weight:normal;
		cursor: pointer;
	}	 
		.accordion .header:hover {color:#9f140f;}

		
		.accordion .header:after {
			-moz-border-radius	  :800px;
			-webkit-border-radius :800px;
			border-radius		  :800px;						
			position:absolute;
			content:'\f005';
			font-size:10px;
			font-family: "flexslider-icon";
			top:2px;
			right:5px;
			line-height:15px;
			height:15px;
			width:15px;
			padding:3px;
			text-align:center;
			background:#e00312;
			color:white;			
		}
		
			.accordion .header:hover:after {background:#9f140f;}
		
			.accordion .header.current:after {content:'-'; background:#9f140f;}
			.accordion .header.current {color:#9f140f;}
			
			
		.accordion .current {}

	.expandable .dropdown,	
	.accordion .content {
		display:none;		
		padding: 10px;		
		font-size:15px;
		color:#9f140f;
		font-family: 'nexa_light', sans-serif;
	}
		
		.accordion .content a{color:#9f140f;}		
			.accordion .content a:hover, .accordion .content .activo {font-family: 'nexa_bold', sans-serif; !important;}
			
		/*show the first section if js is disabled*/
		.no-js .accordion section:first-of-type .content	{display:block;}	
		
		
	/*END accordions*/


/**======================================================================================================================*/
/* FOOTER */
footer	{
	background-color:#9f140f;
}
.footer{
	padding:25px 0;
}

.footer h1{
	text-transform:uppercase;
	padding:0 0 25px 0;
	border-bottom:1px solid #e00312;
	margin-bottom:20px;
}

.footer a{
	color:#FFF;
	display:block;
}

.footer p{
	color:#FFF;
	line-height:48px;
	font-size:0.625em; /*10px*/
	text-transform:uppercase;
	float:left;
	margin-right:5%;
}

.footer .face{
	background:url(../img/face.png) no-repeat left center;
	padding-left:47px;
}
.footer .inst{
	background:url(../img/instagram.png) no-repeat left center;
	padding-left:47px;
}

.footer .tw{
	background:url(../img/tw.png) no-repeat left center;
	padding-left:46px;
}

.footer .ubicacion{
	background:url(../img/ubicacion.png) no-repeat left center;
	padding-left:45px;
}

.footer .telefono{
	background:url(../img/telefono.png) no-repeat left center;
	padding-left:43px;
	font-size:1.3em !important;
}
.footer .what{
	background:url(../img/what.png) no-repeat left center;
	padding-left:43px;
	font-size:1.3em !important;
}


#pie	{
	background-color:#e00312;
	padding:20px 0;
}
.submenu	{
	font-size:0.625em; /*10px*/
	text-transform:uppercase;
	text-align:center;
}
.submenu li{
	display:inline;
	padding:0 2%;
}
.submenu a{
	color:#FFF;		
}
.submenu a:hover{
	color:#9f140f;		
}

.contacto-responsive{
	display:none
}
@media screen and (max-width: 767px){
	.footer{
		padding:25px 20px;
		text-align:center
	}
	.submenu, .facebook, .ubicacion, .contacto{
		display:none
	}
	.contacto-responsive{
		display:block
	}
	.footer .telefono{
		margin:0;
		/*float:right;*/
	}
}



/*START  (min-width:1024px) large-screens-only styles (including iPad landscape)*/	
@media all and (max-width:1024px) {
		
}
/*END (min-width:1024px)large-screens-only styles (including iPad landscape)*/

@media all and (max-width:1126px) {
	.newsletter h1 {
		font-size:1.3em; /*21px*/
	}		
}

/*START (max-width:980px) - MAINLY TARGET PORTRAIT MODES OF TABLETS(INCLUDING THE IPAD)*/
@media all and (max-width:980px) {	
	.newsletter h1 {
		font-size:1.2em; /*19px*/
		white-space: nowrap;
	}
	
	.newsletter #newsletter	{
		font-size:0.875em;
		line-height:245%;
		padding:0 4%;
	}	
	
	.newsletter #email	{
		width:73%;	
	}
	
	.autoridades-interior h3{
		margin:9% 0 14%;
	}
}

@media all and (max-width:868px) {
	
	.menu li a, .menu2 li a{
		padding:0 10px;						
	}
	
	.newsletter h1 {
		font-size:1.125em; /*18px*/		
	}
	
	.newsletter #newsletter	{
		font-size:0.8em;
		line-height:265%;
		padding:0 2%;
	}
	
	.newsletter #newsletter	{
		width:77%;	
	}	
	
	.autoridades-interior h3{
		margin:5% 0 10%;
	}
	
	.servicios h1{
		font-size:0.95em; /*15px*/
	}		
	
	.servicios p{
		font-size:0.7em; /*11px*/
	}	
	
		.servicios p.precio .monto{
			line-height:25px;
			font-size:16px;
		}
		
		.servicios p.precio .cuotas{
			line-height:16px;
			font-size:16px;
		}
		
			.servicios p.precio .cuotas small{
				font-size:10px;
				line-height:10px;
			}
}


/*START (max-width:768px)*/
@media all and (max-width:768px) {
	.autoridades h2{
		font-size:1em; /*16px*/
	}
	.autoridades-interior h2{font-size:1.25em; /*20px*/}
	
	.autoridades-interior h3{
		font-size:0.875em; /*14px*/
		margin:1% 0 1%;
	}
	
	.servicios p.precio{	
		padding-top:0px;
	}
		
	.servicios p.precio .monto{
			bottom:-35px;
		}
		
		.servicios p.precio .cuotas{
			bottom:-35px;
		}
	.novedades .social-connect.large2 li a{
		width:28px;
		height:28px;
	}
	.novedades .masinfo, .servicios-interior .masinfo{height:33px;}
	
		.novedades .masinfo h3 a, .servicios-interior .masinfo h3 a{
			padding:7px;
			line-height:33px;		
		}
}
		
@media screen and (max-width:603px) , 
		   screen and (max-device-width: 480px){ /*mm good enough ?*/			
	.row:not(.ss-float) > [class*='col-'] {
		float:none;
		width:100%;
		margin-right:auto;
		padding-left:0;
		padding-right:0;
		margin-left:auto;
		left:auto;
		right:auto;
	}
	
	.pie-gris {
		margin-bottom:30px;
	}
	
	.autoridades h2{
		font-size:1.125em; /*18px*/
	}
	
	.borde-r {border-right:none;}	
	
	.botonasociate{
		float:none;
		margin-top:20px;
	}
	
	.como-asociarse .pdf{
		text-align:left;
	}
	.descarga {
		float:none !important;
		margin-top:20px;		
	}
		.descarga p{
			float:left;
		}
	
	.como-asociarse .telefono{		
		margin-top:5% !important;
		float:none;
	}
	
	.servicios p.precio{	
		padding-top:35px;
	}
		
	.servicios p.precio .monto{
			bottom:0;
		}
		
		.servicios p.precio .cuotas{
			bottom:0;
		}	
	.novedades .precio{	text-align:left;}
	
	.novedadesinterior .sombraleft{
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		
		padding-right:0;
		padding-bottom:60px;
		min-height:inherit;
	}
}

@media screen and (max-width:361px), 
		   screen and (max-device-width: 361px){ /*mm good enough ?*/
	.autoridades h2{
		font-size:1em; /*16px*/
	}
	.descarga img {display:nonee;}
	.como-asociarse .telefono{	
		font-size: 1em;/*16px*/
	}
	
	.servicios p.precio{	
		padding-top:0px;
	}
		
	.servicios p.precio .monto{
			bottom:-35px;
		}
		
		.servicios p.precio .cuotas{
			bottom:-35px;
		}
}







/**
 *----------------------------------------------------------------------------------------------------------------------------------------------------------------
 */
 
 /*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: #9e140f;
}
#wrapper {
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	padding-left: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#wrapper.toggled {
	padding-left: 220px;
}
#wrapper.toggled #sidebar-wrapper {
	width: 220px;
}
#wrapper.toggled #page-content-wrapper {
	margin-right: -220px;
	position: absolute;
}
#sidebar-wrapper {
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	background: #9f140f;
	height: 100%;
	left: 220px;
	margin-left: -220px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width: 0;
	z-index: 1000;
}
#sidebar-wrapper::-webkit-scrollbar {
	display: none;
}
#page-content-wrapper {
	width: 100%;
}
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 220px;
}
.sidebar-nav li {
	display: inline-block;
	line-height: 20px;
	position: relative;
	width: 100%;
}
.sidebar-nav li:before {
	-moz-transition: width 0.2s ease-in;
	-ms-transition: width 0.2s ease-in;
	-webkit-transition: width 0.2s ease-in;
	background-color: #1c1c1c;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transition: width 0.2s ease-in;
	transition: width 0.2s ease-in;
	width: 3px;
	z-index: -1;
}
.sidebar-nav li:hover:before {
	-webkit-transition: width 0.2s ease-in;
	transition: width 0.2s ease-in;
	width: 100%;
}
.sidebar-nav li a {
	color: #dddddd;
	display: block;
	padding: 10px 15px 10px 30px;
	text-decoration: none;
	text-transform:uppercase
}
.sidebar-nav li.open:hover before {
	-webkit-transition: width 0.2s ease-in;
	transition: width 0.2s ease-in;
	width: 100%;
}
.sidebar-nav .dropdown-menu {
	background-color: #222222;
	border-radius: 0;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
.sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
}
/*-------------------------------*/
/*          Dark Overlay         */
/*-------------------------------*/

.overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 50;
}