/*Estilo personalizado AvaiBook.com */
/*Importamos este estilo para fuente escrita a mano*/
@import url(https://fonts.googleapis.com/css?family=Just+Another+Hand);
.oculto{display: none;}
h1, h2, h3{
font-size:42px;
line-height:46px;
font-weight:700;
}
h1 span, h2 span, h3 span{
font-size:32px;
line-height:42px;
font-weight:300;
}
body label{
display:block;
padding-bottom:2px;
clear:left;
cursor: pointer;
}
.title-contact span{
font-size:19px;
}
.right{
position:relative;
float:right;
margin:0px 50px;
}
/* ============================
POST IT
============================ */
.post_it {
width: 200px;
height: 110px;
margin: 65px 0px 0px 20px;
padding: 0px 10px;
letter-spacing: 1px;
text-align: center;
border: 1px solid #E8E8E8;
border-top: 24px solid #fdfd86;
font-family: 'Just Another Hand', cursive;
font-size: 27px;
border-bottom-right-radius: 60px 5px;
display:inline-block;
background: rgb(255,255,136); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,136,1) 77%, rgba(228, 224, 121, 1) 90%, rgba(255,255,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(90%,rgba(228, 224, 121, 1)), color-stop(85%,rgba(255,238,136,1)), color-stop(100%,rgba(255,255,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(255,255,136,1) 77%,rgba(228, 224, 121, 1) 90%,rgba(255,255,214,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,136,1) 77%, rgba(228, 224, 121, 1) 90%, rgba(255,255,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(255,255,136,1) 77%, rgba(228, 224, 121, 1) 90%, rgba(255,255,214,1) 100%); /* IE10+ */
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
box-shadow: 5px 4px 8px #999;
-moz-box-shadow: 5px 4px 8px #999;
-webkit-box-shadow: 5px 4px 8px #999;
}
.post_it p {
padding: 2%;
}
.post_it p strong{
font-size: 27px;
}
.post_it a {
font-size: 18px;
color: #EB8400
}.post_it a:hover {
color: #4A8A00;
}
.post_it a span{
text-decoration: underline;
}
/* ============================
HEADER
============================ */
section.container-logo-registration div.col-2 div.column:first-child:not(.preproduccion){width:500px;margin-bottom:0px;}
section.container-logo-registration div.col-2 div.column:nth-child(2):not(.preproduccion):not(.tele){margin-bottom:0px; width: 437px;}
section.container-logo-registration div.col-2 div.column:nth-child(2):not(.preproduccion):not(.tele){width: 490px; margin: 0;}
section.container-logo-registration div.col-2 div.column.pre{
float: right;
text-align: right;
width: 230px;
}
section.container-logo-registration div.col-2 div.column.pre.support{
width: 400px;
}
section.container-logo-registration div.col-2 div.column.pre div.user {
text-align: right;
float: right;
width: 100%;
}
section.container-logo-registration div.col-2 div.column.pre div.user img{
float: left;
margin: 0px 14px;
border: 1px solid #fff;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.36);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.36);
}
@-moz-keyframes dropHeader {
0% {
-moz-transform: translateY(-40px);
}
100% {
-moz-transform: translateY(0);
}
}
@-webkit-keyframes dropHeader {
0% {
-webkit-transform: translateY(-40px);
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes dropHeader {
0% {
transform: translateY(-40px);
}
100% {
transform: translateY(0);
}
}
section.container-logo-registration div.col-2 div.preproduccion{
width: 100%;
position: relative;
font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
font-size: 1.3em;
letter-spacing: 0.03em;
margin: -2% 0% 2% 0%;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 2px;
text-align: center;
box-shadow: 2px 2px 4px #CCC;
font-weight: bold;
color: #6F6F6F;
background: linear-gradient(left bottom, #EE9368 40%, #F3BCA2 69%);
background: -o-linear-gradient(left bottom, #EE9368 40%, #F3BCA2 69%);
background: -moz-linear-gradient(left bottom, #EE9368 40%, #F3BCA2 69%);
background: -webkit-linear-gradient(left bottom, #EE9368 40%, #F3BCA2 69%);
background: -ms-linear-gradient(left bottom, #EE9368 40%, #F3BCA2 69%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE9368', endColorstr='#F3BCA2');
-moz-animation-name: dropHeader;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: ease-in;
-moz-animation-duration: 0.5s;
-webkit-animation-name: dropHeader;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in;
-webkit-animation-duration: 0.5s;
animation-name: dropHeader;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 0.5s;
}
/* CONTACTO COMERCIAL */
#mensaje span{
/*margin-bottom: -60px;*/
/*margin-top: 80px;*/
}
#front{
top: 36%;
}
#soporte #front .datos .lite input{
/*margin-top: 75px;*/
}
#captcha_header{
position: absolute;
left: 18px;
margin-top: 10px;
}
/* REGISTER */
.register-cont{
float:right;
border:1px solid #fff;
padding:6px 6px 7px 6px;
background:#cdd0d1;
background:rgba(52,66,72,0.2);
}
.register-cont span{
float:left;
position:relative;
z-index:100;
font-size:17px;
color:#979a9c;
margin:5px -1px 0 -3px;
}
.register-cont a, .more-info-btn{
float:left;
font-size:12px;
text-shadow:1px 1px #eee;
text-transform:uppercase;
padding:5px 14px;
background:#e0e3e5 url(../../images/public/noise-soft.png) repeat; /* Old browsers */
background:url(../../images/public/noise-soft.png) repeat, -moz-linear-gradient(top, #e0e3e5 0%, #c4cbcd 100%); /* FF3.6+ */
background:url(../../images/public/noise-soft.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e3e5), color-stop(100%,#c4cbcd)); /* Chrome,Safari4+ */
background:url(../../images/public/noise-soft.png) repeat, -webkit-linear-gradient(top, #e0e3e5 0%,#c4cbcd 100%); /* Chrome10+,Safari5.1+ */
background:url(../../images/public/noise-soft.png) repeat, -o-linear-gradient(top, #e0e3e5 0%,#c4cbcd 100%); /* Opera 11.10+ */
background:url(../../images/public/noise-soft.png) repeat, -ms-linear-gradient(top, #e0e3e5 0%,#c4cbcd 100%); /* IE10+ */
background:url(../../images/public/noise-soft.png) repeat, linear-gradient(to bottom, #e0e3e5 0%,#c4cbcd 100%); /* W3C */
-webkit-box-shadow:inset 0 1px 1px 0 rgba(255,255,255,0.4), 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
box-shadow:inset 0 1px 1px 0 rgba(255,255,255,0.4), 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.register-cont a:first-child{
border-right:1px solid #979a9c;
-webkit-border-radius:5px 0 0 5px;
border-radius:5px 0 0 5px;
}
.register-cont a:first-child:hover, .more-info-btn:hover{
background:#e0e3e5;
}
.register-cont a:last-child{
margin:0 0 0 -2px;
-webkit-border-radius:0 5px 5px 0;
border-radius:0 5px 5px 0;
background:#e9ebed url(../../images/public/noise-soft.png) repeat; /* Old browsers */
background:url(../../images/public/noise-soft.png) repeat, -moz-linear-gradient(top, #e9ebed 0%, #d6dbdc 100%); /* FF3.6+ */
background:url(../../images/public/noise-soft.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9ebed), color-stop(100%,#d6dbdc)); /* Chrome,Safari4+ */
background:url(../../images/public/noise-soft.png) repeat, -webkit-linear-gradient(top, #e9ebed 0%,#d6dbdc 100%); /* Chrome10+,Safari5.1+ */
background:url(../../images/public/noise-soft.png) repeat, -o-linear-gradient(top, #e9ebed 0%,#d6dbdc 100%); /* Opera 11.10+ */
background:url(../../images/public/noise-soft.png) repeat, -ms-linear-gradient(top, #e9ebed 0%,#d6dbdc 100%); /* IE10+ */
background:url(../../images/public/noise-soft.png) repeat, linear-gradient(to bottom, #e9ebed 0%,#d6dbdc 100%); /* W3C */
}
.register-cont a:last-child:hover{
background:#e9ebed;
}
/* Login Button Reacondicionado*/
.monoboton{
-webkit-border-radius:5px 5px !important;
border-radius: 5px 5px !important;
border-right:none !important;
margin:0px !important;
}
/* ============================
NAVIGATION (MENU)
============================ */
nav li a{
float:left;
color:#fff;
padding:10px 8px 11px;
text-shadow:1px 1px #000;
-webkit-transition:background 0.4s ease;
-moz-transition:background 0.4s ease;
transition:background 0.4s ease;
}
nav li a.destacado{
-webkit-box-shadow:inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3);
box-shadow:inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3);
background:#35525b url(../../images/public/noise-soft.png) repeat; /* Old browsers */
background:url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -moz-linear-gradient(top, #1c2d32 0%, #1c2d32 100%); /* FF3.6+ */
}
nav li a.destacado:hover{
background:#1c2d32 url(../../images/public/noise-soft.png) repeat; /* Old browsers */
background:url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -moz-linear-gradient(top, #1c2d32 0%, #1c2d32 100%); /* FF3.6+ */
}
nav li a.destacado.on, nav li a.destacado.on:hover{
background:#4a8a00 url(../../images/public/noise.png) repeat; /* Old browsers */
background:url(../../images/public/noise.png) repeat, -moz-linear-gradient(top, #4a8a00 0%, #447f00 100%); /* FF3.6+ */
background:url(../../images/public/noise.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a8a00), color-stop(100%,#447f00)); /* Chrome,Safari4+ */
background:url(../../images/public/noise.png) repeat, -webkit-linear-gradient(top, #4a8a00 0%,#447f00 100%); /* Chrome10+,Safari5.1+ */
background:url(../../images/public/noise.png) repeat, -o-linear-gradient(top, #4a8a00 0%,#447f00 100%); /* Opera 11.10+ */
background:url(../../images/public/noise.png) repeat, -ms-linear-gradient(top, #4a8a00 0%,#447f00 100%); /* IE10+ */
background:url(../../images/public/noise.png) repeat, linear-gradient(to bottom, #4a8a00 0%,#447f00 100%); /* W3C */
}
/* ============================
Ventajas
============================ */
.advantage .col-1-2-gr .column:first-child{
width: 370px;
margin: 0 15px 36px 0;
padding:0;
}
.advantage .col-1-2-gr .column:last-child{
width: 587px;
margin: 0 0 36px 0;
padding:0;
}
.advantage .col-2-1-gr .column:first-child{
width: 587px;
margin: 0 0 36px 0;
padding:0;
}
.advantage .col-2-1-gr .column:last-child{
width: 370px;
margin: 0 0 36px 15px;
padding:0;
}
.advantage .col-2-1-gr .column a{
color: #FF9103;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}.advantage .col-2-1-gr .column a:hover{
color: #4A8A00;
}
.advantage .col-1-2-gr .column a{
color: #4A8A00;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}.advantage .col-1-2-gr .column a:hover{
color: #FF9103;
}
/* ventaja principal */
.advantage .column p.ok{
background:url(../../images/public/ok.png) no-repeat top left;
padding-left:36px;
display: inline-block;
}
/* ventaja principal posición derecha */
.advantage .column p.ok-right {
background: url("../../images/public/ok-orange.png") no-repeat scroll 561px 0 transparent;
padding-right: 35px;
}
.advantage div#register p{
margin:22px auto;
font-size:16px;
}.advantage div#register p a{
color: #4A8A00;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
font-weight:bold;
}.advantage div#register p a:hover{
color: #FF9103;
}
/* lista de ventajas */
.features-list li{
padding:6px 20px;
background:url(../../images/public/tick-green.png) no-repeat left 7px;
}
.features-list.orange li{
background:url(../../images/public/tick-orange.png) no-repeat right 6px;
}
.tiempo{
padding-bottom: 20px;
}
.col-2-1-gr .features-list{
margin:20px 0 0 36px;
}
.col-2-1-gr .features-list li{
background:url(../../images/public/tick-green.png) no-repeat left 7px;
padding-left:20px;
}
.col-2-1-gr .features-list.orange li{
background:url(../../images/public/tick-orange.png) no-repeat right 6px;
padding-right:20px;
margin-right:40px;
}
/* ============================
FIN Ventajas
============================ */
/* ============================
MOTOR DE RESERVAS
============================ */
.motor header,
.pagina_web header{
background:#FAFAFA;
border-bottom:1px solid #ebebeb;
margin-bottom:48px;
}
.motor .col-1 .column,
.pagina_web .col-1 .column,
.modulos_web .col-1 .column{
text-align:center;
padding-top:36px;
}
.motor .column p,
.pagina_web .column p{
margin-top:24px;
}
.motor .column h4,
.pagina_web .column h4{
padding-top:24px;
text-transform:uppercase;
}
.motor .col-1 .column img{
margin-top:24px;
text-align:left;
background:url(../../images/public/loader.gif) no-repeat center 50px;
}
.motor .col-2-1-gr .column a,
.pagina_web .col-2-1-gr .column a,
.motor .col-1-1 p a,
.pagina_web .col-1-1 p a{
color: #FF9103;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.motor .col-2-1-gr .column a:hover,
.pagina_web .col-2-1-gr .column a:hover,
.motor .col-1-1 p a:hover,
.pagina_web .col-1-1 p a:hover{
color: #4A8A00;
}
.motor .col-1-2-gr .column a,
.pagina_web .col-1-2-gr .column a{
color: #4A8A00;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.motor .col-1-2-gr .column a:hover,
.pagina_web .col-1-2-gr .column a:hover{
color: #FF9103;
}
.motor .col-1-1,
.pagina_web .col-1-1{
margin:0px auto 65px auto;
}
/* ventaja principal */
.motor .column p.ok,
.pagina_web .column p.ok{
background:url(../../images/public/ok.png) no-repeat top left;
padding-left:36px;
display: inline-block;
}
/* ventaja principal posición derecha */
.motor .column p.ok-right,
.pagina_web .column p.ok-right {
background: url("../../images/public/ok-orange.png") no-repeat scroll 561px 0 transparent;
padding-right: 35px;
}
.motor .col-1-2-gr,
.pagina_web .col-1-2-gr,
.motor .col-2-1-gr,
.pagina_web .col-2-1-gr{
margin-bottom:24px;
border-bottom:1px solid #ebebeb;
}
.motor .col-2-1-gr:last-child,
.pagina_web .col-2-1-gr:last-child{
border:none;
}
.motor .col-2-1-gr .column,
.pagina_web .col-2-1-gr .column{
text-align:right;
background:none;
}
.motor .col-2-1-gr .column:last-child,
.pagina_web .col-2-1-gr .column:last-child{
margin-top:0px;
padding:0px;
}
.motor .col-1-2-gr .column:first-child img,
.motor .col-2-1-gr .column:last-child img{
width:350px;
box-shadow:2px 2px 5px #AAA;
margin-top: 20px;
}
/* ============================
CHANNEL MANAGER
============================ */
.channel header{
background:#FAFAFA;
border-bottom:1px solid #ebebeb;
margin-bottom:48px;
}
.channel .col-1 .column{
text-align:center;
padding-top:36px;
}
.channel .column p{
margin-top:24px;
}
.channel .column h4{
padding-top:24px;
text-transform:uppercase;
}
.channel .col-1 .column img{
margin-top:24px;
text-align:left;
background:url(../../images/public/loader.gif) no-repeat center 50px;
}
.channel .col-2-1-gr .column a,
.channel .col-1-1 p a{
color: #FF9103;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.channel .col-2-1-gr .column a:hover,
.channel .col-1-1 p a:hover{
color: #4A8A00;
}
.channel .col-1-2-gr .column a{
color: #4A8A00;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.channel .col-1-2-gr .column a:hover{
color: #FF9103;
}
.channel .col-1-1{
margin:0px auto 65px auto;
}
/* ventaja principal */
.channel .column p.ok{
background:url(../../images/public/ok.png) no-repeat top left;
padding-left:36px;
display: inline-block;
}
/* ventaja principal posición derecha */
.channel .column p.ok-right {
background: url("../../images/public/ok-orange.png") no-repeat scroll 561px 0 transparent;
padding-right: 35px;
}
.channel .col-1-2-gr,
.channel .col-2-1-gr{
margin-bottom:24px;
border-bottom:1px solid #ebebeb;
}
.channel .col-2-1-gr:last-child{
border:none;
}
.channel .col-2-1-gr .column{
text-align:right;
background:none;
}
.channel .col-2-1-gr .column:last-child{
margin-top:0px;
padding:0px;
}
.channel .col-1-2-gr .column:first-child img,
.channel .col-2-1-gr .column:last-child img{
width:350px;
box-shadow:2px 2px 5px #AAA;
margin-top: 20px;
}
/* ============================
Sistema Gestión de Reservas
============================ */
.gestion header{
background:#FAFAFA;
border-bottom:1px solid #ebebeb;
margin-bottom:48px;
}
.gestion .col-1 .column{
text-align:center;
padding-top:36px;
}
.gestion .column p{
margin-top:24px;
}
.gestion .column h4{
padding-top:24px;
text-transform:uppercase;
}
.gestion .col-1 .column img{
margin-top:24px;
text-align:left;
background:url(../../images/public/loader.gif) no-repeat center 50px;
}
.gestion .col-2-1-gr .column a,
.gestion .col-1-1 p a{
color: #FF9103;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.gestion .col-2-1-gr .column a:hover,
.gestion .col-1-1 p a:hover{
color: #4A8A00;
}
.gestion .col-1-2-gr .column a{
color: #4A8A00;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.gestion .col-1-2-gr .column a:hover{
color: #FF9103;
}
.gestion .col-1-1{
padding:0px auto;
}.gestion .col-1-1 p:last-child{
border-bottom:1px solid #ebebeb;
width:100%;
padding-bottom:35px;
}
/* ventaja principal */
.gestion .column p.ok{
background: url(../../images/public/tick-green.png) no-repeat left 5px;
padding-left: 25px;
display: inline-block;
}
.gestion .column p.ok.izq{
background:url(../../images/public/tick-green.png) no-repeat right 5px;
padding-right:25px;
display: inline-block;
}
/* ventaja principal posición derecha */
.gestion .column p.ok-right {
background: url("../../images/public/ok-orange.png") no-repeat scroll 561px 0 transparent;
padding-right: 35px;
}
.gestion .col-1-2-gr,
.gestion .col-2-1-gr{
margin-bottom:24px;
border-bottom:1px solid #ebebeb;
}
.gestion .col-2-1-gr:last-child{
border:none;
}
.gestion .col-2-1-gr .column{
text-align:right;
background:none;
}
.gestion .col-2-1-gr .column:last-child{
margin-top:0px;
padding:0px;
}
.gestion .col-1-2-gr .column:first-child img,
.gestion .col-2-1-gr .column:last-child img{
width:350px;
box-shadow:2px 2px 5px #AAA;
margin-top: 20px;
}
#pci{
width: 30%;
}
/* ============================
otras-herramientas-avaibook
============================ */
.herramientas header{
background:#FAFAFA;
border-bottom:1px solid #ebebeb;
margin-bottom:48px;
}
.herramientas .col-1 .column{
text-align:center;
padding-top:36px;
}
.herramientas .column p{
margin-top:24px;
}
.herramientas .column p.links{
text-align: center;
margin-top: 8px;
}.herramientas .column p.links a{
text-decoration: none;
}
.herramientas .column h4{
padding-top:24px;
text-transform:uppercase;
}
.herramientas .col-1 .column img{
margin-top:24px;
text-align:left;
background:url(../../images/public/loader.gif) no-repeat center 50px;
}
.herramientas .col-2-1-gr .column a,
.herramientas .col-1-1 p a{
color: #FF9103;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.herramientas .col-2-1-gr .column a:hover,
.herramientas .col-1-1 p a:hover{
color: #4A8A00;
}
.herramientas .col-1-2-gr .column a{
color: #4A8A00;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}.herramientas .col-1-2-gr .column a:hover{
color: #FF9103;
}
.herramientas .col-1-1{
padding:0px auto;
}.herramientas .col-1-1 p:last-child{
border-bottom:1px solid #ebebeb;
width:100%;
padding-bottom:35px;
}
/* ventaja principal */
.herramientas .column p.ok{
background:url(../../images/public/ok.png) no-repeat top left;
padding-left:36px;
display: inline-block;
}
/* ventaja principal posición derecha */
.herramientas .column p.ok-right {
background: url("../../images/public/ok-orange.png") no-repeat scroll 561px 0 transparent;
padding-right: 35px;
}
.herramientas .col-1-2-gr,
.herramientas .col-2-1-gr{
margin-bottom:24px;
border-bottom:1px solid #ebebeb;
}
.herramientas .col-2-1-gr:last-child{
border:none;
}
.herramientas .col-2-1-gr .column{
text-align:right;
background:none;
}
.herramientas .col-2-1-gr .column:last-child{
margin-top:0px;
padding:0px;
}
.herramientas .col-1-2-gr .column:first-child img,
.herramientas .col-2-1-gr .column:last-child img{
width:350px;
box-shadow:2px 2px 5px #AAA;
margin-top: 20px;
}
/* ============================
PAGINA WEB
============================ */
.pagina_web .solicitar_info{
float: left;
position: relative;
width: 100%;
text-align: center;
top: 25px;
} .pagina_web .modulos_opcionales .solicitar_info{
margin-top: 5%;
}.pagina_web .modulos_opcionales .solicitar_info{
margin-top: 5%;
}
.pagina_web .modulos_opcionales .wrapper:first-of-type .column:nth-of-type(2) img{
float: left;
width: auto;
height: 120px;
margin: 6% 7% 0% 7%;
}.pagina_web .modulos_opcionales .wrapper:first-of-type .column:nth-of-type(2) img:last-of-type{
margin-left: 20%;
}
.pagina_web .modulos_opcionales .wrapper:nth-of-type(2) .column:first-of-type img{
float: right;
width: 40%;
}
.pagina_web .gallery_capturas{
width: 100%;
margin-top: 5%;
position: relative;
}
.pagina_web .dg-wrapper{
width: 50%;
height: 250px;
margin: 0 auto;
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
-o-perspective: 1000px;
-ms-perspective: 1000px;
perspective: 1000px;
}
.pagina_web .dg-wrapper img{
width: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
background: transparent;
box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
.pagina_web header {
margin-bottom: 5%;
}
.pagina_web .dg-wrapper img.dg-transition{
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}
.pagina_web .modal div.oculto,
.modelos_web .modal div.oculto,
.modulos_web .modal div.oculto{
display: none;
}
.pagina_web .modal,
.modelos_web .modal,
.modulos_web .modal{
float:left;
width: 20%;
height: auto;
position: fixed;
top: 35%;
left: 47%;
background: #294047 url(../../images/public/noise-soft.png) repeat;
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -moz-linear-gradient(top, #294047 0%, #1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#294047), color-stop(100%,#1c2d32));
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -webkit-linear-gradient(top, #294047 0%,#1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -o-linear-gradient(top, #294047 0%,#1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -ms-linear-gradient(top, #294047 0%,#1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, linear-gradient(to bottom, #294047 0%,#1c2d32 100%);
color: white;
border-radius: 5px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
margin-left: -150px;
margin-top: -100px;
display: none;
z-index: 900;
padding: 1%;
}
.pagina_web .modal div#capaSolicitud,
.modelos_web .modal div#capaSolicitud,
.modulos_web .modal div#capaSolicitud,
.pagina_web .modal div#capaSolicitud div,
.modelos_web .modal div#capaSolicitud div,
.modulos_web .modal div#capaSolicitud div{
float: left;
}
.pagina_web .modal div#capaSolicitud div.cabecera,
.modelos_web .modal div#capaSolicitud div.cabecera,
.modulos_web .modal div#capaSolicitud div.cabecera{
width: 100%;
margin-bottom: 2%;
}
.pagina_web .modal div#capaSolicitud div.cabecera div.titulo,
.modelos_web .modal div#capaSolicitud div.cabecera div.titulo,
.modulos_web .modal div#capaSolicitud div.cabecera div.titulo{
font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
font-size: 22px;
letter-spacing: 1px;
}
.pagina_web .modal div#capaSolicitud div.cabecera div.close,
.modelos_web .modal div#capaSolicitud div.cabecera div.close,
.modulos_web .modal div#capaSolicitud div.cabecera div.close{
float: right;
width: auto;
font-size: 16px;
padding: 2.5% 2.5%;
line-height: 0;
}
.pagina_web .modal div#capaSolicitud div.cabecera div.close:hover,
.modelos_web .modal div#capaSolicitud div.cabecera div.close:hover,
.modulos_web .modal div#capaSolicitud div.cabecera div.close:hover{
opacity: 0.5;
}
.pagina_web .modal div#capaSolicitud div.cabecera div.close:active,
.modelos_web .modal div#capaSolicitud div.cabecera div.close:active,
.modulos_web .modal div#capaSolicitud div.cabecera div.close:active{
padding: 2.3% 2.3%;
font-size: 12px;
margin-right: 0.3%;
margin-top: 0.5%;
}
.pagina_web .modal div#capaSolicitud div.datos_solicitud,
.modelos_web .modal div#capaSolicitud div.datos_solicitud,
.modulos_web .modal div#capaSolicitud div.datos_solicitud{
margin: 0% 0% 5% 3%;
}.pagina_web .modal div#capaSolicitud div.datos_solicitud div ,
.modelos_web .modal div#capaSolicitud div.datos_solicitud div,
.modulos_web .modal div#capaSolicitud div.datos_solicitud div {
clear: left;
width: 100%;
}.pagina_web .modal div#capaSolicitud div.datos_solicitud div input,
.modelos_web .modal div#capaSolicitud div.datos_solicitud div input,
.modulos_web .modal div#capaSolicitud div.datos_solicitud div input{
width: 85%;
}
.pagina_web .modal div#capaSolicitud div.datos_solicitud div:nth-of-type(odd),
.modelos_web .modal div#capaSolicitud div.datos_solicitud div:nth-of-type(odd),
.modulos_web .modal div#capaSolicitud div.datos_solicitud div:nth-of-type(odd) {
margin-top: 3%;
}
.pagina_web .modal div#capaSolicitud div.datos_solicitud div label span.rojo,
.modelos_web .modal div#capaSolicitud div.datos_solicitud div label span.rojo,
.modulos_web .modal div#capaSolicitud div.datos_solicitud div label span.rojo{
color: red;
margin-left: 0.5%
}
.pagina_web .modal div#capaSolicitud div.datos_solicitud div:nth-of-type(6) input:first-of-type,
.modelos_web .modal div#capaSolicitud div.datos_solicitud div:nth-of-type(6) input:first-of-type,
.modulos_web .modal div#capaSolicitud div.datos_solicitud div:nth-of-type(6) input:first-of-type{
width: 10%;
text-align: center;
margin-right: 3%;
}
.pagina_web .modal div#capaSolicitud div.datos_solicitud div:nth-of-type(6) input:last-of-type,
.modelos_web .modal div#capaSolicitud div.datos_solicitud div:nth-of-type(6) input:last-of-type,
.modulos_web .modal div#capaSolicitud div.datos_solicitud div:nth-of-type(6) input:last-of-type{
width: 66%;
text-align: center;
}
.pagina_web .modal div#capaSolicitud div.datos_solicitud div select,
.modelos_web .modal div#capaSolicitud div.datos_solicitud div select,
.modulos_web .modal div#capaSolicitud div.datos_solicitud div select{
padding: 5px 10px;
}
.pagina_web .modal div#capaSolicitud div.boton_solicitud,
.modelos_web .modal div#capaSolicitud div.boton_solicitud,
.modulos_web .modal div#capaSolicitud div.boton_solicitud,
.pagina_web .modal div#capaSolicitud div#capaEsperaAjax,
.modelos_web .modal div#capaSolicitud div#capaEsperaAjax,
.modulos_web .modal div#capaSolicitud div#capaEsperaAjax,
.pagina_web .modal div#capaSolicitud div#capaSolicitudEnviada,
.modelos_web .modal div#capaSolicitud div#capaSolicitudEnviada,
.modulos_web .modal div#capaSolicitud div#capaSolicitudEnviada{
width: 100%;
text-align: center;
margin-top: 3%;
height: 60px;
}
.pagina_web .modal div#capaSolicitud div#capaEsperaAjax,
.modelos_web .modal div#capaSolicitud div#capaEsperaAjax,
.modulos_web .modal div#capaSolicitud div#capaEsperaAjax,
.pagina_web .modal div#capaSolicitud div#capaSolicitudEnviada,
.modelos_web .modal div#capaSolicitud div#capaSolicitudEnviada,
.modulos_web .modal div#capaSolicitud div#capaSolicitudEnviada{
line-height: 30px;
}
.pagina_web .modal div#capaSolicitud div#capaEsperaAjax div,
.modelos_web .modal div#capaSolicitud div#capaEsperaAjax div,
.modulos_web .modal div#capaSolicitud div#capaEsperaAjax div{
width: auto;
margin-top: 3%;
}.pagina_web .modal div#capaSolicitud div#capaEsperaAjax div:first-of-type,
.modelos_web .modal div#capaSolicitud div#capaEsperaAjax div:first-of-type,
.modulos_web .modal div#capaSolicitud div#capaEsperaAjax div:first-of-type{
margin-left: 25%;
}
.pagina_web .modal div#capaSolicitud div#capaEsperaAjax div img,
.modelos_web .modal div#capaSolicitud div#capaEsperaAjax div img,
.modulos_web .modal div#capaSolicitud div#capaEsperaAjax div img{
width: 70%;
margin-left: 35%;
}
.pagina_web .modal div#capaSolicitud div#capaSolicitudEnviada div,
.modelos_web .modal div#capaSolicitud div#capaSolicitudEnviada div,
.modulos_web .modal div#capaSolicitud div#capaSolicitudEnviada div{
width: 100%;
}.pagina_web .modal div#capaSolicitud div#capaSolicitudEnviada div img,
.modelos_web .modal div#capaSolicitud div#capaSolicitudEnviada div img,
.modulos_web .modal div#capaSolicitud div#capaSolicitudEnviada div img{
float: left;
width: 10%;
}
.pagina_web .modal div#capaSolicitud div#capaSolicitudEnviada div label,
.modelos_web .modal div#capaSolicitud div#capaSolicitudEnviada div label,
.modulos_web .modal div#capaSolicitud div#capaSolicitudEnviada div label{
clear: none;
}
.pagina_web .modal div#capaSolicitud div input.ui-state-error,
.modelos_web .modal div#capaSolicitud div input.ui-state-error,
.modulos_web .modal div#capaSolicitud div input.ui-state-error,
.pagina_web .modal div#capaSolicitud div select.ui-state-error,
.modelos_web .modal div#capaSolicitud div select.ui-state-error,
.modulos_web .modal div#capaSolicitud div select.ui-state-error{
background: #f4d5a9 url(../jquery-ui-verde/images/ui-bg_diagonals-thick_95_f4d5a9_40x40.png) 50% 50% repeat;
}
.pagina_web .fondo,
.modelos_web .fondo,
.modulos_web .fondo{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #444444;
display: none;
z-index: 90;
opacity: 0.3;
}
/* ============================
paginas landing
============================ */
.landing header{
background:#FAFAFA;
border-bottom:1px solid #ebebeb;
margin-bottom:28px;
}
.landing header h1{
font-size:36px;
}
.landing header .col-1 .column{
text-align:center;
padding-top:32px;
}
.landing header .column p{
margin-top:24px;
}
.landing header .column h4{
padding-top:24px;
text-transform:uppercase;
}
.landing .col-1-1{
padding:0px auto;
}
.landing .col-1-1 .column p:last-child{
margin:24px 0px;
}
.landing .col-1-1 .column p.ok{
text-align:justify;
margin-top:5px;
background:url(../../images/public/ok.png) no-repeat top left;
background-size:18px;
background-position:5px 4px;
padding-left:36px;
display: inline-block;
line-height:28px;
}
.landing .col-1-1 .column p a{
color: #FF9103;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}.landing .col-1-1 .column p a:hover{
color: #4A8A00;
}
/****************************/
.landing .col-2-1{
padding:5px auto;
}
.landing .col-2-1 .column p.ok{
text-align:justify;
margin-top:10px;
background:url(../../images/public/ok.png) no-repeat top left;
background-size:18px;
background-position:5px 4px;
padding-left:36px;
display: inline-block;
line-height:20px;
}
.landing .col-2-1 p.ok:last-child{
padding-bottom:35px;
}
.landing .col-2-1 .column p a{
color: #FF9103;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}.landing .col-2-1 .column p a:hover{
color: #4A8A00;
}
.landing .col-2-1 img{
width:100%;
border-radius:5px;
box-shadow:1px 2px 5px #CCC;
margin:10px auto;
}
/****************************/
.landing .col-1-2{
padding:5px auto;
}
.landing .col-1-2 .column p.ok{
text-align:justify;
margin-top:10px;
background:url(../../images/public/ok.png) no-repeat top left;
background-size:18px;
background-position:5px 4px;
padding-left:36px;
display: inline-block;
line-height:20px;
}
.landing .col-1-2 .column p a{
color: #FF9103;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}.landing .col-1-2 .column p a:hover{
color: #4A8A00;
}
.landing .col-1-2 .column:nth-child(2) p{
magin:15px 0px;
}
.landing .col-1-2 img{
width:100%;
border-radius:5px;
box-shadow:1px 2px 5px #CCC;
margin:10px auto;
}
.landing div.img{
float: left;
margin-left: 5%;
}
/* ============================
Buscar Reserva
============================ */
.bookingSearch .col-1 .column{
padding-top:36px;
}
.bookingSearch .col-1 .column .idiomas_publica{
float: right;
width: 21%;
margin-right: 7%;
}.bookingSearch .col-1 .column .idiomas_publica div{
float: left;
margin-left: 5%;
}.bookingSearch .col-1 .column .idiomas_publica div img{
width: 30px;
box-shadow: 2px 2px 2px #CCC;
cursor: pointer;
}.bookingSearch .col-1 .column .idiomas_publica div img:hover,
.bookingSearch .col-1 .column .idiomas_publica div img.active{
box-shadow: none;
}
.bookingSearch .col-1 .column .formContainer{
width:800px;
padding:25px 50px;
margin-top:26px;
margin-bottom:15px;
background:#f5f5f5 url(../../images/public/noise-soft.png) repeat;
border:1px solid #CCC;
border-radius:5px;
box-shadow:0 2px 2px rgba(0,0,0,0.5);
}
.bookingSearch .col-1 .column form #contactButtom{
position:relative;
text-align:center;
float:right;
}
.bookingSearch .booking-info{
margin-top:10px;
text-align: justify;
}
.bookingSearch .booking-info .details h4{
margin-top:20px;
}
.bookingSearch #myform div{
width:800px;
}
.bookingSearch p .highlight{
color:#060;
}
.bookingSearch p a{
color:#3f4244;
text-decoration:underline;
}
.bookingSearch p a:hover{
color:#4A8A00;
}
.bookingSearch .legal input{
float:left;
width:auto;
height:auto;
background:none;
margin:0 8px 0 0;
padding:0;
}
.bookingSearch input{
width:200px;
border:2px solid #ccc;
background:#fff;
-webkit-transition:background 0.4s ease;
-moz-transition:background 0.4s ease;
transition:background 0.4s ease;
}
.bookingSearch textarea{
width:600px;
border:2px solid #ccc;
background:#fff;
-webkit-transition:background 0.4s ease;
-moz-transition:background 0.4s ease;
transition:background 0.4s ease;
}
.bookingSearch input:hover, .bookingSearch textarea:hover{
background:#fafafa;
}
.bookingSearch input:focus, .bookingSearch textarea:focus{
background:#fafafa;
}
.bookingSearch input.btn{
float:left;
margin:14px;
border:none;
width:auto;
height:auto;
padding:14px 40px;
}
.bookingSearch input.btn:focus, .bookingSearch input.btn:active{
font-size:28px;
line-height:28px;
padding:16px 26px 12px;
}
#booking_data{
width:700px;
padding:0px 100px 50px 100px;
margin-top:26px;
margin-bottom:15px;
background:#f5f5f5 url(../../images/public/noise-soft.png) repeat;
border:1px solid #CCC;
border-radius:5px;
box-shadow:0 2px 2px rgba(0,0,0,0.5);
display:none;
}
.anulaReserva{
position:relative;float:right;top:15px;
}
.btn.red{
text-shadow:1px 1px rgba(0,0,0,0.3);
background:#FF0000 url(../../images/public/noise-soft.png) repeat; /* Old browsers */
background:url(../../images/public/noise-soft.png) repeat, -moz-linear-gradient(top, #FF0000 0%, #FF3300 100%); /* FF3.6+ */
background:url(../../images/public/noise-soft.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0000), color-stop(100%,#FF3300)); /* Chrome,Safari4+ */
background:url(../../images/public/noise-soft.png) repeat, -webkit-linear-gradient(top, #FF0000 0%,#FF3300 100%); /* Chrome10+,Safari5.1+ */
background:url(../../images/public/noise-soft.png) repeat, -o-linear-gradient(top, #FF0000 0%,#FF3300 100%); /* Opera 11.10+ */
background:url(../../images/public/noise-soft.png) repeat, -ms-linear-gradient(top, #FF0000 0%,#FF3300 100%); /* IE10+ */
background:url(../../images/public/noise-soft.png) repeat, linear-gradient(to bottom, #FF0000 0%,#FF3300 100%); /* W3C */
-webkit-box-shadow:0px 4px 0px 0px #990000 inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
box-shadow:0px 4px 0px 0px #990000, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
}
.btn.red:hover{
background:#FF6666 url(../../images/public/noise.png) repeat;
}
.btn.red:active, .btn.red:visited, .btn.red:focus {
background:#FF6666 url(../../images/public/noise.png) repeat;
background:url(../../images/public/noise-soft.png) repeat, -moz-linear-gradient(top, #FF6666 0%, #FF3300 100%); /* FF3.6+ */
background:url(../../images/public/noise-soft.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6666), color-stop(100%,#FF3300)); /* Chrome,Safari4+ */
background:url(../../images/public/noise-soft.png) repeat, -webkit-linear-gradient(top, #FF6666 0%,#FF3300 100%); /* Chrome10+,Safari5.1+ */
background:url(../../images/public/noise-soft.png) repeat, -o-linear-gradient(top, #FF6666 0%,#FF3300 100%); /* Opera 11.10+ */
background:url(../../images/public/noise-soft.png) repeat, -ms-linear-gradient(top, #FF6666 0%,#FF3300 100%); /* IE10+ */
background:url(../../images/public/noise-soft.png) repeat, linear-gradient(to bottom, #FF6666 0%,#FF3300 100%); /* W3C */
-webkit-box-shadow:0px 3px 0px 0px #990000, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
box-shadow:0px 3px 0px 0px #990000, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
}
#google_translate_element{
background:#FFFFFF url(../../images/public/noise.png) repeat;
border:1px solid white;
border-radius:5px;
padding:5px;
position:relative;
box-shadow:0px 3px 0px 0px white, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
float:right;
margin-left: 20px;
}
p.datos_bancarios input{
height: 18px;
}
p.datos_bancarios input.iban{
width: 45px;
margin-right: 34px;
margin-bottom: 10px;
margin-top: 10px;
}
/* ============================
FIN Buscar Reserva
============================ */
/* ============================
FOOTER
============================ */
.container-footer-nav {
background: url("../../images/public/noise.png") repeat scroll 0 0 #23383E;
border-top: 5px solid #21292C;
margin-top: 0px;
padding-top: 36px;
}
.container-subnav nav:before {
content:"";
position:absolute;
width:0;
height:0;
border-bottom:5px solid #475256;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
margin:-5px 0 0 162px;
}
.container-footer-nav .col-3 .column:first-child a{
float:left;
clear:left;
padding:5px 0px;
opacity:0.7;
-webkit-transition:opacity 0.4s ease;
-moz-transition:opacity 0.4s ease;
transition:opacity 0.4s ease;
}
.container-footer-nav .col-3 .column:first-child a img{
width:37px;
float:left;
margin:3px 7px;
}
.container-footer-nav .col-3 .column:first-child a:hover{
opacity:1;
}
.container-footer-nav .keywords p:nth-of-type(2){
margin-top:15px;
}
.container-footer-nav .col-1 .column.keywords a{
color:#FFF;
opacity:0.7;
-webkit-transition:opacity 0.4s ease;
-moz-transition:opacity 0.4s ease;
transition:opacity 0.4s ease;
}
.container-footer-nav .col-1 .column.keywords a:hover{
opacity:1;
}
/* ============================
Condiciones de uso - Aviso Legal
============================ */
.cont-legal{width:920px; margin:5px;}
div.public{width:920px; padding:20px; height:450px; margin-top:25px; overflow-y: none; overflow-x: auto;}
.cont-legal a{text-decoration:underline;}
.cont-legal h1, .cont-legal h2{font-size:42px;}
.cont-legal h1 span{font-size:30px;}
.cont-legal ul{list-style-type: none; margin:15px;}
.cont-legal ul li{margin-bottom:8px;}
.cont-legal h2, .cont-legal p{ margin-bottom:20px;}
.print{ background: url("../../images/content/printer-img.png") no-repeat scroll left transparent; padding-left:25px; float:right; margin-top:10px; font-size:18px;}
/* ============================
FIN Condiciones de uso - Aviso Legal
============================ */
/* ============================
DEMO
============================ */
.sign-up-demo header{
background:#FAFAFA;
border-bottom:1px solid #ebebeb;
margin-bottom:28px;
}
.sign-up-demo header h1{
font-size:36px;
}
.sign-up-demo header .col-1 .column{
text-align:center;
padding-top:32px;
width:75%;
}
.sign-up-demo header .column p{
margin-top:24px;
}
.sign-up-demo .col-2-1 .column:first-child{
padding: 10px 0px;
width: 565px;
}
.sign-up-demo .col-2-1 .column:first-child div p.ok{
text-align:center;
padding:36px 0px 0px 0px;
}
.sign-up-demo .col-2-1 .column:first-child div p.ok a{
color: #FF9103;
text-decoration: underline;
font-size:16px;
}
.sign-up-demo .col-2-1 .column:first-child div p.ok a:hover{
color: #4A8A00;
}
/*********/
.sign-up-demo .col-2-1 .column:last-child:not(.titulo){
padding: 10px 0px;
width: 334px;
}
.sign-up-demo .col-2-1 .column:last-child #myform{
float: left;
border: medium none;
color: #FFFFFF;
padding: 18px;
width: 385px;
height: 600px;
border-radius: 5px;
-moz-box-shadow: 1px 3px 5px #AAA;
-webkit-box-shadow: 1px 3px 5px #AAA;
box-shadow: 1px 3px 5px #AAA;
background: #294047 url(../../images/public/noise-soft.png) repeat;
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -moz-linear-gradient(top, #294047 0%, #1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#294047), color-stop(100%,#1c2d32));
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -webkit-linear-gradient(top, #294047 0%,#1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -o-linear-gradient(top, #294047 0%,#1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -ms-linear-gradient(top, #294047 0%,#1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, linear-gradient(to bottom, #294047 0%,#1c2d32 100%);
}
.sign-up-demo .col-2-1 .column:last-child #myform div {
width: 96%;
display: block;
margin-bottom: 12px;
}
.sign-up-demo .col-2-1 .column:last-child #myform input:not(.elCheck) {
display: block;
margin-bottom: 12px;
margin-right: 75px;
}
.sign-up-demo .col-2-1 .column:last-child #myform div.legal p{
float:left;
width:350px;
font-size:12px;
line-height:16px;
margin-bottom:15px;
}
.sign-up-demo .col-2-1 .column:last-child #myform div:last-child{
position: relative;
text-align: center;
top: 25px;
}
.sign-up-demo div.titulo{
margin-bottom: 20px;
}
.sign-up-demo h3{
font-size: 32px;
}
.sign-up-demo div.pre{
width: 76px!important;
display: inline!important;
float: left;
}
.sign-up-demo div.pre input{
width: 100%!important;
}
.sign-up-demo div.tel{
margin-left: 10%;
width: 200px!important;
display: inline!important;
float: left;
}
.sign-up-demo div.tel input{
width: 100%!important;
}
.sign-up-demo select{
padding: 2%;
width: 97px;
}
section.test div.wrapper{
width: 545px;
margin: 0;
float: left;
clear: left;
}
section.test div.wrapper div.column{
margin-left: 0;
}
/* ============================
FIN DEMO
============================ */
.error2 .column{
width:800px;
padding-left:192px;
background:url(../../images/public/oops.png) no-repeat 0px 25px;
}
.error2 p a{
color: #FF9103;
text-decoration: underline;
}
.error2 p a:hover{
color: #4A8A00;
}
.error2 h1, .error2 p {
padding-top:25px;
}
.color_red{
color:#E6565A;
}
.color_orange{
color:#FF6600;
}
/* ============================
Casos de éxito
============================ */
#filterCasosExito nav li.viewAll{
border-right: 2px solid #3D4E53;
padding-right:25px;
}
#filterCasosExito nav.second{
border-left: 2px solid #3D4E53;
padding-right:25px;
}
#filterCasosExito nav:before {
border: medium none;
margin: 0;
}
.casos-exito{
background:#f5f5f5 url(../../images/public/noise-soft.png) repeat;
margin-bottom:-14px;
border-top:1px solid #ebebeb;
}
.casos-exito .column{
margin:36px 0 18px;
}
.filter-casos-exito h1{
text-align:center;
padding-top:36px;
}
.filter-casos-exito p{
padding-top:36px;
}
.caso{
padding:18px;
font-size:13px;
line-height:21px;
margin:auto auto 28px auto;
background:#fff;
-webkit-box-shadow: 0px 1px 3px 0px #b4bcbf;
box-shadow: 0px 1px 3px 0px #b4bcbf;
}
.work-box-casos{
float:left;
padding:18px;
font-size:13px;
line-height:21px;
margin:0px 0px 28px 9px;
background:#fff;
-webkit-box-shadow: 0px 1px 3px 0px #b4bcbf;
box-shadow: 0px 1px 3px 0px #b4bcbf;
}
.work-box-casos p:first-child{
padding-bottom:10px;
margin-bottom:5px;
}
.work-box-casos img{
text-align:center;
}
.work-box-casos.img-casos p:first-child{
border:none;
padding:0;
margin:0;
}
.work-box-casos .title{
font-size:23px;
}
.work-box-casos .sub-title{
padding:10px 0 0;
font-size:18px;
}
/* ============================
FIN Casos de éxito
============================ */
.hero{
background:url(../../images/public/bg-hero.png) repeat-x center 0;
border-bottom:5px solid #DADADA;
}
.hero .col-4 .column{
cursor:pointer;
}
.hero-call-to-action p:first-child{
text-align:right;
padding:7px 70px 0 35px;
margin:0 0 0 89px;
background:url(../../images/public/sprite.png) no-repeat -954px -115px;
}
.en .hero-call-to-action p:first-child{
background:url(../../images/public/sprite.png) no-repeat -940px -115px;
}
.fr .hero-call-to-action p:first-child{
background:url(../../images/public/sprite.png) no-repeat -1005px -115px;
}
.it .hero-call-to-action p:first-child{
background:url(../../images/public/sprite.png) no-repeat -980px -115px;
}
div.hero-call-to-action{
margin:27px 0px 0px 0px;
text-align:center;
}
.ico-partner{
float:left;
height:36px;
margin:24px 73px 0 0;
}
.solo-gris img{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */
}
.grises img{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.grises:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.img-help-center{
float:left;
width:194.5px;
height:157px;
}
.help-center{
float:left;
width:194.4px;
height:300px;
margin:0px;
text-align:center;
}
.help-center.faq{
background:#ECECEC;
}
.help-center.videotutoriales{
background:#F5F5F5;
}
.help-center.ticket{
background:#ECECEC;
}
.help-center.contacto{
background:#F5F5F5;
}
.help-center.dossiers{
background:#ECECEC;
}
.help-center h4, .help-center p{
padding:6px;
}
.help-center h4{
font-size:26px;
}
.img-help-center.faq{
background:#F5F5F5 url(../../images/public/helpCenter.png) no-repeat -10px 0;
}
.img-help-center.videotutoriales{
background:#ECECEC url(../../images/public/helpCenter.png) no-repeat -230px 0;
}
.img-help-center.ticket{
background:#F5F5F5 url(../../images/public/helpCenter.png) no-repeat -480px 0;
}
.img-help-center.contacto{
background:#ECECEC url(../../images/public/helpCenter.png) no-repeat -700px 0;
}
.img-help-center.dossiers{
background:#F5F5F5 url(../../images/public/helpCenter.png) no-repeat -870px 0;
}
.img-seguridad-garantia{
width:370px;
height:167px;
background:url(../../images/public/illustrations-features.png) no-repeat;
background-position:-740px 0;
}
.img-mantenimiento{
width:370px;
height:250px;
position:relative;
background:url(../../images/public/mantenimiento.jpg) no-repeat;
background-size:250px;
}
img.logo_portal_public{
position:relative;
width:100px;
border:1px solid white;
border-radius:5px;
box-shadow:0 1px 2px rgba(0,0,0,0.5);
float:right;
}
/* ============================
Login
============================ */
.login {
position:relative;
top:-50px;
padding-top:30px;
width:800px;
height:200px;
background:url(../../images/public/yeah.png) no-repeat 120px 0px;
background-size: 120px;
}
.login h4{
font-size:36px;
margin-top:70px;
}
.loginFail{
position:relative;
top:-50px;
padding-top:30px;
width:800px;
height:200px;
background:url(../../images/public/oh.png) no-repeat 120px 0px;
background-size: 120px;
}
/* ============================
FIN Login
============================ */
.portales-integrados .description {
cursor: pointer;
}
div.more_info {
position: fixed;
top: 35%;
left: 37%;
display:none;
z-index:10000;
background-color:#FFFFFF;
width:400px;
border:2px solid #666;
padding: 1% 1% 1% 1%;
text-align: justify;
font-family: 'Yanone Kaffeesatz',Arial,sans-serif;
font-size: 1.1em;
letter-spacing: 1px;
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #CCC;
-webkit-box-shadow: 0 0 90px #CCC;
-moz-border-radius: 15px;
border-radius: 3px;
}div.more_info div.imagen_portal img {
width: 30%;
}
div.more_info div.cerrar_masInfo {
float:right;
color:#FF9103;
cursor:pointer;
margin: 15px 10px 0px 0px;
}
.ok-register .column{
width:800px;
padding-left:172px;
background:url(../../images/public/yeah.png) no-repeat 0px 25px;
}
.ok-register p a{
color: #FF9103;
text-decoration: underline;
}
.ok-register p a:hover{
color: #4A8A00;
}
.ok-register h1, .ok-register p{
padding-top:25px;
}
.portales h4{
font-weight:200;
color:#666;
margin-top:36px;
}
div#portales p.description{
border-top:1px solid #CCC;
padding:10px 0px 0px 0px;
margin:15px 0px 0px 0px;
}
.partners{
background:#f5f5f5 url(../../images/public/noise-soft.png) repeat;
margin-bottom:-14px;
border-top:1px solid #ebebeb;
}
.partners .column{
margin:36px 0 18px;
}
.partners p.description{
margin:18px 0px 0px 0px;
}
.partners .work-box{
float:left;
width:245px;
padding:18px;
font-size:13px;
line-height:21px;
margin:0 0 28px 28px;
background:#fff;
-webkit-box-shadow: 0px 1px 3px 0px #b4bcbf;
box-shadow: 0px 1px 3px 0px #b4bcbf;
}
.partners .work-box .img-partners{
margin-right: 25%;
}
.partners .work-box .title{
padding:10px 0 0;
}
.partners .work-box .link{
float:right;
margin: 10px;
}
/* ============================
Precios
============================ */
.pricing {
padding: 20px 0;
margin: 0px 0 -24px;
border-bottom: 1px solid #ebebeb;
background:#FAFAFA;
padding:36px 0;
}
.pricing header .wrapper.col-1 .column{
text-align:center;
}
.pricing header .wrapper.col-1 .column p{
margin-top:24px;
}
.pricing header .wrapper.col-1 .column p a{
color: #4A8A00;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.pricing header .wrapper.col-1 .column p a:hover{
color: #FF9103;
}
.pricing .column div.register-button{
width:100%;
float: left;
text-align: center;
}
.pricing .column div.register-button input{
float:none;
width: 350px;
margin: 35px auto;
}
.pricing.no-bg{
background:none;
border:none;
margin-top:0;
}
.pricing.no-bg .prices li:first-child div:first-child{
background:#fff;
}
.pricing .tip {
float: right;
font-size: 13px;
font-style: italic;
margin: 15px 0 0;
width: 100%;
text-align: right;
}
.pricing .tip a{
font-weight: bold;
}
.pricing .tip a:hover{
text-decoration: underline;
}
.pricing .col-1 .column.content{
margin-top:120px;
}
.pricing header .col-1 .column h2{
text-align:center;
margin-bottom:20px;
}
/* ============================
COLUMNAS PLANES
============================ */
.prices{
float:left;
width:978px;
background:#FAFAFA;
}
.prices h5{
text-transform:uppercase;
font-weight:normal;
}
.prices li{
float:left;
width:185px;
line-height:20px;
text-align:center;
margin-right:1px;
}
/* Referenciado por portal: bloques cambian de tamaño*/
.prices li.pequeno{
width:142px;
}
.prices li.pequeno h5{
font-size:25px;
font-weight:normal;
}
.prices li.pequeno:nth-child(4) div.seleccionPlan{
box-shadow: 1px 3px 5px #888;
}
.prices li:first-child{
width:270px;
background:#fff;
color:#000;
}
.prices li:first-child div.ayuda span{
border-bottom:1px dashed #333;
}
.prices li:first-child a{
font-size:12px;
color: #4A8A00;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
margin-left:7px;
}
.prices li:first-child a:hover{
color: #FF9103;
}
.prices li:nth-child(3){
box-shadow: -1px 2px 8px #666;
border-radius:5px 0 0 0;
}
.prices li:nth-child(3) div.tipo{
border-radius:5px 0 0 0;
}
/* GRATUITO */
.prices li:nth-child(2){
width:130px;
background:#FAFAFA;
color:#000;
}
.prices li:nth-child(2) div.tipo{
height: 30px;
margin-top: 15px;
background:#23383E;
}
.prices li:nth-child(2) div.tipo h5{
font-size:26px;
line-height: 19px;
}
.prices li:nth-child(2) div.tipo span{
font-size:10px;
font-style:italic;
}
/****************/
/* BÁSICO */
.prices li:nth-child(3) div.tipo img{
float: left;
width: 63px;
position: relative;
top: -24px;
}
.prices li:nth-child(3) div.tipo h5{
float: left;
margin-top: 4px;
}
/****************/
/* AVANZADO */
.prices li:nth-child(4){
box-shadow: -1px 2px 8px #666;
margin-left:1px;
}
.prices li:nth-child(4) div.tipo{
height: 56px;
margin-top: -11px;
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}
.prices li:nth-child(4) div.tipo img{
float: left;
width: 212px;
margin-top: -88px;
margin-left: -76px;
margin-bottom: 8px;
}
.prices li:nth-child(4) div.tipo h5{
float: left;
clear: left;
width: 100%;
}
.prices li.pequeno:nth-child(4) div.tipo img{
margin-left: -89px;
}
.prices li:nth-child(4) div.tipo div.popular{
text-shadow: 1px 1px 1px #CCC;
color:#4a8a00;
font-size:35px;
width:350px;
position:relative;
left:-200px;
top:-163px;
background:none;;
float:left;
font-family: 'Just Another Hand', cursive;
}
.prices li:nth-child(4) .seleccionPlan label{
font-size:13px;
color:#4a8a00;
}
.prices li:nth-child(4) div:nth-child(2){
line-height: 10px;
}
/****************/
/* Líder */
.prices li:last-child div.tipo img{
float:left;
width:81px;
margin-top: -45px;
}
.prices li:last-child div.tipo h5{
float: left;
margin-top: 4px;
margin-left: -7px;
}
/****************/
.prices li:last-child{
margin-right:0;
margin-left:2px;
}
.prices li div{
padding:14px 0;
background:#F5F5F5;
margin-bottom:1px;
}
.prices li div.opt{
padding:7px;
}
.prices li div:nth-child(odd){
background:#ECECEC;
height:20px;
}
.prices li div.separation{
background:#CCC;
padding:3px 0px;
}
/* PRIMERA COLUMNA - INFO */
.prices li:first-child div.tipo:first-child{
height:45px;
}
.prices li:first-child div:nth-child(even){
text-shadow: -1px 1px 1px #FFFFFF;
background:#fff;
height:20px;
}
/*TOOLTIP*/
.prices li:first-child div:nth-child(even) div{
height:auto;
max-width:670px;
}
.prices li:first-child div:nth-child(odd){
text-shadow: -1px 1px 1px #FFFFFF;
background:#F5F5F5;
height:20px;
}
/*TOOLTIP*/
.prices li:first-child div:nth-child(odd) div{
height:auto;
max-width:670px;
}
/* PRECIOS (BLOQUE 1)*/
.prices li div.block-1 img{
width:20px;
}
.prices li div.block-1:nth-child(even),
.prices li:first-child div.block-1:nth-child(even){
background:#e4edf1;
height:20px;
}
.prices li:last-child div.block-1 div.text-1{
text-shadow:-1px 1px 1px #0CF;
color:#FFF;
background:none;
position: relative;
float: right;
margin-right: -61px;
margin-top: -19px;
text-transform:uppercase;
z-index:999;
}
.prices li:last-child div.block-1 div.text-1{
-moz-transform: rotate(-270deg);
-moz-transform-origin: bottom left;
-webkit-transform: rotate(-270deg);
-webkit-transform-origin: bottom left;
-o-transform: rotate(-270deg);
-o-transform-origin: bottom left;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
letter-spacing: 10px;
margin-right: -150px;
}
.it .prices li:last-child div.block-1 div.text-1,
.it .prices li:last-child div.block-2 div.text-2{
margin-right: -125px;
}
.prices li:last-child div.block-1 img.box-1{
position: relative;
float: right;
margin-right: -81px;
margin-top: -23px;
width: 80px;
height: 205px;
}
.prices li:last-child div.block-2 div.text-2{
text-shadow:-1px 1px 1px #3F6;
color:#FFF;
background:none;
position: relative;
float: right;
margin-right: -61px;
margin-top: 30px;
text-transform:uppercase;
z-index:999;
}
.prices li:last-child div.block-2 div.text-2{
-moz-transform: rotate(-270deg);
-moz-transform-origin: bottom left;
-webkit-transform: rotate(-270deg);
-webkit-transform-origin: bottom left;
-o-transform: rotate(-270deg);
-o-transform-origin: bottom left;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
letter-spacing: 10px;
margin-right: -150px;
}
.prices li:last-child div.block-2 img.box-2{
position: relative;
float: right;
margin-right: -81px;
margin-top: -20px;
width: 80px;
height:325px;
}
.prices li div.block-1:nth-child(odd),
.prices li:first-child div.block-1:nth-child(odd){
background:#f0f5f8;
height:20px;
}
/* LIMITES (BLOQUE 2)*/
.prices li div.block-2:nth-child(even),
.prices li:first-child div.block-2:nth-child(even){
background: #F7FAF8;
height:20px;
}
.prices li div.block-2:nth-child(odd),
.prices li:first-child div.block-2:nth-child(odd){
background:#E0EEE6;
height:20px;
}
.prices li div.block-2:nth-child(9),
.prices li div.block-2:nth-child(10),
.prices li div.block-2:nth-child(11),
.prices li:first-child div.block-2:nth-child(9),
.prices li:first-child div.block-2:nth-child(10),
.prices li:first-child div.block-2:nth-child(11){
height:40px;
}
.prices li div.block-2 img{
width:20px;
}
.prices li div.block-2 span{
margin-top: 6px;
float: left;
width: 100%;
}
.prices li:first-child div.block-2 span{
margin-left: 22px;
width: auto;
color:#333;
}
.prices li:first-child div.block-2:nth-child(6) span,
.prices li:first-child div.block-2:nth-child(7) span,
.prices li:first-child div.block-2:nth-child(8) span{
margin-left:0px;
}
.prices li:first-child div.block-2:nth-child(9),
.prices li:first-child div.block-2:nth-child(10),
.prices li:first-child div.block-2:nth-child(11){
color:#C92929;
}
/* CARACTERISTICAS (BLOQUE 3)*/
.prices li div.ver_caracteristicas,
.prices li:first-child div.ver_caracteristicas{
text-shadow:none;
height:20px;
background:rgba(143, 151, 153, 0.85);
cursor:pointer;
width:100%;
}
.prices li:first-child div.ver_caracteristicas{
border-radius:5px 0px 0px 5px;
}
.prices li div.ver_caracteristicas img{
width: 16px;
float: left;
margin-left: 35px;
margin-top: 8px;
}
.prices li div.ver_caracteristicas img.ok{
width:16px;
margin-left:5px;
margin-top:4px;
}
.prices li div.ver_caracteristicas span{
color: #FFF;
font-weight: bold;
font-size: 14px;
border: none;
width: auto;
margin: 2px auto;
float: left;
width: 50%;
text-align: right;
padding-right:5px;
}
.prices li:first-child div.ver_caracteristicas span{
margin-left:15px;
width:70%;
text-align: left;
}
.prices li div.block-3{
display:none;
font-size:13px;
}
.prices li div.block-3:nth-child(even),
.prices li:first-child div.block-3:nth-child(even){
background:#FFFFFF;
height: 13px;
padding: 7px 20px 12px 20px;
}
.prices li div.block-3:nth-child(odd),
.prices li:first-child div.block-3:nth-child(odd){
background:#ECECEC;
height:13px;
padding: 7px 20px 12px 20px;
}
.prices li div.block-3 img{
width:18px;
}
/******************/
.prices li:first-child div{
text-align:left;
padding-left:18px;
margin-right:0;
}
.prices li:first-child div:first-child{
background:#FAFAFA;
}
.prices li:first-child div.separation{
background:#CCC;
height:0px;
padding:3px 0px;
}
.prices li:first-child div:last-child{
-webkit-border-radius:0 0 0 5px;
border-radius:0 0 0 5px;
}
.prices li:last-child div:first-child{
-webkit-border-radius:0 5px 0 0;
border-radius:0 5px 0 0;
}
.prices li:last-child div:last-child{
-webkit-border-radius:0 0 5px 0;
border-radius:0 0 5px 0;
}
.prices li div.tipo{
height:45px;
color:#fff;
letter-spacing:1px;
background:#33515a url(../../images/public/noise.png) repeat;
}
.prices li div.tipo p{
letter-spacing:0;
}
.prices li:nth-child(2) div.tipo{
border-radius:5px 0px 0px 0px;
}
.prices li:nth-child(2) div.seleccionPlan{
background:#EEE;
border-radius:0px 0px 0px 5px;
}
.prices li.selected{
position: relative;
-webkit-box-shadow: 0 0 8px 0 #b4bcbf;
-moz-box-shadow: 0 0 8px 0 #b4bcbf;
box-shadow: 0 0 8px 0 #b4bcbf;
}
.prices li.selected .pequeno{
width:135px;
}
.prices li.selected div{
background: #f2f7e5;
font-size: 14px;
}
.prices li.selected div:nth-child(even){
background: #ecf4d9;
}
.prices li.selected div:first-child{
background:#4a8a00 url(../../images/public/noise.png) repeat; /* Old browsers */
background:url(../../images/public/noise.png) repeat, -moz-linear-gradient(top, #4a8a00 0%, #447f00 100%); /* FF3.6+ */
background:url(../../images/public/noise.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a8a00), color-stop(100%,#447f00)); /* Chrome,Safari4+ */
background:url(../../images/public/noise.png) repeat, -webkit-linear-gradient(top, #4a8a00 0%,#447f00 100%); /* Chrome10+,Safari5.1+ */
background:url(../../images/public/noise.png) repeat, -o-linear-gradient(top, #4a8a00 0%,#447f00 100%); /* Opera 11.10+ */
background:url(../../images/public/noise.png) repeat, -ms-linear-gradient(top, #4a8a00 0%,#447f00 100%); /* IE10+ */
background:url(../../images/public/noise.png) repeat, linear-gradient(to bottom, #4a8a00 0%,#447f00 100%); /* W3C */
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}
.prices li.selected div:last-child{
height: 30px;
}
.prices li.selected div:last-child p{
margin-top: -5px;
}
.prices li.selected div.tipo{
height: 48px;
margin-top: -10px;
}
.prices li.selected div.tipo h5{
height:28px;
}
article.notas{
padding: 0;
margin:0;
background: none;
border: none;
clear: both;
position:relative;
top:20px;
}
article.notas div{
background-color: #ECECEC;
padding: 5px 20px;
width: 940px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
article.notas div p{
font-size: 14px;
padding: 0px;
}
article.notas div ul.tick li{
list-style-image:url('../../images/iconos/tick.gif');
margin-bottom: 8px;
margin-left:10px;
}
.prices li div.ayuda{
cursor: help;
}
.prices li a.ayuda_last{
color: #4A8A00;
text-decoration: underline;
font-size:18px;
font-weight:bold;
}
.prices li a.ayuda_last:hover{
color: #FF9103;
}
/* ============================
FIN Precios
============================ */
/* ============================
Quotes
============================ */
.quotes .col-1{
margin-top:4px;
padding-top:36px;
border-top:1px solid #ebebeb;
}
.quotes blockquote{
width:366px;
position:relative;
z-index:0;
padding:10px 18px 26px 84px;
background:#f5f5f5 url(../../images/public/sprite.png) no-repeat 18px -220px;
-webkit-box-shadow: 0px 1px 3px 0px #b4bcbf;
box-shadow: 0px 1px 3px 0px #b4bcbf;
}
.quotes .author{
position:relative;
z-index:1;
padding:28px 0 0 18px;
background:url(../../images/public/sprite.png) no-repeat -954px -220px;
}
.quotes blockquote p:first-child{
margin-bottom:10px;
font-size:24px;
font-weight:400;
}
.quotes blockquote p.description{
font-size:16px;
}
.quotes .author img{
float:left;
margin-right:14px;
border:1px solid #fff;
-webkit-box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.36);
box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.36);
width:70px;
height:70px;
}
.quotes .author p{
text-align:left;
}
/* ============================
FIN Quotes
============================ */
/* ============================
TOOLTIP
============================ */
.tooltip{
position: absolute;
top: 0;
left: 0;
z-index: 3;
display: none;
color: black!important;
padding: 10px!important;
background-color: #F4F9FC!important;
border: 1px solid #5F9EA0!important;
line-height: 16px!important;
-webkit-border-radius: 5px!important;
-moz-border-radius: 5px!important;
border-radius: 5px!important;
-webkit-box-shadow: 5px 5px 5px 0px rgba(95,158,160, 0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(95,158,160, 0.3);
box-shadow: 5px 5px 5px 0px rgba(95,158,160, 0.3);
}
.tooltip div{
background-color: #F4F9FC!important;
padding: 0px!important;
font-weight: normal!important;
margin: 0!important;
}
/* ============================
FIN TOOLTIP
============================ */
.testimonial figure img:last-child{
margin: -80px 0 0 80px;
width: 210px;
}
.testimonial figure img.index{
position:relative;
top:10px;
border:8px solid #fff;
-webkit-box-shadow: 0px 1px 3px 0px #b4bcbf;
box-shadow: 0px 1px 3px 0px #b4bcbf;
margin: 0px;
width: 250px;
}
/* ============================
REGISTRO
============================ */
section.sign-up div.formReg{
float: left;
margin: 60px 0 35px -8px;
border: medium none;
color: #FFFFFF;
padding: 18px;
width: 385px;
height: 745px;
border-radius: 5px;
-moz-box-shadow: 1px 3px 5px #AAA;
-webkit-box-shadow: 1px 3px 5px #AAA;
box-shadow: 1px 3px 5px #AAA;
background: #294047 url(../../images/public/noise-soft.png) repeat;
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -moz-linear-gradient(top, #294047 0%, #1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#294047), color-stop(100%,#1c2d32));
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -webkit-linear-gradient(top, #294047 0%,#1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -o-linear-gradient(top, #294047 0%,#1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -ms-linear-gradient(top, #294047 0%,#1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, linear-gradient(to bottom, #294047 0%,#1c2d32 100%);
}
section.sign-up div.formReg #myform div {
width: 100%;
display: block;
margin-bottom: 12px;
}
section.sign-up div.formReg #myform input:not(.elCheck) {
width: 360px;
display: block;
margin-bottom: 12px;
margin-right: 5px;
}
/* PLAN RESUMEN - ZONA REGISTRO */
section.sign-up div.plan{
margin-top:15px;
float: left;
width: 500px;
min-height: 370px;
padding: 90px 0px 0px 0px;
}
section.sign-up div.plan div.title{
padding:0px;
float:left;
width:100%;
}
section.sign-up div.plan div.title img.plan{
float: left;
width: 55px;
margin: -21px 0px;
clear: left;
}
section.sign-up div.plan div.title div.popular{
text-shadow: 1px 1px 1px #CCC;
float: left;
width: 143px;
margin: -62px -155px;
color:#4A8A00;
}
section.sign-up div.plan div.title img.avanzado{
float: left;
width: 143px;
margin: -35px -144px;
}
section.sign-up div.plan div.title h5{
font-size:34px;
width:100%;
padding:10px 20%;
line-height:22px;
background:#35525b;
color:#FFF;
border-radius:5px 5px 0px 0px;
}
section.sign-up div.plan div.title h5 span{
float:none;
font-size:34px;
margin-left:7px;
}
section.sign-up div.plan div.title h5 a{
font-size:20px;
float:none;
margin-left:8px;
color:#FFBB2C;
text-transform:none;
text-decoration:underline;
}section.sign-up div.plan div.title h5 a:hover{
text-decoration:none;
}
section.sign-up div.plan div.title span{
float:left;
clear:left;
font-size:14px;
}
section.sign-up div.plan div.content a{
font-size:12px;
color: #4A8A00;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
margin-left:7px;
}
section.sign-up div.plan div.content a:hover{
color: #FF9103;
}
section.sign-up div.plan div.content{
float: left;
border-radius:0px 0px 5px 5px;
border:2px solid #35525b;
box-shadow:1px 2px 3px #CCC;
width:100%;
}
section.sign-up div.plan div.content div.block-1{
cursor:help;
margin:0px;
float:left;
width:98%;
}
section.sign-up div.plan div.content div.block-1 div{
padding:7px;
width:50%;
float:left;
}section.sign-up div.plan div.content div.block-1 div:nth-child(2){
width:40%;
text-align:center;
}
section.sign-up div.plan div.content div.block-1 div:nth-child(1) span{
border-bottom:1px dashed #CCC;
}
section.sign-up div.plan div.content div.block-1:nth-child(even){
background:#e4edf1;
}
section.sign-up div.plan div.content div.block-1:nth-child(odd){
background:#f0f5f8;
}
section.sign-up div.plan div.content div.block-1:nth-child(2n+2){
clear:left;
}
section.sign-up div.plan div.content div.separation{
float: left;
background:#35525b;
padding:2px 0px;
width:100%;
}
section.sign-up div.plan div.content div.block-2{
cursor:help;
margin:0px;
float:left;
width:98%;
}
section.sign-up div.plan div.content div.block-2 div{
padding:7px;
width:50%;
float:left;
}
section.sign-up div.plan div.content div.block-2 div:nth-child(2){
text-align:center;
width:40%;
}
section.sign-up div.plan div.content div.block-2:nth-child(6) div:nth-child(1) span,
section.sign-up div.plan div.content div.block-2:nth-child(7) div:nth-child(1) span{
margin-left:0px;
}
section.sign-up div.plan div.content div.block-2:nth-child(8) div:nth-child(1) b,
section.sign-up div.plan div.content div.block-2:nth-child(9) div:nth-child(1) b,
section.sign-up div.plan div.content div.block-2:nth-child(10) div:nth-child(1) b{
color:#C92929;
}
section.sign-up div.plan div.content div.block-2 div:nth-child(1) span{
margin-left:20px;
border-bottom:1px dashed #AAA;
}
section.sign-up div.plan div.content div.block-2:nth-child(even){
background:#F7FAF8;
}
section.sign-up div.plan div.content div.block-2:nth-child(odd){
background:#E0EEE6;
}
section.sign-up div.plan div.content div.block-2:nth-child(2n+2){
clear:left;
}
section.sign-up div.plan div.content div div.tooltip,
section.sign-up div.plan div.content div div.tooltip div.tooltip_content{
width:auto;
max-width:670px;
}
.pricing .col-1-2 img{
width:250px;
}
.pricing .col-1-2 p{
margin:10px 0px;
}
.pricing .col-2-1 .column.info h5{
padding:25px 0px 15px 0px;
}
.pricing .col-2-1 .column.info a,
.pricing .col-2-1 .column.content.modulos a{
color: #4A8A00;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
margin-left:7px;
cursor:pointer;
}
.pricing .col-2-1 .column.info a,
.pricing .col-2-1 .column.content.modulos p a{
margin-left: 0px;
}
.pricing .col-2-1 .column.info a:hover,
.pricing .col-2-1 .column.content.modulos a:hover{
color: #FF9103;
}
.pricing .col-2-1 .column.content.modulos{
margin-top:15px;
}
.pricing .col-2-1 .modulos h5{
padding: 10px 0px;
}
.pricing .col-2-1 .modulos .ver-modulos{
color: #4A8A00;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
margin-left:7px;
cursor:pointer;
}
.pricing .col-2-1 .modulos .ver-modulos:hover{
color: #FF9103;
}
.pricing .col-2-1 .modulos .modulo{
width:100%;
clear:left;
/*display:none;*/
margin: 0px auto;
border-radius:5px;
}
.pricing .col-2-1 .modulos .modulo:nth-of-type(1){
margin-top:25px;
}
.pricing .col-2-1 .modulos .modulo div{
padding:5px;
font-weight:700;
}
.pricing .col-2-1 .modulos .modulo div:first-child{
width:60%;
float:left;
}
.pricing .col-2-1 .modulos .modulo div:first-child a{
color: #666666;
}.pricing .col-2-1 .modulos .modulo div:first-child a:hover{
color: #4A8A00;
}
.pricing .col-2-1 .modulos .modulo div:first-child a img{
width:18px;
float:left;
margin:0px 10px;
}
.pricing .col-2-1 .modulos .modulo div:nth-child(2){
width:30%;
float:left;
}
.pricing .col-2-1 .modulos .modulo:nth-child(odd){
text-shadow: -1px 1px 1px #FFFFFF;
background:#ECECEC;
height:30px;
}
.pricing .col-2-1 .modulos .modulo:nth-child(even){
text-shadow: -1px 1px 1px #FFFFFF;
background:#fff;
}
.pricing .col-1 .column div.recomendado{
width: 200px;
height: 100px;
margin-left: 580px;
margin-bottom: -10px;
}
.pricing .col-1 .column.precios{
text-align: center;
margin-bottom: 15px;
}
.pricing .radioNuevo{
visibility: hidden;
height: 0;
width: 0;
}
.pricing .radioNuevo + label{
-webkit-appearance: none;
background-color: #fafafa;
border: 1px solid #cacece;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
padding: 6px;
border-radius: 50px;
display: inline-block;
position: relative;
margin-right: 5px;
cursor: pointer;
}
.pricing .radioNuevo:checked + label {
background-color: #e9ecee;
color: #99a1a7;
border: 1px solid #267205;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
.pricing .radioNuevo:checked + label:after {
content: ' ';
width: 6px;
height: 6px;
border-radius: 50px;
position: absolute;
top: 3px;
background: #267205;
left: 3px;
}
div.selecciona{
float: left;
height: 100px;
margin-left: 10px;
margin-top: -30px;
}
section.sign-up div.formReg div.botonReg{
position:relative;
text-align:center;
top:25px;
}
.gecko section.sign-up div.formReg div.botonReg{
top:115px;
}
/* ============================
PORTAL REFERENCAIDO
============================ */
.portalReferenciado{
float: left;
width:100%;
}
.portalReferenciado header{
background:#FAFAFA;
border-bottom:1px solid #ebebeb;
}
.portalReferenciado header .wrapper.col-1-2 .column:first-child{
float:left;
text-align:center;
padding-top:36px;
width:700px;
}
.portalReferenciado header .wrapper.col-1-2 .column:first-child h1{
color: #4A8A00;
}
.portalReferenciado header .wrapper.col-1-2 .column:first-child h1 span{
font-size:40px;
color:#333;
}
.portalReferenciado header .wrapper.col-1-2 .column:first-child p{
margin-top:24px;
}
.portalReferenciado header .wrapper.col-1-2 .column:first-child p a{
color: #4A8A00;
text-decoration: underline;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.portalReferenciado header .wrapper.col-1-2 .column:first-child p a:hover{
color: #FF9103;
}
.portalReferenciado header .wrapper.col-1-2 .column:first-child div.caracteristicas{
float:left;
width:100%;
margin-top:15px;
}
.portalReferenciado header .wrapper.col-1-2 .column:first-child div.caracteristicas div.rectangulo{
border-radius : 8px;
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
padding: 4px;
-webkit-box-shadow:1px 1px 1px rgba(100,100,100,0.4);
-moz-box-shadow:1px 1px 1px rgba(100,100,100,0.4);
box-shadow:1px 1px 1px rgba(100,100,100,0.4);
border: 1px solid #CCC7C7;
font-size: 0.8em;
margin: 3px;
float: left;
width:95px;
text-align:center;
}
.portalReferenciado header .wrapper.col-1-2 .column:first-child div.caracteristicas div.rectangulo span{
float:left;
}
.portalReferenciado header .wrapper.col-1-2 .column:first-child div.caracteristicas div.rectangulo img{
float:left;
margin:4px 5px 0px 5px;
vertical-align: middle;
width: 16px;
height: 16px;
}
.portalReferenciado header .wrapper.col-1-2 .column:nth-child(2){
float:left;
width:236px;
}
.portalReferenciado header .wrapper.col-1-2 .column:nth-child(2) .portal{
margin:15px 0px;
border:1px solid #CCC;
border-radius:5px;
box-shadow:0px 1px 5px #CCC;
float:left;
text-align:center;
}
.portalReferenciado header .wrapper.col-1-2 .column:nth-child(2) .portal img.img-portal{
height:100px;
float:left;
padding:12px;
}
.portalReferenciado header .wrapper.col-1-2 .column:nth-child(2) .portal span{
font-family: 'Just Another Hand', cursive;
float: right;
clear: right;
margin: 10px 0px;
font-size: 25px;
width: 59%;
}
.portalReferenciado header .wrapper.col-1-2 .column:nth-child(2) .portal img.comment{
float: left;
position: relative;
top: 40px;
height: 20px;
width: 20px;
left: 156px;
}
.portalReferenciado header .wrapper.col-1-2 .column:nth-child(2) .powered{
float:left;
width:100%;
}
.portalReferenciado header .wrapper.col-1-2 .column:nth-child(2) .powered img{
margin: 5px 15px;
height: 25px;
float: right;
}
.formReg select{
width:542px;
border:2px solid #ccc;
background:#fff;
-webkit-transition:background 0.4s ease;
-moz-transition:background 0.4s ease;
transition:background 0.4s ease;
}
.formReg select {
width: 379px!important;
height: 34px;
font-size: 16px;
padding: 5px;
width: 100%;
}
.formReg select option{
padding: 4px;
}
.wrapper {
width: 990px;
}
.wrapper_menu {
width: 990px;
}
nav li a {
padding: 10px 6px 11px;
}
nav li.menu_idioma{
line-height: 44px;
padding: 1px 3px 0px;
}
nav li select {
cursor: pointer;
border-radius: 5px;
padding: 3px;
border: 1px solid #ccc;
}
p.tel {
margin-right: 12px;
padding: 0px;
padding-top: 8px;
margin-top: 3px;
font-family: 'Yanone Kaffeesatz',Arial,sans-serif;
font-size: 19px;
line-height: 19px;
letter-spacing: 1px;
margin-top: 5px;
}
.pt p.tel,
.fr p.tel{
float: right;
clear: right;
}
.it p.tel {
clear: both;
}
p.tel span:first-of-type{
color: grey;
}
p.tel span.pral{
font-size: 15px;
}
p.tel span.pre_sec{
font-size: 10px;
}
p.tel span.tel_secun{
font-size: 14px;
color: #968787;
}
ul.sf-menu{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 24px;
}
ul.sf-menu li{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 24px;
}
ul.sf-menu li a{
text-decoration: none;
outline: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 21px;
padding: 11px 8px 11px 9px;
/*padding: 11px 12.3px;*/
}
.en ul.sf-menu li a:not(.sf-with-ul){
padding: 11px 8px 11px;
}
.fr ul.sf-menu li a:not(.sf-with-ul){
padding: 11px 2.5px;
}
.pt ul.sf-menu li a:not(.sf-with-ul){
padding: 11px 9px;
}
.it ul.sf-menu li a{
padding: 11px 7px;
}
.it .sf-arrows .sf-with-ul {
padding-right: 40px;
}
.sf-menu li:last-of-type img {
width: 22px;
margin-top: 6px;
}
.sf-menu li:last-of-type li {
width: 68px;
}
.container-subnav {
z-index: 1;
}
.sf-menu li:last-of-type a {
border-right: 0px!important;
}
nav{
border: 0px;
border-right: 1px solid #6E7375;
}
p.try-demo a{
text-decoration: underline;
color: #ff9a00;
font-size: 15px;
}
a.enlace_precios{
margin-left: 20px;
text-decoration: underline;
}
/* ---------------------------------------------------------------------------------------------- */
/* qTip Tooltip */
/* ---------------------------------------------------------------------------------------------- */
.qtip-jtools{
line-height: 16px;
font-size: 12px;
}
.qtip-jtools .qtip-content{
text-align: justify;
}
.qtip-jtools .qtip-tip{
height: 12px!important;
width: 12px!important;
line-height: 12px!important;
top: -12px!important;
}
.qtip-jtools .qtip-tip canvas{
height: 12px!important;
width: 12px!important;
}
/* ---------------------------------------------------------------------------------------------- */
/* CSS sección Página Web */
/* ---------------------------------------------------------------------------------------------- */
.pagina_web .modelos{
margin: 4% auto;
}
.pagina_web .modelos .modelo{
float: left;
position: relative;
width: 30%;
height: 265px;
margin: 3% 4% 3% 0%;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 2px 2px 5px #AAA;
}
.pagina_web .modelos .modelo,
.pagina_web .modelos .modelo .contenido .enlace{
background: url(../../images/public/noise.png) repeat, linear-gradient(to bottom, #7FA4B2 0%,#5E7177 100%);
}
.pagina_web .modelos .modelo .titulo,
.pagina_web .modelos .modelo .contenido .enlace{
color: white;
font-weight: 300;
letter-spacing: 1px;
text-shadow: 0.5px 0.5px 7px black;
}
.pagina_web .modelos .modelo:nth-of-type(3),
.pagina_web .modelos .modelo:nth-of-type(6){
margin: 3% 0% 3% 0%;
}
.pagina_web .modelos .modelo .titulo{
text-align: center;
padding: 2% 0%;
}
.pagina_web .modelos .modelo .contenido .imagen{
width: 100%;
height: 225px;
}
.pagina_web .modelos .modelo .contenido .overlay{
background: #000;
opacity: 0;
position: absolute;
width: 100%;
height: 85%;
top: 40px;
left: 0;
-webkit-transition: opacity 0.5s ease-in 0s;
-moz-transition: opacity 0.5s ease-in 0s;
-o-transition: opacity 0.5s ease-in 0s;
transition: opacity 0.5s ease-in 0s;
}.pagina_web .modelos .modelo:hover .contenido .overlay{
opacity: 0.6;
}
.pagina_web .modelos .modelo .contenido .descripcion{
text-align: center;
float:left;
color: white;
width: 95%;
min-height: 93px;
margin: 0 10px;
top: 0;
position: absolute;
opacity: 0;
font-weight: normal;
text-shadow: none;
letter-spacing: 0;
-webkit-transition: all 0.5s ease-in 0s;
-moz-transition: all 0.5s ease-in 0s;
-o-transition: all 0.5s ease-in 0s;
transition: all 0.5s ease-in 0s;
}.pagina_web .modelos .modelo:hover .contenido .descripcion{
top: 30%;
opacity: 1;
}
.pagina_web .modelos .modelo .contenido .enlace{
float:left;
position: absolute;
width:100%;
bottom: -10%;
padding: 2% 0%;
text-align: center;
text-transform: uppercase;
opacity: 0;
-webkit-transition: all 0.5s ease-in 0s;
-moz-transition: all 0.5s ease-in 0s;
-o-transition: all 0.5s ease-in 0s;
transition: all 0.5s ease-in 0s;
}.pagina_web .modelos .modelo:hover .contenido .enlace{
bottom: 0%;
opacity: 1;
}.pagina_web .modelos .modelo .contenido a .enlace:hover{
background: url(../../images/public/noise.png) repeat, linear-gradient(to bottom, #5E7177 0%,#7FA4B2 100%);
}
.pagina_web .modelos .modelo.agata .contenido .imagen{
background: url('../../images/public/pagina-web/modelo_agata.png');
background-size: 100%;
}
.pagina_web .modelos .modelo.perla .contenido .imagen{
background: url('../../images/public/pagina-web/modelo_perla.png');
background-size: 100%;
}
.pagina_web .modelos .modelo.jade .contenido .imagen{
background: url('../../images/public/pagina-web/modelo_jade.png');
background-size: 100%;
}
.pagina_web .modelos .modelo.cuarzo .contenido .imagen{
background: url('../../images/public/pagina-web/modelo_cuarzo.png');
background-size: 100%;
}
.pagina_web .modelos .modelo.esmeralda .contenido .imagen{
background: url('../../images/public/pagina-web/modelo_esmeralda.png');
background-size: 100%;
}
.pagina_web .modelos .modelo.zafiro .contenido .imagen{
background: url('../../images/public/pagina-web/modelo_zafiro.png');
background-size: 100%;
}
.pagina_web hr,
.modulos_web hr{
border: 1px solid #ECECEC;
border-bottom: 0;
}
.pagina_web .solicitar_info.modelos_web{
top: -40px;
}
.modulos_web .modulos{
margin-bottom: 3%;
}.modulos_web .modulos h4{
line-height: 18px;
}.modulos_web .modulos h4 span{
font-size: 25px;
font-weight: normal;
}
.modulos_web .modulos p{
text-align: center;
}
.modulos_web .modulos .modulo{
border: 1px solid #E4E4E4;
float: left;
width: 98%;
margin: 5% auto 0% auto;
padding: 1%;
box-shadow: 2px 2px 4px #CCC;
}.modulos_web .modulos .modulo:first-of-type{
margin-top: 0;
}
.pagina_web .modulos .modulo .imagen,
.modulos_web .modulos .modulo .imagen{
float: left;
width: 21%;
height: 191px;
margin-right: 2%;
}
.modulos_web .modulos .modulo .contenido{
float: left;
width: 75%;
}
.modulos_web .modulos .modulo .contenido h4{
font-size: 23px;
}
.modulos_web .modulos .modulo .descripcion{
margin: 2% 0% 0% 0%;
}.modulos_web .modulos .modulo .descripcion ul{
margin: 2% 7% 0% 7%;
}.modulos_web .modulos .modulo .descripcion ul li{
background: url('../../images/iconos/arrow-right.png') no-repeat;
background-size: 12px;
background-position: 0px 6px;
padding-left: 25px;
}
.modulos_web .modulos .modulo .precio{
float: right;
text-align: right;
font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
font-size: 18px;
color: #267205;
}.modulos_web .modulos .modulo .precio span{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
color: black;
font-weight: normal;
}
.pagina_web .modulos .modulo.vrs .imagen,
.modulos_web .modulos .modulo.vrs .imagen{
background: url('../../images/public/pagina-web/modulo-vrs.png') no-repeat;
}.modulos_web .modulos .modulo.vrs .imagen{
background-size: 137%;
}
.pagina_web .modulos .modulo.multidioma .imagen,
.modulos_web .modulos .modulo.multidioma .imagen{
background: url('../../images/public/pagina-web/modulo-multidioma.png') no-repeat;
}.modulos_web .modulos .modulo.multidioma .imagen{
background-size: 100%;
background-position: 0px -5px;
}
.pagina_web .modulos .modulo.multidioma .imagen{
background-size: 80%!important;
background-position: 19px -15px;
background-color: white;
}
.pagina_web .modulos .modulo.carga .imagen,
.modulos_web .modulos .modulo.carga .imagen{
background: url('../../images/public/pagina-web/modulo-carga.png') no-repeat;
}.modulos_web .modulos .modulo.carga .imagen{
background-size: 100%;
background-position: 0px 35px;
}
.pagina_web .modulos .modulo.dominio .imagen,
.modulos_web .modulos .modulo.dominio .imagen{
background: url('../../images/public/pagina-web/modulo-dominio.png') no-repeat;
}.modulos_web .modulos .modulo.dominio .imagen{
background-size: 100%;
background-position: 0px 25px;
}
.pagina_web .modulos .modulo.mantenimiento .imagen,
.modulos_web .modulos .modulo.mantenimiento .imagen{
background: url('../../images/public/pagina-web/modulo-soporte.png') no-repeat;
}.modulos_web .modulos .modulo.mantenimiento .imagen{
background-size: 104%;
background-position: 0px 28px;
}
.pagina_web .modulos .modulo.mantenimiento .imagen{
background-size: 109%!important;
background-position: -8px -4px;
}
.pagina_web .modulos .modulo.capacidad .imagen,
.modulos_web .modulos .modulo.capacidad .imagen{
background: url('../../images/public/pagina-web/modulo-capacidad.png') no-repeat;
}.modulos_web .modulos .modulo.capacidad .imagen{
background-size: 108%;
background-position: 0px 45px;
}
.pagina_web .modulos .modulo.capacidad .imagen{
background-color: white;
background-position: 0px 14px;
}
.pagina_web .modulos .modulo.correo .imagen,
.modulos_web .modulos .modulo.correo .imagen{
background: url('../../images/public/pagina-web/modulo-correo.png') no-repeat;
}.modulos_web .modulos .modulo.correo .imagen{
background-size: 140%;
background-position: -40px 22px;
}
.pagina_web .modulos .modulo.correo .imagen{
background-color: white;
background-position: 0px 15px;
}
.pagina_web .modulos{
margin-bottom: 4%;
}
.pagina_web .modulos .modulo{
float: left;
width: 185px;
margin: 0% 0% 2% 4.5%;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 2px 2px 5px #AAA;
background: url(../../images/public/noise.png) repeat, linear-gradient(to bottom, #99CFAE 0%,#5E776B 100%);
cursor: pointer;
}.pagina_web .modulos .modulo:hover{
background: url(../../images/public/noise.png) repeat, linear-gradient(to bottom, #5E776B 0%, #99CFAE 100%);
}.pagina_web .modulos .modulo:hover .imagen{
opacity: 0.7;
}
.pagina_web .modulos .modulo.oculto{
display: none;
}
.pagina_web .modulos .modulo h4{
font-size: 17px;
text-align: center;
color: white;
letter-spacing: 0.5px;
text-shadow: 0.5px 0.5px 7px black;
}
.pagina_web .modulos .modulo .imagen{
width: 100%;
height: 125px;
background-size: 100%!important;
}
.pagina_web .modulos a.ver{
clear: left;
float: right;
margin-right: 6%;
font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
font-size: 20px;
color: #267205;
text-decoration: underline;
-webkit-transition: all 0.5s ease-in 0s;
-moz-transition: all 0.5s ease-in 0s;
-o-transition: all 0.5s ease-in 0s;
transition: all 0.5s ease-in 0s;
}
.pagina_web .modulos a.ver:hover{
color: #FF9A00;
}
.modulos_web .col-1{
margin-bottom: 3%;
}
.modulos_web .solicitar_info{
position: relative;
bottom: 40px;
margin: auto 43.35%;
}
.modulos_web .modulos .modulo.carga .descripcion ul{
margin: 2% 7% 3% 7%;
}
.modulos_web .modulos .modulo.dominio .descripcion,
.modulos_web .modulos .modulo.correo .descripcion,
.modulos_web .modulos .modulo.capacidad .descripcion{
height: 108px;
}
.modulos_web .modulos .modulo.mantenimiento .descripcion{
height: 60px;
}
.modulos_web .modulos .modulo.mantenimiento .precio{
width: 23%;
text-align: left;
}.modulos_web .modulos .modulo.mantenimiento .precio ul{
margin-left: 10%;
}
.modulos_web .modulos .modulo.mantenimiento .precio span{
float: right;
}
.pagina_web .col-1-2-gr,
.pagina_web .col-2-1-gr{
margin-bottom: 0;
}
.pagina_web .col-1-2-gr h4,
.pagina_web .col-2-1-gr h4{
font-size: 18px;
}.pagina_web .col-1-2-gr .column p,
.pagina_web .col-2-1-gr .column p{
margin-top: 6px;
}
.pagina_web .col-1-2-gr .column img,
.pagina_web .col-2-1-gr .column img{
box-shadow: 2px 2px 5px #AAA;
margin-top: 20px;
}.pagina_web .col-1-2-gr .column:first-of-type img{
float: right;
width: 165px;
}.pagina_web .col-1-2-gr.soporte .column:first-of-type img{
margin-top: 34px;
}
.pagina_web .col-1-2-gr.panel .column:first-of-type img{
margin-top: 40px;
width: 185px;
}
.pagina_web .col-2-1-gr .column:last-of-type img{
width: 175px;
}.pagina_web .col-2-1-gr.dominio .column:last-of-type img{
width: 260px;
margin-top: 37px;
}
.pagina_web .col-2-1-gr.posicionamiento .column:last-of-type img{
width: 200px;
margin-top: 40px;
}
.pagina_web .col-2-1-gr.servidor .column:last-of-type img{
margin-top: 30px;
}
/********************************************************************************************************************/
/* CSS modelo_web.php */
/********************************************************************************************************************/
.modelos_web .oculto{
display: none;
}
.modelos_web .modelo{
margin: 3% auto;
}
.modelos_web .modelo .nombre{
float: left;
}
.modelos_web .modelo .precio{
float: right;
width: 130px;
background: url('../../images/iconos/web_internet.png') no-repeat;
background-position: 145px center;
background-size: 55px;
border: 1px solid #CCC;
padding: 1% 7% 0% 1%;
box-shadow: 2px 2px 4px #CCC;
text-align: right;
font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
font-size: 24px;
letter-spacing: 0.5px;
}
.it .modelos_web .modelo .precio{
width: 154px;
background-position: 170px center;
}
.modelos_web .modelo .precio span{
font-size: 15px;
font-style: italic;
line-height: 40px;
}.modelos_web .modelo .precio span.iva{
float: right;
margin-bottom: 15px;
line-height: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
letter-spacing: 0;
}
.modelos_web .modelo .contenido{
float: left;
width: 100%;
margin: 4% auto;
}.modelos_web .modelo .contenido .imagen{
float: left;
width: 450px;
height: 354px;
box-shadow: 2px 2px 5px #CCC;
}.modelos_web .modelo.agata .contenido .imagen{
background: url('../../images/public/pagina-web/modelo_agata.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo.perla .contenido .imagen{
background: url('../../images/public/pagina-web/modelo_perla.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo.jade .contenido .imagen{
background: url('../../images/public/pagina-web/modelo_jade.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo.cuarzo .contenido .imagen{
background: url('../../images/public/pagina-web/modelo_cuarzo.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo.esmeralda .contenido .imagen{
background: url('../../images/public/pagina-web/modelo_esmeralda.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo.zafiro .contenido .imagen{
background: url('../../images/public/pagina-web/modelo_zafiro.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo .contenido .descripcion,
.modelos_web .modelo .contenido .url,
.modelos_web .modelo .contenido .recomendado,
.modelos_web .modelo .contenido .caracteristicas{
float: left;
width: 50%;
margin-left: 4%;
text-align: justify;
}
.modelos_web .modelo .contenido .url{
margin-top: 2%;
text-align: center;
margin-bottom: 1%;
}.modelos_web .modelo .contenido .url a{
font-size: 22px;
padding: 1% 14%;
-webkit-transition: all 0.5s ease-in 0s;
-moz-transition: all 0.5s ease-in 0s;
-o-transition: all 0.5s ease-in 0s;
transition: all 0.5s ease-in 0s;
}
.modelos_web .modelo .contenido .recomendado{
width: 47%;
background: url('../../images/iconos/pin.png') no-repeat;
background-size: 25px;
background-position: 0px -2px;
padding-left: 30px;
margin-top: 2%;
text-align: left;
}.modelos_web .modelo .contenido .recomendado span{
font-style: italic;
background: url('../../images/iconos/tick_green.png') no-repeat;
background-size: 19px;
padding-left: 20px;
margin-right: 4%;
margin-left: 3%;
}
.modelos_web .modelo .contenido .caracteristicas{
margin-top: 2%;
text-align: left;
}.modelos_web .modelo .contenido .caracteristicas ul{
margin: 2% 0% 0% 4%;
}.modelos_web .modelo .contenido .caracteristicas ul li{
font-style: italic;
background: url('../../images/iconos/arrow-right.png') no-repeat;
background-size: 14px;
background-position: 0px 4px;
padding-left: 22px;
margin-right: 4%;
margin-left: 3%;
}
.modelos_web .modelo .destacados{
float: left;
width: 100%;
}.modelos_web .modelo .destacados .destacado{
float: left;
width: 25%;
margin: 3% 4%;
}.modelos_web .modelo .destacados .destacado .titulo{
text-align: center;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 3%;
font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
font-size: 21px;
letter-spacing: 1px;
}
.modelos_web .modelo .destacados .destacado .imagen{
width: 100%;
height: 220px;
box-shadow: 2px 2px 5px #CCC;
}
/* Modelo Agata */
.modelos_web .modelo.agata .destacados .destacado:first-of-type .imagen{
background: url('../../images/public/pagina-web/modelo_agata_descubre.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo.agata .destacados .destacado:nth-of-type(2) .imagen{
background: url('../../images/public/pagina-web/modelo_agata_tarifas.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo.agata .destacados .destacado:nth-of-type(3) .imagen{
background: url('../../images/public/pagina-web/modelo_agata_reservas.png') no-repeat;
background-size: 100%;
}
/* Modelo Perla */
.modelos_web .modelo.perla .destacados .destacado:first-of-type .imagen{
background: url('../../images/public/pagina-web/modelo_perla_habitaciones.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo.perla .destacados .destacado:nth-of-type(2) .imagen{
background: url('../../images/public/pagina-web/modelo_perla_galeria.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo.perla .destacados .destacado:nth-of-type(3) .imagen{
background: url('../../images/public/pagina-web/modelo_perla_ofertas.png') no-repeat;
background-size: 100%;
}
/* Modelo Jade */
.modelos_web .modelo.jade .destacados .destacado:first-of-type .imagen{
background: url('../../images/public/pagina-web/modelo_jade_escapadas.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo.jade .destacados .destacado:nth-of-type(2) .imagen{
background: url('../../images/public/pagina-web/modelo_jade_servicios.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo.jade .destacados .destacado:nth-of-type(3) .imagen{
background: url('../../images/public/pagina-web/modelo_jade_reservas.png') no-repeat;
background-size: 100%;
}
/* Modelo Cuarzo */
.modelos_web .modelo.cuarzo .destacados .destacado:first-of-type .imagen{
background: url('../../images/public/pagina-web/modelo_cuarzo_alojamientos.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo.cuarzo .destacados .destacado:nth-of-type(2) .imagen{
background: url('../../images/public/pagina-web/modelo_cuarzo_propietarios.png') no-repeat;
background-size: 165%;
background-position: -77px -70px;
}
.modelos_web .modelo.cuarzo .destacados .destacado:nth-of-type(3) .imagen{
background: url('../../images/public/pagina-web/modelo_cuarzo_clientes.png') no-repeat;
background-size: 100%;
}
/* Modelo Esmeralda */
.modelos_web .modelo.esmeralda .destacados .destacado:first-of-type .imagen{
background: url('../../images/public/pagina-web/modelo_esmeralda_propiedades.png') no-repeat;
background-size: 105%;
}
.modelos_web .modelo.esmeralda .destacados .destacado:nth-of-type(2) .imagen{
background: url('../../images/public/pagina-web/modelo_esmeralda.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo.esmeralda .destacados .destacado:nth-of-type(3) .imagen{
background: url('../../images/public/pagina-web/modelo_esmeralda_contacto.png') no-repeat;
background-size: 104%;
}
/* Modelo Zafiro */
.modelos_web .modelo.zafiro .destacados .destacado:first-of-type .imagen{
background: url('../../images/public/pagina-web/modelo_zafiro.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo.zafiro .destacados .destacado:nth-of-type(2) .imagen{
background: url('../../images/public/pagina-web/modelo_zafiro_apartamentos.png') no-repeat;
background-size: 100%;
}
.modelos_web .modelo.zafiro .destacados .destacado:nth-of-type(3) .imagen{
background: url('../../images/public/pagina-web/modelo_zafiro_servicio.png') no-repeat;
background-size: 121%;
background-position: -16px -25px;
}
.modelos_web .modelo .destacados .destacado .descripcion{
margin-top: 6%;
text-align: center;
font-style: italic;
line-height: 20px;
}
.modelos_web .modelo .destacados .destacado .enlace{
width: 100%;
text-align: center;
}
.modelos_web .modelo .destacados .destacado .enlace a{
padding: 0% 12%;
font-size: 20px;
margin-top: 5%;
text-transform: none;
-webkit-transition: all 0.5s ease-in 0s;
-moz-transition: all 0.5s ease-in 0s;
-o-transition: all 0.5s ease-in 0s;
transition: all 0.5s ease-in 0s;
}
.modelos_web .solicitar_info{
margin: 2% auto 5% auto;
width: 14%;
text-align: center;
}
/* ----------------------------------------------------------------------------------------------- */
/* CSS para modal de AvaiBook */
/* ----------------------------------------------------------------------------------------------- */
.modal_ab{
display: none;
background-color: white;
border-radius: 3px;
box-shadow: 4px 3px 15px 1px #201B1B;
}
.modal_ab div.titulo{
border-bottom: 1px solid #267205;
padding: 10px;
font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
font-size: 20px;
letter-spacing: 1px;
color: #267205;
box-shadow: 0 6px 0 -4px rgba(97, 140, 69, 0.22);
}
.modal_ab div.cuerpo{
padding: 20px;
}
.modal_ab label{
font-weight: bold;
}
.modal_ab div.close_modal{
position: absolute;
right: 10px;
top: 10px;
color: #267205;
text-align: center;
font-weight: bold;
font-size: 15px;
line-height: 15px;
cursor: pointer;
}
.modal_ab div.close_modal:hover{
opacity: 0.7;
}
.modal_ab div.close_modal_promo{
position: absolute;
right: 10px;
top: 10px;
color: #267205;
text-align: center;
font-weight: bold;
font-size: 15px;
line-height: 15px;
cursor: pointer;
}
.modal_ab div.close_modal_promo:hover{
opacity: 0.7;
}
div.plan div.dto{
height: 35px;
width: 47px;
margin: -18px 0px 0px 89px;
padding: 13px 11px;
letter-spacing: 1px;
text-align: center;
border: 0px solid #E8E8E8;
font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
font-size: 14px;
position: absolute;
right: -2px;
top: 9px;
-ms-transform: rotate(14deg);
-webkit-transform: rotate(14deg);
transform: rotate(12deg);
border-radius: 3px;
background: transparent url(../../images/public/oferta.png) no-repeat 2px -1px;
background-size: 63px;
color: white;
line-height: 15px;
opacity: 0.85;
}
div.plan div.dto span{
font-size: 19px;
line-height: 18px;
}
.modal_ab.invitacion{
width: 40%;
}
.modal_ab.invitacion div.titulo{
background: url('/../images/propietarios/iconos/fondo_invitaciones.png') no-repeat 0px 0px;
min-height: 150px;
background-size: 100% 100%;
padding: 0;
}
.modal_ab.invitacion div.titulo .texto{
font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
/*margin-left: 15px;*/
font-size: 24px;
width: 100%;
color: #0C0C0C;
padding-top: 2px;
text-shadow: 3px 4px 7px #F3FBED;
letter-spacing: 0.5px;
text-align: center;
background: rgba(248, 249, 248, 0.7);
padding: 6px 0 8px 0;
}
.modal_ab.invitacion div.titulo_uno{
font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
font-size: 23px;
color: #267205;
letter-spacing: 0.5px;
text-align: center;
}
.modal_ab.invitacion div.subtitulo{
font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
font-size: 20px;
color: #797373;
letter-spacing: 0.5px;
text-align: center;
margin-top: 10px;
}
.modal_ab.invitacion div.textos{
width: 93%;
text-align: justify;
margin: 20px auto 10px auto;
border-top: 1px solid #267205;
padding: 4px;
border-bottom: 1px solid #267205;
font-size: 14px;
line-height: 20px;
}
.modal_ab.invitacion div.izquierda{
float: left;
}
.modal_ab.invitacion div.derecha{
float: right;
}
.modal_ab.invitacion .btn{
font-size: 20px;
line-height: 8px;
margin-top: 10px;
margin-bottom: 10px;
}
.modal_ab.invitacion .btn a{
color: white;
}
.modal_ab.condiciones_amigo{
min-width: 650px;
min-height: 500px;
max-width: 80%;
}
.modal_ab.condiciones_amigo iframe{
width: 100%;
height: 500px;
min-height: 100%;
border: none;
}
.modal_ab.invitacion .cond_promo{
width: 93%;
text-align: justify;
margin: 20px auto 10px auto;
}
.modal_ab.invitacion .cond_promo span,
.modal_ab.invitacion .cond_promo a{
cursor: pointer;
text-decoration: underline;
color: #267205;
}
article.cond_promo div.cond_promo{
margin: 0 0 15px 30px;
}
article.cond_promo div.cond_promo span{
cursor: pointer;
text-decoration: underline;
color: #267205;
}
.modal_ab.invitacion{
width: 100%;
}
@media (min-width: 768px){
.modal_ab.invitacion{
width: 80%;
}
}
@media (min-width: 992px){
.modal_ab.invitacion{
width: 40%;
}
}
.wrapper{
position: relative;
}
article.cupon_inv {
max-width: 289px;
background: #EFEFEF;
border-radius: 3px;
line-height: 23px;
position: absolute;
top: 105px;
left: -53px;
-ms-transform: rotate(-7deg);
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
width: 30%;
border: 2px solid #686C70;
box-shadow: 0px 3px 1px #ccc;
}
article.cupon_inv div{
float: left;
}
article.cupon_inv div.imagen{
margin-right: 5px;
/*margin-top: 6px;*/
}
article.cupon_inv img.logo{
max-width: 70px;
margin-top: 23px;
margin-left: 5px;
}
article.cupon_inv img.foto_porpi{
max-width: 71px;
margin-top: 0px;
margin-left: 9px;
}
article.cupon_inv img.foto_stan{
max-width: 50px;
margin-top: 3px;
}
article.cupon_inv div.titulo{
font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
font-size: 19px;
width: 72%;
padding: 1%;
width: 68%;
margin-left: 3px;
padding-top: 2%;
}
article.cupon_inv div.titulo span.euros{
color: #267205;
font-size: 20px;
}
article.cupon_inv div.titulo span.abre_modal{
color: #267205;
text-decoration: underline;
cursor: pointer;
margin-left: 2px;
}
#formContratar div.explicacion{
text-align: center;
line-height: 18px;
margin-bottom: 7px;
}
/* ----------------------------------------------------------------------------------------------- */
/* CSS VIAJERO */
/* ----------------------------------------------------------------------------------------------- */
.viajero header{
margin-top: 30px;
}
.viajero header h1{
text-align: center;
}
.viajero header p{
text-align: center;
}
.viajero .col-2 .column {
width: 454px;
}
.viajero .col-2 .formulario {
margin-left: 36px;
}
.viajero .col-2 .column #captcha_viajero{
margin: 0px 0px 50px 0px !important;
}
.viajero .col-2 .column #resultado{
margin-top: 10px;
margin-left: 18px;
}
.viajero .col-2 .column .ok{
color: #008800;
}
.viajero .col-2 .column .ok p{
padding: 0px !important;
}
.viajero .col-2 .column .error{
color: #AC4B25;
}
.viajero .col-2 .column .error p{
padding: 0px !important;
}
.viajero .col-2 .formulario p{
width: 90%;
padding-left: 29px !important;
}
.viajero .col-2 .column:last-child #myform{
float: left;
margin: 50px 50px;
border: medium none;
color: #FFFFFF;
padding: 18px;
width: 300px;
height: 410px;
border-radius: 5px;
-moz-box-shadow: 1px 3px 5px #AAA;
-webkit-box-shadow: 1px 3px 5px #AAA;
box-shadow: 1px 3px 5px #AAA;
background: #294047 url(../../images/public/noise-soft.png) repeat;
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -moz-linear-gradient(top, #294047 0%, #1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#294047), color-stop(100%,#1c2d32));
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -webkit-linear-gradient(top, #294047 0%,#1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -o-linear-gradient(top, #294047 0%,#1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, -ms-linear-gradient(top, #294047 0%,#1c2d32 100%);
background: url(../../images/public/noise-soft.png) repeat, url(../../images/public/noise-soft.png) repeat, linear-gradient(to bottom, #294047 0%,#1c2d32 100%);
}
.viajero .col-2 .column:last-child #myform div {
width: 96%;
display: block;
margin-bottom: 12px;
}
.viajero .col-2 .column:last-child #myform input:not(.elCheck) {
display: block;
margin: 0 auto;
float: none;
}
.viajero .col-2 .column:last-child #myform div.legal p{
float:left;
width:350px;
font-size:12px;
line-height:16px;
margin-bottom:15px;
}
.viajero .col-2 .column:last-child #myform div:last-child{
position: relative;
text-align: center;
top: 25px;
}
.viajero input, textarea{
width: 97%;
}
.viajero label{
margin: 0px 4px;
}
.viajero .btn{
margin-left: 10px !important;
}
/* ----------------------------------------------------------------------------------------------- */
/* CSS clave_perdida */
/* ----------------------------------------------------------------------------------------------- */
#captcha_recupera_clave{
margin-top: 10px;
}