/*--------------------------------------------------------------*/
/*-----------------------ESTILO PRINCIPAL-----------------------*/
/*--------------------------------------------------------------*/

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Light.woff2') format('woff2'),
        url('fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
        url('fonts/Montserrat-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Medium.woff2') format('woff2'),
        url('fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: bold;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('fonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

:root{
    --col0: #071b26;
    --col1: #20DEBA;
    --col2: #144d6b;
    --col3: #3f5c6b;
    --col4: #e8f1f6;
    --col5: #d5dce5;
    --col6: #ffffff;
}

*
{
	font-family: 'Montserrat', sans-serif !important;
	color: var(--col3);
	margin: 0;
	padding: 0;
	line-height: 1.2;
	font-weight: 300;
	text-decoration: none;
	box-sizing: border-box;
	outline: none;
}
moz-selection{background: var(--col1);	color: #fff;}
*::-moz-selection{background: var(--col1);	color: #fff;}

a{color: var(--col3);}
a:hover{text-decoration: none;}

img{width: auto; max-width: 100%;}
form{margin: 0;}

.btn
{
	background-image: none;
	border-radius: 5px;
	box-shadow: none;
	text-shadow: none;
	border: none;
	line-height: inherit;
	text-decoration: none;
	background-color: transparent;
	color: inherit;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 13px;
	padding: 15px 40px;
	transition: all 0.3s ease-out;
	-webkit-trasition: all 0.3s ease-out;
	letter-spacing: -0.5px;
}

.btn-primary
{
	background-color: #fff;
	color: var(--col1);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
	background-color: #fff;
	color: var(--col1);
}
.btn-secundary{
	background-color: var(--col1); color: #fff;
}
.btn-secundary:hover,
.btn-secundary:focus,
.btn-secundary:active{
	background-color: var(--col1); color: #fff;
}
.btn-tres{
	background-color: var(--col2); color: #fff;
}
.btn-tres:hover,
.btn-tres:focus,
.btn-tres:active{
	background-color: var(--col2); color: #fff;
}
.btn-cuatro{
	background-color: transparent; color: var(--col1);
}
.btn-cuatro:hover,
.btn-cuatro:focus,
.btn-cuatro:active{
	background-color: var(--col1); color: #fff;
}
.btn-cinco{
	background-color: transparent; color: var(--col2);
	padding: 8px 14px;
}
.btn-cinco:hover,
.btn-cinco:focus,
.btn-cinco:active{
	background-color: var(--col2); color: #fff;
}
/*--------------------------------------------------------------*/
/*-------------------------ESTILO COMÚN-------------------------*/
/*--------------------------------------------------------------*/

header .launch
{
	float: right;
	cursor: pointer;
	height: 25px;
	width: 35px;
	position: relative;
	margin: 8px;
	z-index: 101;
}
header .launch span
{
	background-color: var(--col1);
	display: block;
	height: 3px;
	left: 0;
	width: 100%;
	position: absolute;
	opacity: 1;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
header .launch.open span
{
	background-color: #fff;
}
header .launch span:nth-child(1){top: 0;}
header .launch span:nth-child(2){top: 10px;}
header .launch span:nth-child(3){top: 10px;}
header .launch span:nth-child(4){top: 20px;}

.sidr-open header .launch span:nth-child(1){top: 18px; left: 50%; width: 0;}
.sidr-open header .launch span:nth-child(2){transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.sidr-open header .launch span:nth-child(3){transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.sidr-open header .launch span:nth-child(4){top: 18px; left: 50%; width: 0;}

.anim3{transition:all 0.3s ease-out; -webkit-trasition:all 0.3s ease-out;}
.anim6{transition:all 0.6s ease-out; -webkit-trasition:all 0.6s ease-out;}
.anim10{transition:all 1s ease-out; -webkit-trasition:all 1s ease-out;}

.ancla{cursor: pointer;}
body{padding: 0 !important;}

b{font-weight: bold; font-size: inherit; color: inherit;}

.b{font-weight: 500; font-size: inherit; color: inherit;}

input, button, select, textarea{font-family: inherit; margin: 0; width: 100%;}

select{-moz-appearance:none;-webkit-appearance:none;}

textarea{resize: vertical;}

textarea:focus, input:focus{box-shadow: none !important;}

ul, .nav{margin: 0;}

div.icons > .btn-group, body > .jmodedit{display: none !important;}

.btn:hover, .btn:active, .btn:focus{text-decoration: none !important;}

.responsive{display: none;}

.cookies{
	background-color: #fff;
	position: fixed;
	z-index: 99;
	bottom: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
	display: none;
}
.cookies p{margin: 0; padding: 0; font-size: 12px; line-height: 1.6;}
.cookies .btn{
	font-size: 13px;
	padding: 5px 15px;
	vertical-align: middle;
	text-align: center;
}
body.notfound .cookies{display: none;}
.cms-cookies table{width: 100%; margin-bottom: 30px;}
.cms-cookies table td{
	padding: 5px 10px;
	background-color: rgba(0,0,0,0.05);
	border: 2px solid transparent;
	font-size: 15px;
}
.cms-cookies thead td{font-weight: bold;}
label.checkbox{margin-bottom: 0; position: relative; padding: 0;}
label.checkbox span{
	position: relative;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.2;
	cursor: pointer;
}
label.checkbox span a{font-size: inherit; font-weight: inherit; color: var(--col1);}
label.checkbox span a:hover{text-decoration: underline;}
label.checkbox input{position: absolute; top: 0; left: 0; opacity: 0;}
label.checkbox span:before{
	content: "\f00c" !important;
	font-family: "FontAwesome" !important;
	color: transparent;
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: text-top;
	margin-right: 7px;
	text-align: center;
	line-height: 16px;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid var(--col1) !important;
	vertical-align: initial;
}

label.checkbox input[type="checkbox"]:checked + span:before{
  background-color: var(--col1);
  color: #fff !important;
}

label.checkbox input:disabled + span:before{
  opacity: 0.5;
}

.cms-cookies table{width: 100%; margin-bottom: 30px;}
.cms-cookies table td{
	padding: 5px 10px;
	background-color: rgba(0,0,0,0.05);
	border: 2px solid transparent;
	font-size: 15px;
}
.cms-cookies thead td{font-weight: bold;}
.pd5-0{padding: 5px 0;}

body.notfound .cookies{display: none;}

i.fa{color: inherit; font-family: "FontAwesome" !important;}

h1, h2, h3, h4, h5, h6{line-height: 1.2; font-weight: 600;}
h1{
	font-size: 38px;
	font-weight: 600;
	margin: 0;
	color: var(--col6);
}
.h1{
	font-size: 38px;
	font-weight: 600;
	margin: 0;
	color: var(--col6);
}

.logo:hover img{opacity: 0.8;}

.alert
{
	padding: 30px;
	background-color: #8BC34A;
	border: none;
	margin: 20px;
	border-radius: 0;
	position: fixed;
	z-index: 10;
	width: 90%;
	max-width: 700px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	box-shadow: 0 0 100px rgba(0,0,0,0.5);
}
.alert *
{
	color: #fff;
	box-shadow: none;
	text-shadow: none;
}
.alert-success{background-color: #8BC34A;}

.alert-warning{background-color: #FFC107;}

.alert-error{background-color: #F44336;}

.alert h4{color: #fff; text-shadow:none; margin-bottom: 10px; font-size: 22px;}

.alert p{margin-bottom: 0; color: #fff; text-shadow: none; line-height: 1;}

.alert .close{width: auto; padding-right: 20px; color: #fff; text-shadow: none; opacity: 1;}

.m{width: 100%; max-width: 1260px; margin: 0 auto;}
.m500{width: 100%; max-width: 500px; margin: 0 auto;}
.m700{width: 100%; max-width: 700px; margin: 0 auto;}
.m900{width: 100%; max-width: 900px; margin: 0 auto;}
.m1000{width: 100%; max-width: 1000px; margin: 0 auto;}

.ova{overflow: auto;}
.rel{position: relative;}

.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.tj{text-align: justify;}

.h100{height: 100%;}

.f{display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start;}
.f.lr{justify-content: space-between;}
.f.c{justify-content: center;}
.f.r{justify-content: flex-end;}
.f.cv{align-content: center; align-items: center;}
.f.b{align-content: flex-end; align-items: flex-end;}

.f > .c10{width: 100%;}
.f > .c9{width: 90%;}
.f > .c8{width: 80%;}
.f > .c7{width: 70%;}
.f > .c66{width: 66.6666666%;}
.f > .c6{width: 60%;}
.f > .c5{width: 50%;}
.f > .c4{width: 40%;}
.f > .c33{width: 33.3333333%;}
.f > .c3{width: 30%;}
.f > .c25{width: 25%;}
.f > .c2{width: 20%;}
.f > .c15{width: 15%;}
.f > .c1{width: 10%;}
.f > .c05{width: 05%;}
.f > .vac{align-self: center;}
.f > .f1{flex: 1;}

.pd1{padding: 1px;}
.pd2{padding: 2px;}
.pd3{padding: 3px;}
.pd4{padding: 4px;}
.pd5{padding: 5px;}
.pd5-10{padding: 5px 10px;}
.pd10-5{padding: 10px 5px;}
.pd10{padding: 10px;}
.pd10-0{padding: 10px 0;}
.pd0-10{padding: 0 10px;}
.pd10-30{padding: 10px 30px;}
.pd10-20{padding: 10px 20px;}
.pd10-15{padding: 10px 15px;}
.pd15-5{padding: 15px 5px;}

.pd15{padding: 15px;}
.pd15-0{padding: 15px 0;}
.pd0-15{padding: 0 15px;}
.pd15-30{padding: 15px 30px;}

.pd20{padding: 20px;}
.pd20-0{padding: 20px 0;}
.pd0-20{padding: 0 20px;}
.pd20-30{padding: 20px 30px;}
.pd20-15{padding: 20px 15px;}
.pd20-10{padding: 20px 10px;}

.pd30{padding: 30px;}
.pd30-0{padding: 30px 0;}
.pd0-30{padding: 0 30px;}
.pd30-20{padding: 30px 20px;}
.pd30-15{padding: 30px 15px;}
.pd30-10{padding: 30px 10px;}
.pd30-60{padding: 30px 60px;}

.pd40{padding: 40px;}
.pd40-0{padding: 40px 0;}
.pd0-40{padding: 0 40px;}
.pd40-20{padding: 40px 20px;}
.pd40-15{padding: 40px 15px;}
.pd40-10{padding: 40px 10px;}

.pd50{padding: 50px;}
.pd50-0{padding: 50px 0;}
.pd0-50{padding: 0 50px;}
.pd50-30{padding: 50px 30px;}
.pd50-20{padding: 50px 20px;}
.pd50-15{padding: 50px 15px;}
.pd50-10{padding: 50px 10px;}

.pd60{padding: 60px;}
.pd60-0{padding: 60px 0;}
.pd0-60{padding: 0 60px;}
.pd60-30{padding: 60px 30px;}
.pd60-20{padding: 60px 20px;}
.pd60-15{padding: 60px 15px;}
.pd60-10{padding: 60px 10px;}

.pd70{padding: 70px;}
.pd70-0{padding: 70px 0;}
.pd0-70{padding: 0 70px;}
.pd70-30{padding: 70px 30px;}
.pd70-20{padding: 70px 20px;}
.pd70-15{padding: 70px 15px;}
.pd70-10{padding: 70px 10px;}

.pd80{padding: 80px;}
.pd80-0{padding: 80px 0;}
.pd0-80{padding: 0 80px;}
.pd80-30{padding: 80px 30px;}
.pd80-20{padding: 80px 20px;}
.pd80-15{padding: 80px 15px;}
.pd80-10{padding: 80px 10px;}

.pd90{padding: 90px;}
.pd90-0{padding: 90px 0;}
.pd0-90{padding: 0 90px;}
.pd90-30{padding: 90px 30px;}
.pd90-20{padding: 90px 20px;}
.pd90-15{padding: 90px 15px;}
.pd90-10{padding: 90px 10px;}

.pd100{padding: 100px;}
.pd100-0{padding: 100px 0;}
.pd0-100{padding: 0 100px;}
.pd100-30{padding: 100px 30px;}
.pd100-20{padding: 100px 20px;}
.pd100-15{padding: 100px 15px;}
.pd100-10{padding: 100px 10px;}

.pd120{padding: 120px;}
.pd120-0{padding: 120px 0;}
.pd0-120{padding: 0 120px;}
.pd120-30{padding: 120px 30px;}
.pd120-20{padding: 120px 20px;}
.pd120-15{padding: 120px 15px;}
.pd120-10{padding: 120px 10px;}

.pd150{padding: 150px;}
.pd150-0{padding: 150px 0;}
.pd0-150{padding: 0 150px;}
.pd150-30{padding: 150px 30px;}
.pd150-20{padding: 150px 20px;}
.pd150-15{padding: 150px 15px;}
.pd150-10{padding: 150px 10px;}

.pd-nr{padding-right: 0 !important;}
.pd-nl{padding-left: 0 !important;}
.pd-nt{padding-top: 0 !important;}
.pd-nb{padding-bottom: 0 !important;}

.main{width: 100%; max-width: 1200px; margin: 0 auto;}
.main500{width: 100%; max-width: 500px; margin: 0 auto;}
.main700{width: 100%; max-width: 700px; margin: 0 auto;}
.main900{width: 100%; max-width: 900px; margin: 0 auto;}

.ovauto{overflow: auto;}
.relative{position: relative;}

.taleft{text-align: left;}
.tacenter{text-align: center;}
.taright{text-align: right;}

.bg{background-repeat: no-repeat; background-position: center; background-size: cover;}

.vertical{
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  max-height: 100vh;
}

.fila{display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start;}
.fila.center{justify-content: center;}
.fila.right{justify-content: flex-end;}
.fila.centervertical{align-content: center;}
.fila.bottom{align-content: flex-end;}
.fila.spacebtw{justify-content: space-between;}

.fila > .columna10{width: 100%;}
.fila > .columna9{width: 90%;}
.fila > .columna8{width: 80%;}
.fila > .columna7{width: 70%;}
.fila > .columna6{width: 60%;}
.fila > .columna5{width: 50%;}
.fila > .columna45{width: 45%;}
.fila > .columna4{width: 40%;}
.fila > .columna33{width: 33.33%;}
.fila > .columna66{width: 66.66%;}
.fila > .columna3{width: 30%;}
.fila > .columna25{width: 25%;}
.fila > .columna2{width: 20%;}
.fila > .columna15{width: 15%;}
.fila > .columna1{width: 10%;}
.fila > .vacenter{align-self: center;}

.filaf:after {
   content: " ";
   display: block;
   height: 0;
   clear: both;
}

.filaf > .columna{float: left;}
.filaf > .columna.right{float: right;}

.pdd5-0{padding: 5px 0;}

.pdd10{padding: 10px;}
.pdd10-0{padding: 10px 0;}
.pdd0-10{padding: 0 10px;}
.pdd10-30{padding: 10px 30px;}
.pdd10-20{padding: 10px 20px;}
.pdd10-15{padding: 10px 15px;}

.pdd15{padding: 15px;}
.pdd15-0{padding: 15px 0;}
.pdd15-30{padding: 15px 30px;}
.pdd0-15{padding: 0 15px;}

.pdd20{padding: 20px;}
.pdd20-0{padding: 20px 0;}
.pdd0-20{padding: 0 20px;}
.pdd20-30{padding: 20px 30px;}
.pdd20-15{padding: 20px 15px;}
.pdd20-10{padding: 20px 10px;}

.pdd30{padding: 30px;}
.pdd30-0{padding: 30px 0;}
.pdd0-30{padding: 0 30px;}
.pdd30-20{padding: 30px 20px;}
.pdd30-15{padding: 30px 15px;}
.pdd30-10{padding: 30px 10px;}

.pdd40{padding: 40px;}
.pdd40-0{padding: 40px 0;}
.pdd0-40{padding: 0 40px;}
.pdd40-20{padding: 40px 20px;}
.pdd40-15{padding: 40px 15px;}
.pdd40-10{padding: 40px 10px;}

.pdd50{padding: 50px;}
.pdd50-0{padding: 50px 0;}
.pdd0-50{padding: 0 50px;}
.pdd50-30{padding: 50px 30px;}
.pdd50-20{padding: 50px 20px;}
.pdd50-15{padding: 50px 15px;}
.pdd50-10{padding: 50px 10px;}

.pdd60{padding: 60px;}
.pdd60-0{padding: 60px 0;}
.pdd0-60{padding: 0 60px;}
.pdd60-30{padding: 60px 30px;}
.pdd60-20{padding: 60px 20px;}
.pdd60-15{padding: 60px 15px;}
.pdd60-10{padding: 60px 10px;}

.pdd70{padding: 70px;}
.pdd70-0{padding: 70px 0;}
.pdd0-70{padding: 0 70px;}
.pdd70-30{padding: 70px 30px;}
.pdd70-20{padding: 70px 20px;}
.pdd70-15{padding: 70px 15px;}
.pdd70-10{padding: 70px 10px;}
.pdd70-100{padding: 70px 100px;}

.pdd80{padding: 80px;}
.pdd80-0{padding: 80px 0;}
.pdd0-80{padding: 0 80px;}
.pdd80-30{padding: 80px 30px;}
.pdd80-20{padding: 80px 20px;}
.pdd80-15{padding: 80px 15px;}
.pdd80-10{padding: 80px 10px;}

.pdd90{padding: 90px;}
.pdd90-0{padding: 90px 0;}
.pdd0-90{padding: 0 90px;}
.pdd90-30{padding: 90px 30px;}
.pdd90-20{padding: 90px 20px;}
.pdd90-15{padding: 90px 15px;}
.pdd90-10{padding: 90px 10px;}

.pdd100{padding: 100px;}
.pdd100-0{padding: 100px 0;}
.pdd0-100{padding: 0 100px;}
.pdd100-30{padding: 100px 30px;}
.pdd100-20{padding: 100px 20px;}
.pdd100-15{padding: 100px 15px;}
.pdd100-10{padding: 100px 10px;}

.pdd-no-right{padding-right: 0;}
.pdd-no-left{padding-left: 0;}
.pdd-no-top{padding-top: 0;}
.pdd-no-bottom{padding-bottom: 0;}

/*--------------------------------------------------------------*/
/*---------------------ESTILO MANTENIMIENTO---------------------*/
/*--------------------------------------------------------------*/

body.mantenimiento:after
{
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/images/estructura/bg_mantenimiento.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}
body.mantenimiento h1
{
	font-weight: 700;
	text-transform: uppercase;
	font-size: 90px;
	line-height: 1;
	background: -webkit-radial-gradient(circle, var(--col1), var(--col2));
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
body.mantenimiento img
{
	max-width: 400px;
	padding-top: 100px;
}
body.mantenimiento h2
{
	font-weight: 700;
	text-transform: uppercase;
	font-size: 65px;
	line-height: 1;
	background: -webkit-radial-gradient(circle, var(--col1), var(--col2));
	background-clip: border-box;
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
body.mantenimiento .sc
{
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
}
body.mantenimiento .sc i
{
	width: 50px;
	height: 50px;
	line-height: 45px;
	border-radius: 50%;
	font-size: 22px;
	color: var(--col1);
	border: 3px solid var(--col1);
	margin: 0 10px;
	background-color: transparent;
}
body.mantenimiento .sc i:hover
{
  color: var(--col1);
  background-color: transparent;
  background-color: #fff;
}
body.mantenimiento fieldset
{
	border: none;
	padding-bottom: 40px;
	position: relative;
}
body.mantenimiento fieldset input
{
	height: 35px;
	padding: 0 10px;
	margin-bottom: 5px;
}


/*--------------------------------------------------------------*/
/*----------------------------ESTILO----------------------------*/
/*--------------------------------------------------------------*/
.grey{background-color: var(--col5);}
.guiastexto .grey h1 h3 p li{
	color: var(--col0);
}
.guiastexto .grey p{
	font-size: 16px;
	line-height: 1.9;
}
.guiastexto .grey a{
	color: var(--col1);
	font-weight: bold;
}

#capatransicion
{
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 300;
}
.navbar-main .navbar-nav .dropdown-menu > .active > a, .navbar-main .navbar-nav .dropdown-menu > .active > a:focus, .navbar-main .navbar-nav .dropdown-menu > .active > a:hover,
.navbar-main .navbar-nav .dropdown-menu > .open > a, .navbar-main .navbar-nav .dropdown-menu > .open > a:focus, .navbar-main .navbar-nav .dropdown-menu > .open > a:hover,
.navbar-main .navbar-nav .dropdown-menu > li > a:focus, .navbar-main .navbar-nav .dropdown-menu > li > a:hover {
    color: #20e3bc;
    background-color: transparent;
}
.dropdown-menu > li > a {padding: 7px 20px;}
.supheader
{
	background-color: var(--col2);
	z-index: 200 !important;
	position: relative;
}
.supheader .menu li
{
	display: inline-block;
	padding: 0 20px;
	border-right: 1px solid var(--col3);
	transition:all 0.15s ease-out; -webkit-trasition:all 0.15s ease-out;
}
.supheader .login ul li
{
	list-style: none;
	display: inline-block;
}
.supheader .login ul li a
{
	display: block;
}
.supheader .login ul li span
{
	color: #fff;
	font-size: 13px;
	letter-spacing: -0.5px;
	font-weight: 500;
	vertical-align: middle;
	padding-left: 10px;
}
.supheader .login ul li i
{
	color: var(--col1);
	font-size: 13px;
	vertical-align: middle;
}
.supheader .menu li.item-202
{
	padding-left: 0;
}
.supheader .menu li.item-227
{
	padding-right: 0;
	border-right: none;
}
.supheader .menu li a
{
	color: #fff;
	font-size: 13px;
	letter-spacing: -0.5px;
	font-weight: 400;
}
.supheader .menu li a:hover,
.supheader .menu li a:active,
.supheader .menu li a:focus
{
	background: inherit;
	opacity: 0.4;
	transition:all 0.15s ease-out; -webkit-trasition:all 0.15s ease-out;
}
.supheader ul {
  margin-bottom: 0 !important;
  display: flex;
}
.supheader i
{
	color: #fff;
	font-size: 15px;
	vertical-align: middle;
}
.dibujosupheader
{
	position: absolute;
	top: -100px;
	right: -240px;
	width: 500px;
	height: 500px;
	overflow: hidden;
	background-color: var(--col1);
	transform: rotate(45deg);
	z-index: -1;
}
.supheader .dropdown
{
    position: absolute;
    right: 20px;
    top: 48px;
    background-color: var(--col2);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    padding: 12px 10px;
    width: 145px;
    border-radius: 0 0 5px 5px;
    display: none;
}
.supheader .abrirmenuwhmcs:hover .dropdown
{
    display: block;
}
.supheader .dropdown ul
{
    display: initial;
    text-align: right;
}
.supheader .dropdown ul li
{
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px dashed rgba(255,255,255,0.2);
    margin-bottom: 10px;
}
.supheader .dropdown ul li:last-child
{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.supheader .dropdown ul li a
{
    color: #fff;
    font-weight: 400;
    font-size: 13px;
}
.contenedordibujo {
  position: absolute;
  top: 0;
  right: 0;
  width: 265px;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
header
{
	background-color: #fff;
	z-index: 199 !important;
	transition:all 0.3s ease-out; -webkit-trasition:all 0.3s ease-out;
	position: fixed;
	width: 100%;
	left: 0;
	box-shadow: 0px -9px 15px #111;
}
header.nav-down
{
	top: -44px;
}
header.nav-up
{
	top: 48px;
}
.is-sticky header
{
	box-shadow: 0 0 70px rgba(0,0,0,0.2);
	transition:all 0.3s ease-out; -webkit-trasition:all 0.3s ease-out;
}
.logo img
{
	width: 200px;
	height: 52px;
	padding: 6px 0;
}
header .menu li
{
	display: inline-block;
	padding: 18px 12px;
}
header .menu li.item-106
{
	padding-right: 0;
}
header .menu li a
{
	color: var(--col2);
	font-size: 13.4px;
	text-transform: uppercase;
	font-weight: 400;
	transition:all 0.15s ease-out; -webkit-trasition:all 0.15s ease-out;
}
header .menu li a:hover,
header .menu li a:active,
header .menu li a:focus
{
	background: inherit;
	color: var(--col1);
	transition:all 0.15s ease-out; -webkit-trasition:all 0.15s ease-out;
}
.portada
{
	height: 650px;
	background-image: url(/images/estructura/bg_portada.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.portada img
{
	max-width: 450px;
}
.swiper-container
{
	height: 100%;
}
.swiper-pagination
{
	text-align: right;
	padding: 20px 150px;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 0px 8px;
}
.swiper-pagination-bullet
{
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 100%;
	background: transparent;
	opacity: 1;
	border: 2px solid #fff;
	transition:all 0.15s ease-out; -webkit-trasition:all 0.15s ease-out;
}
.swiper-pagination-bullet-active
{
    opacity: 1;
    background: #fff;
    transition:all 0.15s ease-out; -webkit-trasition:all 0.15s ease-out;
}
h2
{
	font-size: 38px;
	color: #fff;
	font-weight: 600;
}
.portada h2
{
	max-width: 85%;
	line-height: 52px;
}
p.desc_titulo
{
	color: #fff;
	font-size: 16px;
	letter-spacing: -0.5px;
	font-weight: 300;
	margin: 0;
	padding: 15px 0 35px 0;
	max-width: 550px;
	line-height: 25px;
}

p.desc_titulo small{
    color: inherit;
    font-size: 12px;
}
p.desc_titulo b
{
	font-weight: 600;
}
.button
{
	position: relative;
	overflow:hidden;
}
.button:after
{
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 50%;
    bottom: 0;
    height: 3px;
    background: var(--col2);
    right: 0;
    left: auto;
}
.button:hover:after
{
	width: 100%;
    left: 0;
}
.buscadorhome .buscador
{
	box-shadow: 0 0 50px rgba(0,0,0,0.25);
	z-index: 1;
}
.buscadorhome .buscador form .columna7, .buscadorhome .buscador .formtransferencia .columna7
{
	background-color: var(--col2);
	border-radius: 5px 0 0 5px;
}
.buscadorhome .buscador form .columna3, .buscadorhome .buscador .formtransferencia .columna3
{
	background-color: var(--col2);
	border-radius: 0 5px 5px 0;
}
.buscadorhome .buscador form input, .buscadorhome .buscador .formtransferencia input
{
	padding: 15px 30px;
	border-radius: 5px 0 0 5px;
	box-shadow: none;
	border: none;
	font-size: 15px;
	height: 50px;
	letter-spacing: -0.5px;
	margin: 0;
}
.buscadorhome .buscador .formtransferencia input
{
	border-radius: 5px;
}
.buscadorhome .buscador form select, .buscadorhome .buscador .formtransferencia select
{
	border-radius: 0 5px 5px 0;
	box-shadow: none;
	border: none;
	font-size: 15px;
	height: 50px;
	letter-spacing: -0.5px;
	padding: 15px 30px;
	outline: none;
	background-image: url("/images/estructura/ico_select.png");
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-color: #fff;
	color: var(--col3);
	line-height: initial;
}
.buscadorhome .buscador form .fondoblanco .columna3:after, .buscadorhome .buscador .formtransferencia .fondoblanco .columna3:after,
{
	content: '';
	position: absolute;
	width: 1px;
	height: 20px;
	background: var(--col3);
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	opacity: 0.6;
}
.buscadorhome .buscador form button, .buscadorhome .buscador .formtransferencia button
{
	background-color: var(--col1);
	border-radius: 5px;
	color: #fff;
	text-transform: uppercase;
	border: none;
	box-shadow: none;
	padding: 15px;
	font-size: 14px;
	letter-spacing: -0.5px;
	height: 50px;
	transition:all 0.15s ease-out; -webkit-trasition:all 0.15s ease-out;
}
.buscadorhome .buscador form button.button:after, .buscadorhome .buscador .formtransferencia button.button:after
{
	background: #fff;
}
.buscadorhome .buscador form button i, .buscadorhome .buscador .formtransferencia button i
{
	padding-right: 15px;
}
.buscadorhome
{
	max-width: 1100px !important;
	padding-bottom: 30px;
}
h3
{
	font-size: 35px;
	color: var(--col2);
	font-weight: 800;
	width: 100%;
	text-align: center;
	position: relative;
	margin: 0;
	letter-spacing: -0.5px;
	padding-bottom: 35px;
}
h3:after
{
	content: '';
    background-image: url(/images/estructura/gato.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
	height: 20px;
	position: absolute;
	bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}
p.desc
{
	text-align: center;
	padding-top: 25px;
	font-size: 15px;
	max-width: 600px;
	margin: 0 auto;
	font-weight: 400;
	color: var(--col3);
	position: relative;
	line-height: 25px;
	padding-bottom: 50px;
}
p.desc:after
{
	content: '';
	position: absolute;
	top: -5px;
	right: 36%;
	width: 60px;
	border-top: 1px solid var(--col3);
	opacity: 0.4;
}
p.desc:before
{
	content: '';
	position: absolute;
	top: -5px;
	left: 36%;
	width: 60px;
	border-top: 1px solid var(--col3);
	opacity: 0.4;
}
h4
{
	color: var(--col2);
	margin: 0;
	padding: 30px 0 15px 0;
	font-size: 23px;
	letter-spacing: -0.5px;
}
.soportehg
{
	background-color: var(--col4);
}
.soportehg img
{
	width: 75px;
}
.planeshg
{
	background-color: var(--col4);
}
.planeshg.resu
{
	background-color: #fff;
}
.planeshg.resu .plan
{
	background-color: var(--col4);
	border: 2px solid var(--col4);
}
.planeshg .plan
{
	background-color: #fff;
	border-radius: 5px;
	padding: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 15px rgba(150,150,150,0.1);
	transition:all 0.15s ease-out; -webkit-trasition:all 0.15s ease-out;
	cursor: pointer;
}
.planeshg .plan img
{
	display: block;
	margin: 0 auto;
	padding: 15px;
	width: 70%;
	height: auto;
}
.planeshg .plan h4
{
	padding: 0;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 21px;
}

.plan .cupon, .paquete .cupon{
    background-color: var(--col3);
    display: inline-block;
    padding: 7px 10px;
    line-height: 1;
    border-radius: 3px;
    font-weight: 600;
    color: var(--col6);
}

.button.btn-secundary:after
{
	background: var(--col2);
}
.button.btn-tres:after
{
	background: #fff;
}
.planeshg .plan:hover
{
	border: 2px solid var(--col1);
	transition:all 0.15s ease-out; -webkit-trasition:all 0.15s ease-out;
}
.planeshg .plan p.carac
{
	margin: 0;
	padding: 5px 0 15px 0;
	font-size: 13.5px;
	letter-spacing: -0.5px;
}
.planeshg .plan .btn
{
	margin-top: 15px;
}
.planeshg .plan h5,
.tabla h5
{
	margin: 0;
	padding-bottom: 5px;
	letter-spacing: -0.5px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 400;
	color: var(--col3);
}
.planeshg .plan h5 span,
.tabla h5 span
{
	font-size: 30px;
	letter-spacing: -0.5px;
	color: var(--col2);
	font-weight: 800;
	padding-left: 10px;
}
.planeshg .plan h5 span sup,
.tabla h5 span sup
{
	top: -1em;
	font-size: 13px;
	font-weight: 400;
	color: inherit;
}
.bloquederecha
{
	background-color: #fff;
}
p.tex
{
	margin: 0;
	font-size: 15px;
	letter-spacing: -0.5px;
	color: var(--col3);
	line-height: 23px;
	padding: 10px 0 30px 0;
}
.bloquederecha img
{
	max-width: 250px;
}
.bloqueizquierda img
{
	max-width: 250px;
}
.bloquederecha h5,
.bloqueizquierda h5
{
    margin: 0;
    padding-bottom: 15px;
    letter-spacing: -0.5px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--col3);
}
.bloquederecha h5 span,
.bloqueizquierda h5 span
{
    font-size: 40px;
    letter-spacing: -0.5px;
    color: var(--col1);
    font-weight: 800;
    padding-left: 10px;
}
.bloquederecha h5 span sup,
.bloqueizquierda h5 span sup
{
    top: -1em;
    font-size: 13px;
    font-weight: 400;
    color: inherit;
}
.bloquederecha h4
{
	padding-top: 0;
}
.bloqueizquierda h4
{
	padding-top: 0;
}
.llamadahome
{
	background-image: url(/images/estructura/bg_llamadahome.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
.llamadahome h2
{
	font-size: 38px;
	margin: 0;
	line-height: 42px;
	letter-spacing: -0.5px;
}
.bloqueizquierda
{
	background-color: var(--col4);
}
.afiliacionhome h4
{
	padding: 5px 0;
}
.afiliacionhome img
{
	max-width: 90px;
	margin: 10px 0;
}
.afiliacionhome p.tex
{
	padding: 10px 20px 30px 20px;
}
.prefooter
{
	background-color: var(--col5);
}
.prefooter h2
{
	font-size: 27px;
	margin: 3px 0;
	color: var(--col2);
	font-weight: 600;
}
.prefooter .btn
{
	margin: 0 4px;
}
.prefooter p.descsup
{
	margin: 0;
	font-size: 17px;
	color: var(--col3);
	font-weight: 400;
}
footer
{
	background-color: var(--col4);
}
footer p
{
	margin: 0;
	padding: 0;
	padding-top: 20px;
	font-size: 14px;
	line-height: 25px;
	max-width: 360px;
}
footer ul li
{
	list-style: none;
	padding-bottom: 10px;
	display: block;
}
footer ul li i
{
	padding-right: 15px;
	color: var(--col2);
	font-size: 18px;
	vertical-align: middle;
}
footer ul li a
{
	vertical-align: middle;
}
footer ul li a span
{
	font-size: 14px;
}
footer h4
{
	padding: 12px 0 20px 0;
	font-size: 20px;
}
footer a,
footer a span
{
	transition:all 0.3s ease-out; -webkit-trasition:all 0.3s ease-out;
}
footer a:hover,
footer a:hover span
{
	background-color: transparent !important;
	color: var(--col1);
}

footer .socials li{display: inline-block; list-style: none;}
footer .socials li a{display: block;}
footer .socials li i{
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--col5);
    color: var(--col2);
    padding: 0;
}
footer .socials li i:hover{
    background-color: var(--col2);
    color: var(--col4);
}

.postfooter
{
	background-color: var(--col0);
}
.postfooter p
{
	margin: 0;
	color: #fff;
	font-size: 13px;
}
.afiliacionhome
{
	background-color: #fff;
}
body.home
{
	background-color: var(--col4);
}
.cabecera
{
	background-image: url(/images/estructura/bg_cabecera.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-top: 90px;
}
.cabecera img
{
	height: 180px;
}
.cabecera h2
{
	font-size: 38px;
	font-weight: 600;
	margin-bottom: 0;
	margin: 0;
}
.migas
{
	position: absolute;
	bottom: 10px;
	left: 0;
}
ul.migasdepan li
{
    list-style: none;
    display: inline;
}
ul.migasdepan li > a,
ul.migasdepan li > i,
ul.migasdepan li > span
{
    padding: 0 10px;
}
ul.migasdepan li * ,
ul.migasdepan i
{
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}
.ancladetalles
{
	padding-top: 10px;
	letter-spacing: -0.5px;
	font-size: 13px;
	display: block;
	font-weight: 400;
}
.preguntasfrecuentes
{
	background-color: #fff;
}
.pregunta
{
	border-left: 3px solid var(--col1);
	background-image: url("/images/estructura/ico_select.png");
	background-repeat: no-repeat;
	background-position: right 20px top 20px;
	background-color: var(--col4);
	cursor: pointer;
}
.respuesta
{
	max-height: 0px;
	overflow: hidden;
	transition:all 0.3s ease-out;
	-webkit-trasition:all 0.3s ease-out;
}
.pregunta p
{
	margin: 0;
	font-size: 14px;
	letter-spacing: -0.5px;
	font-weight: 400;
}
.respuesta p
{
	font-weight: 300;
	font-size: 14px;
	padding: 10px 0;
}
.pregunta.anim .respuesta
{
	max-height: none;
	transition:all 0.3s ease-out;
	-webkit-trasition:all 0.3s ease-out;
}
.pregunta.anim
{
	background-image: url("/images/estructura/ico_select_cerrar.png");
}
.tabla .titulo
{
	padding: 35px 10px;
	min-height: 162px;
	border-top: 3px solid var(--col4);
	border-bottom: 3px solid var(--col4);
}
.tabla .titulo h4
{
	padding: 0;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 21px;
	padding-bottom: 20px;
}
.tabla h5 span
{
	color: var(--col1);
}
.tabla p
{
	margin: 0;
}
.botcontratar
{
	border-top: 3px solid var(--col4);
	border-bottom: 3px solid var(--col4);
	padding: 20px 0;
}
.planesdetallados ul li
{
	list-style: none;
	display: block;
	padding: 15px 15px;
	text-align: center;
}
.planesdetallados .paquete ul li
{
	padding: 15px 5px;
}
.planesdetallados .dobleespacio
{
	height: 70px;
	display: grid;
  	align-items: center;
  	justify-content: center;
}
.planesdetallados .dobleespacio.finaltabla
{
	height: 73px;
}
.planesdetallados .paquete .caracteristicas .fa{
	color: var(--col1);
	font-size: 18px;
}
.planesdetallados ul li:nth-child(odd){background-color: #fff;}
.planesdetallados ul li:nth-child(even){background-color: var(--col4);}
.tabla .columna2
{
	border-right: 3px solid var(--col4);
}
.tabla .subtema li
{
	font-weight: 500;
	color: var(--col3);
	border-left: 3px solid var(--col4);
	text-align: left;
}
.dominiosprincipales
{
	background-color: var(--col4);
}
.tld
{
	text-align: center;
	background-color: #fff;
	padding: 40px;
	border-radius: 5px;
	border: 2px solid #fff;
	box-shadow: 0 0 15px rgba(150,150,150,0.1);
	cursor: pointer;
	transition: all 0.15s ease-out;
	-webkit-trasition: all 0.15s ease-out;
}
.tld h4
{
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
	font-size: 35px;
	font-weight: 400;
}
.tld h5
{
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: 300;
}
.tld:hover
{
	border: 2px solid var(--col1);
}
.tldvermas
{
	padding: 35px;
}
.tldvermas h5
{
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}
.buscadordominios .buscador form .columna7
{
    background-color: var(--col2);
    border-radius: 5px 0 0 5px;
}
.buscadordominios .buscador form .columna3
{
    background-color: var(--col2);
    border-radius: 0 5px 5px 0;
}
.buscadordominios .buscador form input
{
    padding: 15px 30px;
    border-radius: 5px 0 0 5px;
    box-shadow: none;
    border: none;
    font-size: 15px;
    height: 50px;
    letter-spacing: -0.5px;
}
.buscadordominios .buscador form select
{
    border-radius: 0 5px 5px 0;
    box-shadow: none;
    border: none;
    font-size: 15px;
    height: 50px;
    letter-spacing: -0.5px;
    padding: 15px 30px;
    outline: none;
    background-image: url("/images/estructura/ico_select.png");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-color: #fff;
    color: var(--col3);
}
.buscadordominios .buscador form .fondoblanco .columna3::after
{
    content: '';
    position: absolute;
    width: 1px;
    height: 20px;
    background: var(--col3);
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    opacity: 0.6;
}
.buscadordominios .buscador form button
{
    background-color: var(--col1);
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    padding: 15px;
    font-size: 14px;
    letter-spacing: -0.5px;
    height: 50px;
    transition: all 0.15s ease-out;
    -webkit-trasition: all 0.15s ease-out;
}
.buscadordominios .buscador form button i
{
    padding-right: 15px;
}
.buscadordominios .buscador
{
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.buscadordominios
{
	min-height: 210px;
	max-width: 1100px !important;
}
body.paginadominios .buscadordominios
{
	padding: 15px;
}
body.paginadominios .buscadordominios .buscador
{
	box-shadow: none;
}
.domainpricing h5
{
	margin: 0;
	font-weight: 400;
	color: var(--col2);
	padding: 15px;
	font-size: 14px;
}
.domainpricing h6
{
	margin: 0;
	font-weight: 300;
	color: var(--col3);
	padding: 15px;
	font-size: 13px;
}
.domainpricing .nombretld h6
{
	color: var(--col2);
	font-weight: 400;
}
.domainpricing .titulosdomain
{
	background-color: var(--col4);
}
.domainpricing .btn
{
	font-size: 13px;
	padding: 8px 20px;
}
.domainpricing .extension:hover
{
	background-color: var(--col4);
}
.domainpricing .extension:hover .btn
{
	background-color: var(--col1);
	color: #fff;
}
.domainpricing .extension
{
	cursor: pointer;
	border-bottom: 1px solid var(--col4);
	transition: all 0.3s ease-out;
	-webkit-trasition: all 0.3s ease-out;
}
body.login footer,
body.login .prefooter,
body.login .postfooter
{
	display: none;
}
.porquehg img
{
	width: 75px;
}
.planesdetallados
{
	border-top: 2px solid var(--col4);
	border-bottom: 2px solid var(--col4);
}
.cabecera h4
{
	padding: 5px 0 0 0;
	font-size: 19px;
	text-transform: uppercase;
	font-weight: 600;
}
.spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-color: var(--col1);
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
		opacity: 0;
	}
}
#xmap img
{
	display: none;
}
body.error404 footer,
body.error404 .prefooter,
body.error404 .postfooter,
body.error404 header,
body.error404 .supheader
{
	display: none;
}
body.error404 .btn
{
	background-image: none !important;
	border-radius: 5px !important;
	box-shadow: none !important;
	text-shadow: none !important;
	border: none !important;
	line-height: inherit !important;
	text-decoration: none !important;
	background-color: transparent !important;
	color: inherit !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	font-size: 13px !important;
	padding: 15px 40px !important;
	transition: all 0.3s ease-out !important;
	-webkit-trasition: all 0.3s ease-out !important;
	letter-spacing: -0.5px !important;
}
body.error404 .btn-primary
{
	background-color: #fff !important;
	color: var(--col1) !important;
}
body.error404 .btn-primary:hover,
body.error404 .btn-primary:focus,
body.error404 .btn-primary:active{
	background-color: #fff !important;
	color: var(--col1) !important;
}
.grupoguias
{
	box-shadow: 0 0 50px rgba(0,0,0,0.25);
	cursor: pointer;
	border-radius: 5px;
	overflow: hidden;
}
.grupoguias h4
{
	position: absolute;
	left: 30px;
	bottom: 30px;
	color: #fff;
	font-size: 32px;
	padding: 0;
}
.popover
{
	display: none !important;
}
#member-registration .control-group.field-spacer,
#user-registration .control-group.field-spacer
{
	display: none;
}
#member-registration,
#user-registration
{
	background-color: var(--col4);
	border-radius: 5px;
	padding: 60px;
}
#member-registration input,
#member-registration select,
#user-registration input
{
	border-radius: 5px;
	box-shadow: none;
	border: none;
	font-size: 14px;
	height: 36px;
	letter-spacing: -0.5px;
	padding: 0px 30px;
	outline: none;
	background-color: #fff;
	color: var(--col3);
	margin: 0;
	margin-top: 5px;
}
#member-registration label,
#user-registration label
{
	font-size: 16px;
	padding: 0;
}
.control-group
{
    margin-bottom: 20px;
    width: 50%;
	padding: 15px;
}
#user-login .control-group
{
    margin-bottom: 20px;
    width: 100%;
	padding: 5px;
}
#member-registration .checkbox input,
#user-registration .checkbox input
{
	height: auto;
}
.labelacysubscribe
{
	display: none;
}
#member-registration label.checkbox span
{
	padding-left: 10px;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 30px;
}
#member-registration label span a
{
	font-weight: 400;
}
#member-registration label
{
	margin: 0;
}
.afiliacionpaginas
{
	background-color: var(--col4);
}
.explicacionafiliacion li
{
	list-style: decimal;
	line-height: 30px;
	padding-bottom: 25px;
	font-size: 17px;
	text-align: justify;
}
.afiliacionpaginas b a,
.explicacionafiliacion b a
{
	font-weight: 600;
}
#user-login
{
	background-color: var(--col4);
	border-radius: 5px;
	padding: 60px;
	max-width: 700px;
	margin: auto;
}
#user-login input
{
	border-radius: 5px;
	box-shadow: none;
	border: none;
	font-size: 14px;
	height: 36px;
	letter-spacing: -0.5px;
	padding: 0px 30px;
	outline: none;
	background-color: #fff;
	color: var(--col3);
	margin: 0;
	margin-top: 5px;
}
#user-login label
{
	font-size: 16px;
	padding: 0;
}
#user-login .checkbox input
{
	height: auto;
}
#user-login label.checkbox span
{
	padding-left: 10px;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 30px;
}
#user-login label span a
{
	font-weight: 400;
}
#user-login label
{
	margin: 0;
}

/*Nombre */
#member-registration .control-group:nth-child(2) {
  order: 1;
}
/*Usuario */
#member-registration .control-group:nth-child(3) {
  display: none;
}
/*Contraseña 1 */
#member-registration .control-group:nth-child(4) {
  order: 5;
}
/*Contraseña 2*/
#member-registration .control-group:nth-child(5) {
  order: 6;
}
/* Email 1*/
#member-registration .control-group:nth-child(6) {
  order: 3;
}
/* Email 2 */
#member-registration .control-group:nth-child(7) {
  order: 4;
}
/*Apellidos */
#member-registration .control-group:nth-child(8) {
  order: 2;
}
/* Nombre de la empresa */
#member-registration .control-group:nth-child(9) {
  order: 8;
}
/*Dirección 1*/
#member-registration .control-group:nth-child(10) {
  order: 9;
}
#member-registration .control-group:nth-child(10) .controls {
  padding-top: 17px;
}
/* Dirección 2 */
#member-registration .control-group:nth-child(11) {
  order: 10;
}
/*Ciudad*/
#member-registration .control-group:nth-child(12) {
  order: 11;
}
/*Provincia*/
#member-registration .control-group:nth-child(13) {
  order: 13;
}
/* Código postal */
#member-registration .control-group:nth-child(14) {
  order: 12;
}
/* País*/
#member-registration .control-group:nth-child(15) {
  order: 14;
}
/* Telefono */
#member-registration .control-group:nth-child(16) {
  order: 7;
}
#member-registration .control-group:nth-child(16) .controls {
  padding-top: 17px;
}
#member-registration .c10 {
  order: 50;
}
.afiliacionhome b
{
	font-size: 18px;
	font-weight: 400;
}
.menuoculto
{
	opacity: 0;
	pointer-events: none;
	background: -webkit-linear-gradient(var(--col1), var(--col2));
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	z-index: 200;
	transition:all 0.3s ease-out;
	-webkit-trasition:all 0.3s ease-out;
}
.menuoculto.anim
{
	opacity: 1;
	pointer-events: initial;
}
.menuoculto .cerrar
{
	color: #fff;
	position: absolute;
	top: 30px;
	right: 30px;
	font-size: 35px;
	cursor: pointer;
}
.menuoculto .menu a
{
	color: #fff;
	font-size: 23px;
	padding: 15px 30px;
	font-weight: 400;
	letter-spacing: -0.5px;
}
.menuoculto .menu a:hover,
.menuoculto .menu a:active,
.menuoculto .menu a:focus
{
	background-color: transparent !important;
}
#kunena .alert
{
	padding: 10px 25px;
	background-color: var(--col1);
	border: none;
	margin: 0;
	margin-bottom: 20px;
	border-radius: 4px;
	position: relative;
	z-index: initial;
	width: auto;
	max-width: initial;
	top: auto;
	left: auto;
	transform: none;
	box-shadow: none;
	text-align: center;
	text-transform: uppercase;
	max-width: 100%;
	font-weight: 600;
	text-shadow: none;
}
#kunena .alert a
{
	font-weight: 600;
	text-shadow: none;
}
#kunena h3
{
	text-align: left;
	padding-bottom: 0;
}
#kunena h3 a
{
	font-size: 20px;
	font-weight: 400;
	display: block;
	color: var(--col2);
}
#kunena h3 small
{
	font-size: 13px;
	color: var(--col3);
	text-transform: uppercase;
	display: block;
}
#kunena h3:after
{
	content: none;
}
#kunena i
{
	font-family: simple-line-icons !important;
}
#kunena h2 a
{
	display: block;
	font-size: 30px;
	color: var(--col2);
	font-weight: 600;
	margin: 0;
}
#kunena h2 small
{
	font-size: 13px;
	color: var(--col3);
	text-transform: uppercase;
	display: block;
}
#kunena.layout .kfrontend .table td
{
    padding: 0;
}
#kunena thead .header-desc
{
	padding-bottom: 30px;
	font-size: 15px;
	display: block;
}
#kunena #jumpto
{
	display: none;
}
#kunena tbody .header-desc
{
	padding: 5px 0;
	max-width: 80%;
}
#kunena .category > td
{
	padding: 15px 0 !important;
}
#kunena .post-info
{
	padding: 5px 0 !important;
}
#kunena .kfrontend
{
	margin-bottom: 40px;
	display: block;
}
#kunena .icon:before
{
	font-family: simple-line-icons !important;
}
#kunena .icon
{
	background-image: none;
}
#kunena .btn-toolbar
{
	display: none;
}
#kunena h1
{
	display: none !important;
}
.breadcrumb span
{
	font-size: 15px !important;
	font-weight: 400 !important;
	color: #fff !important;
	text-shadow: none;
}
.breadcrumb
{
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 0;
}
.breadcrumb > li
{
	text-shadow: none;
}
.breadcrumb i
{
	color: #fff;
	padding: 0 20px;
}
.logout.registro .form-horizontal
{
	background-color: var(--col4);
	border-radius: 5px;
	padding: 25px 60px;
	border: none;
	box-shadow: none;
}
a[href="/foro/credits.html"],
a[href="https://www.kunena.org"]
{
	pointer-events: none;
	position: absolute;
	top: -999em;
	left: -999em;
}
#kunena.layout .kfrontend .section
{
	margin-bottom: 0px;
}
#kunena .btn
{
	background-image: none;
	border-radius: 5px;
	box-shadow: none;
	text-shadow: none;
	border: none;
	line-height: inherit;
	text-decoration: none;
	background-color: transparent;
	color: inherit;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 13px;
	padding: 15px 40px;
	transition: all 0.3s ease-out;
	-webkit-trasition: all 0.3s ease-out;
	letter-spacing: -0.5px;
	background-color: var(--col1); color: #fff;
	position: relative;
}
#kunena .btn i
{
	background-image: none;
	color: #fff;
}
#kunena .btn span
{
	background-image: none;
	color: #fff;
}
#kunena .btn:hover,
#kunena .btn:focus,
#kunena .btn:active{
	background-color: var(--col1); color: #fff;
}
#kunena .btn:after
{
	position: absolute;
	transition: .3s;
	content: '';
	width: 0;
	left: 50%;
	bottom: 0;
	height: 3px;
	background: var(--col2);
	right: 0;
	left: auto;
	background: var(--col2);
}
#kunena .btn:hover:after
{
	width: 100%;
	left: 0;
}
.icon-search:before {
	content: "\e090";
}
.icon-edit:before {
	content: "\e05f";
}
.icon-file:before {
	content: "\e085";
}
.icon-question-sign:before {
	content: "\e05d";
}
.icon-bars:before {
	content: "\e077";
}
#kunena .form-search button
{
	width: 50px;
	padding: 12px 10px;
	border-radius: 0 4px 4px 0;
}
#kunena .form-search input
{
	border-radius: 4px 0 0 4px;
	height: 39px;
	box-shadow: none;
	border: 1px solid var(--col4);
	font-size: 15px;
	padding: 10px 15px;
}
#kunena.layout .pagination ul > li > a,
#kunena.layout .pagination ul > li > span
{
	border-radius: 0;
	height: 40px;
	box-shadow: none;
	font-size: 15px;
	padding: 10px 20px;
	border-left-width: 0;
	float: unset;
	display: inline-block;
	border: none;
	border-right: 1px solid var(--col4);
}
#kunena.layout .pagination
{
	padding: 0;
	margin: 0;
	overflow: hidden;
	margin-bottom: 40px;
}
#kunena.layout .pagination ul
{
	display: block;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid var(--col4);
	border-right-width: 0;
}
#kunena.layout .unstyled,
#kunena.layout .inline li
{
	padding-left: 0;
	margin-bottom: 40px;
}
#kunena.layout .viewsnum,
#kunena.layout .repliesnum
{
	font-size: 16px;
	float: unset;
	font-weight: 500;
	padding-left: 5px;
}
#kunena.layout .user-circle.user-default
{
	font-size: 20px;
}
#kunena .table .category td.span1,
#kunena .table .category th.span1,
#kunena .table td.span1,
#kunena .table th.span1
{
	float: none;
	width: 35px;
	margin-left: 0;
	padding: 15px !important;
}
#kunena.layout #kstats li
{
	padding-left: 0;
}
#kunena .input-append button,
#kunena .input-append input.btn
{
	width: 50px;
	padding: 12px 10px;
	border-radius: 0 4px 4px 0;
	vertical-align: middle;
}
#kunena .input-append select
{
	border-radius: 4px 0 0 4px;
	height: 39px;
	box-shadow: none;
	border: 1px solid var(--col4);
	font-size: 15px;
	line-height: 1;
	padding: 10px 15px;
	vertical-align: middle;
}
#kunena .table th,
#kunena .table td
{
	padding: 15px 0px;
}
#kunena .message
{
	text-align: left;
	position: unset;
	left: 100%;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	width: 100%;
}
#kunena .close
{
	display: none;
}
#kunena .profile-expand .btn
{
	padding: 15px 30px;
	width: 100%;
}
#kunena .profile-expand .btn span
{
	padding-right: 10px;
	display: inline;
	vertical-align: middle;
}
#kunena.layout .mykmsg-header
{
	background: var(--col4);
	padding: 15px 30px !important;
}
#kunena.layout [class*="badger-left"]
{
	border: 1px solid var(--col4);
	box-shadow: none;
}
#kunena .profilebox
{
	margin: 0 !important;
	background: var(--col4);
	border-radius: 4px;
	padding: 15px !important;
	text-align: center;
	margin-bottom: 10px !important;
	margin-top: 15px !important;
}
#kunena.layout .profilebox .kwho-user
{
	color: var(--col3);
	font-size: 18px;
	padding-bottom: 15px;
	display: block;
}
#kunena.layout .topic-starter
{
	display: inline-block;
	height: auto;
	border-radius: 0;
	white-space: nowrap;
	border: none;
	border-top: 0 none;
	padding: 10px 0;
	color: var(--col3);
	line-height: 1;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
}
#kunena.layout .user-circle.user-xl
{
	font-size: 37px;
}
#kunena .input-append a
{
	display: inline-block;
	margin-right: 15px;
}
#kunena .center
{
	text-align: center;
}
#kunena.layout .fa-big, #kunena.layout .icon-big {
	margin-left: 0;
	font-size: 25px;
}
#kunena #subscriptions h3,
#kunena #attachments h3,
#kunena #banmanager h3,
#kunena #banhistory h3,
#kunena #banuser h3
{
	font-size: 20px;
	font-weight: 400;
	display: block;
	color: var(--col2);
	margin: 15px 0;
}
#kunena .table th
{
    font-weight: 500;
}
.opcionsoporte
{
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	border: 2px solid #fff;
	box-shadow: 0 0 15px rgba(150,150,150,0.1);
	cursor: pointer;
	transition: all 0.15s ease-out;
	-webkit-trasition: all 0.15s ease-out;
	display: block;
}
.opcionsoporte h4
{
	padding: 80px 30px;
	margin: 0;
	font-size: 30px;
	font-weight: 400;
}
.opcionsoporte:hover
{
	border: 2px solid var(--col1);
}
.textolegal h3
{
	text-align: left;
	font-size: 30px;
	font-weight: 500;
	padding-bottom: 5px;
	padding-top: 15px;
}
.textolegal h3:after
{
	content: none;
}
.textolegal p
{
	font-size: 16px;
	line-height: 1.8;
	padding-bottom: 10px;
}
.textolegal li
{
	font-size: 16px;
	line-height: 1.8;
	margin-left: 15px;
}
.textolegal strong
{
	font-weight: 600;
}
.swiper-guiaiphone {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	width: 298px;
	background-color: var(--col0);
}
.guiafinal
{
	background-color: var(--col4);
}
.swiper-guiaiphone img.bord
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 600px;
	pointer-events: none;
}
.swiper-guiaiphone .swiper-slide img
{
	height: 564px;
	margin-top: 16px;
	margin-left: 18px;
	margin-bottom: 20px;
}
.swiper-guiaiphonetexto {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 15px rgba(150,150,150,0.1);
}
.swiper-guiaiphonetexto h4
{
	padding: 0;
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 30px;
}
.swiper-guiaiphonetexto .swiper-slide
{
	padding: 40px;
	padding-top: 0;
}
.swiper-guiaiphonetexto p
{
	font-size: 16px;
	line-height: 1.7;
}
.swiper-guiaiphonetexto p b
{
	font-weight: 600;
}
.swiper-guiaiphonetexto .flechas .swiper-button-prev,
.swiper-guiaiphonetexto .flechas .swiper-button-next
{
	position: relative;
	top: 0;
	margin: 0;
	height: auto;
	width: auto;
	background-color: var(--col2);
	display: block;
	left: auto;
	right: auto;
	background-image: none;
	color: #fff;
	border-radius: 5px;
	line-height: inherit;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 13px;
	padding: 15px 30px;
	letter-spacing: -0.5px;
	transition: all 0.3s ease-out;
	-webkit-trasition: all 0.3s ease-out;
}
.guia
{
	height: 300px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.guia .overlay
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--col0);
	opacity: 0.3;
}
.guia h4
{
	position: absolute;
	color: #fff;
	bottom: 30px;
	left: 30px;
	padding: 0;
	padding-right: 30px;
}
.blogcontent h1{
	color: var(--col0);
}
.blog .item{
    overflow:hidden;
}
.blog .item a{
    background-color:var(--col0);
    display:block;
}
.blog .items>.item a{
    height:400px
}
.blog .img{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    opacity:0.8;
    transform:scale(1.1);
    transition:all 1s ease-out
}
.blog .info{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:50px
}
.blog .info .tit{
    color:var(--col6);
    font-weight:600;
    font-size:30px;
    padding-top:30px;
    transition:padding-top 0.35s ease-out
}
.blog a:hover .img{
    opacity:0.6;
    transform:scale(1)
}
.blog a:hover .info .tit{
    padding-top:0
}
.blog .info .fecha{
    color:var(--col6);
    text-transform:uppercase;
    position: absolute;
    bottom: 30px;
    letter-spacing:3px;
    font-weight:600;
    transition:0.35s ease-out;
}
.blog a:hover .info .fecha{
    bottom: 40px;
    transition: ease-out 0.35s
}
.blog .provincia{
    position:absolute;
    bottom:-100px;
    right:0;
    padding:50px;
    color:var(--col6);
    font-weight:600;
    font-size:17px;
    transition:bottom 0.1s ease-out
}
.blog a:hover .provincia{
    bottom:0;
    transition:bottom 0.2s ease-out 0.6s
}
.blog .items>.item a{
    overflow:hidden;
    height:100%;
    min-height:380px
}
.blogcontent a{
	color: var(--col1);
	transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
}
.blogcontent a:hover{
    color: var(--col0);
}
#art-animaciones-elemento {
  background-color: #299bd6;
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  text-align: center;
  width: 100px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  font-size: 15px;
  line-height: 20px;
}

#art-animaciones-elemento:hover{
    width:250px;
}
.art-animaciones-movimientos {
  background-color: #333;
  padding: 10px;
}
.art-animaciones-movimientos > div {
  background-color: #666;
  box-sizing: border-box;
  color: #fff;
  margin-bottom: 10px;
  padding: 5px 10px;
  text-align: right;
  width: 15%;
  transition: none;
  -webkit-transition: none;
}
.art-animaciones-movimientos > div:hover {
  width: 100%;
}
.art-animaciones-movimientos .delay-uno {
  transition: all 1s linear 0s;
  -webkit-transition: all 1s linear 0s;
}
.art-animaciones-movimientos .delay-dos {
  transition: all 1s linear 0.3s;
  -webkit-transition: all 1s linear 0.3s;
}
.art-animaciones-movimientos .delay-tres {
  transition: all 1s linear 0.5s;
  -webkit-transition: all 1s linear 0.5s;
}
.art-animaciones-movimientos .delay-cuatro {
  transition: all 1s linear 1s;
  -webkit-transition: all 1s linear 1s;
}
.art-animaciones-movimientos .delay-cinco {
  transition: all 1s linear 1.5s;
  -webkit-transition: all 1s linear 1.5s;
}
.art-animaciones-movimientos .delay-seis {
  transition: all 1s linear 2s;
  -webkit-transition: all 1s linear 2s;
}
.art-animaciones-movimientos > div:last-child {
  margin-bottom: 0;
}
.art-animaciones-movimientos .linear {
  transition: all 1s linear;
  -webkit-transition: all 1s linear;
}
.art-animaciones-movimientos .ease {
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
}
.art-animaciones-movimientos .ease-in {
  transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
}
.art-animaciones-movimientos .ease-out {
  transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
}
.art-animaciones-movimientos > div:last-child {
  margin-bottom: 0;
}
.art-animaciones-movimientos .ease-in-out {
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}
.k2Pagination{
	text-align: center;
	padding: 0 30px 100px 30px;
}
.k2Pagination ul li{list-style: none; display: inline-block;}
.k2Pagination ul li *{
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: var(--col5);
	display: inline-block;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
}
div.k2Pagination ul li * {
  display: inline-block;
  padding: 0;
  margin: 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  vertical-align: middle;
  background: var(--col5);
  text-decoration: none;
  color: var(--col0);
}
.k2Pagination ul li span{
	background-color: var(--col1);
	color: var(--col6);
}
.k2Pagination ul li *:hover{
	background-color: var(--col1);
	color: var(--col6);
}

.k2Pagination ul li.pagination-start,
.k2Pagination ul li.pagination-prev,
.k2Pagination ul li.pagination-next,
.k2Pagination ul li.pagination-end{display: none;}

.k2Pagination ul li.pagination-start *:after{
	font-size: 16px;
	font-family: "FontAwesome";
	content: "\f100";
	color: #333;
}
.k2Pagination ul li.pagination-prev *:after{
	font-size: 16px;
	font-family: "FontAwesome";
	content: "\f104";
	color: #333;
}
.k2Pagination ul li.pagination-next *:after{
	font-size: 16px;
	font-family: "FontAwesome";
	content: "\f105";
	color: #333;
}
.k2Pagination ul li.pagination-end *:after{
	font-size: 16px;
	font-family: "FontAwesome";
	content: "\f101";
	color: #333;
}

.etiquetacomunidad input
{
	display: none;
}
.etiquetacomunidad label
{
	text-align: center;
	padding: 12px 15px;
	background-color: #fff;
	margin: 0;
	border-radius: 5px;
	box-shadow: 0 0 15px rgba(150,150,150,0.1);
	transition:all 0.3s ease-out;
	-webkit-trasition:all 0.3s ease-out;
}

.etiquetacomunidad input:checked + label{
	background-color: var(--col1);
	color: #fff;
	box-shadow: 0 0 15px rgba(150,150,150,0.3);
}

.paginacomunidad
{
	background-color: var(--col4);
}
.paginacomunidad h2
{
	margin: 0;
	color: var(--col2);
}
.hilo
{
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 15px rgba(150,150,150,0.1);
	padding: 15px;
	padding-left: 50px;
	position: relative;
}
.hilo h4
{
	padding: 0;
	font-size: 17px;
	font-weight: 500;
}
.hilo h5
{
	font-size: 14px;
	font-weight: 500;
	margin: 0;
	padding-top: 5px;
	color: var(--col1);
}
.hilo .stat
{
	background-color: var(--col4);
	border-radius: 5px;
	text-align: center;
	padding: 12px 0;
	box-shadow: inset 0 0 15px rgba(150,150,150,0.1);
	cursor: pointer;
}
.hilo .stat span
{
	color: var(--col2);
	display: inline-block;
	vertical-align: middle;
	padding-right: 3px;
	font-weight: 400;
	font-size: 13px;
}
.hilo .stat i
{
	color: var(--col2);
	display: inline-block;
	vertical-align: middle;
}
.paginacomunidad .impar > div.c5:last-child{width: 100% !important;}
.hilo .avatar
{
	position: absolute;
	left: -40px;
	top: 50%;
	transform: translateY(-50%);
	width: 80px;
	height: 80px;
	background-color: var(--col1);
	border-radius: 100px;
	border: 9px solid var(--col4);
}
.paginacomunidad h3
{
	margin: 0;
	color: var(--col2);
	padding: 0;
	text-align: left;
	font-size: 20px;
	font-weight: 600;
	padding-top: 10px;
}
.paginacomunidad .fijo .f .c10:first-child h3{padding-top: 0;}
.paginacomunidad h3:after
{
	content: none;
}
.vkpagination li.pagination-start,
.vkpagination li.pagination-prev,
.vkpagination li.pagination-next,
.vkpagination li.pagination-end
{
	display: none !important;
}
.vkpagination ul
{
	text-align: center;
	display: block;
}
.vkpagination li
{
	display: inline-block;
}
.vkpagination li *
{
	background-color: #fff;
	box-shadow: 0 0 15px rgba(150,150,150,0.1);
	width: 40px;
	height: 40px;
	border-radius: 5px;
	text-align: center;
	line-height: 40px;
	display: block;
	font-weight: 600;
	color: var(--col2);
}
.vkpagination li span
{
	background-color: var(--col1);
	color: #fff;
}
.etiquetas
{
	margin-top: 10px;
}
.etiquetas .etiqueta
{
	display: inline-block;
	background-color: var(--col4);
	padding: 3px 10px;
	font-size: 12px;
	border-radius: 5px;
	font-weight: 400;
	margin-right: 3px;
}
.etiquetas.filtradas
{
	margin-top: 0;
}
.etiquetas.filtradas .etiqueta
{
	box-shadow: 0 0 15px rgba(150,150,150,0.1);
	background-color: #fff;
	padding: 5px 15px 5px 30px;
	font-size: 14px;
	position: relative;
	color: var(--col2);
}
.etiquetas.filtradas .etiqueta i
{
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}
.paginacomunidadfinal
{
	margin-top: 90px;
}
.paginacomunidadfinal h1
{
	padding-top: 0;
	padding-bottom: 20px;
	font-size: 25px;
	margin: 0;
	color: var(--col2);
	font-weight: 600;
}
.paginacomunidadfinal p
{
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 15px;
}
.paginacomunidadfinal code
{
	padding: 15px;
	color: var(--col2);
	white-space: normal;
	background-color: var(--col4);
	display: block;
	line-height: 2;
	margin-bottom: 15px;
	box-shadow: inset 0 0 15px rgba(150,150,150,0.1);
	border: none;
	border-radius: 5px;
	font-size: 14px;
}
.paginacomunidadfinal strong
{
	font-weight: 400;
}
.comentarios
{
	flex-direction: column-reverse;
}
.comentariofinal
{
	padding: 30px;
	background-color: rgba(255,255,255,0.6);
	margin: 0;
	border-radius: 5px;
	box-shadow: 0 0 15px rgba(150,150,150,0.1);
	position: relative;
}
.comentariofinal.valido
{
	background-color: rgba(255,255,255,1);
}
.comentarioprincipal
{
	background-color: rgba(255,255,255,1);
}
.autor
{
	width: 200px;
	background-color: var(--col2);
	margin-left: auto;
	padding: 12px 20px;
	border-radius: 5px;
}
.autor .avatarautor img
{
	max-width: 40px;
	border-radius: 50px;
	overflow-y: hidden;
}
.autor .nombreydatos h4
{
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 500;
}
.autor .nombreydatos h5
{
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: 400;
}
.preguntasrelacionadas
{
	box-shadow: 0 0 15px rgba(150,150,150,0.1);
	background-color: #fff;
	padding: 30px;
	border-radius: 5px;
}
.preguntasrelacionadas h3
{
	padding-top: 0;
	padding-bottom: 15px;
}
.preguntasrelacionadas a
{
	display: block;
	margin-bottom: 12px;
	font-size: 13px;
	border-bottom: 1px dashed rgba(108, 129, 150, 0.3);
	padding-bottom: 12px;
}
.preguntasrelacionadas a:last-child
{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.ultimaspreguntassinrespuesta
{
	box-shadow: 0 0 15px rgba(150,150,150,0.1);
	background-color: #fff;
	padding: 30px;
	border-radius: 5px;
}
.ultimaspreguntassinrespuesta h3
{
	padding-top: 0;
	padding-bottom: 15px;
}
.ultimaspreguntassinrespuesta a
{
	display: block;
	margin-bottom: 12px;
	font-size: 13px;
	border-bottom: 1px dashed rgba(108, 129, 150, 0.3);
	padding-bottom: 12px;
}
.ultimaspreguntassinrespuesta a:last-child
{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.comentariofinal .av
{
	position: absolute;
	left: -40px;
	top: 20px;
	width: 80px;
	height: 80px;
	border-radius: 100px;
	border: 9px solid var(--col4);
}
.comentariofinal .der
{
	padding-left: 40px;
	flex: 1;
	padding-right: 30px;
}
.comentariofinal .us
{
	font-size: 14px;
	font-weight: 500;
	color: var(--col2);
}
.comentariofinal .commentDate
{
	font-size: 13px;
	font-weight: 400;
	padding-left: 10px;
}
.comentariofinal .op
{
    padding-top: 15px;
    font-size: 16px;
    line-height: 1.6;
}
.estadisticaspregunta
{
	box-shadow: 0 0 15px rgba(150,150,150,0.1);
	background-color: #fff;
	padding: 30px;
	border-radius: 5px;
}
.estadisticaspregunta .stat
{
	background-color: var(--col4);
	border-radius: 5px;
	text-align: center;
	padding: 12px 0;
	box-shadow: inset 0 0 15px rgba(150,150,150,0.1);
}
.estadisticaspregunta .stat span
{
	color: var(--col2);
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
	font-weight: 400;
	font-size: 15px;
}
.estadisticaspregunta .stat i
{
	color: var(--col2);
	display: inline-block;
	vertical-align: middle;
}
.comentariofinal .stat
{
	background-color: var(--col4);
	border-radius: 5px;
	text-align: center;
	padding: 12px 0;
	box-shadow: inset 0 0 15px rgba(150,150,150,0.1);
	cursor: pointer;
	width: 70px;
	height: 42px;
	margin-top: 5px;
}
.comentariofinal .stat span
{
	color: var(--col2);
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
	font-weight: 400;
	font-size: 15px;
}
.comentariofinal .stat i
{
	color: var(--col2);
	display: inline-block;
	vertical-align: middle;
}
.comentariofinal.valido .stat
{
	background-color: var(--col1);
}
.comentariofinal.valido .stat span {color: #fff;}
.comentariofinal.valido .stat i {color: #fff;}
.comentariofinal .stat .subircomentario
{
	position: absolute;
	top: -25px;
	text-align: center;
	width: 100%;
	font-size: 20px;
}
.comentariofinal .stat .subircomentario i
{
	color: var(--col2);
}
.comentariofinal .stat .bajarcomentario
{
	position: absolute;
	bottom: -25px;
	text-align: center;
	width: 100%;
	font-size: 20px;
}
.comentariofinal .stat .bajarcomentario i
{
	color: var(--col2);
}
.estadisticasfinales .stat span
{
	padding-right: 0;
	padding-left: 10px;
}
.respuestavalidada
{
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	background-color: var(--col1);
	display: inline-block;
	border-radius: 5px;
	line-height: 1;
	padding: 5px 10px;
	margin-bottom: 5px;
}
.comentariofinal.valido
{
	border-right: 5px solid var(--col1);
}
.textolegal .contrato
{
	max-height: 400px;
	overflow-y: scroll;
	padding: 40px;
	margin-bottom: 30px;
}
.textolegal .gris1
{
	background-color: var(--col4);
}
#xmap .menutitle
{
	margin: 0;
	color: var(--col2);
	font-size: 23px;
}
#xmap ul
{
	margin: 10px 0 30px 0;
}
#xmap ul li
{
	line-height: 1.6;
	margin-left: 15px;
}
.nuevotema
{
	background-color: rgba(255,255,255,1);
}
.formularionuevotema
{
	padding: 30px;
	background-color: var(--col6);
	margin: 0;
	border-radius: 5px;
	box-shadow: 0 0 15px rgba(150,150,150,0.1);
	position: relative;
}
#nuevotemaform input {
  border-radius: 5px;
  box-shadow: none;
  border: none;
  font-size: 14px;
  height: 36px;
  letter-spacing: -0.5px;
  padding: 0px 30px;
  outline: none;
  background-color: var(--col4);
  color: var(--col3);
  margin: 0;
    margin-top: 0px;
  margin-top: 5px;
}
#nuevotemaform .control-group{
	width: 100% !important;
}
.nuevotemacomunidad{
	background-color: var(--col4);
}
#editor{
	padding-top: 20px;
}
.categoriasnuevotema{
	background-color: var(--col4);
	border-radius: 5px;
	padding: 10px;
}

#nuevotemaform label{
	font-size: 17px;
}
#nuevotemaform h4 {
  padding: 5px 0 5px 0;
  font-size: 15px;
  letter-spacing: -0.5px;
}
.etiquetacomunidad > label{
	font-size: 13px !important;
}

.nuevocomentario .control-group{
	width: 100% !important;
}
.nuevocomentariofinal {
  padding: 30px;
  background-color: rgba(255,255,255,0.6);
  margin: 0;
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(150,150,150,0.1);
  position: relative;
}
.acorditionflecha{
	padding: 15px;
}
.acorditionflecha .fa{
	float: right;
	font-size: 18px;
	-webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
.acorditionflecha p{
	float: right;
	padding-right: 20px;
	-webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
.acorditiontexto{
	padding: 15px;
}
.acorditiontexto p{
	color: var(--col2);
font-size: 18px;
letter-spacing: -0.5px;
}

.toogletabla{
	cursor: pointer;
}
.planesdetallados .tabla{
	padding-bottom: 15px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.tablaocultada{
	display: none;
	animation: scale-display 0.3s;
}
[data-tooltip] {
  position: relative;
  z-index: 10;
}

[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  bottom: calc(100% + 5px);
  pointer-events: none;
  transition: 0.2s;
  will-change: transform;
}

[data-tooltip]:before {
  content: attr(data-tooltip);
  padding: 10px 18px;
  min-width: 50px;
  max-width: 300px;
  width: max-content;
  width: -moz-max-content;
  border-radius: 6px;
  font-size: 14px;
  background-color: rgba(59, 72, 80, 0.9);
  background-image: linear-gradient(30deg,
    rgba(59, 72, 80, 0.44),
    rgba(59, 68, 75, 0.44),
    rgba(60, 82, 88, 0.44));
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
  white-space: pre-wrap;
  transform: translate(-50%, -5px) scale(0.5);
}

[data-tooltip]:after {
  content: '';
  border-style: solid;
  border-width: 5px 5px 0px 5px;
  border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
  transition-duration: 0s;
  transform-origin: top;
  transform: translateX(-50%) scaleY(0);
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
[data-tooltip]:hover:before {
  transition-delay: 0.3s;
  transform: translate(-50%, -5px) scale(1);
}
[data-tooltip]:hover:after {
  transition-delay: 0.5s;
  transition-duration: 0.2s;
  transform: translateX(-50%) scaleY(1);
}

/* RIGHT */
[data-tooltip-location="right"]:before,
[data-tooltip-location="right"]:after {
  left: calc(100% + 5px);
  bottom: 50%;
}

[data-tooltip-location="right"]:before {
  transform: translate(5px, 50%) scale(0.5);
}
[data-tooltip-location="right"]:hover:before {
  transform: translate(5px, 50%) scale(1);
}

[data-tooltip-location="right"]:after {
  border-width: 5px 5px 5px 0px;
  border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
  transform-origin: right;
  transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="right"]:hover:after {
  transform: translateY(50%) scaleX(1);
}

/* BOTTOM */
[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
  top: calc(100% + 5px);
  bottom: auto;
}

[data-tooltip-location="bottom"]:before {
  transform: translate(-50%, 5px) scale(0.5);
}
[data-tooltip-location="bottom"]:hover:before {
  transform: translate(-50%, 5px) scale(1);
}

[data-tooltip-location="bottom"]:after {
  border-width: 0px 5px 5px 5px;
  border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
  transform-origin: bottom;
}

.tooltiptabla  {
  margin: 0;
  cursor: pointer;
  text-align: center;
  border: none;
  border-radius: 4px;
  outline: inherit;
  text-decoration: none;
  background-color: var(--col2);
  color: white;
  width: 18px;

  -webkit-appearance: none;
  -moz-appearance: none;
  transition: background 350ms ease-in-out,
              transform 150ms ease;
}
.tooltiptabla :hover {
  background-color: #484f56;
}
.tooltiptabla :active {
  transform: scale(0.98);
}
.tooltiptabla :focus {
  box-shadow: 0 0 2px 2px #298bcf;
}
.tooltiptabla ::-moz-focus-inner {
  border: 0;
}
.cabeceradominios {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  margin-top: 90px;
  height: 35vh;
  display: flex;
   align-items: center;
}
.cabeceradominios h2{
	font-size: 50px;
}
.cabeceradominios span{
	font-size: 20px;
	font-weight: 500;
	background-color: var(--col6);
	color: var(--col0);
	padding: 2px 10px;
}

.propiedaddominio {
  padding: 15px;
  border-radius: 30px;
  box-shadow: 0px 50px 50px 2px rgba(0,0,0,0.1);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
}

.contenedoricondominio {
  height: 100px;
  width: 100px;
  background-color: rgba(32, 222, 186, 0.1);
  border-radius: 50%;
  position: relative;
  display: block;
  margin: 0 auto;
}
.contenedoricondominio.segundafila{
  background-color: rgba(20, 67, 107, 0.1);
}
.imagendominio img {
  width: 70px;
  height: 70px;
  position: absolute;
top: 15px;
left: 15px;
}
.infocontenedordominio {
  padding: 25px 15px;
  text-align: center;
}
.infodominios h4{
	padding: 0px 0 15px 0;
}
.gridpreciosdominio{
		background-color: #fff;
	border-radius: 5px;
	padding: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 15px rgba(150,150,150,0.1);
	transition:all 0.15s ease-out; -webkit-trasition:all 0.15s ease-out;
	cursor: pointer;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: .5fr 30px;
	padding: 5px 0;
    align-items: center;
    text-align: center;
}
.gridpreciosdominio:hover{
	border: 2px solid var(--col1);
	transition:all 0.15s ease-out; -webkit-trasition:all 0.15s ease-out;
}
.gridpreciosdominio span{
	text-transform: uppercase;
	padding-top: 2px;
}
.gridpreciosdominio p {
  margin: 10px 0 0;
  font-weight: 500;
  font-size: 18px;
	transition:all 0.15s ease-out; -webkit-trasition:all 0.15s ease-out;
}
.gridpreciosdominio:hover p {
 	color: var(--col1);
}
.planeshg .sintaxis, .planeshg .multilingue{
	padding-top: 30px ;
}
.encuentradominioitem{
	padding: 10px 0 60px;
}
.bloquebuscador{
	padding: 10px 20px;
	position: absolute;
	border-radius: 5px 5px 0 0;
	background-color: var(--col1);
	cursor: pointer;
}
.bloquebuscador.activo{
	background-color: var(--col2);
}
.bloquebuscador span{
	color: var(--col6);
	font-weight: 500;
}
.bloquenuevodominio{
	top: -7px;
}
.item-pagehome .bloquenuevodominio{
	top: -6px;
}
.bloquetransferiencia{
  	top: -7px;
  	left: 113px;
}
.item-pagehome .bloquetransferiencia{
  	top: -6px;
}
.buscadordomainitem .buscador form .columna7, .buscadordomainitem .buscador .formtransferencia .columna7 {
  background-color: var(--col2);
  border-radius: 0 0 0 5px;
}
.toastui-editor-tooltip {
  background-color: var(--col4) !important;
}
.toastui-editor-tooltip .arrow {
  background-color: var(--col4) !important;
}
.avisocomunidadlogin{
	background-color: var(--col4);
}

/********** CMS ***********/
.profesionalrecomendador{
	background-color: var(--col1);
	padding: 4px 25px;
	transform: rotate(-45deg);
	top: 24px;position: absolute;
	left: -32px;
	font-size: 12px;
	font-weight: bold;
	color: var(--col6);
}
.planprofesional{
	position: relative;
	transform: scale(1.05);
	overflow: hidden;
}
.responsivetabla{
	display: none !important;
}
.k2share ul
{
	text-align: center;
}
.k2share ul li
{
	list-style: none;
	display: inline-block;
	margin-right: 10px;
}
.blogcontent .columnaizqblog{
	background-color: var(--col4);
	position: sticky;
	top: 150px;
}
.blogcontent .columnaizqblog .k2share span{
	color: var(--col2);
	font-weight: 500;
}
.blogcontent .columnaizqblog h4{
  padding: 20px 0 15px 0;
  font-size: 16px;
  font-weight: 500;
}
.blogcontent .columnaizqblog h3{
  font-size: 22px;
  font-weight: 700;
}
.k2share li i.fa{
	font-size: 22px;
}
.menuoculto .supersubheadermenu .menu a {
  font-size: 16px;
  padding: 15px 20px;
  font-weight: 400;
}
.buttonsactionslogin .btnregistrarselogin a{
	float: right;
}