@charset "utf-8";

/* CSS Document */







body{	font-size:16px;  font-family: 'Open Sans', sans-serif; padding: 0px;	margin: 0px; background:url(../img/head/bg.png)  no-repeat fixed; background-size:100%; 	color:#333;	}

#contenedor{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#contenedor1{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }

#contenedor2{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }

#contenedor3{	width:50%;	border: 0px solid #000;	margin: 70px auto 70px;	overflow:hidden; }





#header{height:160px;}

#logo{margin-top:10px; margin-bottom:10px; width:300px;  margin: 0px auto 0px;	overflow:hidden; }	

#logo img{width:100%}

#LineaNaranja{width:100%; height:10px; background:#F47723}

#LineaNaranja2{width:100%; height:15px; background:#F47723}





#redes{margin-top:-130px; margin-bottom:10px; width:150px; float:right; border: 0px solid #f60; }	

#redes img{width:40px}



p{ font-size:17px; line-height:1.2;}



footer{	width:950px;margin:0px auto;	color:#039;	font-size:12px;	background:#ECECEC;}

#mapa{	width: 100%;	height: 187px;	color: #fff;	font-size:12px;	background:#4E6B8C;	border:0px solid #F00;}



#separador1{ width:100%; height:50px}

#separador2{ width:100%; height:20px}



#cuadro1{float:left; width:33.33%; background:#F47723; color:#FFF; font-size:18px}

#cuadro2{float:left; width:33.33%; background:#F47723; color:#FFF; font-size:18px}

#cuadro3{float:left; width:33.33%; background:#F47723; color:#FFF; font-size:18px}



#uno, #dos, #tres{padding:25px 15px;}



#membre-1{float:left; width:60%; color:#232323; font-size:25px; font-weight:600}

#membre-2{float:left; width:40%; color:#232323; text-align:center}

#membre-2 img{ width:200px;}



.bbg{background:url(../img/index/fondo%20filtro%20naranja.png); background-attachment:fixed; background-size:100%}



#cua1{float:left; width:27%; background:url(../img/index/cua1.png); background-size:100%; padding:2%; color:#FFF}

#cua2{float:left; margin-left:3.5%; width:27%; background:url(../img/index/cua2.png); background-size:100%; padding: 2%; color:#FFF}

#cua3{float:right; width:27%; background:url(../img/index/cua3.png); background-size:100%; padding: 2%; color:#FFF}



#cua4{float:left;  width:45%; padding:2%; color:#FFF}

#cua5{float:right; width:45%; padding:2%; color:#FFF}



#dire1{float:left;  width:48%; padding:1%; text-align:center; border:0px solid #060}

#dire2{float:right; width:48%; padding:1%; text-align:center; border:0px solid #060}



.miembro{background:#f7f7f7; width:95.5%; border:1.5px solid #f0f0f0; padding:2%; }



a{   color: #000;	text-decoration: none;	}

a:hover{  color:#F47723;    text-decoration: none;	}



#titu{color:#232323; font-size: 30px; font-weight:600; 	}

#titu2{font-family: 'Roboto Slab', serif; color:#FFF; font-size: 20px; font-weight:400; text-transform: uppercase;	}

#titu22{font-family: 'Roboto Slab', serif; color:#FFF; font-size: 17px; font-weight:400;	}

#titu3{font-family: 'Roboto Slab', serif; color:#FFF; font-size: 45px; font-weight:400;	}

#titu33{color:#232323; font-size: 25px; font-weight:600;}

#titu4{color:#232323; font-size: 35px; font-weight:600;}

#titu44{font-family: 'Roboto Slab', serif; color:#F47723; font-size: 45px; font-weight:400;	}



.boton11 a{ color:#232323; font-size:17px; padding:7px 10px; font-weight:400; font-family: 'Roboto Slab', serif;  width:auto; background:#FFF; margin-top:20px; border-radius:3px; }

.boton11 a:hover{background:#333; color:#fff; font-size:17px; padding:7px 10px; border:0px;   }



.boton22 a{ color:#FFF; font-size:17px; padding:10px 15px;  width:auto; background:#e25c41; margin-top:20px; border-radius:5px; font-weight:600;}

.boton22 a:hover{background:#232323; color:#fff; font-size:17px; padding:10px 15px; border:0px;   }



.boton33 a{ color:#FFF; font-size:25px; padding:10px 15px;  width:auto; border:3px #FFF solid; margin-top:20px; margin-bottom:25px; border-radius:5px; font-weight:600;}

.boton33 a:hover{color:#232323; font-size:25px; padding:10px 15px;  width:auto; border:3px #232323 solid; margin-top:20px; margin-bottom:25px; border-radius:5px; font-weight:600;}





#f1{float:left; width:33%; border: 0px solid #0C6; margin-top:10px; font-size:16px; margin-top:25px; margin-bottom:25px; }

#f2{float:left; width:34%; text-align:center; border: 0px solid #0C6; font-size:14px; margin-top:25px; margin-bottom:25px; }

#f3{float:left; width:33%; text-align:right; border: 0px solid #0C6; font-size:16px; margin-top:25px; margin-bottom:25px; }



#acerca{ padding:7% 0; background:url(../img/index/BG1.jpg); background-attachment:fixed; background-size:100%}



#mision-1{width:45%; float:left; padding:2%; border:1px solid #999}

#mision-2{width:45%; float:right; padding:2%; border:1px solid #999}



#mision-11{width:50%; float:left; padding:%; border:0px solid #999}

#mision-22{width:50%; float:right; padding:%; border:0px solid #999}



#junta-1{width:50%; float:left;}

#junta-2{width:50%; float:right;}



#pago{background:#EFEFEF; padding:2%; width:170px; border:1.5px solid #ccc }



#blogs{ padding:4% 0; background:url(../img/Bg%20Titulos.png); background-size:100%}

#blog-1{width:57%; float:left; background:#FFF0E1; padding:2% 2%; border:0px solid #C30;}

#blog-2{width:30%; float:right; padding:4% 2%; background:#efefef; border:1.5px solid #ccc; }



#blogg-1{width:28.5%; float:left; padding:1.2%; margin:1%; border:1px solid #999}



#conta1{width:45%; float:left; border:0px solid #C30;}

#conta2{width:45%; float:right; margin-top:px; border:0px solid #C30;}



#menform{width:100%; border:0px; border-bottom:1px solid #BBB; background:#ededed; height:35px; margin-bottom:8PX; margin-top:5px;}

#menform2{width:100%; border:0px; border-bottom:1px solid #BBB; background:#ededed; height:150px; margin-top:5px;}









/* CODIGO PEPE */











/*



.pointer {   cursor: pointer;}

.modal-dialog .fa {    font-size: 20px;    margin: 15px 15px 15px 0;}

a, a:hover {    color: #000;}

.card {    margin-bottom: 15px;}*/





.pointer {    cursor: pointer;}

.modal-dialog .fa {    font-size: 30px;    margin: 15px 15px 15px 0;}

.modal-dialog img {    max-width: 100%;}

a, a:hover {    color: #000;}

.card {    margin-bottom: 15px;}



#letras{color:#c30e2e; font-family: 'Pontano Sans'; }

h5, #h5-bold{color:#0248A8; font-family: 'Pontano Sans'; font-weight:600; letter-spacing:0.5px}

#subcategoria{font-size:18px; line-height: 1.3; }



#categorias .pointer{ text-decoration:none}

#categorias .pointer:hover { text-decoration:underline}

#busca{margin-bottom:25px}



.containeri{  position: relative;  width: 19%;  float:left;  margin-left:0.75% ; margin-bottom:10px;   }



.overlayi {  position: absolute;  bottom: 15%;  left: 0;  right: 0;  background:url(../img/opa.png);  overflow: visible;  width: 100%;

  height: 0;  transition: .5s ease;  color:#fff;  text-align:center;  font-weight:500;  z-index:; }



.overlayii {  position: absolute;  bottom: 30%;  left: 0;  right: 0;    overflow: visible;  width: 100%;

  height: 0;  transition: .5s ease;  color:#fff;  text-align:center;  font-weight:500;  z-index:; }



#img-contenedor:hover  .overlayi .texti{  margin-top:-20px }

#img-contenedor:hover  .overlayii .textii{  margin-top:-20px }



.texti {  white-space: nowrap;   color: white;   font-size: 23px;  position: absolute;  overflow: visible;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);    background:url(../img/opa.png);	width:100%;	padding:10px 0; }



.textii {  white-space: nowrap;   color: white;   font-size: 18px;  position: absolute;  overflow: visible;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);   width:100%;	padding:10px 0; }





#img-contenedor img {

-webkit-transition:all 1.9s ease; /* Safari y Chrome */

-moz-transition:all 1.9s ease; /* Firefox */

-o-transition:all 1.9s ease; /* IE 9 */

-ms-transition:all 1.9s ease; /* Opera */

width:100%;

}

#img-contenedor:hover img {

-webkit-transform:scale(1.25);

-moz-transform:scale(1.25);

-ms-transform:scale(1.25);

-o-transform:scale(1.25);

transform:scale(1.25);

}

#img-contenedor {/*Ancho y altura son modificables al requerimiento de cada uno*/

overflow:hidden;

}



.container {

  position: relative;

  width: 24%;

  margin:0.5%;

  float:left; 

}



#dirs {

  display: block;

  width: 100%;

 height: auto;

}



#img-contenedor  .overlayii img{ width:35px}



#img-contenedor  .overlayii:hover img {

-webkit-transform:scale(1.10);

-moz-transform:scale(1.10);

-ms-transform:scale(1.10);

-o-transform:scale(1.10);

transform:scale(1.10);

}







@media screen and (min-width: 900px) and (max-width: 1099px) {

#contenedor1{	width:90%;	border: 0px solid #f00;	margin: 0px auto 0px;	overflow:hidden; }

#contenedor3{	width:65%;	border: 0px solid #000;	margin: 50px auto 50px;	overflow:hidden; }



#header{height:95px;}

#logo{margin-top:10px; margin-bottom:10px; width:200px;  margin: 0px auto 0px;	overflow:hidden; float:left;}	

#logo img{width:100%}

#LineaNaranja{width:100%; height:10px; background:#F47723}

#LineaNaranja2{width:100%; height:15px; background:#F47723}



#redes{margin-top:35px; margin-bottom:10px; width:120px; float:right; border: 0px solid #f60; }	

#redes img{width:35px}



#titu{color:#232323; font-size: 30px; font-weight:600; 	}

#titu2{font-family: 'Roboto Slab', serif; color:#FFF; font-size: 20px; font-weight:400; text-transform: uppercase;	}

#titu22{font-family: 'Roboto Slab', serif; color:#FFF; font-size: 17px; font-weight:400;	}

#titu3{font-family: 'Roboto Slab', serif; color:#FFF; font-size: 35px; font-weight:400;	}

#titu33{color:#232323; font-size: 25px; font-weight:600;}

#titu4{color:#232323; font-size: 30px; font-weight:600;}

#titu44{font-family: 'Roboto Slab', serif; color:#F47723; font-size: 35px; font-weight:400;	}



#membre-1{float:left; width:60%; color:#232323; font-size:20px; font-weight:600}

#membre-2{float:left; width:40%; color:#232323; text-align:center}

#membre-2 img{ width:200px;}



#acerca{ padding:5% 0; background:url(../img/index/BG1.jpg); background-attachment:fixed; background-size:100%}



.overlayii {  position: absolute;  bottom: 35%;  left: 0;  right: 0;    overflow: visible;  width: 100%;

  height: 0;  transition: .5s ease;  color:#fff;  text-align:center;  font-weight:500;  z-index:; }



.textii {  white-space: nowrap;   color: white;   font-size: 21px;  position: absolute;  overflow: visible;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);   width:100%;	padding:10px 0; }

#img-contenedor  .overlayii img{ width:30px}



#img-contenedor  .overlayii:hover img {

-webkit-transform:scale(1.10);

-moz-transform:scale(1.10);

-ms-transform:scale(1.10);

-o-transform:scale(1.10);

transform:scale(1.10);

}



.textii {  white-space: nowrap;   color: white;   font-size: 16px;  position: absolute;  overflow: visible;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);   width:100%;	padding:10px 0; }



#blogg-1{width:43%; float:left; padding:1.5%; margin:1.5%; border:1px solid #999}



}



@media screen and (min-width: 600px) and (max-width: 899px) {

#contenedor1{	width:90%;	border: 0px solid #00C;	margin: 0px auto 0px;	overflow:hidden; }

#contenedor2{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }

#contenedor3{	width:80%;	border: 0px solid #000;	margin: 50px auto 50px;	overflow:hidden; }





#header{height:95px;}

#logo{margin-top:10px; margin-bottom:10px; width:200px;  margin: 0px auto 0px;	overflow:hidden; float:left;}	

#logo img{width:100%}

#LineaNaranja{width:100%; height:10px; background:#F47723}

#LineaNaranja2{width:100%; height:15px; background:#F47723}





#redes{margin-top:35px; margin-bottom:10px; width:120px; float:right; border: 0px solid #f60; }	

#redes img{width:35px}



p{ font-size:17px; line-height:1.2;}



footer{	width:950px;margin:0px auto;	color:#039;	font-size:12px;	background:#ECECEC;}

#mapa{	width: 100%;	height: 187px;	color: #fff;	font-size:12px;	background:#4E6B8C;	border:0px solid #F00;}



#separador1{ width:100%; height:30px}

#separador2{ width:100%; height:20px}



#cuadro1{float:left; width:50%; background:#F47723; color:#FFF; font-size:16px}

#cuadro2{float:left; width:50%; background:#F47723; color:#FFF; font-size:16px}

#cuadro3{float:left; width:50%; margin-left:25%; background:#F47723; margin-top:25px; color:#FFF; font-size:16px}



#uno, #dos, #tres{padding:25px 15px;}



#membre-1{float:left; width:60%; color:#232323; font-size:18px; font-weight:600}

#membre-2{float:left; width:40%; color:#232323; text-align:center}

#membre-2 img{ width:200px;}



.bbg{background:url(../img/index/fondo%20filtro%20naranja.png); background-attachment:fixed; background-size:100%}



#cua1{float:left; width:27%; background:url(../img/index/cua1.png); background-size:100%; padding:2%; color:#FFF}

#cua2{float:left; margin-left:3.5%; width:27%; background:url(../img/index/cua2.png); background-size:100%; padding: 2%; color:#FFF}

#cua3{float:right; width:27%; background:url(../img/index/cua3.png); background-size:100%; padding: 2%; color:#FFF}



#cua4{float:left;  width:45%; padding:2%; color:#FFF}

#cua5{float:right; width:45%; padding:2%; color:#FFF}



.miembro{background:#f7f7f7; width:95.5%; border:1.5px solid #f0f0f0; padding:2%; }



a{   color: #000;	text-decoration: none;	}

a:hover{  color:#F47723;    text-decoration: none;	}



#titu{color:#232323; font-size: 20px; font-weight:600; 	}

#titu2{font-family: 'Roboto Slab', serif; color:#FFF; font-size: 18px; font-weight:400; text-transform: uppercase;	}

#titu22{font-family: 'Roboto Slab', serif; color:#FFF; font-size: 15px; font-weight:400;	}

#titu3{font-family: 'Roboto Slab', serif; color:#FFF; font-size: 25px; font-weight:400;	}

#titu33{color:#232323; font-size: 20px; font-weight:600;}

#titu4{color:#232323; font-size: 25px; font-weight:600;}

#titu44{font-family: 'Roboto Slab', serif; color:#F47723; font-size: 25px; font-weight:400;	}





.boton11 a{ color:#232323; font-size:17px; padding:7px 10px; font-weight:400; font-family: 'Roboto Slab', serif;  width:auto; background:#FFF; margin-top:20px; border-radius:3px; }

.boton11 a:hover{background:#333; color:#fff; font-size:17px; padding:7px 10px; border:0px;   }



.boton22 a{ color:#FFF; font-size:17px; padding:10px 15px;  width:auto; background:#e25c41; margin-top:20px; border-radius:5px; font-weight:600;}

.boton22 a:hover{background:#232323; color:#fff; font-size:17px; padding:10px 15px; border:0px;   }



.boton33 a{ color:#FFF; font-size:20px; padding:8px 12px;  width:auto; border:2px #FFF solid; margin-top:30px; margin-bottom:25px; border-radius:5px; font-weight:600;}

.boton33 a:hover{color:#232323; font-size:20px;  width:auto; border:2px #232323 solid; margin-top:30px; margin-bottom:25px; border-radius:5px; font-weight:600;}





#f1{float:left; width:33%; border: 0px solid #0C6; margin-top:10px; font-size:15px; margin-top:25px; margin-bottom:25px; }

#f2{float:left; width:34%; text-align:center; border: 0px solid #0C6; font-size:14px; margin-top:15px; margin-bottom:25px; }

#f3{float:left; width:33%; text-align:right; border: 0px solid #0C6; font-size:15px; margin-top:25px; margin-bottom:25px; }



#acerca{ padding:7% 0; background:url(../img/index/BG1.jpg); background-attachment:NONE; background-size:100%; background-position:0 -90PX}



#mision-1{width:45%; float:left;}

#mision-2{width:45%; float:right;}





#junta-1{width:50%; float:left;}

#junta-2{width:50%; float:right;}



#pago{background:#EFEFEF; padding:2%; width:170px; border:1.5px solid #ccc }



#blogs{ padding:4% 0; background:url(../img/Bg%20Titulos.png); background-size:100%}

#blog-1{width:57%; float:left; background:#FFF0E1; padding:2% 2%; border:0px solid #C30;}

#blog-2{width:30%; float:right; padding:4% 2%; background:#efefef; border:1.5px solid #ccc; }



#blogg-1{width:43.5%; float:left; padding:1.5%; margin:1.5%; border:1px solid #999}



#conta1{width:45%; float:left; border:0px solid #C30;}

#conta2{width:45%; float:right; margin-top:px; border:0px solid #C30;}



#menform{width:100%; border:0px; border-bottom:1px solid #BBB; background:#ededed; height:35px; margin-bottom:8PX; margin-top:5px;}

#menform2{width:100%; border:0px; border-bottom:1px solid #BBB; background:#ededed; height:150px; margin-top:5px;}





.overlayii {  position: absolute;  bottom: 30%;  left: 0;  right: 0;    overflow: visible;  width: 100%;

  height: 0;  transition: .5s ease;  color:#fff;  text-align:center;  font-weight:500;  z-index:; }



.containeri{  position: relative;  width: 31.5%;  float:left;  margin-left:1.5% ; margin-bottom:10px;   }



.textii {  white-space: nowrap;   color: white;   font-size: 16px;  position: absolute;  overflow: visible;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);   width:100%;	padding:10px 0; }

#img-contenedor  .overlayii img{ width:25px}



#img-contenedor  .overlayii:hover img {

-webkit-transform:scale(1.10);

-moz-transform:scale(1.10);

-ms-transform:scale(1.10);

-o-transform:scale(1.10);

transform:scale(1.10);

}



#mision-1{width:95%; float:left; margin-bottom:25px;}

#mision-2{width:95%; float:left;}



}



@media screen and (min-width: 480px) and (max-width: 599px) {

#contenedor1{	width:90%;	border: 0px solid #0C3;	margin: 0px auto 0px;	overflow:hidden; }

#contenedor2{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }

#contenedor3{	width:80%;	border: 0px solid #000;	margin: 50px auto 50px;	overflow:hidden; }



#menu_responsive img{width:35px}



#header{height:95px;}

#logo{margin-top:10px; margin-bottom:10px; width:200px;  margin: 0px auto 0px;	overflow:hidden; float:left;}	

#logo img{width:100%}

#LineaNaranja{width:100%; height:10px; background:#F47723}

#LineaNaranja2{width:100%; height:15px; background:#F47723}





#redes{margin-top:35px; margin-bottom:10px; width:120px; float:right; border: 0px solid #f60; }	

#redes img{width:35px}



p{ font-size:16px; line-height:1.2;}



footer{	width:950px;margin:0px auto;	color:#039;	font-size:12px;	background:#ECECEC;}

#mapa{	width: 100%;	height: 187px;	color: #fff;	font-size:12px;	background:#4E6B8C;	border:0px solid #F00;}



#separador1{ width:100%; height:30px}

#separador2{ width:100%; height:20px}



#cuadro1{float:left; width:50%; background:#F47723; color:#FFF; font-size:16px}

#cuadro2{float:left; width:50%; background:#F47723; color:#FFF; font-size:16px}

#cuadro3{float:left; width:50%; margin-left:25%; background:#F47723; margin-top:25px; color:#FFF; font-size:16px}



#dire1{float:left;  width:48%; padding:1%; text-align:center; border:0px solid #060}

#dire2{float:right; width:48%; padding:1%; text-align:center; border:0px solid #060}





#uno, #dos, #tres{padding:25px 15px;}



#membre-1{float:left; width:100%; color:#232323; font-size:18px; font-weight:600}

#membre-2{float:left; width:50%; margin-left:25%; margin-top:25px; color:#232323; text-align:center}

#membre-2 img{ width:200px;}



.bbg{background:url(../img/index/fondo%20filtro%20naranja.png); background-attachment:fixed; background-size:100%}



#cua1{float:left; width:27%; background:url(../img/index/cua1.png); background-size:100%; padding:2%; color:#FFF}

#cua2{float:left; margin-left:3.5%; width:27%; background:url(../img/index/cua2.png); background-size:100%; padding: 2%; color:#FFF}

#cua3{float:right; width:27%; background:url(../img/index/cua3.png); background-size:100%; padding: 2%; color:#FFF}



#cua4{float:left;  width:90%; padding:5%; color:#FFF}

#cua5{float:right; width:90%; padding:5%; color:#FFF}



.miembro{background:#f7f7f7; width:95.5%; border:1.5px solid #f0f0f0; padding:2%; }



a{   color: #000;	text-decoration: none;	}

a:hover{  color:#F47723;    text-decoration: none;	}



#titu{color:#232323; font-size: 20px; font-weight:600; 	}

#titu2{font-family: 'Roboto Slab', serif; color:#FFF; font-size: 18px; font-weight:400; text-transform: uppercase;	}

#titu22{font-family: 'Roboto Slab', serif; color:#FFF; font-size: 15px; font-weight:400;	}

#titu3{font-family: 'Roboto Slab', serif; color:#FFF; font-size: 25px; font-weight:400;	}

#titu33{color:#232323; font-size: 20px; font-weight:600;}

#titu4{color:#232323; font-size: 25px; font-weight:600;}

#titu44{font-family: 'Roboto Slab', serif; color:#F47723; font-size: 25px; font-weight:400;	}





.boton11 a{ color:#232323; font-size:17px; padding:7px 10px; font-weight:400; font-family: 'Roboto Slab', serif;  width:auto; background:#FFF; margin-top:20px; border-radius:3px; }

.boton11 a:hover{background:#333; color:#fff; font-size:17px; padding:7px 10px; border:0px;   }



.boton22 a{ color:#FFF; font-size:17px; padding:10px 15px;  width:auto; background:#e25c41; margin-top:20px; border-radius:5px; font-weight:600;}

.boton22 a:hover{background:#232323; color:#fff; font-size:17px; padding:10px 15px; border:0px;   }



.boton33 a{ color:#FFF; font-size:20px; padding:8px 12px;  width:auto; border:2px #FFF solid; margin-top:30px; margin-bottom:25px; border-radius:5px; font-weight:600;}

.boton33 a:hover{color:#232323; font-size:20px;  width:auto; border:2px #232323 solid; margin-top:30px; margin-bottom:25px; border-radius:5px; font-weight:600;}





#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10px; font-size:15px; margin-top:25px; margin-bottom:0px; }

#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6; font-size:14px; margin-top:15px; margin-bottom:0px; }

#f3{float:left; width:100%; text-align:center; border: 0px solid #0C6; font-size:15px; margin-top:25px; margin-bottom:25px; }



#acerca{ padding:7% 0; background:url(../img/index/BG1.jpg); background-attachment:NONE; background-size:100%; background-position:0 -80PX;}



#mision-1{width:95%; float:left; margin-bottom:25px;}

#mision-2{width:95%; float:left;}



#mision-11{width:100%; float:left; padding:%; border:0px solid #999; margin-bottom:20px}

#mision-22{width:100%; float:left; padding:%; border:0px solid #999}

#mision-11 img, #mision-22 img{width:75%; margin-left:12.5%}



#junta-1{width:100%; float:left;}

#junta-2{width:100%; float:right;}



#pago{background:#EFEFEF; padding:2%; width:170px; border:1.5px solid #ccc }



#blogs{ padding:4% 0; background:url(../img/Bg%20Titulos.png); background-size:100%}

#blog-1{width:100%; float:left; background:#FFF0E1; padding:2% 2%; border:0px solid #C30;}

#blog-2{width:95%; float:right; margin-top:30PX; padding:4% 2%; background:#efefef; border:1.5px solid #ccc; }



#conta1{width:100%; float:left; border:0px solid #C30;}

#conta2{width:100%; float:right; margin-top:px; border:0px solid #C30;}



#menform{width:100%; border:0px; border-bottom:1px solid #BBB; background:#ededed; height:35px; margin-bottom:8PX; margin-top:5px;}

#menform2{width:100%; border:0px; border-bottom:1px solid #BBB; background:#ededed; height:150px; margin-top:5px;}





.overlayii {  position: absolute;  bottom: 35%;  left: 0;  right: 0;    overflow: visible;  width: 100%;

  height: 0;  transition: .5s ease;  color:#fff;  text-align:center;  font-weight:500;  z-index:; }



.containeri{  position: relative;  width: 31%;  float:left;  margin-left:2% ; margin-bottom:10px;   }



.textii {  white-space: nowrap;   color: white;   font-size: 16px;  position: absolute;  overflow: visible;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);   width:100%;	padding:10px 0; }

#img-contenedor  .overlayii img{ width:30px}



#img-contenedor  .overlayii:hover img {

-webkit-transform:scale(1.10);

-moz-transform:scale(1.10);

-ms-transform:scale(1.10);

-o-transform:scale(1.10);

transform:scale(1.10);

}



#blogg-1{width:93%; float:left; padding:2.5%; margin:1.5%; border:1px solid #999}



}





@media screen and (min-width: 320px) and (max-width: 479px) {

#contenedor1{	width:90%;	border: 0px solid #f00;	margin: 0px auto 0px;	overflow:hidden; }

#contenedor2{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }

#contenedor3{	width:90%;	border: 0px solid #000;	margin: 15px auto 15px;	overflow:hidden; }



#menu_responsive img{width:35px}



#header{height:80px;}

#logo{margin-top:10px; margin-bottom:10px; width:170px;  margin: 0px auto 0px;	overflow:hidden; float:left;}	

#logo img{width:100%}

#LineaNaranja{width:100%; height:7px; background:#F47723}

#LineaNaranja2{width:100%; height:10px; background:#F47723}





#redes{margin-top:25px; margin-bottom:10px; width:120px; float:right; border: 0px solid #f60; }	

#redes img{width:35px}



body{font-size:15px; line-height:1.2;}

p{ font-size:15px; line-height:1.2;}



footer{	width:950px;margin:0px auto;	color:#039;	font-size:12px;	background:#ECECEC;}

#mapa{	width: 100%;	height: 187px;	color: #fff;	font-size:12px;	background:#4E6B8C;	border:0px solid #F00;}



#separador1{ width:100%; height:20px}

#separador2{ width:100%; height:20px}



#cuadro1{float:left; width:100%; background:#F47723; color:#FFF; font-size:15px; margin-bottom:25px}

#cuadro2{float:left; width:100%; background:#F47723; color:#FFF; font-size:15px; margin-bottom:25px}

#cuadro3{float:left; width:100%; margin-left:0%; background:#F47723; margin-top:0px; color:#FFF; font-size:16px; margin-bottom:25px}



#uno, #dos, #tres{padding:25px 15px;}



#membre-1{float:left; width:100%; color:#232323; font-size:15px; font-weight:600}

#membre-2{float:left; width:40%; margin-left:30%; margin-top:25px; color:#232323; text-align:center}

#membre-2 img{ width:100%;}



.bbg{background:url(../img/index/fondo%20filtro%20naranja.png); background-attachment:fixed; background-size:100%}



#cua1{float:left; width:27%; background:url(../img/index/cua1.png); background-size:100%; padding:2%; color:#FFF}

#cua2{float:left; margin-left:3.5%; width:27%; background:url(../img/index/cua2.png); background-size:100%; padding: 2%; color:#FFF}

#cua3{float:right; width:27%; background:url(../img/index/cua3.png); background-size:100%; padding: 2%; color:#FFF}



#cua4{float:left;  width:100%; padding:0%; color:#FFF}

#cua5{float:right; width:100%; padding:0%; color:#FFF; margin-top:25px;}



.miembro{background:#f7f7f7; width:95.5%; border:1.5px solid #f0f0f0; padding:2%; }



a{   color: #000;	text-decoration: none;	}

a:hover{  color:#F47723;    text-decoration: none;	}



#titu{color:#232323; font-size: 20px; font-weight:600; 	}

#titu2{font-family: 'Roboto Slab', serif; color:#FFF; font-size: 17px; font-weight:400; text-transform: uppercase;	}

#titu22{font-family: 'Roboto Slab', serif; color:#FFF; font-size: 14px; font-weight:400;	}

#titu3{font-family: 'Roboto Slab', serif; color:#FFF; font-size: 20px; font-weight:400;	}

#titu33{color:#232323; font-size: 18px; font-weight:600;}

#titu4{color:#232323; font-size: 20px; font-weight:600;}

#titu44{font-family: 'Roboto Slab', serif; color:#F47723; font-size: 20px; font-weight:400;	}





.boton11 a{ color:#232323; font-size:15px; padding:7px 10px; font-weight:400; font-family: 'Roboto Slab', serif;  width:auto; background:#FFF; margin-top:20px; border-radius:3px; }

.boton11 a:hover{background:#333; color:#fff; font-size:15px; padding:7px 10px; border:0px;   }



.boton22 a{ color:#FFF; font-size:15px; padding:10px 15px;  width:auto; background:#e25c41; margin-top:20px; border-radius:5px; font-weight:600;}

.boton22 a:hover{background:#232323; color:#fff; font-size:15px; padding:10px 15px; border:0px;   }



.boton33 a{ color:#FFF; font-size:17px; padding:5px 8px;  width:auto; border:2px #FFF solid; margin-top:30px; margin-bottom:25px; border-radius:5px; font-weight:600;}

.boton33 a:hover{color:#232323; font-size:17px; padding:5px 8px;   width:auto; border:2px #232323 solid; margin-top:30px; margin-bottom:25px; border-radius:5px; font-weight:600;}





#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10px; font-size:15px; margin-top:25px; margin-bottom:0px; }

#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6; font-size:14px; margin-top:15px; margin-bottom:0px; }

#f3{float:left; width:100%; text-align:center; border: 0px solid #0C6; font-size:15px; margin-top:25px; margin-bottom:25px; }

#f2 img{width:125px}

#acerca{ padding:35px 0; background:url(../img/index/BG1.jpg); background-attachment:NONE; background-size:100%; background-position:0 0PX;}



#mision-1{width:100%; float:left; margin-bottom:25px;}

#mision-2{width:100%; float:right;}



#mision-11{width:100%; float:left; padding:%; border:0px solid #999; margin-bottom:20px}

#mision-22{width:100%; float:left; padding:%; border:0px solid #999}

#mision-11 img, #mision-22 img{width:100%; margin-left:0%}



#junta-1{width:100%; float:left;}

#junta-2{width:100%; float:right;}



#pago{background:#EFEFEF; padding:2%; width:170px; border:1.5px solid #ccc }



#blogs{ padding:4% 0; background:url(../img/Bg%20Titulos.png); background-size:100%}

#blog-1{width:100%; float:left; background:#FFF0E1; padding:2% 2%; border:0px solid #C30;}

#blog-2{width:95%; float:right; margin-top:30PX; padding:4% 2%; background:#efefef; border:1.5px solid #ccc; }



#blogg-1{width:93%; float:left; padding:2.5%; margin:1.5%; border:1px solid #999}





#conta1{width:100%; float:left; border:0px solid #C30;}

#conta2{width:100%; float:right; margin-top:px; border:0px solid #C30;}



#menform{width:100%; border:0px; border-bottom:1px solid #BBB; background:#ededed; height:35px; margin-bottom:8PX; margin-top:5px;}

#menform2{width:100%; border:0px; border-bottom:1px solid #BBB; background:#ededed; height:150px; margin-top:5px;}



.overlayii {  position: absolute;  bottom: 30%;  left: 0;  right: 0;    overflow: visible;  width: 100%;

  height: 0;  transition: .5s ease;  color:#fff;  text-align:center;  font-weight:500;  z-index:; }



.containeri{  position: relative;  width: 47.5%;  float:left;  margin-left:2.5% ; margin-bottom:10px;   }



.textii {  white-space: nowrap;   color: white;   font-size: 14px;  position: absolute;  overflow: visible;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);   width:100%;	padding:10px 0; }

#img-contenedor  .overlayii img{ width:25px}



#img-contenedor  .overlayii:hover img {

-webkit-transform:scale(1.10);

-moz-transform:scale(1.10);

-ms-transform:scale(1.10);

-o-transform:scale(1.10);

transform:scale(1.10);

}





}













/* CSS Carrusel */