html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
html,body { height: 100%; min-height: 100%; }
.contenido { display: table; min-height: 100%; margin: 0 auto; height: 100%; }
.conContenido { display: table-cell; width: 90%;
vertical-align: middle; }
table{border-collapse:collapse;border-spacing:0;}
.radio, .radio2 { width: 90px; display: inline-block; }
.solo { width: 110px; display: inline-block; }
/*--start editing from here--*/
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*--end reset--*/
.limpiar { clear: both; }
.planes { width: 100%; margin-bottom: 10px; }
.hidden { display: none; }
body{
font-family: 'Roboto', sans-serif;
font-size: 100%;
background: url(/pagos/amex/images/fondoAmex.jpg)no-repeat center top;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-attachment:fixed;
}
.logoAmex { width: calc(100% + 30px); width: -webkit-calc(100% + 30px); width: -moz-calc(100% + 30px); text-align: center; height: 25px; background-color: #0c6dbc; margin: -10px -15px 30px; padding-top: 15px; }
.logoAmex img { width: 85px; -webkit-box-shadow: 0px 0px 5px 3px rgba(255,255,255,0.59);
-moz-box-shadow: 0px 0px 5px 3px rgba(255,255,255,0.59);
box-shadow: 0px 0px 5px 3px rgba(255,255,255,0.59); }
.logoAC { width: 100%; text-align: center; }
.logoAC img { height: 50px }
.book-appointment { padding: 10px 15px; -webkit-box-shadow: -8px -8px 5px 0px rgba(0,0,0,0.50);
-moz-box-shadow: -8px -8px 5px 0px rgba(0,0,0,0.50);
box-shadow: -8px -8px 5px 0px rgba(0,0,0,0.50); }
.bg-agile { background-color: #ffffff;
width: 90%; max-width: 600px;
margin: 0 auto 0;
position: relative;
padding: 0;
background: #ffffff;
}
label { font-size: 0.9rem; margin-bottom: 2px; display: inline-block; }
h1 {
font-size: 54px;
font-weight: 100!important;
text-transform: capitalize;
color: #fff;
word-spacing: 11px;
letter-spacing: 5px;
margin: 2.5em 0 1.5em;
text-align: center;
}
h1 span {
color: #ea2e3e!important;
border: 7px solid rgba(1, 60, 166, 0.86);
padding: 0 7px 0 12px;
}
.book-appointment h2 {text-align: left;
font-size: 1rem;
color: #0c6dbc;
margin-bottom: 1em;
font-weight: 500;
letter-spacing: 1px;
border-bottom: 1px solid #0c6dbc;
}
/*-- reservation --*/
.book-form input[type="text"], .book-form input[type="email"], select#country, select, input#datepicker {
width: calc(100% - 55px)!important; width: -webkit-calc(100% - 55px)!important; width: -moz-calc(100% - 55px)!important;
color: #000000;
font-size: 0.8em;
padding: 6px 10px 6px 40px;
outline: none;
background: rgba(255, 255, 255, 0);
border: none;
border: 1px solid #dadada;
font-family: 'Roboto', sans-serif;
}
.phone_email, .span1_of_1 {
margin-bottom: 1em;
width: 49%;
float: left;
}
.phone_email1 {
float: right;
}
select#country,select{
width: 100%!important;
}
select#country option, select option {
background:#ffffff;
}
.book-form .form-text,.book_date,.section_room {
position: relative;
}
.book-form i {
position: absolute; color: #0c6dbc; font-size: 14px; top: 0; left: 0px; width: 34px;
line-height: 30px; text-align: center; border-right: 1px solid #dadada; background-color: #dadada;
height: 100%;
}
.book-form input[type="submit"] {
text-transform: capitalize;
background-color: #5ab95f;
color: #ffffff;
padding: 0.4em 0;
border: none;
border: 2px solid #5ab95f;
font-weight: bold;
font-size: 1rem;
margin: 0;
width: 49%;
float: right;
outline: none;
letter-spacing: 3px;
-webkit-transition: .5s all;
-moz-transition: .5s all;
transition: .5s all;
cursor: pointer;
}
.book-form input[type="submit"]:hover {
background: #056cd1;
border-color: #056cd1;
border: 2px solid #056cd1;
color: #fff;
}
.book-form ::-webkit-input-placeholder {
color:#666666 !important;
}
.book-form :-moz-placeholder { /* Firefox 18- */
color:#666666 !important;
}
.book-form ::-moz-placeholder { /* Firefox 19+ */
color:#666666 !important;
}
.book-form :-ms-input-placeholder {
color:#666666 !important;
}
.agile-reservation-grid {
background: #f4f4f4;
padding: 2em;
}
.book-form {
margin: 0em 0;
width:100%
}
/*-- //reservation --*/
/*--copyright--*/
.copy.w3ls { border: 4px solid #ffa420; max-width: 1000px; background-color: #ffffff; width: 100%; margin: 30px auto 0; text-align: center; padding: 10px; }
.candado { width: 130px; display: inline-block; }
.logosS { width: 200px; display: inline-block; }
strong { font-weight: bold; }
.copy p { vertical-align: super;
width: calc(100% - 360px);
width: -webkit-calc(100% - 360px);
width: -moz-calc(100% - 360px);
display: inline-block;
font-size: 0.75rem;
word-spacing: 2px;
text-align: left;
color: #666666;
margin: 0 0 0 10px;
}
.copy p a {
color: #ffffff;
text-decoration: underline;
transition: .4s ease-in-out;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-ms-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
}
.copy p a:hover {
color: #ea2e3e;
}
/*--//copyright--*/
/*--responsive--*/
@media(max-width:1680px){
.book-form input[type="text"], .book-form input[type="email"],input#datepicker {
width: 85%!important;
}
}
@media(max-width:1600px){
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 84.2%!important;
}
h1 {
margin: 1.3em 0 1em;
}
}
@media(max-width:1440px){
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: calc(100% - 55px) !important; width: -webkit-calc(100% - 55px)!important; width: -moz-calc(100% - 55px)!important;
}
}
@media(max-width:1366px){
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: calc(100% - 55px)!important; width: -webkit-calc(100% - 55px)!important; width: -moz-calc(100% - 55px)!important;
}
}
@media(max-width:1280px){
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 84.8%!important;
}
.book-form input[type="submit"] {
margin-top: 1em;
}
}
@media(max-width:1080px){
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 83.5%!important;
}
}
@media(max-width:1050px){
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 84%!important;
}
h1 {
font-size: 50px;
}
}
@media(max-width:1024px){
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 84.5%!important;
}
.book-appointment h2 {
font-size: 27px;
margin-bottom: 0.8em;
}
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 83.5%!important;
}
}
@media(max-width:991px){
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 82.5%!important;
}
.book-appointment h2 {
font-size: 25px;
letter-spacing: 6px;
}
h1 {
font-size: 45px;
}
h1 span {
padding: 0 4px 0 9px;
}
}
@media(max-width:900px){
.copy.w3ls { width: 90%; }
.book-form input[type="submit"] {
padding: 0.6em 0em;
font-size: 1em;
}
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 82%!important;
}
h1 {
word-spacing: 5px;
}
.phone_email, .span1_of_1 {
margin-bottom: 1em;
}
}
@media(max-width:800px){
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 79.8%!important;
}
.book-appointment h2 {
font-size: 25px;
}
h1 {
font-size: 45px;
}
.candado { width: 80px; }
.logosS { width: 150px; }
.copy p { width: 100%; margin: 5px 0; line-height: 1.2; font-size: 8px; }
h1 {
word-spacing: 0px;
}
}
@media(max-width:768px){
h1 {
margin: 3em 0 1.5em;
}
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 79.5%!important;
}
}
@media(max-width:767px){
h1 {
margin: 1.3em 0 1em;
}
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 79%!important;
}
}
@media(max-width:736px){
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 78%!important;
}
h1 {
font-size: 43px;
letter-spacing: 4px;
}
}
@media(max-width:667px){
h1 {
font-size: 36px;
}
.book-appointment h2 {
letter-spacing: 2.5px;
}
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 76.9%!important;
}
.book-form input[type="submit"] {
font-size: 15.4px;
letter-spacing: 5px;
}
.phone_email, .span1_of_1 {
margin-bottom: 1em;
}
}
@media(max-width:640px){
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 87.7%!important;
}
.book-form input[type="text"], .book-form input[type="email"], select#country, select, input#datepicker {
font-size: 13.5px;
}
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 76%!important;
}
}
@media(max-width:600px){
.book-appointment h2 {
font-size: 23px;
}
h1 {
font-size: 42px;
letter-spacing: 3px;
line-height: 1.7em;
margin: 0.7em 1em 0.5em;
}
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 74.7%!important;
}
h1 span {
padding: 0 3px 0 5px;
line-height: 45px;
display: inline-block;
}
.book-form input[type="submit"] {
width: 35%;
}
}
@media(max-width:568px){
h1 {
font-size: 40px;
}
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 73.7%!important;
}
}
@media(max-width:480px){
h1 {
font-size: 37px;
line-height: 68px;
margin: 0.9em 0em 0.5em;
}
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 82.9%!important;
}
.phone_email, .span1_of_1 {
width: 100%;
float: none;
}
}
@media(max-width:440px){
h1 {
font-size: 33px;
}
.book-appointment h2 {
letter-spacing: 1.4px;
}
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 81%!important;
}
.book-form input[type="submit"] {
width: 50%;
}
}
@media(max-width:414px){
h1 {
letter-spacing: 2px;
}
.book-appointment h2 {
font-size: 21px;
}
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 80.3%!important;
}
}
@media(max-width:384px){
h1 {
font-size: 37px;
letter-spacing: 3px;
line-height: 64px;
margin: 0.7em 0em 0.5em;
}
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 78.9%!important;
}
}
@media(max-width:375px){
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 78.3%!important;
}
}
@media(max-width:320px){
h1 {
font-size: 35px;
letter-spacing: 1px;
line-height: 61px;
margin: 0.6em 0em 0.4em;
}
.book-form input[type="text"], .book-form input[type="email"], input#datepicker {
width: 74.5%!important;
}
.book-form input[type="submit"] {
width: 62%;
}
}
/*--//responsive--*/