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

body { font-family: 'Raleway', sans-serif;margin:0 auto; font-size:13px;color:#333;}
.custom{ width:92%; margin:0 auto; text-align:justify; clear:both; position:relative}
.ctr{ clear:both;}
.header ul, .footer ul, .noticias ul{ margin:0; padding:0;} 
.header ul li, .footer ul li, .noticias ul li{ list-style:none;}
.header a{ color:#666; text-decoration:none;}
.header p{ margin:0; padding:0;}
/*--------------------------BANNERS----------------*/
.banners{ float:left; position:fixed; top:15%; z-index:9999999;width:50%; margin:0 25%;}
	.banneritem{ line-height:0;}
	.banners img{ max-width:100%;border:5px solid #017C3F;}
	.banners .cerrar{ background:#017C3F; border:2px solid #fff; padding:8px 10px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; color:#fff; font-weight:700; font-size:20px; position:absolute; right:2.5%; top:-15px; cursor:pointer;}
/*--------------------------------HEADER--------------------------------------------*/
.home .header{ width:100%; float:left; margin-top:10px;position:relative; z-index:1;/*box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);*/}
.secciones .header{ width:100%; float:left; margin-top:10px;position:relative; z-index:1;box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);}
	.h-izquierda{ float:left;}
		.header .logotipo{ float:left;}
		.header .logotipo img{ max-width:100%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;}
	.h-derecha{ float:right;margin-top:10px; }
		.col-d-one{ float:right;}
		.header .acceso{ float:right;margin-top:15px;}
		.header .acceso a{ padding:15px 25px 15px 40px; background:#018544 url(../images/acceso.png) no-repeat 15px 15px; color:#FFF; font-size:15px; font-weight:bold; -moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;}
		.header .facebook{ float:right; background:url(../images/facebook.png) no-repeat; line-height:30px; height:30px; clear:both; padding-left:40px; margin-top:20px;}
		.col-d-two{ float:right; margin-right:25px;}
		.header .telefono{ float:right;background:url(../images/telefono.png) no-repeat 0 10px;font-size:13px; line-height:20px; padding:0 0 0 40px; color:#333;}
			.header .telefono a{ text-decoration:none;font-size:22px; line-height:25px; font-weight:bold;}
			.header .telefono strong{ font-size:22px; line-height:25px; font-weight:bold;}
		.header .email{ float:right;background:url(../images/email.png) no-repeat 0 5px;height:28px; line-height:28px; padding:0 0 0 30px; clear:both; border-top:1px dotted #999999; margin-top:10px;}
			.header .email a{color:#333; text-decoration:none;}
	.header .menu{ float:left; background:#017C3F; width:100%; margin-top:15px;}
		.header .menu ul{}
		#gruemenu > ul > li > a { padding:25px 20px 25px 18px !important;border-right:1px dotted #015028 !important; font-weight:bold;}
		#gruemenu.grue_88 ul > li > ul > li > a{ border-bottom:1px dotted #2E6F4E;}
			#gruemenu.grue_88 ul > li > ul > li > a:hover{ background:#017C3F;}
			#gruemenu.grue_88 > ul > li.has-sub > a::after {border-top-color: #FFFFFF;right: 6px !important;top: 50%;margin-top: -5px;}
			#gruemenu.grue_88 > ul > li.item-121{ float:right;}
			#gruemenu.grue_88 > ul > li.item-121 > a{ background:#900} #gruemenu.grue_88 > ul > li.item-121 > a:hover{ background:#F00}
.slide{float:left; width:100%; position:relative; z-index:0; background:#000; margin-top:-25px;}
	.moduletable_slide{}
	.moduletable_slide img{ max-width:100%; min-width:100%;}
	
.noticias{width:35%; text-align:justify; position:absolute; z-index:5; background:#015028; float:left; top:15%; right:12.5%; color:#FFF; padding:20px 10px;}
	.noticias a{ color:#fff; text-decoration:none; font-weight:900; }
	.noticias a.mod-articles-category-title{font-size:1.5vw}
	.noticias .mod-articles-category-readmore{ margin-top:15px;    display: inline-block;}
	.noticias .mod-articles-category-readmore a{font-size:13px;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px; padding:15px 20px; border:1px solid #fff;}
	.noticias ul li:nth-child(2){ border-top:1px dotted #FFFFFF; padding-top:7px; margin-top:7px;}
.footer{float:left; width:100%;margin:0;background:#017C3F;padding:10px 0;color:#FFF;}
	.footer .p1, .footer .p2, .footer .p3{ float:left; width:50%; font-size:12px;}
		.kreatico-der, .kreatico-der a{ color:#61AD87;}
	.footer .p2{ text-align:right;}
/*--------------------------GENERAL----------------*/
.contenido{ float:left; width:100%;}
.titulohard h2{font-size:3vw; line-height:3vw; margin:20px ; padding:0;font-weight:900;border-left:18px solid #017C3F; padding:0 0 0 15px;}
.asociacion h3{font-size:2vw;font-weight:900; text-align:center; clear:both; padding:25px 0;}
.item-page p{ clear:both;}
	/*QUE ES LA PLANICIE*/
	ul.qesplanicie{ margin:10px 0; padding:10px 0;}
	ul.qesplanicie li{float:left; width:23%; margin:15px 1%;text-align:center; list-style:none;}
	ul.qesplanicie li img{}
	/*TARIFAS*/
	ul.tarifas{ margin:10px 0; padding:10px 0;}
	ul.tarifas li{float:left; width:25.3%; margin:15px 1%;text-align:center; list-style:none; background:#ccc;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; padding:3%}
	ul.tarifas .precio{font-size:3vw; line-height:3vw;font-weight:900;}
		ul.tarifas .precio small{font-weight:normal;}
	ul.tarifas .descripcion{}
	/*DIRECTIVA*/
	ul.directiva{width:65%; margin:0 auto; padding-bottom:15px;}
	ul.directiva li{ float:left; width:25%; text-align:center; list-style:none; font-size:18px;}
	/*ACTIVOS*/
	ul.activos{width:100%; margin:0 auto; padding-bottom:15px;}
	ul.activos li{ float:left; width:16.6%; text-align:center; list-style:none; }
	/*PROYECTOS*/
	.proyectos ul li{ list-style:none; float:left; width:48%; margin:1%; overflow:hidden;}
	.proyectos ul li img{border-bottom:7px solid #017C3F;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;}
	.proyectos ul li img:hover{-moz-transform: scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1);opacity:0.80;}
	/*SERVICIOS*/
	.servicios ul{ margin:0; padding:0;}
	.servicios ul li{ list-style:none; clear:both;}
	.servicios ul li img{ margin:15px 15px 15px 0; float:left; border-right:7px solid #017C3F;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;}
	.servicios ul li img:hover{-moz-transform: scale(1.025);  -webkit-transform: scale(1.025);  transform: scale(1.025);opacity:0.80;}
	.servicios ul li strong{font-size:2vw;font-weight:900; margin-top:25px;}
	.servicios ul li h3{font-size:2vw;font-weight:900; padding-top:50px;}
		.servicios .texto{ float:left; width:47%;}
		.servicios .imagen{ float:right; width:47%;}
/*------------------------------------------*/
/*LOGIN*/
.nav-stacked{ display:none;}
.accesosocio{ float:left; margin:35px 15%; width:70%;background:url(../images/fondo-login.jpg) no-repeat center center; text-align:center;}
.accesosocio fieldset {display: block;-webkit-margin-start: 2px;-webkit-margin-end: 2px;-webkit-padding-before: 0.35em;-webkit-padding-start: 0.75em;-webkit-padding-end: 0.75em;   -webkit-padding-after: 0.625em;min-width: -webkit-min-content;border-width: 2px;border-style: groove;border-color: threedface;border-image: initial; border:none;}
.accesosocio .control-label{}
.accesosocio .star{ font-size:20px; font-weight:bold; display:none;}
.accesosocio input[type="text"], .accesosocio input[type="password"], .accesosocio input[type="email"] {-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px; padding:15px 20px; border:1px solid #666;}
.accesosocio .btn-primary{-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;padding:15px 20px;background:#017C3F;color:#FFF; border:none;}
	.accesosocio .btn-primary:hover{ background:#015028;}
.accesosocio [title="Cancelar"]{-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;padding:15px 20px;background:#F00;color:#FFF; border:none; text-decoration:none;}
.accesosocio [title="Cancelar"]:hover{ background:#990000;}
.accesosocio .btn-primary, .accesosocio [title="Cancelar"]{font-family: 'Raleway', sans-serif;}
.accesosocio  legend{ color:#F00; font-weight:bold;}
/*.accesosocio fieldset .control-group{ float:left; width:33.3%; margin-bottom:25px;}*/
.accesosocio .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color:transparent !important;
    border:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.accesosocio .form-horizontal .control-label {float:none;width:auto;padding-top: 5px;text-align:center;}
.accesosocio .form-horizontal .controls {    margin-left:0;}
/* BLOCK USER*/
.blockuser{ float:left; width:100%; background:#DBDBDB; padding:20px 0; font-size:15px;}
	.blockuser div{ float:left; margin-right:10px; border-right:1px dotted #666666;}
	.blockuser div img{ margin-right:10px; vertical-align:middle}
	.blockuser .nameuser{ font-size:13px; color:#008544; line-height:15px;background:url(../images/user-intranet.png) no-repeat 0 20px; padding-left:30px; padding-right:15px; margin-left:15px;}
		.blockuser .nameuser strong{ color:#333; font-size:20px; line-height:25px;}
	.blockuser .cerrarsesion, .blockuser .fecha{ font-weight:bold; padding:15px;}
		.blockuser .cerrarsesion a{ color:#990000; text-decoration:none; text-transform:uppercase; font-weight:900;}
	
	.menuuser{ text-align:right; margin-top:15px; float:right;}
		.menuuser ul{ margin:0; padding:0;}
		.menuuser ul li{ list-style:none; display:inline; margin-left:25px;}
		.menuuser ul li a{ color:#333; text-decoration:none; font-weight:bold;}
		.menuuser ul li a img{ margin-right:10px;}
		.menuuser ul li.inicio-menuuser a{ background:#015028; color:#fff;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px; padding:10px 25px;}
/*INICIO*/
.inicio{ display:none;}
.img-fulltext-left{ float:left; width:100%; position:relative}
.img-fulltext-left img { min-width:100%; max-width:100%;}
	.img-fulltext-left .fondo-titulo{ position:absolute; bottom:0; float:left; width:100%;}
	.img-fulltext-left .titulo{ position:absolute; bottom:15px; z-index:1; border-left:18px solid #017C3F;}
	.img-fulltext-left .titulo h2{font-size:2.5vw; line-height:2.5vw; margin:0 0 0 20px; padding:0;font-weight:900;}
.texto-articulo{width:70%; margin:25px 15%; float:left; text-align:justify; clear:both; line-height:20px; font-size:15px;}

/*CONTACTO*/
.wrapper_formcontacto{ width:84%; margin:0 8%;height: 480px;}
/*PREGUNTAS FRECUENTES*/
.rl_sliders.accordion>.accordion-group a{ background:#017C3F; color:#FFF; text-decoration:none;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px; font-weight:700; font-size:18px;}
	.rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {background-color:#015028;color: #fff;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;}
	.rl_sliders.accordion>.accordion-group {margin-bottom:5px;border:none;-webkit-transition-duration: .2s; -moz-transition-duration: .2s;-o-transition-duration: .2s;transition-duration: .2s;}
	.rl_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle { display: block; padding: 12px 15px; cursor: pointer;}
	.rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner {border: 1px solid #e5e5e5;padding: 15px;overflow-y: hidden!important;overflow-x: auto;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px; margin-top:5px;}
/*GALERIAS*/

#phocagallery {width:75%; margin:0 auto; text-align:justify; clear:both; position:relative}
.page-header h1{font-size:3vw; line-height:3vw; margin:10px 0 0 0; padding:0;font-weight:900;border-left:18px solid #017C3F; padding:0 0 0 15px;}
.pg-csv-name a{ color:#333; text-decoration:none; font-weight:700;}
#sb-title-inner{ display:none;}

/*DOWLOAD*/
#phoca-dl-categories-box, .pd-hr, #phoca-dl-most-viewed-box, #phoca-dl-category-box{width:75%; margin:0 auto; text-align:justify; clear:both; position:relative}
.pd-categories-view h1, .pd-category-view h1{font-size:3vw; line-height:3vw; margin:15px 0; padding:0;font-weight:900;border-left:18px solid #017C3F; padding:0 0 0 15px;}

/*BINEVNIEDA*/
.tbienvenida{ margin:50px auto; width:70%;}
.tbienvenida { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; text-align:center;}
	.tbienvenida td{ padding:25px 0 0 0; font-size:20px;}
	.tbienvenida th{ padding:0 0 25px 0; font-size:20px;}
	.tbienvenida .monto{ color:#007A3F; font-weight:900; font-size:35px; line-height:30px;}
	.tbienvenida .estado{ color:#333333; font-weight:900;font-size:35px; line-height:30px;}
.tano{ margin:50px auto; width:80%;border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; text-align:center;font-weight:900;}
	.tano th{ padding:10px; font-size:20px; border:1px solid #fff; background:#007A3F; color:#fff;}
	.tano td{ padding:10px; font-size:15px; border:1px solid #ccc;}
	.tano tr td:nth-child(1){ color:#007A3F;}
	.tano tr td:nth-child(3){ color:#039;} .tano tr td:nth-child(3) strong{ color:#F00;}
	/*.tano tr td:first-child{ }
	.tano tr td:last-child { styles }*/
	.tano .tanotd{ background:#015028;}
/*NOTICIAS*/
.noticiascontent{ padding:35px 0;}
	.noticiascontent h2{font-size:3vw; line-height:3vw; margin:10px 0 0 0; padding:0;font-weight:900;border-left:18px solid #017C3F; padding:0 0 0 15px;}
.category-list{width:70%; margin:0 auto}
.article-info dt.article-info-term{ display:none;}
.noticiascontent table{ width:80%; margin:0 auto; text-align:center;}
.noticiascontent tbody tr:nth-child(odd) {background: #CCC}
table.category tr, table.category th, table.category td{ padding:10px;}
table.category th a{ color:#fff; text-decoration:none;}
.noticiascontent thead{ background:#017C3F; color:#fff;}
.noticiascontent thead th, .noticiascontent tbody td{ border:1px solid #fff;}
@media screen and (max-width: 1550px) {
	.header .custom{ width:100%; margin:0 auto; text-align:justify; clear:both; position:relative}
	#gruemenu.grue_88 > ul > li.item-121{ float:left;}
}
@media screen and (max-width: 480px) {
body {padding-left:0;padding-right:0;}
.custom{ width:100%; margin:0 auto; text-align:justify; clear:both; position:relative}
.secciones .header{ width:100%; float:left; margin-top:10px;position:relative; z-index:1;box-shadow:none;}
	.h-derecha{ float:right;margin-top:10px; width:100%}
		.col-d-one{ float:right;width:100%}
		.header .acceso{ float:right;margin-top:15px;width:100%; text-align:center;}
		.header .facebook{ float:right; background:url(../images/facebook.png) no-repeat; line-height:30px; height:30px; clear:both; padding-left:40px; margin-top:20px; display:none;}
		.col-d-two{ float:right; margin:17px 2% 17px 0}
		.header .email{ float:right;background:url(../images/email.png) no-repeat 0 5px;height:28px; line-height:28px; padding:0 0 0 30px; clear:both; border-top:1px dotted #999999; margin-top:10px;}
			.header .email a{color:#333; text-decoration:none;}
.noticias{width:98%; text-align:justify; position:relative; z-index:5; background:#015028; float:left; top:auto; right:auto; color:#FFF; padding:20px 1%;}
	.noticias a.mod-articles-category-title{font-size:4.5vw}
	.footer .p1, .footer .p2, .footer .p3{ float:left; width:100%; font-size:12px; text-align:center;}

.texto-articulo{width:90%; margin:15px 5%; float:left; text-align:justify; clear:both; line-height:20px; font-size:15px;}
.img-fulltext-left .titulo{ position:relative; bottom:0; z-index:1; border-left:18px solid #017C3F; margin-top:5px;}
.img-fulltext-left .titulo h2{font-size:6vw; line-height:6vw; margin:0 0 0 20px; padding:0;font-weight:900; text-align:left}
	.img-fulltext-left .fondo-titulo{ display:none;}
.asociacion h3{font-size:5vw;font-weight:900; text-align:center; clear:both; padding:25px 0;}
ul.qesplanicie li {float: left;width: 100%;margin: 15px 0;text-align: center;list-style: none;}
/*DIRECTIVA*/
	ul.directiva{width:100%; margin:0 auto; padding-bottom:15px;}
	ul.directiva li{ float:left; width:100%; text-align:center; list-style:none; margin:15px 0;}
	/*ACTIVOS*/
	ul.activos{width:100%; margin:0 auto; padding-bottom:15px;}
	ul.activos li{ float:left; width:100%; text-align:center; list-style:none; margin:15px 0;}
	/*servicios*/
	.servicios ul li h3{font-size:5vw;font-weight:900; padding-top:50px;}
	
	/*PROYECTOS*/
	.proyectos ul li{ list-style:none; float:left; width:100%; margin:1% 0; overflow:hidden;}
	.proyectos ul li img{border-bottom:7px solid #017C3F;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;}
	.proyectos ul li img:hover{-moz-transform: scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1);opacity:0.80;}
	/*GALERIAS*/
	.page-header h1{font-size:7vw; line-height:7vw; margin:10px 0 0 0; padding:0;font-weight:900;border-left:18px solid #017C3F; padding:0 0 0 15px;}
	
	.blockuser div{ float:left; margin-right:0; border-right:none;}
	.blockuser .cerrarsesion, .blockuser .fecha{ font-weight:bold; padding:5px 15px;}
	
	.menuuser{ text-align:left; margin-top:15px; float:left;}
		/*.menuuser ul{ margin:0; padding:0;}*/
		.menuuser ul li{ list-style:none; display:block; margin-left:0; margin-top:10px; margin-bottom:10px;}
		/*.menuuser ul li a{ color:#333; text-decoration:none; font-weight:bold;}*/
		.menuuser ul li a img{ margin-right:0;}
		/*.menuuser ul li.inicio-menuuser a{ background:#015028; color:#fff;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px; padding:10px 25px;}*/
		/*tarifas*/
		ul.tarifas li {float:left;width:94%;margin:15px 0;text-align:center;list-style:none;background:#ccc;-moz-border-radius:10px; -webkit-border-radius:10px;border-radius:10px;padding: 3%;}
		ul.tarifas .precio {font-size:8vw;line-height:8vw;font-weight: 900;}
/*SERVICIOS*/
.servicios .texto {float: left;width:100%;}
.servicios .imagen {float: right;width:100%;}
/*NOTICIAS*/
.noticiascontent h2 {Font-size:7vw;line-height:7vw;margin: 10px 0 0 0;padding: 0;font-weight: 900;border-left: 18px solid #017C3F;padding: 0 0 0 15px;}
.category-list {width:95%;margin: 0 auto;}
.noticiascontent table {width:100%;margin: 0 auto;text-align: center;}

.tbienvenida {margin:20px auto; width:100%;}
.titulohard h2{font-size:5vw; line-height:5vw; margin:20px ; padding:0;font-weight:900;border-left:18px solid #017C3F; padding:0 0 0 15px;}
/*DOWLOAD*/
#phoca-dl-categories-box, .pd-hr, #phoca-dl-most-viewed-box, #phoca-dl-category-box{width:100%; margin:0 auto; text-align:justify; clear:both; position:relative}
.pd-categories-view h1, .pd-category-view h1{font-size:5vw; line-height:5vw; margin:15px 0; padding:0;font-weight:900;border-left:18px solid #017C3F; padding:0 0 0 15px;}
#phoca-dl-categories-box div.pd-categoriesbox { width:100%;position: relative;float: left;margin: 1% 0;padding: 1% 0;}
.sidr-class-current > a { background:#017C3F !important;}
}
@media screen and (min-width:480px) and (max-width:768px){
	.custom{ width:98%; margin:0 auto; text-align:justify; clear:both; position:relative}
	.secciones .header{ width:100%; float:left; margin-top:10px;position:relative; z-index:1;box-shadow:none;}
	.h-izquierda{ float:left; width:100%; text-align:center;}
	.header .logotipo {float: none;}
	.slide { margin-top:0px;}
	.noticias{width:40%; text-align:justify; position:absolute; z-index:5; background:#015028; float:left; top:15%; right:0%; color:#FFF; padding:5px 5px;}
	.texto-articulo {width:98%;margin: 25px 1%;float: left;text-align: justify;clear: both;line-height: 20px;font-size: 15px;}
	.servicios ul li img { margin: 15px 0 15px 0;float: none;}
	.img-fulltext-left .titulo h2 {font-size:5vw;line-height:5vw;margin: 0 0 0 20px;padding: 0;font-weight: 900;}
	.servicios ul li h3 {font-size:3.5vw;font-weight: 900;padding-top:0px;}
	.proyectos ul li {  width:100%; margin: 1% 0;overflow: hidden;}
	#phocagallery { width:100%;}
	#phoca-dl-categories-box, .pd-hr, #phoca-dl-most-viewed-box, #phoca-dl-category-box { width:100%;}
	.sidr-class-current > a { background:#017C3F !important;}
	ul.directiva {width:100%;}
}