/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ======================================================
General
========================================================================== */
body {
	margin:0 auto;
	padding:0;
	text-align:center;
	background-color:#333;
	background-image:url(/img/bg-top.jpg);
	background-size:100%;
	background-repeat:no-repeat;
}
body, a, ul, ul li,section,nav,footer, aside,article, p, img {
	font: 14px/26px;
	font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;
	font-size:1em;
	color: #555;	
	font-weight:normal;
	

}
section,nav,footer, aside,article, p, img, h1, h2, h3, h4, h5, h6 {
	display:block;
	float:left;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
}
table, table td, table tr, table th {
	padding:0px;
	margin:0px;
	border-spacing: 0px;
}
.findice,.fnav,h1, h2,h3,h4{	
	font-family: 'Open Sans', sans-serif;
		font-style:normal;
		font-weight:600;
}
h1, h2, h3, h4, h5, h6{
	display:table;
	width:100%;

}
strong, .bold{
	font-weight:bold;
}
.subrayado{
	text-decoration:underline;
}
a:link,a:visited,a:active{
	padding:0;
	margin:0 auto;
	text-decoration:none;
}
.derecha{
	float:right;
}
.izquierda{
	float:left;
}
.centrado{
	text-align:center;
}
.img100{
	width:100%;
}
.inline{
	float:none;
	display: inline;
}
*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.relative{
	position:relative;
}
.relative100{
	position:relative;
	z-index:100;
}
.relative99{
	position:relative;
	z-index:99;
}
/* ==========================================================================
Fuentes
========================================================================== */
.titulo1{	font-size:2em;}
.titulo2{	font-size:1.5em;}
.titulo3{	font-size:1.1em;}
.f09{
	font-size:0.9em;
}
.f08{
	font-size:0.8em;
}
.f1{
	font-size:1em;
}
.f12{
	font-size:1.2em;
}
.f13{
	font-size:1.3em;
}
.f14{
	font-size:1.4em;
}
.f15{
	font-size:1.5em;
}
.f18{
	font-size:1.8em;
}
.f2{
	font-size:2em;
}
.f25{
	font-size:2.5em;
}

p{
	display:block;
	float:left;
	width:100%;
	padding:0;
	margin:0 auto;
}
p:first-child{
	margin-top:0;
	padding-top:0;
}
p:last-child{
	margin-bottom:0;
	padding-bottom:0;
}
.iframe100{
	display:block;
	width:100%;
	height:250px;
	margin:0 auto;
	padding:0;
}
.iframeMapa{
	display:block;
	width:100%;
	height:400px;
	margin:0 auto;
	padding:0;
}
.iframevideoPORTADA, iframevideo{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
	
}
.iframevideo{
	height:250px;
	margin-bottom:15px;
}
.iframevideoPORTADA{
	height:250px;
}
ul{
	float:left;
	width:100%;
	margin:0 auto;
	padding:0;
	list-style-position:outside;
	overflow:hidden;
}
ul li{
	float:left;
	width:97%;
	padding:0;
	margin:0 auto;
	margin-left:18px;
	text-align:left;
	
}
/* CAJAS ************************************************** */
.caja0{
	float:left;
	width:100%;
	padding:0;
	margin:0 auto;
}
.cajaFONO{
	clear:both;
	display:block;
	float:none;
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:center;
}
.cajaFONO img, .cajaUBICACION img{
	display:inline-block;
	width:50px;
	margin-right:20px;
}
.cajaUBICACION{
	clear:both;
	display:block;
	float:none;
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:center;
}


/* COLORES ************************************************** */
.negro{
	color:#000000;
}
.blanco{
	color:#FFFFFF;
}
.rojo{
	color: #FF0004;
}
.verde{
	color:#00aa3c;
}
.ceee{
	color: #eee;
}
.c999{
	color: #999;
}
.c555{
	color: #555;
}

.color1{
	color:#B70300;
}
.color2{
	color:#1e86cc;
}
.color3{
	color:#ca3529;
}
.color4{
	color:#0e5c7d;
}
.fndF7{
	background-color:#f7f7f7;
}
.fndEEE{
	background-color:#eee;
}
.fndDDD{
	background-color:#ddd;
}
.fnd999{
	background-color:#999;
}
.fnd555{
	background-color:#555;
}
.fnd444{
	background-color:#444;
}
.fnd333{background-color:#333;}
.fndblanco{
	background-color: #FFFFFF;
}
.fndnegro{
	background-color: #000000 !important;
}
.fndtransparent{
	background-color: transparent;
}
.fnd1{ 
	background-color:#d6e6ed;
}
.fnd2{
	background-color: #77b4c8;
}
.fnd3{
	background-color: #346eac;
}
.fnd4{ /* Blanco */
	background-color: #FFFFFF;
}
.fndimg1{
	background-image:url(/img/fondo3.jpg);
	background-repeat:no-repeat;
}
.fndG{ /* Degradado */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#37b339+10,0b8e36+100 */
background: #ca3529; /* Old browsers */
background: -moz-linear-gradient(top,  #ca3529 10%, #a9281e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ca3529 10%,#a9281e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ca3529 10%,#a9281e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca3529', endColorstr='#a9281e',GradientType=0 ); /* IE6-9 */

}
.bradius50{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.bradius20px{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.border{
border: #0b8e36 4px double;
}
.borderB1{
	border-bottom: #EF1316 1px solid;
}
.borderB2{
	border-bottom: #77b4c8 10px solid;
}
.borderB10{
	border-bottom: #ca3529 10px solid;
}
.borderT10{
	border-top:10px #B70300 solid;
}
.sombraI{
	-webkit-box-shadow: -1px 7px 22px -5px rgba(0,0,0,0.46);
-moz-box-shadow: -1px 7px 22px -5px rgba(0,0,0,0.46);
box-shadow: -1px 7px 22px -5px rgba(0,0,0,0.46);
}
.sombraS{
	-webkit-box-shadow: 0px -7px 22px -5px rgba(0,0,0,0.46);
-moz-box-shadow: 0px -7px 22px -5px rgba(0,0,0,0.46);
box-shadow: 0px -7px 22px -5px rgba(0,0,0,0.46);
}
.sombra3{
-webkit-box-shadow: -1px 5px 15px -1px rgba(0,0,0,0.4);
-moz-box-shadow: -1px 5px 15px -1px rgba(0,0,0,0.4);
box-shadow: -1px 5px 15px -1px rgba(0,0,0,0.4);
}
.padding{
	padding:20px;
}
.p0{
	padding:0 !important;
}
.p0{
	padding:0 !important;
}
.p5{
	padding:5px !important;
}
.p10{
	padding:10px !important;
}
.pB5{
	padding-bottom:5px !important;
}
.pB10{
	padding-bottom:10px !important;
}
.pB20{
	padding-bottom:20px;
}
.pB40{
	padding-bottom:40px;
}
.pT5{padding-top:5px;}
.pB30{
	padding-bottom:30px;
}
.pT30{
	padding-top:30px;
}
.pT40{
	padding-top:40px;
}
.mBtitu1{
		margin-bottom:30px;
}
.titu3{
		margin-bottom:10px;
}
.mBcolumMOVIL{
	margin-bottom:20px;
}
.margBmovil{
	margin-bottom:30px !important;
}
.margB{
	margin-bottom:20px !important;
}
.margBp1{
	margin-bottom:15px !important;
}
.margBp2{
	margin-bottom:35px !important;
}
.margBfullmediaperu{
	margin-bottom:80px !important;
}
.mB5{
	margin-bottom:5px !important;
}
.mB10{
	margin-bottom:10px !important;
}
.mB15{
	margin-bottom:15px !important;
}
.mB20{
	margin-bottom:20px !important;
}
.mB30{
	margin-bottom:30px;
}
.mB40{
	margin-bottom:40px !important;
}
.mT8{
	margin-top:8px !important;
}
.mT10{
	margin-top:10px;
}
.mT20{
	margin-top:20px !important;
}
.mT30{
	margin-top:30px;
}
/* Subtítulos */
.img1H2{
	float:left;
	height:60px;
}
/* ==========================================================================
BODYpage
========================================================================== */
 .BODYpage-contenedor{
 	display: table;
	float:left;
	width:100%;
	text-align:center;
}  
.BODYpage{
 	display: table;
	float:none;
	width:94%;
	margin:0 auto;
	text-align:left;
} 
 
.contenedor{
	display:table;
	float:left;
	width:100%;
	height:auto;
} 
#txtContenido h2{
	font-weight:bold;
	margin-bottom:15px;
	font-size:1.2em;
}
#txtContenido div{
	margin-bottom:5px;
}

#txtContenido p{
	margin-bottom:15px;
}
#txtContenido p+h2{
	margin-top:20px;
}
.heght10{
	height:20px;
	-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
/* ENCOSNTRUCCIÓN ************************************************** */
.EnConstruccion-IMG{
	float:none;
	clear:both;
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:100%;
}

/* TIME ************************************************** */
time{
	display:none;
	float:left;
	padding-top:5px;
	margin-left:20px;
}
/* LOGO ************************************************** */
.logoCENTRO{
	display:table;
	float:left;
	width:100%;
}
.logo{
	display:table;
	float:left;
	width:100%;
	height:auto;
}
.logo10{
	display:table;
	float:left;
	width:100%;
	height:auto;
}
/* FOOTER ************************************************** */
footer{
	clear: both ;
	width:100%;
	padding:20px 0 20px 0;
	margin:0 auto;
	text-align:center;
}
/* ==========================================================================
Desarrollador POR
   ========================================================================== */
.desarrolladopor{
	padding-top:70px;
}
.desarrolladopor a img{
	display: inline-block;
	width:70px;
	float:none;
	margin:0 auto;
}
.desarrolladopor a{
	display:block;
	float:none;
	width:200px;	
	text-align:center;
	margin:0 auto;
	text-decoration:none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition:  all 1s ease;
	transition:  all 1s ease;
}
.desarrolladopor a:hover{
	color:#999;
}
/* menu movil slicknav ************************************************** */
#menu {
		display:none;
	}
.slicknav_menu {
		display:block;
	}
ul.slicknav_menu li{
	background-color:#EFFFB7;
	}
.paramovil{
	display: inline-block !important;
}
.paraweb{
	display:none !important;
}

  



/*------------------------------------------
PAGINACION /////////////////////////////////////
------------------------------------------*/
ul#paginacion_NUM{
	display: table;
	float: left;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0;
	text-align: center;

}
ul#paginacion_NUM li{
	display: inline-block;
	float: none;
	width: auto;
	height: 30px;
	padding: 0;
	margin: 0 auto; 
	margin-right:2px;
	border: 1px solid #660099;
}
ul#paginacion_NUM li a, ul#paginacion_NUM li a.actual{
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 10px 0 10px;
	padding-top: 6px;
	text-align: center;
	color:#660099;
	-webkit-transition:all 0.2s ease;
	-moz-transition::all 0.2s ease;
	-o-transition::all 0.2s ease;
	transition:all 0.2s ease;
}
ul#paginacion_NUM li a.actual{
	color: #FFFFFF;
	background-color: #660099;
}
ul#paginacion_NUM li a:hover{
	color: #FFFFFF;
	background-color: #660099;
}
.numerador{
	display:block;
	float:left;
	width:7%;
}
a.asterisco{
	display: inline-block;
	float: none;
	color:#FF0004 !important;
	font-size:16px;
	width:10px;
	height:20px;
	padding-top:10px;
	line-height:normal !important;
}

.textos2017{
}
.textos2017 p{
	margin-bottom:15px;
}

.textos2 h2{
	margin-bottom:20px;
}
.textos2 p{
	text-align:justify;
	margin-bottom:15px;
}
.textos2 p:last-child{
	text-align:justify;
	margin-bottom:30px !important;
	background-color:#EFD4D5;
}
.BoxTitu1{
	width:100%;
	margin-bottom:10px;
}
.BoxTitu1 h2{
	width:100%;
	text-align:center;
	margin-bottom:5px;
}
.BoxTitu1 img{
	width: auto;
	float:none;
}
.BoxImg1{
	width:100%;
	text-align:center;
}
.BoxImg1 img{
	width: auto;
	float:none;
	margin:0 auto;
	margin-bottom:20px;
}
/*------------------------------------------
INICIO MENUinferior1 /////////////////////////////////////
------------------------------------------*/
.MENUinferior1{
	width:100%;
	padding:16px 0 14px 0;
	margin:0 auto;
	text-align:center;
}
.MENUinferior1 li{
	display: block;
	float: left;
	width:46%;
	padding:2%;
	margin:5px 2% 5px 2%;
	border:#FFF 2px solid;
	text-align:center;
	background-image: none;
}
.MENUinferior1 li a{
	color:#FFF;
}
.MENUinferior1 li a:hover{
	text-decoration:underline;
}
/* =======================================================
DOS COLUMNAS IGUALES
==========================================================*/
.colum-1, .colum-2{
	display:table;
	float:left;
	width:100%;
	height: auto;
	margin-bottom:20px;
}
.colum-2{
	float: right;
	margin-bottom:0;
}
/* =======================================================
DOS COLUMNAS DESIGUALES IZQUIERDA
==========================================================*/
.columD-i1, .columD-i2{
	display:table;
	float:left;
	width:100%;
	height: auto;
	margin-bottom:20px;

}
.columD-i2{
	margin-bottom:0;
}
/* =======================================================
DOS COLUMNAS DESIGUALES DERECHA
==========================================================*/
.columD-d1, .columD-d2{
	display:table;
	float:left;
	width:100%;
	height: auto;
	margin-bottom:20px;

}
.columD-d2{
	margin-bottom:0;
	float: right;
}
/* =======================================================
ColumPortada
==========================================================*/
ul.ColumPortada{
	display:table;
	float:left;
	width:100%;
	height: auto;
	margin:0 auto;
	list-style-type:none;
}
ul.ColumPortada li{
	display:table;
	float:left;
	width:100%;
	height: auto;
	margin:0 auto;
	padding:15px;
	margin-bottom:15px;
	background-color:#FFFFFF;
	-webkit-box-shadow: -1px 7px 22px -5px rgba(0,0,0,0.46);
-moz-box-shadow: -1px 7px 22px -5px rgba(0,0,0,0.46);
box-shadow: -1px 7px 22px -5px rgba(0,0,0,0.46);
	-webkit-transition:all 0.2s ease;
	-moz-transition::all 0.2s ease;
	-o-transition::all 0.2s ease;
	transition:all 0.2s ease;
}


ul.ColumPortada li h2{
	display:table;
	float:left;
	width:100%;
	height: auto;
	margin:0 auto;
	padding:0;
	text-align:center;
	margin-bottom:15px;
	color:#ca3529;
}
ul.ColumPortada li iframe, ul.ColumPortada li .img2{
	display:table;
	float:left;
	width:100%;
	height:200px;
	margin:0 auto;
	padding:0;
	margin-bottom:15px;
}
ul.ColumPortada li img{
	display:table;
	float:left;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	margin-bottom:15px;
}


/* =======================================================
TRES COLUMNAS IGUALES
==========================================================*/
.colum-31, .colum-33{
	display:table;
	float:left;
	width:100%;
	height: auto;
	margin:0 auto;
	margin-bottom:20px;
}
.colum-33{
	margin-bottom:0;
}
/* =======================================================
CINCO COLUMNAS IGUALES
==========================================================*/
ul.colum-51{
		display:table;
	float:left;
	width:100%;
	height: auto;
	margin:0 auto;
	list-style-type:none;
}
ul.colum-51 li{
	display:table;
	float:left;
	width:100%;
	height: auto;
	margin:0 auto;
	margin-bottom:20px;
}

/* =======================================================
CUATRO COLUMNAS IGUALES
==========================================================*/
.colum-41, .colum-42,.colum-44{
	display:table;
	float:left;
	width:100%;
	height: auto;
	margin:0 auto;
	margin-bottom:20px;
}
.colum-44{
	margin-bottom:0;
}
/* =======================================================
CONTACTOS1
==========================================================*/
#contactos_BOX{
	float:left;
	width:100%;
}
.contactos_form{
	float:left;
	width:100%;
}
#contactos_msg{
	display:table;
	float: left;
	width:100%;
	text-align: left;
	color:#F00;

	margin-bottom:10px;
}
#contactos_filas, #contactos_filasError, #errorAki{
	float: left;
	width:100%;
	padding:10px;
	text-align: left;
}
#contactos_filasError, #errorAki{
	background-color:#FC9EB8;
}
#contactos_boton{
	float: left;
	width:100%;
	padding:20px 0 20px 0;
	text-align: center;
}
.contactos_etiqueta{
	float: left;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	text-align:left;
}
.contactos_TEXTAREA{
	display:block;
	float: left;
	width:100%;
	height:90px;
	text-align: left;
	padding:0px;
	margin:0px;
	border:#ddd 1px solid;
}
.contactos_SELECT{
	display:block;
	float: left;
	width:100%;
	height:30px;
	text-align: left;
	padding:0px;
	margin:0px;
	border:#ddd 1px solid;
}
.contactos_INPUT{
	display:block;
	float: left;
	width:100%;
	height:30px;
	text-align: justify;
	padding:0px;
	margin:0px;
	overflow:hidden;
	border:#ddd 1px solid;
}
/* =======================================================
CONTACTOS10
==========================================================*/
.contactenos10{
	float:left;
	width:100%;
}
/* =======================================================
ANIMACIONES
==========================================================*/
.BOXani,.BOXani2,.BOXani3{
	float:left;
	width:100%;
	height:600px;
	background-color:#FFFD00;
}
.BOXani2{
	background-color:#FF0004;
}
.BOXani3{
	background-color: #BDA8F9;
}
.ANIopacity1{
	opacity: 0;
	-webkit-animation: ANIopacity 0.5s ease-in-out forwards;
    -moz-animation: ANIopacity 0.5s ease-in-out forwards;
    -ms-animation: ANIopacity 0.5s ease-in-out forwards;
}
.ANIopacityBANNER{
	opacity: 0;
	-webkit-animation: ANIopacity 0.3s ease-in-out 1.1s forwards;
    -moz-animation: ANIopacity 0.3s ease-in-out 1.1s forwards;
    -ms-animation: ANIopacity 0.3s ease-in-out 1.1s forwards;
}
.ANImoveFromLEFT{
	-webkit-animation: moveFromLEFT 0.5s ease-in-out;
    -moz-animation: moveFromLEFT 0.5s ease-in-out;
    -ms-animation: moveFromLEFT 0.5s ease-in-out;
}
.ANImoveFromRIGHT{
	opacity: 0;
	-webkit-animation: moveFromRIGHT 0.5s ease-in-out forwards;
    -moz-animation: moveFromRIGHT 0.5s ease-in-out forwards;
    -ms-animation: moveFromRIGHT 0.5s ease-in-out forwards;
}
@-webkit-keyframes ANIopacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes ANIopacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-ms-keyframes ANIopacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes moveFromLEFT {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromLEFT {
    from {
        opacity: 0;
        -moz-transform: translateX(-200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromLEFT {
    from {
        opacity: 0;
        -ms-transform: translateX(-200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateX(0%);
    }
}
@-webkit-keyframes moveFromRIGHT {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromRIGHT {
    from {
        opacity: 0;
        -moz-transform: translateX(200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromRIGHT {
    from {
        opacity: 0;
        -ms-transform: translateX(200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateX(0%);
    }
}
/* =======================================================
contador1
==========================================================*/
#contador1{
	display:table;
	float: left;
	width:160px;
	padding:0;
}
.contador1_TXT{
	float:left;
	height:27px;
	padding-left:30px;
	padding-top:5px;
	background-image:url(../img/icono-visitante1.png);
	background-position:0 3px;
	background-repeat: no-repeat;
}
.contador1_NUM{
	float:right;
	font-weight:bold;
	padding-top:5px;
}
/* =======================================================
contador2
==========================================================*/
#contador2{
	display:block;
	float:none;
	width:160px;
	height:36px;
	padding:7px 11px 7px 11px;
	margin:0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.contador2_TXT{
	float:left;
	height:22px;
}
.contador2_NUM{
	float:right;
	font-weight:bold;
}
/* =======================================================
NAV21
==========================================================*/
ul.navUL21{
	display:block;
	float: right;
	width:100%;
	height:40px;
	padding:0;
	margin:0 auto;
	text-align: right;
}
ul.navUL21 li{
	display: block;
	float: right;
	width:150px;
	height:100%;
	padding:0;
	margin:0 auto;
}
ul.navUL21 li a{
	display: block;
	float:left;
	width:100%;
	height:100%;
	padding-top:10px;
	margin:0 auto;
	text-align:center;
	color:#999;
	-webkit-transition:all 0.3s ease;
	-moz-transition::all 0.3s ease;
	-o-transition::all 0.3s ease;
	transition:all 0.3s ease;
}
ul.navUL21 li a:hover{	
	background-color: #fff;
	color:#FFF;

}

/* =======================================================
NAV22
==========================================================*/
.nav22{
	display:block;
	position:relative;	
	float:right;
	width:100%;
	padding:10px 0 10px 0;
	margin:0 auto;
	text-align:center;
	background: -moz-linear-gradient(top,  #f9f9f9 50%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f9f9f9), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f9f9f9 50%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f9f9f9 50%,#eeeeee 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f9f9f9 50%,#eeeeee 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f9f9f9 50%,#eeeeee 100%); /* W3C */
		overflow:visible;
}
.nav22:before{
	position: absolute;
	display:block;
	left:0;
	bottom:-40px;
	content:"";
	width:100%;
	height:40px;
	background-image:url(../img/navbg.png);
	background-position:center 0;
}
.nav22 img{
	width:100%;
	padding-top:7px;
}
.navUL22{
	display:none;
	float: right;
	width:74%;
	padding:0;
	padding-top:24px;
	margin:0 auto;
	text-align: rightr;
	list-style-type:none;
}
.navUL22 li{
	float: left;
	width:16.6%;
	padding:0;
	margin:0 auto;
	text-align:center;
}
.navUL22 li:last-child{
	border-bottom: none;
}
.navUL22 li a{
	display: table;
	float:left;
	width:100%;
	padding-top:5px;
	padding-bottom:7px;
	margin:0 auto;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	font-size:0.8em;
	color:#ca3529;
	-webkit-transition:all 0.3s ease;
	-moz-transition::all 0.3s ease;
	-o-transition::all 0.3s ease;
	transition:all 0.3s ease;
}
.navUL22 li a:hover{	
	background-color:#ca3529;
color:#FFF;

}
.navUL22 li.navULli1{
	margin-right:0;
}
/*------------------------------------------
REDES SOCIALES4/////////////////////////////////////
------------------------------------------*/
.redes_sociales4{
	width:182px;
	float:left;
	padding:0;
	margin:0;
	text-align:center;
	padding:2px 0 1px 0;

}
a#RS4home,a#RS4contactos,a#RS4videos,a#RS4galeria,a#RS4ubicacion,a#RS4testimonios, a#RS4facebook, a#RS4google, a#RS4youtube, a#RS4twitter, a#RS4instagram, a#RS4linkedin{
	display:inline-block;
	float: none;
    width:40px;
    height:40px;
	margin:0 auto;
	margin-left:2px;
	overflow:hidden;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
	background-image:url(/img/redes-sociales4.png);
	-webkit-transition:all 0.4s ease;
	-moz-transition::all 0.4s ease;
	-o-transition::all 0.4s ease;
	transition:all 0.4s ease;
	background-color: transparent;
}
a#RS4home:link { background-position: top left; }      
a#RS4home:active { background-position: top left!important; }
a#RS4home:visited { background-position: top left; }

a#RS4contactos:link { background-position: -40px top;}      
a#RS4contactos:active { background-position: -40px top!important; }
a#RS4contactos:visited { background-position: -40px top; }

a#RS4videos:link { background-position: -80px top;}      
a#RS4videos:active { background-position: -80px top!important; }
a#RS4videos:visited { background-position: -80px top; }
 
a#RS4galeria:link { background-position: -120px top;}      
a#RS4galeria:active { background-position: -120px top!important; }
a#RS4galeria:visited { background-position: -120px top; }

a#RS4ubicacion:link { background-position: -160px top;}      
a#RS4ubicacion:active { background-position: -160px top!important; }
a#RS4ubicacion:visited { background-position: -160px top; }

a#RS4testimonios:link { background-position: -200px top;}      
a#RS4testimonios:active { background-position: -200px top!important; }
a#RS4testimonios:visited { background-position: -200px top; }

a#RS4facebook:link { background-position: -240px top;}      
a#RS4facebook:active { background-position: -240px top!important; }
a#RS4facebook:visited { background-position: -240px top; }
 
a#RS4google:link { background-position: -280px top;}      
a#RS4google:active { background-position: -280px top!important; }
a#RS4google:visited { background-position: -280px top; }

a#RS4youtube:link { background-position: -320px top;}      
a#RS4youtube:active { background-position: -320px top!important; }
a#RS4youtube:visited { background-position: -320px top; }

a#RS4twitter:link { background-position: -360px top;}      
a#RS4twitter:active { background-position: -360px top!important; }
a#RS4twitter:visited { background-position: -360px top; }

a#RS4linkedin:link { background-position: -400px top;}      
a#RS4linkedin:active { background-position: -400px top!important; }
a#RS4linkedin:visited { background-position: -400px top; }

a#RS4instagram:link { background-position: -440px top;}      
a#RS4instagram:active { background-position: -440px top!important; }
a#RS4instagram:visited { background-position: -440px top; }

a#RS4home:hover, a#RS4contactos:hover,a#RS4videos:hover,a#RS4galeria:hover,a#RS4ubicacion:hover,a#RS4testimonios:hover, a#RS4facebook:hover, a#RS4google:hover, a#RS4youtube:hover, a#RS4twitter:hover, a#RS4linkedin:hover, a#RS4instagram:hover{ 
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
   background-color:#ca3529;
}
.mbmenos{
	margin-top:40px;
}
.iframeportada{
	float:left;
	display:block;
	width:100%;
	height:200px;
	margin:0 auto;
	padding:0;
	margin-bottom:20px;

}
/* =======================================================
links7
==========================================================*/
a.links7, a.links8, a.links9{
	display: inline-block;
	float: none;
	width:130px;
	height:40px;
	margin:0 auto;
	padding:8px 16px 15px 16px;
	text-align: center;
	color: #FFFFFF;
	background-color:#ca3529;
	
	-webkit-transition:all 0.3s ease;
	-moz-transition::all 0.3s ease;
	-o-transition::all 0.3s ease;
	transition:all 0.3s ease;
	
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	
}
a.links8{
	background-color:#FFFFFF;
	color:#ca3529;
}
a.links9{
	display:inline-block;
	float:left;
	width:190px;
	margin:0 1px 5px 1px;
}
a:hover.links7,a:hover.links8,a:hover.links9{
	color:#fff;
	background-color:#333;
	text-decoration:underline;	
}
/* =======================================================
galeria3
==========================================================*/
ul.galeria3{
	display:table;
	float:left;
	width:100%;
	height: auto;
	list-style-type:none;
}
ul.galeria3 li{
	float:left;
	width:31.333%;
	height: auto;
	margin:0 auto;
	margin-right:2%;
	margin-bottom:10px;
	-webkit-box-shadow: 2px 5px 22px -5px rgba(0,0,0,0.6);
-moz-box-shadow: 2px 5px 22px -5px rgba(0,0,0,0.6);
box-shadow: 5px 5px 22px -5px rgba(0,0,0,0.6);
}
ul.galeria3 li img{
	width:100%;
	margin:0 auto;
}
ul.galeria3 li:nth-child(3n){
	margin-right:0;
}
.LogoCoamsa{
	float:none;
	width:300px;
}
.boxPortada{
	display:table;
	float:left;
	width:100%;
	padding:20px;
	background-color:#333;
	color:#FFFFFF;
	text-align:center;
	font-weight:normal;
	font-size:1.2em;
}
.boxTitulos{
		display:table;
	float:left;
	width:100%;
	padding:10px;
	margin-bottom:30px;
	background-color:#ca3529;
	color:#FFFFFF;
	text-align:center;
	font-weight:normal;
	font-size:2em;
	font-weight:bold;
		-webkit-box-shadow: 2px 5px 22px -5px rgba(0,0,0,0.6);
-moz-box-shadow: 2px 5px 22px -5px rgba(0,0,0,0.6);
box-shadow: 5px 5px 22px -5px rgba(0,0,0,0.6);
}
.boxTtextos{

	padding:20px;
	margin-bottom:30px;
	background-color:#fff;
		-webkit-box-shadow: 2px 5px 22px -5px rgba(0,0,0,0.6);
-moz-box-shadow: 2px 5px 22px -5px rgba(0,0,0,0.6);
box-shadow: 5px 5px 22px -5px rgba(0,0,0,0.6);
}
.boxTtextos p{
	margin-bottom:10px;
}
.boxTtextos ul{
	margin-bottom:10px;
}
.boxTtextos h2{
	margin-top:10px;
	margin-bottom:20px;
}
.boxIMGS{
	display:table;
	float:left;
	width:100%;
	padding:20px;
	text-align:center;
}
.boxIMGS img{
	float:none;
	width:50%;
}
/* =======================================================
INICIO Indice1
==========================================================*/
ul.Indice1{
	display: table;
	float: left;	
	width:100%;
	padding:0;
	margin:0 auto;
}
ul.Indice1 li{
	display:block;
	float:left;
	width:100%;
	padding:0;
	margin:0 auto;
	margin:0 0 5px 0;
}
ul.Indice1 li a{
	display:block;
	float:left;
	width:100%;
	padding:5% 5% 5% 20px;
	background-image:none;
	text-align: left;
	background-color:#f1f1f1;
	border-left: #E0E0E0 10px solid;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear; 
}
ul.Indice1 li a:hover{
	background-color: #FFFFFF; 
	border-left:#AB1719 10px solid;
	color: #333;
}
ul.Indice1 li h2{
	padding:0;
	margin:0 auto;
	font-weight:normal;
}
ul.Indice1 li:hover h2{
	animation:Indice1h2 300ms ease-in-out;
	-webkit-animation: Indice1h2 300ms ease-in-out; /* Safari and Chrome */ 
	-moz-animation: Indice1h2 300ms ease-in-out; /* Firefox */ 
	-o-animation: Indice1h2 300ms ease-in-out; /* para cuando ópera... */ 
	-ms-animation: Indice1h2 300ms ease-in-out; /* para cuando ie... */
}

@keyframes Indice1h2 { 
from {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-webkit-keyframes Indice1h2 {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes Indice1h2 {
    from {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@-o-keyframes Indice1h2
{
    from {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes Indice1h2 {
    from {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
.boxWhatsapp{
	display:table;
	float:right;
	width:140px;
	height:25px;
	margin-top:4px;
	margin-left:3px;
	padding:10px 0px 0 30px;
		color:#FFFFFF;
	font-weight:bold;
	font-size:1.22em;
	background-image:url(/img/whatsAPP.png);
	background-repeat:no-repeat;
	background-position:0 8px;


}
.boxWhatsapp img{
	display:table;
	float:left;
	width:35px;
	height:35px;
	margin-right:7px;
}
.boxWhatsapp .txtWhatsapp{
	display:table;
	float:left;
	width:100px;
	padding-top:3px;

}
.denuncias{
	float:left;
	width:100%;
	text-align:center;
	margin:0 auto;
	padding-top:15px;
}
a.denun{
	display:table;
	float:none;
	width: auto;
	text-align:center;
	padding:5px 10px 5px 10px;
	margin:0 auto;
	background-color:#FFFFFF;
	color:#000000;
}
.visitaC{
	text-align:center;
	color:#FFFFFF;
	margin-top:60px;
	margin-bottom:60px;
}
.visitaC a{
	color: #3C95F3;
	text-decoration:underline;
}
@media only screen and (min-width: 320px) {

}
@media only screen and (min-width: 480px) {
/* CAJAS ************************************************** */
.cajaFONO{
	clear:none;
	display:block;
	float:left;
	width:50%;
	margin:0 auto;

}
.cajaUBICACION{
	clear:none;
	display:block;
	float:left;
	width:50%;
	margin:0 auto;

}
/* =======================================================
CINCO COLUMNAS IGUALES
==========================================================*/
ul.colum-51 li{
	width:48.5%;
	height:100px;
	margin-right:3%;
}
ul.colum-51 img{
	width:100%;
	height:100px;
}
ul.colum-51 li:nth-child(2n){
	margin-right:0;
}
/* =======================================================
CUATRO COLUMNAS IGUALES
==========================================================*/
.colum-41, .colum-44, .colum-42{
	width:48.5%;
	margin-right:3%;
}
.colum-42{
	margin-right:0;
}
.colum-44{
	margin-right:0;
}
ul.ColumPortada li{
	width:48.5%;
	height:500px;
	margin-right:3%;
}
ul.ColumPortada li iframe, ul.ColumPortada li .img2{
	height:200px;
}
ul.ColumPortada li:nth-child(2n){
	margin-right:0;
}
.iframe100{
	height:450px;
}
}

@media only screen and (min-width: 768px) {
body, a, ul, ul li,section,nav,footer, aside,article, p, img {
	font-size:1em;
	line-height:140%;
	position:relative;
}
/* ==========================================================================
BODYpage
   ========================================================================== */
 .BODYpage{
	width:98%;
	min-width:780px;
}
/* ==========================================================================
Fuentes
========================================================================== */
.titulo1{	font-size:2.2em;}
.titulo2{	font-size:1.7em;}
.titulo3{	font-size:1em;}

.mBcolumMOVIL{
	margin-bottom:0;
}
.iframevideo{
	width:100%;
	height:350px;
}
.iframevideoPORTADA{
	height:300px;
}

/* LOGO ************************************************** */
.logoCENTRO{
	position:absolute;
	top:0;
	left:42%;
	width:16%;
	margin:0 auto;
}
.logo{
	width:30%;
}
.logo10{
	width:30%;
}
/* menu movil slicknav ************************************************** */
.js #menu {
		display:none;
	}
.js .slicknav_menu {
	display:none;
}
.paramovil{
	display:none !important;
}
.paraweb{
	display: block !important;
}
/* TIME ************************************************** */
time{
	display:table;
}

/* CAJAS ************************************************** */
.cajaFONO{
	clear: none;
	display:block;
	float: right;
	width:230px;
	margin-top:20px;
	border-right:#B0B0B0 2px dotted;
	text-align:left;

}
.cajaUBICACION{
	clear: none;
	display:block;
	float: right;
	width:300px;
	margin-top:20px;
	margin-left:10px;
	text-align:left;
}
.margBmovil{
	margin-bottom:60px !important;
}
.margB{
	margin-bottom:40px !important;
}
/* ENCOSNTRUCCIÓN ************************************************** */
.EnConstruccion-IMG{
	width:70%;
}
/* ==========================================================================
MENUinferior1
========================================================================== */
.MENUinferior1 li{
	display:inline-block;
	float:none;
	width:auto;
	padding:2px 1.5% 2px 1.5%;
	margin:0 auto;
	border:none;
	border-right: #FFF 2px solid;
}
.MENUinferior1 li:last-child{
	border-right:none;
}
/* =======================================================
DOS COLUMNAS IGUALES
==========================================================*/
.colum-1, .colum-2{
	width:49%;
	height: auto;
	margin-bottom:0;
}
.colum-2{
	float: right;
	margin-right:0%;
}
/* =======================================================
DOS COLUMNAS DESIGUALES IZQUIERDA
==========================================================*/
.columD-i1, .columD-i2{
	width:24%;
}
.columD-i2{
	width:73%;
	float: right;
}
/* =======================================================
DOS COLUMNAS DESIGUALES DERECHA
==========================================================*/
.columD-d1, .columD-d2{
	width:66%;
	height: auto;
}
.columD-d2{
	width:31%;
	float: right;
}
/* =======================================================
TRES COLUMNAS IGUALES
==========================================================*/
.colum-31, .colum-33{
	width:32%;
	margin:0 auto;
	margin-right:2%;
}
.colum-33{
	float: right;
	margin-right:0;
}
/* =======================================================
CUATRO COLUMNAS IGUALES
==========================================================*/
.colum-41, .colum-42, .colum-44{
	width:23.5%;
	margin-right:2%;
	margin-bottom:0;
}
.colum-44{
	float: right;
	margin-right:0;
}
/* =======================================================
CINCO COLUMNAS IGUALES
==========================================================*/
ul.colum-51 li{
	width:32%;
	margin-right:2%;
}
ul.colum-51 li:nth-child(2n){
	margin-right:2%;
}
ul.colum-51 li:nth-child(3n){
	margin-right:0;
}
/* =======================================================
NAV22
==========================================================*/
.navUL22 li a{
	font-size:1.4em;
}
.nav22{
	padding:10px 0 15px 0;
}
.nav22 img{
	width:25%;
	padding-top:7px;
}
.navUL22{
	display:block;
}
.navUL22{
	padding-top:18px;
}
/*------------------------------------------
REDES SOCIALES4/////////////////////////////////////
------------------------------------------*/
.redes_sociales4{
	display:block;
	float: right;
	width:168px;
}
a#RS4home,a#RS4contactos,a#RS4videos,a#RS4galeria,a#RS4ubicacion,a#RS4testimonios, a#RS4facebook, a#RS4google, a#RS4youtube, a#RS4twitter, a#RS4instagram, a#RS4linkedin{ 
	float: left;
}

ul.ColumPortada li{
	width:31.333%;
	height:500px;
	margin-right:3%;
}
ul.ColumPortada li iframe, ul.ColumPortada li .img2{
	height:200px;
}
ul.ColumPortada li:nth-child(2n){
	margin-right:3%;
}
ul.ColumPortada li:nth-child(3n){
	margin-right:0;

}
.mbmenos{
	margin-top:-40px;
}
/* =======================================================
galeria3
==========================================================*/
ul.galeria3 li{
	width:18.4%;
}
ul.galeria3 li:nth-child(3n){
	margin-right:2%;
}
ul.galeria3 li:nth-child(5n){
	margin-right:0%;
}
}

@media only screen and (min-width: 1024px) {
body, a, ul, ul li,section,nav,footer, aside,article, p, img {
	font-size:1em;
	line-height:150%;
}
/* ==========================================================================
BODYpage
   ========================================================================== */
.BODYpage{
	width:83%;
}
/* ==========================================================================
Fuentes
========================================================================== */
.titulo1{	font-size:2.5em;}
.titulo2{	font-size:2em;}
.titulo3{	font-size:1.2em;}

.padding{
	padding:30px;
}
.iframevideo{
	height:400px;
}
	/* =======================================================
TRES COLUMNAS IGUALES
==========================================================*/
.colum-31, .colum-33{
	width:31.666666%;
	margin-right:2.5%;
}
.colum-33{
	float: right;
	margin-right:0;
}
/* =======================================================
galeria3
==========================================================*/
ul.galeria3 li{
	width:15%;
}
ul.galeria3 li:nth-child(3n){
	margin-right:2%;
}
ul.galeria3 li:nth-child(5n){
	margin-right:2%;
}
ul.galeria3 li:nth-child(6n){
	margin-right:0%;
}
/* =======================================================
CINCO COLUMNAS IGUALES
==========================================================*/
ul.colum-51 li{
	width:18.4%;
	margin-right:2%;
}
ul.colum-51 li:nth-child(2n){
	margin-right:2%;
}
ul.colum-51 li:nth-child(3n){
	margin-right:2%;
}
ul.colum-51 li:nth-child(5n){
	margin-right:0;
}
}
@media only screen and (min-width: 1140px) {
/* ==========================================================================
BODYpage
 ========================================================================== */
.BODYpage{
	width:83%;
	max-width:1160px;
}
/* ==========================================================================
Fuentes
========================================================================== */
.titulo3{	font-size:1.4em;}
/* =======================================================
DOS COLUMNAS DESIGUALES IZQUIERDA
==========================================================*/
.columD-i1, .columD-i2{
	width:26%;
}
.columD-i2{
	width:71%;
}
/* =======================================================
DOS COLUMNAS DESIGUALES DERECHA
==========================================================*/
.columD-d1, .columD-d2{
	width:65.5%;
}
.columD-d2{
	width:31.5%;
}
/* =======================================================
NAV22
==========================================================*/

.navUL22{
	padding-top:24px;
}
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}