@charset "utf-8";
/* CSS Document */

body { font-family: 'Raleway', sans-serif;margin:0 auto; font-size:13px;color:#666;}
.custom{ width:75%; margin:0 auto; text-align:justify; clear:both;}
.ctr{ clear:both;}
.header ul, .paquetes ul, .footer ul, .categorias ul{ margin:0; padding:0;} 
.header ul li, .paquetes ul li, .footer ul li, .categorias ul li{ list-style:none;}
/*------------------------------------------------------------------------------*/
.home .header{ width:100%; float:left; position:absolute; z-index:1;background:rgba(255,255,255,0.8);}
.secciones .header{ width:100%; float:left; position:relative; z-index:1;background:rgba(255,255,255,0.8);}
	.header .logotipo{ float:left; padding:10px 0;}
		.header .logotipo img{ max-width:100%;}
		.header .logotipo img.logouno{ border-right:3px solid #184796; padding-right:20px; margin-right:20px;}
	.derecha{ float:right;}
		.derecha i{ margin-right:7px;}
		.header .email{float:right;font-size:14px;color:#184696; margin:5px 0;}
			.header .email a{ text-decoration:none;color:#184696;}
			.header .email p{display: inline;}
			.moduletable_email, .moduletable_telefono{ display:inline-block;}
		.header .telefono{float:right; clear:both; font-size:20px;color:#184696; font-weight:700;margin:5px 0;}
			.header .telefono a{ text-decoration:none; color:#184696;}
			.header .telefono p{display: inline;}
		.header .idioma{font-size:14px; float:right;color:#fff;margin-right:20px; margin-top:5px;clear:both;}
			.header .idioma ul li{ margin:0; display:inline}
			.header .idioma ul li a{ color:#FFF; text-decoration:none;padding:3px 5px;font-weight:700}
			.header .idioma ul li.lang-active a{color:#184696; border-bottom:2px solid #184696; text-decoration:none; }
	.header .menu{ float:right;background:#184796; width:100%; }
			.header .menu ul{ float:right;}
			/*.header .menu ul li{ text-transform:uppercase; list-style:none; font-size:13px; display:inline; font-weight:bold; }
			.header .menu ul li a{ color:#FFF; padding:13px 20px; margin:0; text-decoration:none;text-align:center;transition: .5s ease; border-right: dotted 1px rgba(255,255,255,0.2);display:inline-block;}
				.header .menu ul li a span{ display:table;}
			.header .menu ul li a.active, .header .menu ul li a:hover{color:#fff; border-bottom:4px solid #909090; background:#0D3777;}*/
		#gruemenu > ul > li > a{border-right: dotted 1px rgba(255,255,255,0.3) !important;border-bottom: 4px solid #0D3777 !important;padding: 15px 25px !important;}
		#gruemenu.grue_121 > ul > li:hover > a, #gruemenu.grue_121 > ul > li > a:hover, #gruemenu.grue_121 > ul > li.active > a { color: #FFFFFF; background: #0D3777;border-bottom: 4px solid #909090 !important;}
			
.slide{float:left; width:100%; position:relative; z-index:0; background:#fff;}
	/*.moduletable_slide{}
	.moduletable_slide img{ max-width:100%; min-width:100%;opacity: 0.90;}
	.sobre_slide{ float:left; position:absolute; bottom:35%;width:75%;color:#FFF; margin-left:12.5%; margin-right:12.5%;}
		.sobre_slide h2{ font-size:70px; margin:0; padding:0;font-weight:700;text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
		.sobre_slide .botones{ margin-top:25px;}
		.sobre_slide .botones a{ margin:5px;}*/
			a.btn1, a.btn2{color:#FFF;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;padding:15px 25px; text-decoration:none; font-size:15px;transition: 0.3s ease;}
			a.btn1{background:#184796;} a.btn1:hover{background:#0D3777;}
			a.btn2{ background:#909090;} a.btn2:hover{background:#757575;}
	.nivoSlider,.nivo-slice{background: #fff !important;}
	.slide .slide-desc-bg-default {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:none !important; }
	.slide .slider-container{ background:#000;}
	.slide img.dj-image{ opacity:0.9;}
	.slide .slide-desc{ position:absolute !important;left:12.5% !important; right:12.5%;top:48% !important; text-align:center;width:75% !important;}
	.slide .slide-desc-text-default {position: relative;color: #fff;padding:0;text-align:left;}
	.slide .slide-title{}
	.slide-desc-text-default .slide-title {font-size: 4.5em !important;color: #fff;margin-bottom:0;font-weight:700 !important;text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
		.slide-desc-text-default .slide-title a{ text-decoration:none;}
		.slide-desc-text-default .readmore{ padding-top:7px;}
		.slide-desc-text-default .readmore a.btn1{ margin-right:10px;}
		/*.slide-desc-text-default .readmore a{float:left !important;margin:0px !important;color:#FFF;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;padding:15px 25px; text-decoration:none; font-size:13px;transition: 0.3s ease;background:#184796; text-transform:uppercase;}
		.slide-desc-text-default .readmore a:hover{background:#0D3777;}*/
		
.categorias{float:left; width:100%;}
	.categorias ul li{ float:left; width:20%;font-size:15px; color:#333; font-weight:700; position:relative; overflow:hidden;}
	.categorias ul li a{font-size:15px; color:#333; text-decoration:none;}
		.categorias .imagen{ text-align:center;}
		.categorias .imagen img{ min-width:100%; max-width:100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;}
		.categorias .cont-cat{ float:left; position:absolute; left:0; right:0; bottom:0; padding:30px 0 35px 0;background:url(../images/sombra-titulo.png) repeat-x bottom;}
		.categorias .titulo{ color:#FFF;font-size:20px; font-weight:400; text-align:center; padding:10px 0;}
		.categorias .leermas{text-align:center;}
			.categorias .leermas a{color:#FFF;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;padding:10px 20px; text-decoration:none; font-size:15px;font-weight:400; display:inline-block;}
			.categorias li.one .leermas a{background:#184796;} .categorias li.one .leermas a:hover{background:#184796;}
			.categorias li.two .leermas a{background:#909090;} .categorias li.two .leermas a:hover{background:#757575;}
			.categorias .leermas a:hover{ background:#00B2AE;}
		.categorias li:hover img{transform: scale(1.1, 1.1);}

.comuniquese{float:left; width:100%;}
	.comuniquese .imagen{ float:left; width:50%; line-height:0;}
		.comuniquese .imagen img{ max-width:100%; min-width:100%;}
	.comuniquese .texto{ float:right; width:40%; text-align:center;}
	.comuniquese .texto h3{ color:#777777; font-weight:400; font-size:23px; text-transform:uppercase;background:url(../images/img-titulo.png) no-repeat center top; padding-top:35px; margin-top:17%;}
	.comuniquese .contactarse{ margin-top:15px;}
	

.footer{float:left; width:100%;margin:0;background:#1F3F8C;padding:40px 0;color:#FFF;}
	.footer .logofooter{ float:left;}
	.footer .logofooter img{ max-width:100%;}
		.footer .redes{ text-align:center; margin-top:35px; clear:both;}
		.footer .redes i{ color:#fff; margin-top:10px; font-size:20px;}
		.footer .redes li{display:inline-block; margin:0 3px;width:40px; height:40px;border:2px solid #fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; text-align:center}
	.footer .datos{ float:right;}
		.footer .datos li{ padding:10px 25px; border-bottom:1px dotted rgba(255,255,255,0.3);font-size:15px;}
			.footer .datos li:before{ float:left; margin-right:15px;font-weight: 900;font-size:20px;}
		.footer .datos li.ubicacion:before{font-family: "Font Awesome 5 Free";content: "\f3c5";}
		.footer .datos li.telefono:before{font-family: "Font Awesome 5 Free";content: "\f2a0";}
		.footer .datos li.celular:before{font-family: "Font Awesome 5 Free";content: "\f3cd";}
		.footer .datos li.correo:before{font-family: "Font Awesome 5 Free";content: "\f0e0";}
	
.pie{float:left; width:100%; background:#183370;padding:5px 0;}
	.pie p{ padding:0; margin:5px 0;}
	.pie .desarrollo{ float:left; width:50%; font-size:12px; margin-top:5px; color:#fff;}
		.kreatico-der, .kreatico-der a{ color:rgba(255,255,255,0.25); margin-top:20px;}
	.pie .menu_bottom{ float:right;}
		.pie .menu_bottom li{ display:inline-block; margin-left:10px;}
		.pie .menu_bottom li a{ color:rgba(255,255,255,0.35); text-decoration:none;}
/*--------------------------GENERAL----------------*/
.contenido{ float:left; width:100%;}
/*--------------------------GENERAL----------------*/
.item-page{ line-height:22px; margin-bottom:25px; float:left; width:100%;} .item-page img{ max-width:100%;}
.item-page .cuerpo-item-joomla{float:left; width:75%; margin-left:12.5%; margin-right:12.5%; margin-top:15px;}
.secciones .contenido{ float:left; width:100%;}
.cabecera-item{ float:left; width:100%; position:relative;}
  .img-fulltext-left{ float:left; position:relative; z-index:0; width:100%; background:#000; line-height:0}
		.img-fulltext-left img.img_prin{ max-width:100%; min-width:100%; opacity:0.8}
	.title-fulltext-default{ float:left;padding:0; position:absolute; bottom:15%; left:9%; text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
		.title-fulltext-default h2{font-size:3vw; line-height:3vw; font-weight:700; padding:0; margin:0; color:#fff; letter-spacing:-1px; text-transform:uppercase;}
		.title-fulltext-default h1{font-size:3vw; line-height:3vw; font-weight:700; padding:0; margin:0; color:#fff; letter-spacing:-1px;text-transform:uppercase;}
		.imagen-sobre{ position:absolute; bottom:0; opacity:1; width:100%; float:left; line-height:0;}
			.imagen-sobre img{ padding:1;max-width:100%; min-width:100%;}
/*--------------------------INICIO----------------*/
.inicio{ display:none;}
/*--------------------------NOSOTROS----------------*/
.nosotros h2{ color:#0C3777; text-transform:uppercase;background:url(../images/img-titulo.png) no-repeat center top; padding-top:35px; text-align:center; font-weight:400;}
.colx { width:47%;}
.alleft{ float:left;}
.alright{ float:right;}
/*--------------------------CLIENTES----------------*/
.clientes ul{ padding:0; margin:0;}
	.clientes ul li{ list-style:none; float:left; width:20.5%; margin:2%; padding:15px 0; border:1px solid #cdcdcd; text-align:center; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;}
	.clientes ul li img{ max-width:100%;}
	.clientes ul li:hover{border:1px solid #184796;}
/*--------------------------CONTACTO----------------*/
.contacto{margin-bottom:0px;}
.contacto .cuerpo-item-joomla{float:left; width:100%; margin-left:0%; margin-right:0%; margin-top:0; background:#184796; color:#fff;}
	.contacto .cuerpo-item-joomla ul{ width:75%; margin:0 12.5%;}
	.contacto .cuerpo-item-joomla ul li{ list-style:none; float:left; width:25%; text-align:center; margin:30px 0;}
		.contacto .cuerpo-item-joomla ul li p{ padding:0; margin:0;}
		.contacto .cuerpo-item-joomla ul li strong{ margin:5px 0; padding:5px 0; display:inline-block;}
		.contacto .cuerpo-item-joomla ul li:before{ font-weight: 900;font-size:35px;}
		.contacto .cuerpo-item-joomla ul li.ubicacion:before{font-family: "Font Awesome 5 Free";content: "\f3c5";}
		.contacto .cuerpo-item-joomla ul li.telefono:before{font-family: "Font Awesome 5 Free";content: "\f2a0";}
		.contacto .cuerpo-item-joomla ul li.celular:before{font-family: "Font Awesome 5 Free";content: "\f3cd";}
		.contacto .cuerpo-item-joomla ul li.email:before{font-family: "Font Awesome 5 Free";content: "\f0e0";}
	.contacto .cuerpo-item-joomla a{ color:#fff; text-decoration:none;}
	.moduletable_contacto{ float:left; width:50%;}
		.wrapper_contacto{ width:80%; margin:35px 10% 0 10%;}
	.moduletable_mapa{ float:right; width:50%;}
/*--------------------------EQUIPO----------------*/
.equipo ul { padding:0; margin:0;}
.equipo ul li{ list-style:none;float:left; width:31.3%; margin:1%; background:#184796; color:#fff; text-align:center;}
.equipo ul li img{ border:1px solid #cdcdcd; min-width:100%; max-width:100%;}
.equipo ul li a{ color:#fff; text-decoration:none;}
.equipo ul li h2{ font-size:15px;}
.equipo ul li p{ color:rgba(255,255,255,0.5)}

.item-socio{margin-bottom:0;}
.item-socio .cuerpo-item-joomla{width:100%; margin-left:0%; margin-right:0%; margin-top:0;margin-bottom:0;}
.itemsocio{ border:1px solid #cdcdcd; background:#D9D9D9; float:left; width:100%;}
	.itemsocio .detsocio{ width:25%; float:left; background:#184796; color:#fff; text-align:center;}
		.detsocio .imagen img{ max-width:100%; min-width:100%;}
		.detsocio .titulo{ padding:10px;}
		.detsocio h2{font-size:18px; border-bottom:1px dotted rgba(255,255,255,0.5); margin:0; padding:0 0 15px 0;}
		.detsocio p{color:rgba(255,255,255,0.5)}
	.itemsocio .texto{ width:70%; float:right; padding:2%;}
/*--------------------------SERVICIOS----------------*/
.servicios{margin-bottom:0;}
.servicios .cuerpo-item-joomla{width:100%; margin-left:0%; margin-right:0%; margin-top:0;margin-bottom:0;}
.servicios ul { padding:0; margin:0;}
.servicios ul li{ float:left; width:20%;font-size:15px; color:#333; font-weight:700; position:relative; overflow:hidden;}
	.servicios ul li a{font-size:15px; color:#333; text-decoration:none;}
		.servicios .imagen{ text-align:center;}
		.servicios .imagen img{ min-width:100%; max-width:100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;}
		.servicios .cont-cat{ float:left; position:absolute; left:0; right:0; bottom:0; padding:30px 0 35px 0;background:url(../images/sombra-titulo.png) repeat-x bottom;}
		.servicios .titulo{ color:#FFF;font-size:20px; font-weight:400; text-align:center; padding:10px 0;}
		.servicios .leermas{text-align:center;}
			.servicios .leermas a{color:#FFF;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;padding:10px 20px; text-decoration:none; font-size:15px;font-weight:400; display:inline-block;}
			.servicios li.one .leermas a{background:#184796;} .servicios li.one .leermas a:hover{background:#184796;}
			.servicios li.two .leermas a{background:#909090;} .servicios li.two .leermas a:hover{background:#757575;}
			.servicios .leermas a:hover{ background:#00B2AE;}
		.servicios li:hover img{transform: scale(1.1, 1.1);}

.rl_sliders.accordion>.accordion-group a{ background:#184796; color:#FFF; text-decoration:none;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px; font-weight:400; font-size:16px;}
	.rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {background-color:#A7A7A7;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;}
	.item-page .panel-body a{ background:none; color:#333;}

@media screen and (max-width: 480px) {
.custom{ width:100%; margin:0 auto; text-align:justify; clear:both;}
.home .header{ width:100%; float:left; position:relative; z-index:1;background:rgba(255,255,255,0.8);}
.header  .logotipo{ text-align:center;}
.header .logotipo img.logouno{ border-right:none; padding-right:0; margin-right:0; margin-bottom:20px; border-bottom:3px solid #184796; padding-bottom:15px;}
.derecha {float: right;width: 100%;text-align: center; margin-bottom:15px; background:rgba(204,204,204,0.5);    padding: 10px 0;}
	.header .email {float:none;font-size: 14px;color: #184696;margin: 5px 0;}
	.header .telefono {float: none;clear: both;font-size: 20px;color: #184696;font-weight: 700;margin: 5px 0;}
	.header .idioma {font-size: 14px;float: none; color: #fff;margin-right:0;margin-top: 5px;clear: both;}
.slide .slide-desc{ position:absolute !important;left:12.5% !important; right:12.5%;top:30% !important; text-align:center;width:75% !important;}
.slide-desc-text-default .slide-title {font-size:1.5em !important;color: #fff;margin-bottom:0;font-weight:700 !important;text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
a.btn1, a.btn2{color:#FFF;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;padding:10px 15px; text-decoration:none; font-size:12px;transition: 0.3s ease;}
.categorias ul li {float: left;width: 100%;font-size: 15px;color: #333;font-weight: 700;position: relative;overflow: hidden;}
.comuniquese .imagen {float: left;width: 100%;line-height: 0;}
.comuniquese .texto {float: right;width: 90%;margin: 0 5% 15px 5%;text-align: center;}
.footer .logofooter {float: none;text-align: center;}
.footer .datos {float: right;width: 100%;margin: 15px 0 0 0;}
.footer {float: left;width: 100%;margin: 0;background: #1F3F8C;padding: 10px 0;color: #FFF;}
.pie .desarrollo {float: left;width: 100%;font-size: 12px;margin-top: 5px;color: #fff;text-align: center;}
.sidr-class-current > a {background: #184796 !important;}
.title-fulltext-default h1 {font-size: 5vw;line-height: 5vw;font-weight: 700;padding: 0;margin: 0;color: #fff;letter-spacing: -1px;text-transform: uppercase;}
.item-page .cuerpo-item-joomla {float: left; width: 90%;margin-left: 5%;margin-right: 5%;margin-top:0;}
.colx {width: 100%;}
.equipo ul li {list-style: none; float: left; width: 100%;margin: 1%;background: #184796;color: #fff;text-align: center;}
.itemsocio .detsocio {width: 100%;float: left;background: #184796;color: #fff;text-align: center;}
.itemsocio .texto{ width:96%; float:right; padding:2%;}
.servicios ul li {float: left;width: 100%;font-size: 15px;color: #333;font-weight: 700;position: relative;overflow: hidden;}
.clientes ul li {list-style: none;float: left;width: 45%;margin: 2%;padding: 15px 0; border: 1px solid #cdcdcd;text-align: center;-webkit-transition: all .4s ease;-moz-transition: all .4s ease; -o-transition: all .4s ease;-ms-transition: all .4s ease;}
.contacto .cuerpo-item-joomla {float: left;width: 100%; margin-left: 0%; margin-right: 0%;margin-top: 0;background: #184796; color: #fff;}
.contacto .cuerpo-item-joomla ul {width: 100%;margin: 0; padding:0}
.contacto .cuerpo-item-joomla ul li {list-style: none;float: left;width: 100%;text-align: center;margin: 30px 0;}
.moduletable_contacto {float: left;width: 100%;}
.moduletable_mapa {float: right;width: 100%;}
}
@media screen and (min-width:768px) and (max-width:1300px){
	.custom{ width:95%; margin:0 2.5%; text-align:justify; clear:both;}
}