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

.transition {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.btn-whatsapp {
	position: fixed;
	width: 50px;
	height: 50px;
	right: 10pX;
	bottom: 10px;
	z-index: 25;
}

.background {
	background-image: url(imagenes/background.jpg);
}

.bg-error-404 {
	background-color: #124;
	width: 100%;
	height: -moz-calc(100% - 65px);
	height: -webkit-calc(100% - 65px);
	height: -o-calc(100% - 65px);
	height: calc(100% - 65px);
	float: left;
	text-align: center;
}

.error-404 {
	width: 500px;
	height: 350px;
	display: inline-block;
	margin: -moz-calc(25% - 1000px) 0px;
	margin: -webkit-calc(25% - 1000px) 0px;
	margin: -o-calc(25% - 1000px) 0px;
	margin: calc(25% - 1000px) 0px;
}

.no-scroll{
    overflow: hidden;
}

.web {
	max-width: 2000px;
	min-width: 320px;
	margin: auto;
}

.min {
	max-width: 1200px;
	min-width: 320px;
	margin: auto;
}

.espacio-top {
	margin-top: 100px;
}

.hide {
	width: 0px;
	height: 0px;
	float: left;
	overflow: hidden;
}

.efecto {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bg-slider {
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
}

.slider {
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
	display: flex;
}

.slider li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	margin: 0px;
	left: 0px;
	top: 0px;
}
	
.slider li:first-child {
	position: relative;
	display: block;
	float: left;
}
	
.slider img {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	border: 0px;
	object-fit: cover;
	object-position: 80% 100%;
}

.slider b {
	position: absolute;
	width: -moz-calc(85% - 100px);
	width: -webkit-calc(85% - 100px);
	width: -o-calc(85% - 100px);
	width: calc(85% - 100px);
	left: 100px;
	bottom: 35%;
	margin-bottom: 50px;
	font-family: 'GothicEast';
	font-family: 'Quicksand';
	font-size: 75px;
/*	text-transform: uppercase;*/
	text-align: left;
	box-sizing: border-box;
	color: #FFF;
	z-index: 50;
}

.slider hr {
	border: none;
	position: absolute;
	width: 120px;
	height: 5px;
	bottom: 35%;
	margin-bottom: 30px;
	left: 100px;
	float: left;
	z-index: 50;
}

.slider span {
	position: absolute;
	width: -moz-calc(85% - 100px);
	width: -webkit-calc(85% - 100px);
	width: -o-calc(85% - 100px);
	width: calc(85% - 100px);
	left: 100px;
	top: 65%;
	font-family: 'OpenSans';
/*	font-size: 1.2vw;*/
	font-size: 22px;
	text-align: left;
	color: #FFF;
	box-sizing: border-box;
	text-shadow: 0px 0px 15px #000;
	z-index: 50;
}

.slider a {
	background-image: url(imagenes/3d.png);
	background-size: 100% 100%;
	position: absolute;
	width: auto;
	left: 100px;
	top: 65%;
	margin-top: 90px;
	padding: 20px 120px;
	font-family: 'OpenSans';
	font-size: 1.2vw;
	color: #FFF;
	box-sizing: border-box;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	z-index: 50;
}

.hr-rojo {background-color: #E03; border: none;}
.hr-azul {background-color: #0BF; border: none;}
.hr-naranja {background-color: #F60; border: none;}
.hr-verde {background-color: #088; border: none;}
.hr-gris {background-color: #333; border: none;}
.hr-gris-claro {background-color: #999; border: none;}
.hr-rosa {background-color: #F3F; border: none;}

.btn-rojo {background-color: #E03;;}
.btn-azul {background-color: #0BF;}
.btn-naranja {background-color: #F60;}
.btn-verde {background-color: #088;}
.btn-gris {background-color: #333;}
.btn-gris-claro {background-color: #999;}
.btn-rosa {background-color: #F3F;}

.rojo {color: #E03;;}
.azul {color: #0BF;}
.naranja {color: #F60;}
.verde {color: #088;}
.gris {color: #333;}
.gris-claro {color: #999;}
.rosa {color: #F3F;}

.slider a:hover {
/*	-webkit-filter: hue-rotate(5deg) brightness(90%);
	filter: hue-rotate(5deg) brightness(90%);*/
/*	padding: 25px 125px;*/
}

.flecha-prev {
	position: absolute;
	width: 40px;
	height: 40px;
	float: left;
	left: 10px;
	top: 50%;
	margin-top: -20px;
	z-index: 100;
}

.flecha-next {
	position: absolute;
	width: 40px;
	height: 40px;
	float: left;
	right: 10px;
	top: 50%;
	margin-top: -20px;
	z-index: 100;
}

.bg-header {
	position: absolute;
	width: 100%;
	float: left;
	left: 0px;
	top: 0px;
	z-index: 500;
}

.header {
	width: -moz-calc(100% - 250px);
	width: -webkit-calc(100% - 250px);
	width: -o-calc(100% - 250px);
	width: calc(100% - 250px);
	width: 100%;
	float: right;
}

.logo {
	position: fixed;
	width: 180px;
	height: 90px;
	left: 20px;
	top: 50px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 450;
}

.logo-blanco {
	-webkit-filter: hue-rotate(0deg)  saturate(0%) brightness(1000%);
	filter: hue-rotate(0deg)  saturate(0%) brightness(1000%);
}

.logo-aktivo {
	position: fixed;
	width: 150px;
	height: 75px;
	left: 20px;
	top: 20px;
	-webkit-filter: none;
	filter: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 450;
}

.nube {
	position: fixed;
	width: 180px;
	height: 90px;
	left: 10px;
	top: -150px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 425;
}

.nube-grande {
	width: 220px;
	height: 110px;
	left: 5px;
	top: 35px;
}

.nube-aktiva {
	position: fixed;
	width: 180px;
	height: 90px;
	left: 10px;
	top: 10px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 425;
}

.shortcuts-main {
/*	background-color: #111;*/
/*	background-color: #026;*/
	background-color: #333;
	width: 100%;
	float: left;
	padding: 5px 0px;
}

.shortcuts {
	width: 100%;
	max-width: 490px;
	height: 30px;
	float: right;
	margin: 5px 0px;
	line-height: 30px;
	text-align: right;
}

.shortcuts-link {
	width: auto;
	height: 30px;
	line-height: 30px;
	float: left;
	color: #FFF;
	font-weight: bold;
	padding: 0px 20px;
	font-size: 18px;
}

.shortcuts-link:hover {
	color: #FC0;
}

.shortcuts-ico {
	width: 25px;
	height: 25px;
	float: left;
	margin: 2px 5px;
}

.shortcuts-login {
	border: #E03 2px solid;
	background-color: #FFF;
	width: auto;
	height: 30px;
	line-height: 30px;
	float: left;
	padding: 0px 25px;
	color: #E03;
	font-size: 18px;
	font-weight: bold;
	margin-top: -2px;
	margin-left: 30px;
}

.shortcuts-login:hover {
	background-color: #E03;
	color: #FFF;
}

.shortcuts-login-ico {
	width: 30px;
	height: 30px;
	float: right;
	margin: 0px 5px;
	margin-right: 10px;
}

.bg-menu {
	background-color: #05B;
}

.menu {
	position: relative;
	width: 100%;
	height: 60px;
	float: right;
	line-height: 60px;
	text-align: right;
	margin: 0px;
	margin-top: 10px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
/*
.menu-main {
	width: -moz-calc(100% - 200px);
	width: -webkit-calc(100% - 200px);
	width: -o-calc(100% - 200px);
	width: calc(100% - 200px);
	max-width: 750px;
	float: right;
	display: flex;
	align-items: right;
}

.menu-link-main {
	position: relative;
	width: 150px;
	height: 60px;
	float: left;
}

.menu-link {
	width: 100%;
	height: inherit;
	line-height: inherit;
	float: left;
	padding: 0px 15px;
	font-size: 22px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	box-sizing: border-box;
}

.submenu-link-main {
	width: 180px;
	height: 0px;
	line-height: inherit;
	color: #FFF;
	float: left;
	background-color: rgba(0, 0, 0, 0.95);
	font-size: 16px;
	text-align: left;
	margin: 0;
	padding: 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.submenu-link {
	width: 100%;
	height: inherit;
	color: #FFF;
	float: left;
}

.menu-link:hover .submenu-link-main {
	height: auto;
}*/

.menu-aktivo {
	position: fixed;
/*	background-color: #266;	Erde		*/
/*	background-color: #B00;*/
	background-color: #05B;
	width: 100%;
	height: 60px;
	line-height: 60px;
	left: 0px;
	top: 0px;
	text-align: right;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.75);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 100;
}

.aktivo {
/*	color: #F00 !important;*/
	border-bottom: #FFF;
	box-sizing: border-box;
}

.menu-responsive, 
.cerrar-menu-responsive {
	position: absolute;
	display: none;
	width: 30px;
	height: 30px;
	top: 15px;
	right: 15px;
	cursor: pointer;
	z-index: 350
}

.bg-contenido {
	width: 100%;
	float: left;
}

.contenido {
	width: 100%;
	float: left;
	text-align: justify;
}

.info {
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -o-calc(100% - 40px);
	width: calc(100% - 40px);
	float: left;
	margin: 20px;
	text-align: justify;
}

.alto-minimo {
	min-height:-moz-calc(100% - 120px);
	min-height: -webkit-calc(100% - 120px);
	min-height: -o-calc(100% - 120px);
	min-height: calc(100% - 120px);
}

.titulo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 2rem;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin: 25px 0px;
	margin-top: 0px;
}

.linea-titulo {
	width: 250px;
	border-top: 5px solid #F00;
	margin-bottom: 30px;
}

.top {
	margin-top: 50px;
}

.bg-form-dominio {
	background-image: url(imagenes/bg-buscar-dominio.jpg);
	background-position: top center;
	background-size: 100% 100%;
	position: relative;
	width: 100%;
	float: left;
}

.form-dominio-main {
	width: 100%;
	max-width: 800px;
	margin: 50px auto;
}

.form-dominio {
	width: 100%;
	float: left;
	text-align: left;
	background-color: #FFF;
	padding: 30px;
	border: #F8F8F8 5px solid;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.dominio-input {
/*	border: #266 2px solid;*/
	border: #05B 2px solid;
	background-color: #FFF;
	width: -moz-calc(100% - 150px);
	width: -webkit-calc(100% - 150px);
	width: -o-calc(100% - 150px);
	width: calc(100% - 150px);
	height: 60px;
	float: left;
	margin-bottom: 15px;
	line-height: 60px;
	padding: 0px 20px;
	font-size: 25px;
	text-transform: lowercase;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
	box-sizing: border-box;
}

.dominio-input::before {
	content: 'www.';
}

.dominio-btn {
	border: none;
	background-color: #05B;
	width: 150px;
	height: 60px;
	float: left;
	display: inline-block;
	color: #FFF;
	text-align: center;
	font-size: 25px;
	margin-bottom: 15px;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}

.btn-cargando {
	background-image: url(imagenes/loading.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 40px 40px;
/*	background-color: #999;*/
}

.respuesta-whois {
	width: 100%;
	float: left;
	text-align: left;
}

.dominio-label {
	width: auto;
	height: 15px;
	line-height: 15px;
	display: inline-block;
	font-size: 20px;
}

.dominio-radio {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 10px;
}

.dominio-todas-extensiones {
	border: #666 2px solid;
	background-color: #F8F8F8;
	width: 100%;
	float: left;
	margin: 20px 0px;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
}

.dominio-tld {
	width: 16.5%;
	min-width: 100px;
	float: left;
	margin: 10px 0px;
}

.dominio-extension {
	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: -o-calc(100% - 30px);
	width: calc(100% - 30px);
	height: 20px;
	line-height: 20px;
	float: left;
	font-size: 18px;
}

.dominio-checkbox {
	width: 20px;
	height: 20px;
	float: left;
	margin: 0px;
	margin-right: 5px;
}

.dominio-resultados {
	width: 650px;
	margin: auto;
}

.dominio-main {
	width: 100%;
	float: left;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.dominio-whois-main {
	width: 100%;
	float: left;
	line-height: 35px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.dominio-titulo {
	background-color: #05B;
	width: 430px;
	float: left;
	color: #FFF;
	font-size: 22px;
	text-align: center;
	padding: 10px 0px;
}

.dominio-titulo-status {
	background-color: #05B;
	width: 220px;
	float: left;
	color: #FFF;
	font-size: 22px;
	text-align: center;
	padding: 10px 0px;
}

.dominio-tiempo-espera {
	display: none;
	border: #C44 solid 1px;
	background-color: rgba(204, 68, 68, 0.25);
	width: 80%;
	float: left;
	color: #C44;
	font-size: 18px;
	text-align: center;
	padding: 20px 0px;
	margin: 10px 10%;
	box-sizing: border-box;
}

.dominio-buscado-main {
	width: 100%;
	float: left;
	margin: 20px;
}

.dominio-buscado {
	width: 430px;
	float: left;
	padding: 5px;
	margin: 5px 0px;
	font-size: 18px;
	text-align: left;
	border-bottom: #666 dotted 1px;
	box-sizing: border-box;
}

.dominio-disponible {
	background-image: url(imagenes/ico-si.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 15px center;
	color: #090;
	width: 220px;
	float: left;
	text-align: left;
	font-size: 18px;
/*	border-left: #36C solid 1px;*/
	border-bottom: #666 dotted 1px;
	padding: 5px 0px;
	padding-left: 35px;
	margin: 5px 0px;
	box-sizing: border-box;
}

.dominio-ocupado {
	background-image: url(imagenes/ico-no.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 15px center;
	color: #F00;
	width: 220px;
	float: left;
	text-align: left;
	font-size: 18px;
/*	border-left: #36C solid 1px;*/
	border-bottom: #666 dotted 1px;
	padding: 5px 0px;
	padding-left: 35px;
	margin: 5px 0px;
	box-sizing: border-box;
}

.dominio-renovacion-main {
	width: 100%;
	float: left;
	margin: 20px;
}

.dominio-renovacion-label {
	width: 180px;
	height: 35px;
	line-height: 35px;
	float: left;
	padding: 5px 10px;
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-size: 20px;
	overflow: hidden;
	text-align: right;
	box-sizing: border-box;
}

.dominio-renovacion-data {
	width: -moz-calc(100% - 180px);
	width: -webkit-calc(100% - 180px);
	width: -o-calc(100% - 180px);
	width: calc(100% - 180px);
	height: 35px;
	line-height: 35px;
	float: left;
	padding: 5px 10px;
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
	text-align: left;
	box-sizing: border-box;
}




/*     TLD's     */
.bg-tld {
	background-image: url(imagenes/bg-tld.jpg);
	background-position: top center;
	background-size: 100% 100%;
	position: relative;
	width: 100%;
	float: left;
}

.tld-main {
	width: 90%;
	float: left;
	padding: 10px 5%;
	text-align: center;
	overflow: hidden;
}

.tld {
	width: 100%;
	float: left;
}

.tld-logo {
	width: -moz-calc(100% / 10 - 16px);
	width: -webkit-calc(100% / 10 - 16px);
	width: -o-calc(100% / 10 - 16px);
	width: calc(100% / 10 - 16px);
	height: 50px;
	display: inline-block;
	margin: 0px 5px;
	object-fit: contain;
	object-position: center;
}



/*     Micrositios     */
.bg-micrositios {
	background-color: #FAFAFA;
	background-image: url(imagenes/bg-micrositios.jpg);
	background-position: center center;
	background-size: cover;
	width: 100%;
	float: left;
	padding: 100px 0px;
}

.micrositios {
	width: 100%;
	float: left;
	text-align: center;
}

.micrositios-main {
	background-color: #FFF;
	width: -moz-calc(100% / 3 - 30px);
	width: -webkit-calc(100% / 3 - 30px);
	width: -o-calc(100% / 3 - 30px);
	width: calc(100% / 3 - 30px);
	min-width: 270px;
	height: 450px;
	float: left;
	margin: 20px 15px;
	overflow: hidden;
/*	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);*/
}
/*
.micrositios-main:hover {
	box-shadow: 5px 5px 10px #000;
}*/

.micrositios-img {
	width: 100%;
	height: 200px;
	float: left;
	object-fit: cover;
	object-position: 50% 50%;
}

.micrositios-ico {
	border: #FFF 2px solid;
	width: 90px;
	height: 90px;
	float: left;
	margin: 0px -moz-calc(50% - 45px);
	margin: 0px -webkit-calc(50% - 45px);
	margin: 0px -o-calc(50% - 45px);
	margin: 0px calc(50% - 45px);
	margin-top: -45px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
}

.micrositios-txt-main {
	width: 100%;
	float: left;
	margin: 0px;
	margin-top: 15px;
	padding: 0px 15px;
	text-align: justify;
	box-sizing: border-box;
}

.micrositios-txt-titulo {
	width: 100%;
	float: left;
	font-family: Arial;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
}

.micrositios-txt-subtitulo {
	width: 100%;
	float: left;
	font-size: 15px;
	font-style: italic;
	color: #666;
	text-align: center;
	padding-bottom: 5px;
	margin: 5px 0px;
	margin-bottom: 15px;
	border-bottom: #666 1px solid;
}

.micrositios-txt {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	text-align: justify;
	box-sizing: border-box;
}



/*     Nuestras Soluciones     */
.bg-nuestras-soluciones {
	background-image: url(imagenes/pleca-nuestras-soluciones.png?v=28);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 90%;
	width: 100%;
	float: left;
	padding: 100px 0px;
	margin: 100px 0px;
}

.nuestras-soluciones {
	width: 100%;
	height: 100%;
	float: left;
}

.nuestras-soluciones-main {
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
}

.nuestras-soluciones-img-main {
	position: relative;
	width: 50%;
	height: 100%;
	float: left;
	padding: 0px 40px;
	box-sizing: border-box;
}

.nuestras-soluciones-img-web {
	width: 70%;
	height: 280px;
	float: right;
	margin-left: -100%;
	object-fit: cover;
	object-position: 50% 50%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}

.nuestras-soluciones-img-diseno {
	width: 40%;
	height: 350px;
	float: left;
	margin-top: 100px;
	object-fit: cover;
	object-position: 50% 50%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index: 10;
}

.nuestras-soluciones-txt-main {
	background-color: rgba(255, 255, 255, 0.65);
	width: 50%;
	height: 100%;
	float: left;
	padding: 50px 40px;
	margin: 0px 20px;
	box-sizing: border-box;
}

.nuestras-soluciones-txt {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 25px;
}

.nuestras-soluciones-email {
	background-image: url(imagenes/ico-email.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-color: #05B;
	width: auto;
	display: inline-block;
	margin-top: 25px;
	padding: 10px 15px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	padding-left: 45px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}

.nuestras-soluciones-whatsapp {
	background-image: url(imagenes/ico-whatsapp.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-color: #0B5;
	width: auto;
	display: inline-block;
	margin-top: 25px;
	padding: 10px 15px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	padding-left: 45px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}




/*     Beneficios     */
.beneficios {
	width: 100%;
	float: left;
}

.bg-beneficios {
	background-color: #EDEDED;
}
 
.beneficios-rojo {color: #E03;}
.beneficios-azul {color: #0BF;}
.beneficios-naranja {color: #F93;}
.beneficios-verde {color: #088;}
.beneficios-gris {color: #333;}
 
.beneficios-txt-main {
	width: -moz-calc(50% - 60px);
	width: -webkit-calc(50% - 60px);
	width: -o-calc(50% - 60px);
	width: calc(50% - 60px);
	height: 100%;
	float: left;
	margin: 100px 30px;
}

.beneficios-txt {
	position: relative;
	font-family: 'Trebuchet MS';
	width: 100%;
	color: #666;
	font-size: 1.2rem;
	padding: 0px 20px;
	box-sizing: border-box;
}

.beneficios-txt-titulo {
	width: 100%;
	font-family: 'Miso';
	float: left;
/*	color: #FFF;*/
	margin-top: 5vw;
	font-size: 6.5rem;
}

.beneficios-txt-info {
	width: 100%;
	font-family: 'Trebuchet MS';
	float: left;
	margin-top: 15px;
/*	color: #FFF;*/
/*	font-size: 4.5rem;*/
}

.beneficios-img-main {
	width: -moz-calc(50% - 60px);
	width: -webkit-calc(50% - 60px);
	width: -o-calc(50% - 60px);
	width: calc(50% - 60px);
	height: 100%;
	float: left;
	margin: 30px;
}

.beneficios-img {
	width: 80%;
	height: 80%;
	float: left;
	margin: 10%;
	object-fit: contain;
	object-position: 50% 50%;
}

.bg-planes-hosting {
	width: 100%;
	float: left;
	margin: 50px 0px;
}

.planes-hosting {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	text-align: center;
}

.planes-hosting-paquete {
	border-bottom: rgba(0, 0, 0, 0.05) 1px solid;
	width: -moz-calc(100% / 3 - 30px);
	width: -webkit-calc(100% / 3 - 30px);
	width: -o-calc(100% / 3 - 30px);
	width: calc(100% / 3 - 30px);
	float: left;
	text-align: center;
	margin: 0px 15px;
	box-sizing: border-box;
}

.planes-hosting-titulo {
	width: 100%;
	height: 80px;
	line-height: 80px;
	float: left;
	font-size: 2rem;
	font-weight: bolder;
	color: #FFF;
}

.planes-hosting-precio {
	border-left: rgba(0, 0, 0, 0.05) 1px solid;
	border-right: rgba(0, 0, 0, 0.05) 1px solid;
	background-color: #FFF;
	width: 100%;
	height: 100px;
	line-height: 100px;
	float: left;
	font-size: 2.5rem;
	box-sizing: border-box;
}

.planes-hosting-info {
	border-left: rgba(0, 0, 0, 0.05) 1px solid;
	border-right: rgba(0, 0, 0, 0.05) 1px solid;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	float: left;
	box-sizing: border-box;
}

.precio-tachado {
	background-image: url(imagenes/descuento-20.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
	height: 70px;
	font-size: 1.9rem;
	color: #900;
	text-decoration: line-through;
}

.paquete-resaltado {
	box-shadow: 0px 0px 30px #333 !important;
}

.bg-portada {
	width: 100%;
	float: left;
	margin-bottom: 75px;
	box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.75);
}

.portada-main {
	background-color: rgba(0, 0, 0, 0.35);
	width: 100%;
	float: left;
	padding: 250px 0px;
}

.bg-portada-bodas {
	background-image: url(imagenes/portada-bodas.jpg);
	background-size: cover;
	width: 100%;
	float: left;
	padding-top: 50px;
}

.portada-titulo {
	font-family: 'Rouge';
	position: relative;
	width: 100%;
	height: 50px;
	line-height: 50px;
	float: left;
	text-align: center;
	font-size: 100px;
	color: #FFF;
	margin: 0px;
	margin-bottom: 10px;
}

.portada-linea {
	border-bottom: #F3F 5px solid;
	width: 50%;
	float: left;
	margin: 10px 25%;
}

.portada-slogan {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 25px;
	font-style: italic;
	color: #FFF;
	margin: 10px 0px;
}

.bg-informacion {
	background-image: url(imagenes/background-rosa.jpg);
	background-size: cover;
}

.informacion-main {
	width: 100%;
	height: 450px;
	float: left;
	padding: 150px 0px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.informacion-img-main {
	width: 50%;
	height: 100%;
	float: left;
}

.informacion-img {
	width: 90%;
	height: 90%;
	float: left;
	margin: 5% 0px;
	object-fit: cover;
	object-position: 50% 50%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 50px 30px -30px rgba(0, 0, 0, 0.5);
}

.informacion-hr {
	width: 450px;
	height: 3px;
	margin-right: -moz-calc(100% - 180px);
	margin-right: -webkit-calc(100% - 180px);
	margin-right: -o-calc(100% - 180px);
	margin-right: calc(100% - 180px);
	margin-bottom: 30px;
	margin-top: 0px;
	float: left;
}

.informacion-titulo {
	font-family: 'LucianSchoenschrift';
	width: 100%;
	float: left;
	margin: 0px;
	box-sizing: border-box;
	font-size: 55px;
}

.informacion-txt {
	width: 50%;
/*	height: 100%;*/
	float: left;
	padding: 0px 40px;
	padding-left: 0px;
	box-sizing: border-box;
}

.informacion-data {
	line-height: 1.5;
	margin-bottom: 25px;
}

.informacion-derecha {
	flex-direction: row-reverse;
/*	box-shadow: 50px 50px 0px #666;*/
}

.informacion-derecha .informacion-txt {
	padding-right: 40px;
	padding-left: 0px;
}

.informacion-derecha .informacion-img {
	float: right;
}

.informacion-izquierda .informacion-txt {
	padding-left: 40px;
	padding-right: 0px;
}

.informacion-paquete-main {
	width: 100%;
	float: left;
	display: table;
}

.informacion-paquete-fila {
	border-bottom: #F5F5F5 1px solid;
	width: 100%;
/*	height: 40px;*/
	display: table-row;
/*	display: flex;
	align-items: center;*/
}

.informacion-paquete-fila:hover {
	background-color: #F5F5F5;
}

.informacion-paquete-concepto {
	position: relative;
	width: -moz-calc(100% - 360px);
	width: -webkit-calc(100% - 360px);
	width: -o-calc(100% - 360px);
	width: calc(100% - 360px);
	height: 40px;
	line-height: 40px;
	padding: 0px 10px;
	box-sizing: border-box;
	display: table-cell;
}

.informacion-paquete-mas {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 5px;
	right: 5px;
	cursor: pointer;
	z-index: 50;
}

.triangulo {
	border-style: solid;
	border-width: 10px;
	width: 0px;
	height: 0px;
	margin-left: 5px;
	margin-top: 10px;
}

.triangulo > div {
	border-style: solid;
	border-width: 10px;
	width: 0px;
	height: 0px;
	position: relative;
}

.triangulo.abajo{
/*    border-color: transparent transparent black transparent;*/
	border-color: black transparent transparent transparent;
}

.triangulo.abajo > div {
	/*border-color: transparent transparent white transparent;
	top:1px;
	left:-10px;*/
	border-color: white transparent transparent transparent;
	top: -21px;
	left: -10px;
}






.informacion-paquete-concepto-detallado {
	width: 100%;
	height: 0px;
	float: left;
	overflow: hidden;
}

.informacion-paquete-data {
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: table-cell;
}

.informacion-paquete-ico {
	background-color: #092;
	width: 30px;
	height: 30px;
	display: inline-block;
	margin: 5px 45px;
	padding: 5px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	box-sizing: border-box;
}

.correcto {
	width: 100%;
	height: 50px;
	border: #393 2px solid;
	background-color: rgba(51, 153, 51, 0.1);
	background-image: url(imagenes/ico-correcto.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding-left: 60px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	color: #393;
	box-sizing: border-box;
}

.error {
	width: 100%;
	height: 50px;
	border: #C00 2px solid;
	background-color: rgba(192, 0, 0, 0.1);
	background-image: url(imagenes/ico-error.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding-left: 60px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	color: #C00;
	box-sizing: border-box;
}

.alerta-main {
	background-color: #FFF;
	position: fixed;
	width: 450px;
	height: 240px;
	left: 50%;
	top: 50%;
	margin-left: -225px;
	margin-top: -110px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 750;
}

.alerta-minimizada {
	overflow: hidden;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}

.alerta-correcto {
	border-top: #393 10px solid;
}

.alerta-advertencia {
	border-top: #F60 10px solid;
}

.alerta-cerrar {
	border-top: #C00 10px solid;
}

.alerta-error {
	border-top: #C00 10px solid;
}

.alerta-enterado {
	border-top: #05B 10px solid;
}

.alerta-ico-main {
	width: 100%;
	height: 70px;
	float: left;
	text-align: center;
	margin-top: -40px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.alerta-ico {
	width: 40px;
	height: 40px;
	display: inline-block;
	padding: 15px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 15px;
}

.alerta-msj {
	width: 100%;
	height: 80px;
	float: left;
	padding: 10px 20px;
	box-sizing: border-box;
}

.alerta-titulo {
	width: 100%;
	height: 40px;
	line-height: 40px;
	float: left;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
}

.alerta-btn {
	width: -moz-calc(50% - 30px);
	width: -webkit-calc(50% - 30px);
	width: -o-calc(50% - 30px);
	width: calc(50% - 30px);
	height: 50px;
	line-height: 50px;
	display: block;
	float: right;
	font-size: 18px;
	margin-right: 20px;
	color: #FFF;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}

.bg-alerta-aceptar {
	background-color: #393;
}

.bg-alerta-advertencia {
	background-color: #F60;
}

.bg-alerta-cerrar {
	background-color: #C00;
}

.bg-alerta-eliminar {
	background-color: #C00;
}

.bg-alerta-cancelar {
	border: #666 1px solid;
	background-color: #FFF;
	color: #666;
	float: left;
	margin-left: 20px;
}

.bg-alerta-enterado {
	background-color: #05B;
}

.bg-footer {
	background-color: #000;
	width: 100%;
	min-height: 65px;
	float: left;
}

.footer {
	width: 100%;
	padding: 25px 0px;
	float: left;
	text-align: center;
	color: #FFF;
	font-size: 12px;
}

#desarrollador-web {
	font-size: 11px;
	color: #FF0;
}