@charset "utf-8";
/* CSS Document */

body { font-family: 'Questrial', sans-serif; margin:0 auto; font-size:12px; color:#333;}
.custom, .contacto, .moduletable_contacto, .content{ width:1100px; margin:0 auto; text-align:justify;}
.slide img, section img{ max-height:100%; max-width:100%;}
.home .header ul, .secciones .header ul{ margin:0; padding:0;} 
.home .header ul li, .secciones .header ul li{ list-style:none;}

.home .header{ width:100%; float:left; margin:0; padding:0; z-index:1; position:relative;color:#FFF;}
	.home .header a{ color:#FFF; text-decoration:none;}
	.header .logotipo{float:left; margin:25px 0 15px 0;}
	.header .logotipo-movil{display:none}
	.header .derecha{ float:right; margin:20px 0 0 0;}
	.home .header .telefono{ font-size:26px; float:right; clear:both; margin:7px 0;background:url(../images/telefono.png) no-repeat 0 5px; padding:0 0 0 25px;}
		.home .header .telefono img{ margin:0 5px 0 0; vertical-align:middle;}
	.header .menu{ clear:both; float:left;}
		.header .menu ul{ margin:0 auto; padding:0;}
		.header .menu ul li{ text-transform:uppercase; list-style:none; display:inline}
		.home .header .menu ul li a{ color:#FFF; padding:7px 15px; margin:0 1px; text-decoration:none;}
		.home .header .menu ul li a.active, .home .header .menu ul li a:hover{ background:#005C93;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
		#gruemenu.grue_95, #gruemenu.grue_124 { background:none !important }
.secciones .header{ width:100%; float:left; margin:0; padding:0; z-index:1; position:relative;color:#333;}
.secciones .header .menu ul li a.active, .secciones .header .menu ul li a:hover{ background:#FF3300; color:#333;}
.secciones .header .telefono{ font-size:26px; float:right; clear:both; margin:7px 0;background:url(../images/telefono2.png) no-repeat 0 5px; padding:0 0 0 25px;}
		.secciones .header .telefono img{ margin:0 5px 0 0; vertical-align:middle;}		
					.secciones .header #gruemenu.grue_95 > ul > li > a {color:#333;}
					.secciones .header #gruemenu.grue_95 > ul > li:hover > a,
					.secciones .header #gruemenu.grue_95 > ul > li > a:hover,
					.secciones .header #gruemenu.grue_95 > ul > li.active > a{ color:#FFFFFF;}
					
					.secciones .header #gruemenu.grue_124 > ul > li > a {color:#333;}
					.secciones .header #gruemenu.grue_124 > ul > li:hover > a,
					.secciones .header #gruemenu.grue_124 > ul > li > a:hover,
					.secciones .header #gruemenu.grue_124 > ul > li.active > a{ color:#FFFFFF;}
					.secciones .header #gruemenu.grue_95 > ul > li > ul::after {content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; color:#333;}
					.secciones .header #gruemenu.grue_95 > ul > li.has-sub > a::after {border-top-color: #333;  right: 17px; top: 50%; margin-top:-5px; }
					.secciones .header #gruemenu.grue_124 > ul > li.has-sub > a::after {border-top-color: #333;  right: 17px; top: 50%; margin-top:-5px; }
	/*.secciones .header a{ color:#FFF; text-decoration:none;}
	.secciones .header .telefono{ font-size:26px; float:right; clear:both; margin:7px 0;}
		.secciones .header .telefono img{ margin:0 5px 0 0; vertical-align:middle;}		
		.secciones .header .menu ul li a{ color:#333; padding:7px 15px; margin:0 1px; text-decoration:none;}
		.secciones .header .menu ul li a.active, .secciones .header .menu ul li a:hover{ background:#005C93; color:#FFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}*/
.buscar{ float:right; margin:3px 0 0 0; clear:both;}
	.buscar input[type="search"] { background:#666666 /*url(../images/buscar-icon.png) no-repeat right*/; border:none; padding:7px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
	.buscar input[type="image"]{background: #005C93; border: 0; border-radius: 3px; vertical-align:middle}
	.buscar label{display:none}
.slide{float:left; width:100%; position:relative;z-index:0;margin:-138px 0 0 0; padding:0; text-align:center;}
/*.sobreslide{float:left; width:100%; position:relative;z-index:0;margin:-200px 0 0 0; padding:0;}
	.frases{ float:right; width:100%;}
		.frases h3{font-size:50px; color:#FFF; text-transform:uppercase;text-shadow: 0.05em 0.05em 0.10em #000; text-align:center; padding:0; margin:0; font-weight:bold;}*/
	.slide .nivo-caption {	position:absolute;	left:20%; right:20%;bottom: 12%;color:#fff;	width:60%;	z-index:8;	padding: 5px 10px;	/* opacity: 0.8; */	overflow: hidden;	display: none;	-moz-opacity: 0.8;	filter:alpha(opacity=8);	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	font-size: 50px;	font-weight: bold;	text-align: center;	text-shadow: 0.05em 0.05em 0.10em #000;}
.categorias{float:left; width:100%;margin:-95px 0 0 0;position:relative;z-index:1;}
.categorias ul{text-align:center;padding:0}
	ul.lista li{width:18.5%;  display:inline-block;margin:0;text-align:center;vertical-align:middle}
	ul.lista li .imagen{margin:30px 0 15px 0}
	ul.lista li .titulo{margin:10px 0;height:80px;}
	
		ul.lista .titulo a{text-decoration:none;color:#333333;text-transform:uppercase;font-size:15px;font-weight:bold}
	
.productos{ float:left; width:100%; clear:both; background:url(../images/productos.jpg) no-repeat right; height:465px; margin:35px 0 0 0;}
	.productos .texto{ float:left; width:40%; margin:10% 0 0 0;}
		.productos .titulo{ font-size:30px; margin:0 0 3% 0; font-weight:bold;}
		.productos .descripcion{ font-size:15px; line-height:22px;}
		.productos .vermas{ float:left; margin:35px 0 0 0;}
			.productos .vermas a{ padding:13px 12px 13px 50px;background:url(../images/paquetes.png) no-repeat #0096D5 10px 5px; color:#FFF; text-decoration:none; font-weight:bold;}
.soluciones{ float:left; width:100%; clear:both; background:url(../images/soluciones.jpg) no-repeat left; height:465px; margin:0;}
	.soluciones .texto{ float:right; width:40%; margin:10% 0 0 0;}
		.soluciones .titulo{ font-size:30px; margin:0 0 3% 0; font-weight:bold;}
		.soluciones .descripcion{ font-size:15px; line-height:22px;}
		.soluciones .vermas{ float:left; margin:35px 0 0 0;}
			.soluciones .vermas a{ padding:13px 12px 13px 50px;background:url(../images/paquetes.png) no-repeat #005C93 10px 5px; color:#FFF; text-decoration:none; font-weight:bold;}
.footer{float:left; width:100%;background:#E5E5E5; padding:35px 0;font-size:12px;}
	.footer .redes{ float:left; width:50%;}
		.footer img{ vertical-align:middle; margin:0 3px;}
	.footer .partners{ float:right; width:50%; text-align:right;}
	.footer .links{float:left; clear:both; width:100%; margin:45px 0 25px 0;}
		.footer .links ul{ margin:0; padding:0; float:left; width:20%;}
		.footer .links ul li{ list-style:none; margin:5px 0;}
		.footer .links ul li a{ color:#333; text-decoration:none;}
		.footer .links li.top{ font-weight:bold;}

.pie {background:#005C93;clear:both; float:left;width:100%;margin:0; padding:15px 0; color:#FFF;font-size:11px; line-height:16px;}
	.pie  a{color:#FFFF00;}
	.pie .derechos {float:left;}
	.pie .f-contacto{float:right; text-align:right;}
	.pie .f-contacto .custom{width:100%;text-align:right}
	.pie .f-contacto img{vertical-align:middle; margin:0 5px;}
	.pie .firma{ color:#337DA9;} .pie .firma a{ color:#337DA9; text-decoration:none;}
	

.contenido{margin:0 auto; text-align:justify; line-height:20px;font-size:14.5px; float:left; width:100%;}
.contenido img{ max-height:100%; max-width:100%;}
.contenido .fondo_imagen{background:url(../images/img-office365.jpg) no-repeat; background-size:cover; float:left; clear:both; margin:10px 0 0 0; width:100%;}
	.contenido .cebecera{ padding:35px 25px 25px 25px;background: rgba(255, 255, 255, 0.8); width:40%; border-top:#EB3C00 15px solid; margin:150px 0 0 0; float:left;}
		.contenido .cebecera .logo{ padding:10px 0 0 0; float:left;}
		.contenido .cebecera .concepto{font-size:15px; line-height:22px; clear:both; float:left; margin:15px 0;}
		.contenido .cebecera .verbeneficios, .contenido .cebecera .verplanes{ float:left; margin:15px 7px 0 0;}
			.contenido .cebecera .verbeneficios a{padding:13px 12px 13px 50px;background:url(../images/paquetes.png) no-repeat #005C93 10px 5px; color:#FFF; text-decoration:none; font-weight:bold;}
			.contenido .cebecera .verplanes a{padding:13px 12px 13px 50px;background:url(../images/paquetes.png) no-repeat #0096D5 10px 5px; color:#FFF; text-decoration:none; font-weight:bold;}
	.contenido .beneficios_azul{ background:#005C93; padding:35px 0; float:left; clear:both; width:100%;}
		.contenido .azul{ float:left; width:29.3%; margin:0 2%; color:#fff;font-size:15px;  font-weight:normal;}
			.contenido .azul .imagen{ text-align:center;}
			.contenido .azul .titulo{ text-align:center;font-weight:bold; margin:15px 0;}
			.contenido .azul .descripcion{ font-weight:normal; font-size:13px;line-height:18px;}
	.contenido .beneficios{ float:left; margin:15px 0; width:100%;}
		.contenido .beneficios ul{ margin:0; padding:0;}
		.contenido .beneficios ul li{ list-style:none; margin:5px 0; padding:0; float:left; width:100%; clear:both;}
			.contenido .beneficios .imagen{ float:left; width:10%;}
			.contenido .beneficios .contenido{ float:left; width:90%;}
				.contenido .beneficios .contenido .titulo{ font-weight:bold; font-size:18px;}
.imagen_producto{ float:left; width:100%; clear:both;}
	.imagen_producto .imagen-over{ float:left; position:relative; z-index:0; text-align:right; width:100%;}
	.imagen_producto .texto{ float:left; width:45%; margin:-30% 0 0 5%; position:relative; z-index:1;}
		.imagen_producto .titulo{ font-size:30px; margin:0 0 3% 0; font-weight:bold; line-height:30px;}
		.imagen_producto .descripcion{ font-size:15px; line-height:22px;}

.componentheadingtours, .componentheadingpromociones, .item-page h2, .componentheadingpromocioneslist, .page-header h1{ text-align:center; font-weight:bold; text-transform:uppercase; font-size:30px; margin:15px 0; float:left; width:100%; padding:0;}
/*FORMULARIOS*/
.moduletable_newsletter{width:100%}
.wrapper_newsletter{min-height:200px;}
.contenido iframe{ float:left; width:44%; margin:7% 3%; height:320px;}
.moduletable_contacto iframe{width:100%;margin:0}
.wrapper_contacto{min-height:510px}
.contacto ul {border-bottom: 1px solid #eee; padding: 15px 0;margin:0 30px;}
.contacto ul li{list-style:none;margin:10px 0}
.contacto ul li img{margin-right:10px;}
.contacto ul li a{text-decoration:none;color:#000000}

.moduletable_mapa{margin:20px 0}

/*BUSQUEDA*/
.searchrest_busqueda {width:1100px; text-align:justify; /*width:100%;*/ display:table; overflow: hidden; margin: 15px auto 30px auto;color:#FFF;line-height:20px;color:#000}
.searchrest_busqueda .page-title{text-align:center}
.searchrest_busqueda .pull-left {float:left;}
.searchrest_busqueda label.element-invisible {display: none;}
.searchrest_busqueda input#mod-search-searchword,
.searchrest_busqueda #search-searchword { border: none;    padding: 11px;    width: 225px;}
.searchrest_busqueda #search-searchword { width: 200px; border: 1px solid #ccc;}
.searchrest_busqueda button,
.searchrest_busqueda button.btn {  background: url(../images/buscar.png) no-repeat 5px 7px #005C93;    border: none;    padding: 11px;    width: 38px;   text-indent: -9999px;	margin-left: -2px;}
.searchrest_busqueda button {    height: 39px;    border-right: 1px solid #ccc;    border-top: 1px solid #ccc;    border-bottom: 1px solid #ccc;}
		.tooltip {display:none!important;}
.searchrest_busqueda .fleft {    float: left;}
.searchrest_busqueda .marginright {	margin-right: 15px;}	
.searchrest_busqueda .searchintrorest_busqueda{ text-align:center; color:#005C93; padding:5px 0; clear:both;}
.searchrest_busqueda .only{ display:none;}
.searchrest_busqueda a{ color:#009E99; text-decoration:none; font-weight:bold;}
.searchrest_busqueda .search-results a:hover{ color:#A0242A;height:auto}
.searchrest_busqueda .result-created{ font-style:italic; padding:0 0 15px 0; color:#666; font-size:11px;}
.result-createdrest_busqueda{ margin-bottom:15px}
span.highlight{background:#96352E;color:#fff}

/*CATEGORIAS*/

.itemListCategory{width:100%;margin:0 auto}
.itemListCategory img{width:100% !important;position:relative;z-index:0;margin-top:-53px;float:left}
 h2.cat-titulo{ width: 98%; padding:0 0 30px 2%; position: relative;margin-top: -40px;color: #FFFFFF;text-transform: uppercase;float: left;}
.itemListCategory .cat-descripcion{clear:both;}
.itemListCategory .cat-descripcion, .itemlist{padding:0 40px}
					.cat-descripcion ul{width:33%;float:left;margin:0;padding:0}
.itemListCategory .cat-descripcion ul li{list-style:url(../images/lista.png);margin:5px 0;padding:0}
.itemList{margin:30px 0 0 0;float:left}
.cat-content a{text-decoration:none}
.itemContainer{width:21%;margin:0.5% 2%}


.contenido{margin:0 auto; text-align:justify; line-height:20px;}
/*CONTENIDO - OFFICE 365*/
.contenido .fondo_imagen{background:url(../images/img-office365.jpg) no-repeat; background-size:cover; float:left; clear:both; margin:10px 0 0 0; width:100%;}
	.contenido .cebecera{ padding:35px 25px 25px 25px;background: rgba(255, 255, 255, 0.8); width:40%; border-top:#EB3C00 15px solid; margin:150px 0 0 0; float:left;}
		.contenido .cebecera .logo{ padding:10px 0 0 0; float:left;}
		.contenido .cebecera .concepto{font-size:15px; line-height:22px; clear:both; float:left; margin:15px 0;}
		.contenido .cebecera .verbeneficios, .contenido .cebecera .verplanes{ float:left; margin:15px 7px 0 0;}
			.contenido .cebecera .verbeneficios a{padding:13px 12px 13px 50px;background:url(../images/paquetes.png) no-repeat #005C93 10px 5px; color:#FFF; text-decoration:none; font-weight:bold;}
			.contenido .cebecera .verplanes a{padding:13px 12px 13px 50px;background:url(../images/paquetes.png) no-repeat #0096D5 10px 5px; color:#FFF; text-decoration:none; font-weight:bold;}
	.contenido .beneficios_azul{ background:#005C93; padding:35px 0; float:left; clear:both; width:100%;}
		.contenido .azul{ float:left; width:29.3%; margin:0 2%; color:#fff;font-size:15px;  font-weight:normal;}
			.contenido .azul .imagen{ text-align:center;}
			.contenido .azul .titulo{ text-align:center;font-weight:bold; margin:15px 0;}
			.contenido .azul .descripcion{ font-weight:normal; font-size:13px;line-height:18px;}
	.contenido .beneficios{ float:left; margin:15px 0; width:100%;}
		.contenido .beneficios ul{ margin:0; padding:0;}
		.contenido .beneficios ul li{ list-style:none; margin:5px 0; padding:0; float:left; width:100%; clear:both;}
			.contenido .beneficios .imagen{ float:left; width:10%;}
			.contenido .beneficios .contenido{ float:left; width:90%;}
				.contenido .beneficios .contenido .titulo{ font-weight:bold; font-size:18px;}
.imagen_producto{ float:left; width:100%; clear:both;}
	.imagen_producto .imagen-over{ float:left; position:relative; z-index:0; text-align:right; width:100%;}
	.imagen_producto .texto{ float:left; width:45%; margin:-30% 0 0 5%; position:relative; z-index:1;}
		.imagen_producto .titulo{ font-size:30px; margin:0 0 3% 0; font-weight:bold; line-height:30px;}
		.imagen_producto .descripcion{ font-size:15px; line-height:22px;width:80%;}
.planes{float:right; width:100%; clear:both; margin:50px 0 0 0; text-align:right;}
	.planes ul.top_planes { margin:0; padding:0; float:right; width:100%;}
	.planes ul.top_planes  li{ float:right; list-style:none; width:24%; margin:0 0.5%; text-align:center;}
	.planes .titulo{ background:#005C93; color:#FFF; font-weight:bold; height:60px; font-size:18px; padding:25px 0 0 0; text-transform:uppercase;}
	.planes .detalles{margin-top: 10px;padding: 5px;height:70px}
	.planes .iconos + .detalles{height:170px;}
	.enterprise .iconos + .detalles{height:220px;}
	.planes .iconos{ padding:15px 0;}
	.planes .vercotizar{ text-align:center; float:left; width:100%; margin:15px 0 55px 0;}
	.planes .vercotizar a{ background:url(../images/contactar.png) no-repeat #0096D5 5px 7px; color:#FFF; text-decoration:none; font-weight:bold; padding:15px 20px 15px 40px; border-bottom:5px #005C93 solid;}
	
	.planes ul.top_planes li.enterprises{ text-align:left; text-transform:uppercase; font-size:17px; line-height:17px}
		.planes ul.top_planes li.enterprises a{ color:#333; text-decoration:none; font-weight:bold;}
		.pruebagratuita a{background:#005C93; color:#FFF; text-decoration:none; font-weight:bold; padding:15px; text-transform:uppercase;}
	.planes .down_planes { margin:0; padding:0;}
	.planes .down_planes li{ border-bottom:1px dotted #666; float:left; width:100%; list-style:none; margin:0 0 7px 0;}
	.planes .down_planes li.ultimprueba{border-bottom:none; margin:10px 0 25px 0;}
	.planes .down_planes li div{ float:left; width:21.5%; margin:0 0.5%; text-align:center;padding:1%}
		.planes .down_planes li div img{ vertical-align:middle;}
	.planes .down_planes li .concepto{ background:#E5E5E5; text-align:left; }

.planesaplicaciones{float:left; width:100%; clear:both; margin:30px 0;}
	.planesaplicaciones h3{ text-align:center; text-transform:uppercase; font-size:20px;}
	.planesaplicaciones ul{}
	.planesaplicaciones ul li{ list-style:none; float:left; width:29.3%; margin:2%; text-align:center;}
	.planesaplicaciones .iconos{}
	.planesaplicaciones .titulo{ font-weight:bold; text-transform:uppercase; padding:5px 0;}
	.planesaplicaciones ul li .descripcion{ text-align:justify; height:130px;}
	.planesaplicaciones .contactar a{background:#005C93; color:#FFF; text-decoration:none; font-weight:bold; padding:15px; text-transform:uppercase;}

/*FIN*/

/*SOLUCIONES*/
.lista-soluciones{float:left; width:100%; clear:both; margin:30px 0;}
	.lista-soluciones .icono{ float:left; width:35%;}
		.lista-soluciones .icono img{ max-height:100%; max-width:100%;}
	.lista-soluciones .descripcion{ float:right; width:60%;}
	.lista-soluciones .descripcion .titulo{ text-transform:uppercase; font-weight:bold; padding:7px 0;}
	.lista-soluciones .descripcion .concepto{ text-align:justify; margin-bottom: 20px;}
	.lista-soluciones .masinfo{ text-align:right;}
	.lista-soluciones .masinfo a{background:#005C93; color:#FFF; text-decoration:none; font-weight:bold; padding:15px; text-transform:uppercase;}
/*FIN*/
.contactar-general{ text-align:center;float:left; width:100%; clear:both; margin:30px 0;}
.contactar-general a{ background:url(../images/contactar.png) no-repeat #0096D5 5px 7px; color:#FFF; text-decoration:none; font-weight:bold; padding:15px 20px 15px 40px; border-bottom:5px #005C93 solid;}
/*AZURE*/
.contenido .azure .fondo_imagen{background:url(../images/img-azure.jpg) no-repeat; background-size:cover; float:left; clear:both; margin:10px 0 0 0; width:100%;}
.contenido .azure .cebecera{ padding:35px 25px 25px 25px;background: rgba(255, 255, 255, 0.8); width:40%; border-top:#00ABEC 15px solid; margin:150px 0 0 0; float:left;}
.azure a.contactar{background:#005C93; color:#FFF; text-decoration:none; font-weight:bold; padding:15px; text-transform:uppercase;}
/*LICENCIAS OPEN*/
.contenido .licenciasopen .fondo_imagen{background:url(../images/img-licenciasopen.jpg) no-repeat; background-size:cover; float:left; clear:both; margin:10px 0 0 0; width:100%;}
	.contenido .licenciasopen .cebecera{ padding:35px 25px 25px 25px;background: rgba(255, 255, 255, 0.8); width:40%; border-top:#005A92 15px solid; margin:150px 0 0 0; float:left;}
		.licenciasopen a.contactar{background:#005C93; color:#FFF; text-decoration:none; font-weight:bold; padding:15px; text-transform:uppercase;}
		
		.licenciasopen .imagen_producto .texto{ float:left; width:45%; margin:-35% 0 0 5%; position:relative; z-index:1;}
		
		.licenciasopen .planesaplicaciones{float:left; width:100%; clear:both; margin:10px 0;}
		.licenciasopen  .planesaplicaciones ul{ margin:0; padding:0;}
		.licenciasopen  .planesaplicaciones ul li .descripcion{ text-align:justify; height:auto;}
/* FIN LICENCIAS OPEN*/
/*SOLUCIONES HP*/
.contenido .solucioneshp .fondo_imagen{background:url(../images/img-solucioneshp.jpg) no-repeat; background-size:cover; float:left; clear:both; margin:10px 0 0 0; width:100%;}
	.contenido .solucioneshp .cebecera{ padding:35px 25px 25px 25px;background: rgba(255, 255, 255, 0.8); width:40%; border-top:#0096D6 15px solid; margin:150px 0 0 0; float:left;}
		.solucioneshp a.contactar{background:#005C93; color:#FFF; text-decoration:none; font-weight:bold; padding:15px; text-transform:uppercase;}
		
		.solucioneshp .imagen_producto .texto{ float:left; width:45%; margin:-35% 0 0 5%; position:relative; z-index:1;}
		
		.solucioneshp .planesaplicaciones{float:left; width:100%; clear:both; margin:10px 0;}
		.solucioneshp  .planesaplicaciones ul li .descripcion{ text-align:justify; height:auto;}
		.solucioneshp  .planesaplicaciones ul{ margin:0; padding:0;}
		.solucioneshp .iconos_lista{float:left; width:100%; clear:both; margin:20px 0;}
		.solucioneshp .iconos_lista ul{}
		.solucioneshp .iconos_lista ul li{ text-align:center; float:left; width:14.6%; margin:1%; list-style:none;}
/* FIN SOLUCIONES HP*/

.page-pruebas ul{ margin:0; padding:0;}
.page-pruebas ul li{ list-style:none; float:left; width:27.3%; margin:2% 2%; background:#E5E5E5; padding:1%; height:325px;}
.page-pruebas h3{ text-transform:uppercase;}
.page-pruebas a{background:#005C93; color:#FFF; text-decoration:none; font-weight:bold; padding:15px; text-transform:uppercase; margin:15px 0}
/*CRM*/
.contenido .crm .fondo_imagen{background:url(../images/img-crm.jpg) no-repeat; background-size:cover; float:left; clear:both; margin:10px 0 0 0; width:100%;}
	.contenido .crm .cebecera{ padding:35px 25px 25px 25px;background: rgba(255, 255, 255, 0.8); width:40%; border-top:#0096D6 15px solid; margin:150px 0 0 0; float:left;}
		.crm a.contactar{background:#005C93; color:#FFF; text-decoration:none; font-weight:bold; padding:15px; text-transform:uppercase;}
		
		.crm .imagen_producto .texto{ float:left; width:45%; margin:-35% 0 0 5%; position:relative; z-index:1;}
/*FIN CRM*/

@media screen and (max-width: 480px) { 
.custom{width:100%}
	.custom, .contacto, .moduletable_contacto, .content{width:100%}
	.header .logotipo-movil{display:block !important; width:100%; margin:1% 0;text-align:center}
	.home .header .logotipo,.secciones .header .logotipo{display:none}
	.home .header, .secciones .header{padding:0}
	.header .derecha{width:100%;margin:10px 0}
		.header .telefono,.header .whatsapp,.header .correo{ width:100%; margin:0 auto;text-align:center;color:#000000}
		.header .menu {height:0;background:none}
		.header .cont-busqueda{width:100%; margin:0 auto} 
		.header .cont-busqueda .buscar-left{display:none}
		.header .buscar{width:96%; padding:12px 2%;display:table}
		.search_buscar input[type='search']{width:80% !important;margin:0 1%}
		.search_buscar .button{background:#003362;padding:0;border:0; color:#FFF;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.slide{  width:100%; margin:0; padding:0;display:block}
.slide .nivo-caption {	position:absolute;	left:0%; right:0%;bottom: 6%;color:#fff;	width:100%;	z-index:8;	padding: 5px 10px;	/* opacity: 0.8; */	overflow: hidden;	display: none;	-moz-opacity: 0.8;	filter:alpha(opacity=8);	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	font-size: 12px;	font-weight: bold;	text-align: center;	text-shadow: 0.05em 0.05em 0.10em #000;}
.categorias{width:100%; clear:bot;margin:0}
.categorias ul{text-align:center}
	ul.lista li{width:46%; margin:10px 1%;text-align:center;background:url(../images/cat-fondo.png)no-repeat;background-size:cover;}
.productos,.soluciones{ float:left; width:100%; clear:both; background:none;margin:35px 0 0 0;height:230px}
	.productos .texto,.soluciones .texto{ float:left; width:96%; padding:0 2%; margin:0}
		.productos .titulo,.soluciones .titulo{ font-size:18px; margin:10px 0; font-weight:bold;text-align:center}
		.productos .descripcion, .soluciones .descripcion{ font-size:15px; line-height:22px;}
		.productos .vermas,.soluciones .vermas{width:100%; margin: 30px 0; text-align:center}
			.productos .vermas a, .soluciones .vermas a{ padding:13px 12px 13px 50px;background:url(../images/paquetes.png) no-repeat #0096D5 10px 5px; color:#FFF; text-decoration:none; font-weight:bold;}

.footer{float:left; width:100%;background:#E5E5E5; padding:35px 0;}
	.footer .redes,.footer .partners{ width:100%;text-align:center;margin:10px 0}
		.footer .partners img{width:90%}
		.footer img{ vertical-align:middle; margin:0 3px;}
	.footer .links{float:left; clear:both; width:100%; margin:10px 0;}
		.footer .links ul{ margin:10px 2%; padding:0; width:96%; text-align:center}

.pie {background:#005C93;clear:both; float:left;width:100%;margin:0; padding:15px 0; color:#FFF;font-size:11px; line-height:16px;}
	.pie  a{color:#FFFF00;}
	.pie .derechos {width:100%;text-align:center}
	.pie .f-contacto{width:100%}
	.pie .f-contacto .custom{width:100%;text-align:center}
	.pie .f-contacto img{vertical-align:middle; margin:0 5px;}
	.pie .firma{ color:#337DA9;} .pie .firma a{ color:#337DA9; text-decoration:none;}

.wrapper_contacto{min-height:420px}
/*SOLUCIONES*/
	.lista-soluciones .icono{ float:left; width:100%;}
	.lista-soluciones .descripcion{ float:right; width:100%;}
	.planes .detalles{margin-top: 10px;padding: 5px;height:auto}
	.planes .iconos + .detalles{height:auto;}
	.enterprise .iconos + .detalles{height:auto}
/*FIN*/
/*CONTENIDO - OFFICE 365*/
.contenido .fondo_imagen{background:none; background-size:cover; float:left; clear:both; margin:0; width:100%;}
	.contenido .cebecera{ padding:0;background:none; width:100%; border-top:#EB3C00 10px solid; margin:0; float:left;}

		.contenido .cebecera .verbeneficios, .contenido .cebecera .verplanes{ float:left; margin:15px 0; width:100%; text-align:center;}
		.contenido .cebecera .verbeneficios, .contenido .cebecera .verplanes a{ margin:15px 0;}
		.contenido .azul{ float:left; width:100%; margin:0%; color:#fff;font-size:15px;  font-weight:normal;}

			.contenido .beneficios .imagen{ float:left; width:100%;}
			.contenido .beneficios .contenido{ float:left; width:100%;}

	.imagen_producto .texto{ float:left; width:100%; margin:0% 0 0 0%; position:relative; z-index:1;}
		.imagen_producto .titulo{ font-size:15px; margin:0 0 3% 0; font-weight:bold; line-height:30px;}
		.imagen_producto .descripcion{ font-size:12px; line-height:auto;width:100%;}

	.planes ul.top_planes  li{ float:right; list-style:none; width:100%; margin:0 %; text-align:center;}

		.pruebagratuita {display:none;}

	.planes .down_planes li div{ float:left; width:10%; margin:0; text-align:center;padding:0}/*
		.planes .down_planes li div img{ vertical-align:middle;}*/
	.planes .down_planes li .concepto{ background:#E5E5E5; text-align:left;width:70%; }/*

.planesaplicaciones{float:left; width:100%; clear:both; margin:30px 0;}*/
	.planesaplicaciones h3{ text-align:center; text-transform:uppercase; font-size:17px;}/*
	.planesaplicaciones ul{}*/
	.planesaplicaciones ul li{ list-style:none; float:left; width:100%; margin:2% 0; text-align:center;}
	/*.planesaplicaciones .iconos{}
	.planesaplicaciones .titulo{ font-weight:bold; text-transform:uppercase; padding:5px 0;}*/
	.planesaplicaciones ul li .descripcion{ text-align:justify; height:auto;}
	.planesaplicaciones .contactar{ float:left; margin:15px 0; width:100%; font-size:11px;}
	/*.planesaplicaciones .contactar a{background:#005C93; color:#FFF; text-decoration:none; font-weight:bold; padding:15px; text-transform:uppercase;}*/
/*FIN*/
/*AZURE*/
.contenido .azure .fondo_imagen{background:none; background-size:cover; float:left; clear:both; margin:0; width:100%;}
.contenido .azure .cebecera{ padding:0;background:none; width:100%; border-top:#00ABEC 10px solid; margin:0; float:left;}
/*.azure a.contactar{background:#005C93; color:#FFF; text-decoration:none; font-weight:bold; padding:15px; text-transform:uppercase;}*/
/*LICENCIAS OPEN*/
.contenido .licenciasopen .fondo_imagen{background:none; background-size:cover; float:left; clear:both; margin:0; width:100%;}
	.contenido .licenciasopen .cebecera{ padding:0;background:none; width:100%; border-top:#005A92 10px solid; margin:0; float:left;}
		.licenciasopen a.contactar{background:#005C93; color:#FFF; text-decoration:none; font-weight:bold; padding:15px; text-transform:uppercase;}
		
		.licenciasopen .imagen_producto .texto{ float:left; width:100%; margin:0; position:relative; z-index:1;}
		
		.licenciasopen .planesaplicaciones{float:left; width:100%; clear:both; margin:10px 0;}
		.licenciasopen  .planesaplicaciones ul li .descripcion{ text-align:justify; height:auto;}
/* FIN LICENCIAS OPEN*/
/*SOLUCIONES HP*/
.contenido .solucioneshp .fondo_imagen{background:none; background-size:cover; float:left; clear:both; margin:0; width:100%;}
	.contenido .solucioneshp .cebecera{ padding:0;background:none; width:100%; border-top:#0096D6 10px solid; margin:0; float:left;}
		.solucioneshp a.contactar{background:#005C93; color:#FFF; text-decoration:none; font-weight:bold; padding:15px; text-transform:uppercase;}
		
		.solucioneshp .imagen_producto .texto{ float:left; width:100%; margin:0; position:relative; z-index:1;}
		
		.solucioneshp .planesaplicaciones{float:left; width:100%; clear:both; margin:10px 0;}
		.solucioneshp  .planesaplicaciones ul li .descripcion{ text-align:justify; height:auto;}
		
		.solucioneshp .iconos_lista{float:left; width:100%; clear:both; margin:20px 0;}
		.solucioneshp .iconos_lista ul{}
		.solucioneshp .iconos_lista ul li{ text-align:center; float:left; width:100%; margin:1% 0; list-style:none;}
/* FIN SOLUCIONES HP*/
.wrapper_contacto{min-height:710px}
}


@media screen and (min-width:480px) and (max-width:768px){
.custom{width:100%}
	.custom, .contacto, .moduletable_contacto, .content{width:100%}
	.header .logotipo-movil{display:block !important; width:100%; margin:1% 0;text-align:center}
	.home .header .logotipo,.secciones .header .logotipo{display:none}
	.home .header, .secciones .header{padding:0}
	.header .derecha{width:100%;margin:10px 0}
		.header .telefono,.header .whatsapp,.header .correo{ width:100%; margin:0 auto;text-align:center;color:#000000}
		.header .menu {height:0;background:none}
		.header .cont-busqueda{width:100%; margin:0 auto} 
		.header .cont-busqueda .buscar-left{display:none}
		.header .buscar{width:96%; padding:12px 2%;display:table}
		.search_buscar input[type='search']{width:96% !important;margin:0 1%}
		.search_buscar .button{background:#003362;padding:8px;border:0; color:#FFF;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.slide{  width:100%; margin:0; padding:0;display:block}
.slide .nivo-caption {	position:absolute;	left:0%; right:0%;bottom: 10%;color:#fff;	width:100%;	z-index:8;	padding: 5px 10px;	/* opacity: 0.8; */	overflow: hidden;	display: none;	-moz-opacity: 0.8;	filter:alpha(opacity=8);	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	font-size: 20px;	font-weight: bold;	text-align: center;	text-shadow: 0.05em 0.05em 0.10em #000;}
.categorias{width:100%; clear:bot;margin:0}
.categorias ul{text-align:center}
	ul.lista li{width:25%; margin:10px 1%;text-align:center;background:url(../images/cat-fondo.png)no-repeat;background-size:cover;}
.productos,.soluciones{ float:left; width:100%; clear:both; background:none;margin:35px 0 0 0;height:230px}
	.productos .texto,.soluciones .texto{ float:left; width:96%; padding:0 2%; margin:0}
		.productos .titulo,.soluciones .titulo{ font-size:18px; margin:10px 0; font-weight:bold;text-align:center}
		.productos .descripcion, .soluciones .descripcion{ font-size:15px; line-height:22px;}
		.productos .vermas,.soluciones .vermas{width:100%; margin: 30px 0; text-align:center}
			.productos .vermas a, .soluciones .vermas a{ padding:13px 12px 13px 50px;background:url(../images/paquetes.png) no-repeat #0096D5 10px 5px; color:#FFF; text-decoration:none; font-weight:bold;}

.footer{float:left; width:100%;background:#E5E5E5; padding:35px 0;}
	.footer .redes,.footer .partners{ width:100%;text-align:center;margin:10px 0}
		.footer .partners img{width:90%}
		.footer img{ vertical-align:middle; margin:0 3px;}
	.footer .links{float:left; clear:both; width:100%; margin:10px 0;}
		.footer .links ul{ margin:10px 2%; padding:0; width:46%;}

.pie {background:#005C93;clear:both; float:left;width:100%;margin:0; padding:15px 0; color:#FFF;font-size:11px; line-height:16px;}
	.pie  a{color:#FFFF00;}
	.pie .derechos {width:100%;text-align:center}
	.pie .f-contacto{width:100%}
	.pie .f-contacto .custom{width:100%;text-align:center}
	.pie .f-contacto img{vertical-align:middle; margin:0 5px;}
	.pie .firma{ color:#337DA9;} .pie .firma a{ color:#337DA9; text-decoration:none;}
	
	.imagen_producto .texto{ float:left; width:100%; margin:0% 0 0 0%; position:relative; z-index:1;}
		.imagen_producto .titulo{ font-size:15px; margin:0 0 3% 0; font-weight:bold; line-height:30px;}
		.imagen_producto .descripcion{ font-size:12px; line-height:auto;width:100%;}
}