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,center,dl,dt,dd,ol,ul,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
.clear{clear: both; height: 0px; font-size: 0px; line-height: 0px;}
.h-color-black{color: #222222;}
.h-color-white{color: #FFFFFF;}
.h-color-silver{color: #F1F1F1;}
.h-color-silver-dark{color : #777777;}
.h-color-win8{color: #00CCFF;}
.h-color-teal{color: #00A0B1;}
.h-color-blue{color: #2E8DEF;}
.h-color-purple{color: #A700AE;}
.h-color-purple-dark{color: #643EBF;}
.h-color-red{color: #BF1E4B;}
.h-color-orange{color: #DC572E;}
.h-color-green{color: #00A600;}
.h-color-sky{color: #0A5BC4;}
.h-color-yellow{color:#FFE862}
.h-font-small { font-size : 11px; line-height: 1.2em; }
.h-font-12    { font-size : 12px; line-height: 1.2em; }
.h-font-14    { font-size : 14px; line-height: 1.2em; }
.h-font-16    { font-size : 16px; line-height: 1.2em; }
.h-font-18    { font-size : 18px; line-height: 1.2em; }
.h-font-24    { font-size : 24px; line-height: 1.2em; }
.h-font-32    { font-size : 32px; line-height: 1.2em; }
.h-font-48    { font-size : 48px; line-height: 1.2em; }
.h-font-64    { font-size : 64px; line-height: 1.2em; }
.h-bold {font-weight: bold;}
.h-font-left   {text-align: left}
.h-font-right  {text-align: right}
.h-font-center {text-align: center}
.h-border    {border: 1px solid}
.h-no-border {border: 0 none; }
.h-heigth-20 { height: 20px;  }
.h-heigth-30 { height: 30px;  }
.h-heigth-40 { height: 40px;  }
.h-heigth-50 { height: 50px;  }
.h-heigth-60 { height: 60px;  }
.h-heigth-70 { height: 70px;  }
.h-heigth-80 { height: 80px;  }
.h-heigth-90 { height: 90px;  }
.h-heigth-100{ height: 100px; }
.h-heigth-line-30 {height: 30px; line-height:30px;}
.h-width-10{width: 10px;}
.h-width-20{width: 20px;}
.h-width-30{width: 30px;}
.h-width-40{width: 40px; border: 1px solid;}
.h-width-50{width: 50px;}
.h-width-60{width: 60px;}
.h-width-70{width: 70px;}
.h-width-80{width: 80px;}
.h-width-90{width: 90px;}
.h-pointer{cursor: pointer;}
.h-hidden{visibility: hidden;}
.h-visible{visibility: visible;}
.h-display-no{display: none;}
.h-display-block{display:block;}
.h-margin-l-10{margin-left: 10px;}
.h-margin-l-20{margin-left: 20px;}
.h-margin-l-100{margin-left: 100px;}
.h-margin-r-10{margin-right: 10px;}
.h-margin-t-10{margin-top: 10px;}
.h-margin-t-20{margin-top: 20px;}
.h-margin-b-10{margin-bottom: 10px;}
.h-margin-b-20{margin-bottom: 20px;}
table th.center,
table td.center{text-align: center}
table th.right,
table td.right{text-align: right}
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible {
border: 0; clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
}
.ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ui-helper-clearfix {
display:block;
min-height: 0;
}
* html .ui-helper-clearfix {
height:1%;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
.ui-state-disabled { cursor: default !important; }
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
z-index: 99999;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border:1px dotted black;
}
.ui-widget {   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(jquery-ui/custom-theme/images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #404040; }
.ui-widget-content a { color: #404040; }
.ui-widget-header {
font-weight:bold;
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border:1px solid #666;
}
.ui-widget-header a { color: #222222; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background-color: #e6e6e6;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
color: #333;
font-size: 13px;
line-height: normal;
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition: 0.1s linear background-image;
-moz-transition: 0.1s linear background-image;
-ms-transition: 0.1s linear background-image;
-o-transition: 0.1s linear background-image;
transition: 0.1s linear background-image;
overflow: visible;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background-position: 0 -15px;
color: #333;
text-decoration: none;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa;  font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui-state-highlight p, .ui-state-error p, .ui-state-default p{
font-size: 13px;
font-weight: normal;
line-height: 18px;
margin:7px 15px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {
position: relative;
margin-bottom: 18px;
color: #404040;
background-color: #eedc94;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
background-image: -o-linear-gradient(top, #fceec1, #eedc94);
background-image: linear-gradient(top, #fceec1, #eedc94);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #eedc94 #eedc94 #e4c652;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
border-width: 1px;
border-style: solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
position: relative;
margin-bottom: 18px;
color: #ffffff;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
background-color: #c43c35;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(top, #ee5f5b, #c43c35);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #c43c35 #c43c35 #882a25;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none;  }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); }
.ui-icon { width: 16px; height: 16px; background-image: url(jquery-ui/custom-theme/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(jquery-ui/custom-theme/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(jquery-ui/custom-theme/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(jquery-ui/custom-theme/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(jquery-ui/custom-theme/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(jquery-ui/custom-theme/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(jquery-ui/custom-theme/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(jquery-ui/custom-theme/images/ui-icons_f6cf3b_256x240.png); }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-khtml-border-top-left-radius: 4px;
border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-khtml-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-khtml-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-khtml-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.ui-widget-overlay {
background: #aaaaaa url(jquery-ui/custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .30;
filter:Alpha(Opacity=30);
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url(jquery-ui/custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .30;filter:Alpha(Opacity=30);
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.ui-accordion {
width: 100%;
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1;
font-weight:bold;
}
.ui-accordion .ui-accordion-li-fix {
display: inline;
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
display: block;
font-size: 1em;
padding: .5em .5em .5em 1.7em;
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: none;
zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
display: block;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
cursor: pointer;
display: inline-block;
background-color: #e6e6e6;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
padding: 5px 14px 6px;
margin: 0;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
color: #333;
font-size: 13px;
line-height: normal;
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition: 0.1s linear background-image;
-moz-transition: 0.1s linear background-image;
-ms-transition: 0.1s linear background-image;
-o-transition: 0.1s linear background-image;
transition: 0.1s linear background-image;
overflow: visible;
}
.ui-button-primary {
color: #ffffff;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-button-success{
color:#ffffff;
background-color: #57a957;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -ms-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
background-image: -o-linear-gradient(top, #62c462, #57a957);
background-image: linear-gradient(top, #62c462, #57a957);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #57a957 #57a957 #3d773d;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-button-error{
color:#ffffff;
background-color: #c43c35;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(top, #ee5f5b, #c43c35);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #c43c35 #c43c35 #882a25;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-button-icon-only { width: 2.2em; }
button.ui-button-icon-only { }
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
.ui-button .ui-button-text { display: block;   }
.ui-button-text-only .ui-button-text {  }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px;  display:none;}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { top: 50%; margin-top:-3px; margin-bottom:3px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-state-active {
color: #ffffff;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.4em; }
button.ui-button::-moz-focus-inner { border: 0; padding: 0; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float:left; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1;float: left;clear: left; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: 0;
color: #ffffff;
background: #0064cd;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-menu .ui-menu-item a.ui-state-active {
padding: 1px .4em;
}
.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-menu { width: 200px; margin-bottom: 2em; }
.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner{}
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; }
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; }
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }
.ui-spinner .ui-icon-triangle-1-s {
background-position:-65px -16px;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
width: 300px;
overflow: hidden;
outline: 0;
background-clip: padding-box;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 6px 6px 6px 6px;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
outline: medium none;
position: fixed;
z-index: 1050;
}
.ui-dialog .ui-dialog-titlebar {
position: relative;
padding:5px 15px;
border:0px 0px 0px 1px solid;
border-color: white;
padding: 5px 15px;
font-size: 18px;
text-decoration:none;
background:none;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
-khtml-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-khtml-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom:1px solid #ccc;
}
.ui-dialog .ui-dialog-title {
float: left;
color:#404040;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
padding:5px;
text-overflow: ellipsis;
overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 19px;
margin: -20px 0 0 0;
padding: 1px;
height: 18px;
font-size: 20px;
font-weight: bold;
line-height: 13.5px;
text-shadow: 0 1px 0 #ffffff;
filter: alpha(opacity=25);
-khtml-opacity: 0.25;
-moz-opacity: 0.25;
opacity: 0.25;
background:none;
border-width: 0;
border:none;
box-shadow: none;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
text-indent: 9999px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 1px;   filter: alpha(opacity=90);
-khtml-opacity: 0.90;
-moz-opacity: 0.90;
opacity: 0.90;
}
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin: .5em 0 0 0;
background-color: #f5f5f5;
padding: 5px 15px 5px;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
zoom: 1;
margin-bottom: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
color: #ffffff;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;
color: #ffffff;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-tabs .ui-tabs-nav{ background:none; border-color: #ddd;border-style: solid;border-width: 0 0 1px;}
.ui-tabs { position: relative; padding: .2em; zoom: 1; border:0px;}
.ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li a:hover{
background:whiteSmoke;
border-bottom:1px solid #ddd;
padding-bottom:0px;
color:#00438A;
}
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; border-bottom:1px solid #DDD; }
.ui-tabs .ui-tabs-nav li {  text-decoration: none; list-style: none; float: left; position: relative; top: 1px; padding: 0px 0px 1px 0px; white-space: nowrap; background:none; border:0px; }
.ui-tabs-nav .ui-state-default{
-webkit-box-shadow: 0px 0px 0px #ffffff;
-moz-box-shadow: 0px 0px 0px #ffffff;
box-shadow: 0px 0px 0px #ffffff;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
text-decoration: none;
cursor: text;
padding: 0 15px;
margin-right: 2px;
line-height: 34px;
border: 1px solid transparent;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 0px; outline:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active , .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
background-color: #ffffff;
border: 1px solid #ddd;
border-bottom-color: #ffffff;
cursor: default;
color:gray;
outline:none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{background-color: #ffffff;outline:none;border:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover{
background:#ffffff;
outline:none;
margin-bottom:0px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; color:#0069D6; background:none; font-weight:normal; margin-bottom:-1px;}
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs-panel .ui-button{text-decoration:none;}
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-nav li{
filter:none;
}
.ui-tooltip {
padding:8px;
position:absolute;
z-index:9999;
max-width: 300px;
-o-box-shadow: 0 0 5px #ddd;
-moz-box-shadow: 0 0 5px #ddd;
-webkit-box-shadow: 0 0 5px #ddd;
box-shadow: inset 0 1px 0 #ffffff;
}
body .ui-tooltip { border-width:2px; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; border:0px; font-weight: bold; width: 100%; padding: 4px 0; background-color: #f5f5f5; color: #808080; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {  }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover {  }
.ui-datepicker .ui-datepicker-next-hover {  }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-cover {
display: none;
display: block;
position: absolute;
z-index: -1;
filter: mask();
top: -4px;
left: -4px;
width: 200px;
height: 200px;
}
.ui-datepicker th{
font-weight: bold;
color: gray;
}
.ui-datepicker-today a:hover{
background-color: #808080;
color: #ffffff;
}
.ui-datepicker-today a{
background-color: #BFBFBF;
cursor: pointer;
padding: 0 4px;
margin-bottom:0px;
}
.ui-datepicker td a{
margin-bottom:0px;
border:0px;
}
.ui-datepicker td:hover{
color: #ffffff;
}
.ui-datepicker td .ui-state-default {
border:0px;
background:none;
margin-bottom:0px;
padding:5px;
color:gray;
text-align: center;
filter:none;
}
.ui-datepicker td .ui-state-active{
background:#BFBFBF;
margin-bottom:0px;
font-size:normal;
text-shadow: 0px;
color: #ffffff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.ui-datepicker td .ui-state-hover {
color: #ffffff;
background: #0064cd;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%;
color: #ffffff;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
input, textarea {
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
outline: 0;
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: 1px dotted #666;
}
input[type="text"],
input[type="password"],
.ui-autocomplete-input,
textarea,
.uneditable-input {
display: inline-block;
padding: 4px;
font-size: 13px;
line-height: 18px;
color: #808080;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.ui-toolbar{
padding: 7px 14px;
margin: 0 0 18px;
background-color: #f5f5f5;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
background-image: linear-gradient(top, #ffffff, #f5f5f5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
}
.ui-dialog-buttonset .ui-button:nth-child(2){
cursor: pointer;
display: inline-block;
background-color: #e6e6e6;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
padding: 5px 14px 6px;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
color: #333;
font-size: 13px;
line-height: normal;
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;
overflow: visible;
}
div.wijmo-wijmenu{
padding:0 20px;
background-color: #222;
background-color: #222222;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
background-image: -moz-linear-gradient(top, #333333, #222222);
background-image: -ms-linear-gradient(top, #333333, #222222);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
background-image: -webkit-linear-gradient(top, #333333, #222222);
background-image: -o-linear-gradient(top, #333333, #222222);
background-image: linear-gradient(top, #333333, #222222);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.wijmo-wijmenu .ui-state-default{
box-shadow: none;
color:#BFBFBF;
}
.wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text{
color:#BFBFBF;
}
.wijmo-wijmenu .ui-state-hover{
background: #444;
background: rgba(255, 255, 255, 0.05);
}
.wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text{
color:#ffffff;
}
div.wijmo-wijmenu .ui-widget-header h3{
position: relative;
margin-top:1px;
padding:0;
}
.wijmo-wijmenu h3 a{
color: #FFFFFF;
display: block;
float: left;
font-size: 20px;
font-weight: 200;
line-height: 1;
margin-left: -20px;
margin-top:1px;
padding: 8px 20px 12px;
}
.wijmo-wijmenu h3 a:hover{
background-color: rgba(255, 255, 255, 0.05);
color: #FFFFFF;
text-decoration: none;
}
.wijmo-wijmenu .ui-widget-header{
border:0px;
}
.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child{
padding: 0.3em 0;
}
div.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child{
background: #333;
border:0;
margin:0;
padding: 6px 0;
width:160px;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
div.wijmo-wijmenu .wijmo-wijmenu-item{
margin:0;
border:0;
}
.wijmo-wijmenu a.wijmo-wijmenu-link{
margin:0;
line-height: 19px;
padding: 10px 10px 11px;
border:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius:0;
}
div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link{
display:block;
float:none;
padding: 4px 15px;
width:auto;
}
div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text
{
float:none;
}
.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover {
background: #191919;
}
.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator{
padding: 5px 0;
background-image: none;
background-color: #222;
border-top: 1px solid #444;
border-bottom:0;
border-left:0;
border-right:0;
}
.wijmo-wijmenu .wijmo-wijmenu-item input {
-moz-transition: none 0s ease 0s;
background-color: rgba(255, 255, 255, 0.3);
border: 1px solid #111111;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25);
color: rgba(255, 255, 255, 0.75);
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 1;
margin: 5px 10px 0 10px;
padding: 4px 9px;
width:100px;
}
.wijmo-wijmenu .wijmo-wijmenu-item input:hover {
background-color: rgba(255, 255, 255, 0.5);
color: #FFFFFF;
}
.wijmo-wijmenu .wijmo-wijmenu-item input:focus {
background-color: #FFFFFF;
border: 0 none;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
color: #404040;
outline: 0 none;
padding: 5px 10px;
text-shadow: 0 1px 0 #FFFFFF;
}
.wijmo-wijmenu .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
text-shadow:none;
}
.wijmo-wijmenu .ui-state-default{
box-shadow: none;
color:#BFBFBF;
filter: none;
}
.emdb-icon {
width: 25px;
height: 25px;
vertical-align: middle;
display: inline-block;
}
.emdb-icon-valing-t {
vertical-align: top;
}
.emdb-icon-valing-m {
vertical-align: middle;
}
.emdb-icon-valing-b {
vertical-align: bottom;
}
.emdb-icons-language-es {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -21px 0px;
}
.emdb-icons-language-en {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -42px 0px;
}
.emdb-icons-language-de {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -63px 0px;
}
.emdb-icons-language-nl {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -84px 0px;
}
.emdb-icons-language-fr {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -105px 0px;
}
.emdb-icons-language-it {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -126px 0px;
}
.emdb-icons-language-ru {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -137px 0px;
}
.emdb-icons-footer-facebook {
width: 37px;
height: 37px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") 0px -21px;
}
.emdb-icons-footer-twiter {
width: 37px;
height: 37px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -37px -21px;
}
.emdb-icons-footer-instagram {
width: 37px;
height: 37px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -75px -21px;
}
.emdb-icons-footer-pays {
width: 109px;
height: 25px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -112px -27px;
}
.emdb-icons-footer-mail-error {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -222px -17px;
}
.emdb-icons-footer-mail-success {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -256px -17px;
}
.emdb-icons-booking-left {
width: 19px;
height: 62px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") 0px -59px;
}
.emdb-icons-booking-right {
width: 19px;
height: 62px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -20px -59px;
}
.emdb-icons-booking-cart {
width: 42px;
height: 45px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -39px -67px;
}
.emdb-icons-booking-edit {
width: 33px;
height: 33px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -82px -72px;
}
.emdb-icons-booking-delete {
width: 33px;
height: 33px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -121px -72px;
}
.emdb-icons-booking-creditcard {
width: 160px;
height: 45px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") 0px -120px;
}
.emdb-icons-booking-paypal {
width: 152px;
height: 45px;
display: inline-block;
vertical-align: middle;
background: url("../img/layout/commons.png") -160px -120px;
}
.emdb-icons-routes-km {
width: 44px;
height: 36px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/routes/routesiconos.png") 0px 0px;
}
.emdb-icons-routes-elevation {
width: 44px;
height: 36px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/routes/routesiconos.png") 0px -52px;
}
.emdb-icons-routes-points {
width: 44px;
height: 39px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/routes/routesiconos.png") 0px -100px;
}
.emdb-icons-routes-points {
width: 44px;
height: 39px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/routes/routesiconos.png") 0px -100px;
}
.emdb-icons-routes-left {
width: 29px;
height: 33px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/routes/routes-arrow.png") 0px 0px;
}
.emdb-icons-routes-right {
width: 29px;
height: 33px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/routes/routes-arrow.png") -28px 0px;
}
.emdb-icons-blog-visit {
width: 30px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/blog/sprite.png") 0px 0px;
}
.emdb-icons-blog-commnets {
width: 30px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/blog/sprite.png") -31px 0px;
}
.emdb-icons-blog-up {
width: 13px;
height: 11px;
display: inline-block;
vertical-align: top;
background: url("../img/content/blog/sprite.png") 0px -19px;
}
.emdb-icons-blog-down {
width: 13px;
height: 11px;
display: inline-block;
vertical-align: top;
background: url("../img/content/blog/sprite.png") -14px -19px;
}
.emdb-icons-weather-big-01d {
width: 70px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") 0px 0px no-repeat;
}
.emdb-icons-weather-big-02d {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -70px 0px no-repeat;
}
.emdb-icons-weather-big-03d {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -141px 0px no-repeat;
}
.emdb-icons-weather-big-04d {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -212px 0px no-repeat;
}
.emdb-icons-weather-big-09d {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -283px 0px no-repeat;
}
.emdb-icons-weather-big-10d {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -354px 0px no-repeat;
}
.emdb-icons-weather-big-11d {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -425px 0px no-repeat;
}
.emdb-icons-weather-big-13d {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -496px 0px no-repeat;
}
.emdb-icons-weather-big-50d {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -567px 0px no-repeat;
}
.emdb-icons-weather-big-01n {
width: 70px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") 0px -71px no-repeat;
}
.emdb-icons-weather-big-02n {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -70px -71px no-repeat;
}
.emdb-icons-weather-big-03n {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -141px -71px no-repeat;
}
.emdb-icons-weather-big-04n {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -212px -71px no-repeat;
}
.emdb-icons-weather-big-09n {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -283px -71px no-repeat;
}
.emdb-icons-weather-big-10n {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -354px 0px no-repeat;
}
.emdb-icons-weather-big-11n {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -425px 0px no-repeat;
}
.emdb-icons-weather-big-13n {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -496px 0px no-repeat;
}
.emdb-icons-weather-big-50n {
width: 71px;
height: 71px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -567px 0px no-repeat;
}
.emdb-icons-weather-small-01d {
width: 60px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") 0px -142px no-repeat;
}
.emdb-icons-weather-small-02d {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -60px -142px no-repeat;
}
.emdb-icons-weather-small-03d {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -121px -142px no-repeat;
}
.emdb-icons-weather-small-04d {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -182px -142px no-repeat;
}
.emdb-icons-weather-small-09d {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -243px -142px no-repeat;
}
.emdb-icons-weather-small-10d {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -304px -142px no-repeat;
}
.emdb-icons-weather-small-11d {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -365px -142px no-repeat;
}
.emdb-icons-weather-small-13d {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -426px -142px no-repeat;
}
.emdb-icons-weather-small-50d {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -487px -142px no-repeat;
}
.emdb-icons-weather-small-01n {
width: 60px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") 0px -142px no-repeat;
}
.emdb-icons-weather-small-02n {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -60px -142px no-repeat;
}
.emdb-icons-weather-small-03n {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -121px -142px no-repeat;
}
.emdb-icons-weather-small-04n {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -182px -142px no-repeat;
}
.emdb-icons-weather-small-09n {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -243px -142px no-repeat;
}
.emdb-icons-weather-small-10n {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -304px -142px no-repeat;
}
.emdb-icons-weather-small-11n {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -365px -142px no-repeat;
}
.emdb-icons-weather-small-13n {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -426px -142px no-repeat;
}
.emdb-icons-weather-small-50n {
width: 61px;
height: 61px;
display: inline-block;
vertical-align: middle;
background: url("../img/content/home/sprite-meteo.png") -487px -142px no-repeat;
}
@font-face {
font-family: BernSans;
src: url('../fonts/BernSansCT-Regular.otf');
}
@font-face {
font-family: AvenirBook;
src: url('../fonts/Avenir45Book.ttf');
}
@font-face {
font-family: AvenirBookOblique;
src: url('../fonts/Avenir45BookOblique.ttf');
}
@font-face {
font-family: AvenirBookHEAVYOblique;
src: url('../fonts/Avenir85HeavyOblique.ttf');
}
@font-face {
font-family: Avenir85Heavy;
src: url('../fonts/Avenir85Heavy.ttf');
}
@font-face {
font-family: KelsonSansBold;
src: url('../fonts/KelsonSansBold.otf');
}
@font-face {
font-family: KelsonSansLight;
src: url('../fonts/KelsonSansLight.otf');
}
@font-face {
font-family: Impact;
src: url('../fonts/Impact.ttf');
}
@font-face {
font-family: OpenSansLight;
src: url('../fonts/OpenSans-Light.otf');
}
@font-face {
font-family: OpenSansRegular;
src: url('../fonts/OpenSans-Regular.otf');
}
@font-face {
font-family: OpenSansBold;
src: url('../fonts/OpenSans-Bold.otf');
}
@font-face {
font-family: Raleway;
src: url('../fonts/Raleway.otf');
}
@font-face {
font-family: BebasNeueRegular;
src: url('../fonts/BebasNeueRegular.otf');
}
.debug {
background-color: #ff7f50;
}
.debug2 {
background-color: #6495ed;
}
.img-full {
width: 100%;
}
body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
font-size: 16px;
font-family: OpenSansLight;
overflow-x: hidden;
}
a {
color: #2B2B2B;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#emdb-blank {
height: 100%;
padding: 0px;
margin: 0px;
background-image: url("../img/login-background.jpg");
background-color: #0C0C0C;
}
.emdb-blank-logo img {
margin: 40px 0px 0px 20px;
}
.emdb-blank-content {
min-height: 600px;
margin: 20px auto;
padding: 20px;
background-color: #FFFFFF;
border-radius: 10px;
}
header {
position: fixed;
left: 0;
top: 0;
width: 100%;
min-width: 600px;
margin: 0px;
z-index: 100;
}
header #menu {
display: grid;
width: 100%;
height: 60px;
margin: 0px auto;
background-color: #FFFFFF;
grid-template-columns: 200px auto;
grid-template-rows: 60px 8px;
grid-column-gap: 10px;
}
header #menu #logo {
width: 90%;
height: 100%;
margin-left: 10%;
}
header #menu #logo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center right ;
}
header #menu #menu-content {
display: flex;
width: 100%;
height: 100%;
font-size: 1.5rem;
font-family: BebasNeueRegular;
}
header #menu #menu-content .menu-item {
flex: 1 0 auto;
height: 60px;
line-height: 60px;
margin-left: 1%;
text-align: center;
}
header #menu #menu-content .menu-item a:link,
header #menu #menu-content .menu-item a:visited {
color: #BDBDBD;
text-decoration: none;
}
header #menu #menu-content .menu-item a:hover {
text-decoration: underline;
}
header #menu #menu-content .menu-active {
background: url("../img/layout/header/flecha-menu.png") 50% 0px;
background-repeat: no-repeat;
}
header #menu #menu-content .menu-active a:link,
header #menu #menu-content .menu-active a:visited {
color: #2B2B2B;
text-decoration: none;
}
header #menu #menu-content .menu-active a:hover {
text-decoration: none;
}
header #menu #menu-content .menu-item.cart {
position: relative;
width: 25px;
flex-grow: 0;
cursor: pointer;
}
header #menu #menu-content .menu-item.cart #header-cart {
position: absolute;
top: 10px;
left: 0px;
width: 16px;
height: 16px;
border-radius: 8px;
background-color: #FF3366;
font-size: 0.75rem;
line-height: 18px;
color: #FFFFFF;
}
header #menu #menu-content .menu-item.languages {
position: relative;
width: 25px;
flex-grow: 0;
margin-right: 1%;
}
header #menu #menu-content #language-active {
position: relative;
cursor: pointer;
}
header #menu #menu-content #languages {
position: absolute;
display: none;
left: 0%;
width: 100%;
padding-bottom: 10px;
background-color: #FFFFFF;
text-align: center;
}
header #menu #menu-content .language {
width: 100%;
height: 20px;
margin-top: 10px;
line-height: 20px;
text-align: center;
}
header #menu #menu-footer {
grid-column-start: 1;
grid-column-end: 3;
width: 100%;
height: 4px;
margin: 0px auto;
background-color: #2B2B2B;
}
@media only screen and (max-width: 930px) {
header #menu #menu-content {
font-size: 1.125rem;
}
}
footer {
max-width: 100%;
min-width: 600px;
margin: 50px auto 0px auto;
text-align: center;
}
footer #footer-logo {
height: 60px;
background-image: url("../img/layout/footer/footer-logo.jpg");
background-position: 50% 50%;
background-repeat: no-repeat;
}
footer #footer-content-info {
margin: 30px auto 20px auto;
font-size: 1rem;
font-family: AvenirBook;
text-align: left;
}
footer #footer-content-info .col {
float: left;
width: 23.5%;
margin: 0px 1.999% 0px 0px;
text-align: center;
}
footer #footer-content-info .col h2 {
display: block;
height: 30px;
margin: 30px auto 30px auto;
font-size: 1.25rem;
font-family: KelsonSansBold;
color: #2B2B2B;
}
footer #footer-content-info .col li {
margin-bottom: 10px;
}
footer #footer-content-info .col ul.timetable li {
font-size: 1rem;
}
footer #footer-content-info .col-nomargin {
margin-right: 0;
}
footer #footer-brands-header {
display: flex;
flex-direction: row;
column-gap: 20px;
align-items: center;
}
footer #footer-brands-header .content-line {
flex-grow: 3;
height: 1px;
}
footer #footer-brands-header .content-line .line {
width: 100%;
height: 1px;
border-bottom: 1px solid #AEAEAE;
}
footer #footer-brands-header .content-text {
flex-grow: 1;
}
footer #footer-brands {
display: flex;
flex-direction: row;
column-gap: 20px;
align-items: center;
flex-wrap: nowrap;
}
footer #footer-brands .content-line {
flex: 1 1 33%;
}
footer #footer-brands .content-line img {
width: 100%;
}
footer #footer-pay-text {
margin: 20px auto;
font-size: 0.75rem;
}
footer #footer-pay-logos {
height: 60px;
background-image: url("../img/layout/footer/pay-methods.jpg");
background-position: 50% 50%;
background-repeat: no-repeat;
}
footer #footer-legal {
margin-top: 30px;
font-family: KelsonSansBold;
font-size: 0.875rem;
}
footer #footer-copy-right {
margin: 30px auto;
font-size: 0.75rem;
}
@media only screen and (max-width: 800px) {
footer #footer-content-info {
font-size: 0.875rem;
}
}
#main {
width: 100%;
}
.content-section {
max-width: 1180px;
min-width: 600px;
margin: 0px auto 0px auto;
padding: 0px 15px;
}
#home-slide {
position: relative;
max-width: 100%;
min-width: 600px;
margin: 0px;
background-color: #FFF;
}
#home-slide #home-slide-content {
width: 100%;
}
#home-slide #home-slide-content .home-slide-img {
position: absolute;
top: 0px;
left: 0px;
display: none;
}
#home-slide #home-slide-content .home-slide-img img {
display: block;
width: 100%;
border: none;
}
#home-slide #home-slide-content .home-slide-img video {
display: block;
width: 100%;
border: none;
}
#home-slide #home-slide-content .home-slide-html {
position: absolute;
top: 64px;
right: 0px;
width: 33%;
display: none;
}
#home-slide #home-slide-content .home-slide-html .home-slide-html-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000;
opacity: 0.6;
}
#home-slide #home-slide-content .home-slide-html .home-slide-html-contend {
position: relative;
top: 0px;
left: 0;
width: 100%;
}
#home-slide #home-slide-content .home-slide-html .home-slide-html-contend .home-slide-html-title {
width: 90%;
margin: 5% auto 5% auto;
line-height: 25px;
font-family: Avenir85Heavy;
font-size: 1.4375rem;
color: #FFFFFF;
}
#home-slide #home-slide-content .home-slide-html .home-slide-html-contend .home-slide-html-text {
width: 90%;
margin: 5% auto;
line-height: 20px;
font-family: AvenirBook;
font-size: 1.0625rem;
color: #FFFFFF;
}
#home-slide #home-slide-content .home-slide-html .home-slide-html-contend .home-slide-html-text p {
margin-bottom: 10px;
}
#home-slide #home-slide-content .home-slide-html .home-slide-html-contend .home-slide-html-button {
width: 100%;
}
#home-slide #home-slide-content .home-slide-html .home-slide-html-contend .home-slide-html-button a,
#home-slide #home-slide-content .home-slide-html .home-slide-html-contend .home-slide-html-button a:visited {
color: #FFFFFF;
border-color: #FFFFFF;
}
#home-slide #home-slide-content .home-slide-html .home-slide-html-contend .home-slide-html-button .buttom {
display: inline-block;
padding: 0px 20px;
height: 40px;
line-height: 40px;
margin: 20px auto 20px auto;
background-color: #57C0BB;
border: none;
border-radius: 0px;
color: #FFFFFF;
text-align: center;
font-size: 1.25rem;
font-family: Avenir85Heavy;
}
#home-slide #home-slide-content .view {
display: block;
}
#home {
max-width: 100%;
min-width: 600px;
margin-top: 20px;
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
}
#home b {
font-family: Avenir85Heavy;
}
#home #home-intro p {
width: 100%;
margin-bottom: 10px;
text-align: justify;
}
#home #home-intro p:first-letter {
margin-left: 20px;
}
#home #home-bike-categories {
display: flex;
width: 100%;
margin: 20px auto 20px auto;
flex-wrap: wrap;
justify-content: center;
gap: 10px 2%;
align-items: top;
}
#home #home-bike-categories .section {
position: relative;
width: 49%;
}
#home #home-bike-categories .section img {
width: 100%;
border-radius: 20px;
}
#home #home-bike-categories .section p {
margin: 10px 0px 15px 0px;
text-align: justify;
}
#home #home-bike-categories .section .title {
position: absolute;
top: 50%;
left: 0%;
width: 100%;
height: auto;
font-size: 2.8125rem;
text-align: center;
}
#home #home-bike-categories .section .title a:link,
#home #home-bike-categories .section .title a:visited {
color: #FFFFFF;
font-family: KelsonSansBold;
}
#home #home-bike-categories .section .title a:hover {
text-decoration: underline;
}
#home #home-routes {
position: relative;
margin: 50px 0px 0px 0px;
}
#home #home-routes img {
width: 100%;
}
#home #home-routes .text {
position: absolute;
top: 10%;
left: 5%;
width: 90%;
height: auto;
text-align: justify;
color: #FFFFFF;
}
#home #home-routes .text h1 {
font-size: 2.8125rem;
font-family: KelsonSansBold;
margin-bottom: 20px;
}
#home #home-routes .text h2 {
font-size: 1.125rem;
font-family: AvenirBook;
}
#home #home-routes .buttom-content {
position: absolute;
bottom: 10%;
right: 18%;
width: 35%;
height: auto;
text-align: justify;
color: #FFFFFF;
}
#home #home-routes .buttom-content .buttom {
width: 220px;
height: 50px;
line-height: 50px;
margin: -10px 0 0px auto;
padding: 5px 10px;
border: none;
border-radius: 10px;
background-color: #000000;
text-align: center;
font-size: 1.75rem;
font-family: KelsonSansBold;
}
#home #home-routes .buttom-content a,
#home #home-routes .buttom-content a:visited {
color: #FFFFFF;
}
#home #home-bikes .subtitle {
display: block;
height: 20px;
margin: 30px auto 10px auto;
font-size: 1.5rem;
font-family: KelsonSansLight;
text-align: center;
}
#home #home-bikes .title {
display: block;
height: 20px;
margin: 30px auto 50px auto;
font-size: 3.4375rem;
font-family: KelsonSansBold;
text-align: center;
}
#home #home-bikes h2 {
display: block;
height: 20px;
margin: 30px auto 10px auto;
font-size: 1.625rem;
font-family: KelsonSansBold;
text-align: center;
}
#home #home-bikes h3 {
display: block;
margin: 15px auto 0px auto;
font-size: 1.125rem;
font-family: KelsonSansLight;
text-align: center;
}
#home #home-bikes .price {
margin-bottom: 20px;
font-size: 1.125rem;
font-family: KelsonSansLight;
text-align: center;
}
#home #home-bikes img {
width: 100%;
}
#home #home-bikes .col1 {
position: relative;
float: left;
width: 47.5%;
margin: 10px 4.999% 0px 0px;
}
#home #home-bikes .col1 .new {
position: absolute;
top: 20px;
left: 0px;
padding: 5px;
background-color: #57C0BB;
color: #FFF;
font-size: 1.25rem;
font-family: KelsonSansBold;
}
#home #home-bikes .col2 {
position: relative;
float: left;
width: 47.5%;
margin: 10px 0 0px 0px;
}
#home #home-bikes .col2 .new {
position: absolute;
top: 20px;
left: 0px;
padding: 5px;
background-color: #57C0BB;
color: #FFF;
font-size: 1.25rem;
font-family: KelsonSansBold;
}
#home #home-banner {
margin: 50px 0px 50px 0px;
}
#home #home-banner img {
width: 100%;
}
#home #booking-sells {
width: 60%;
margin: 100px auto 0px auto;
}
#home #booking-sells .subtitle {
display: block;
height: 20px;
margin: 30px auto 10px auto;
font-size: 1.5rem;
font-family: KelsonSansLight;
text-align: center;
}
#home #booking-sells .title {
display: block;
height: 20px;
margin: 30px auto 50px auto;
font-size: 3.4375rem;
font-family: KelsonSansBold;
text-align: center;
}
#home #booking-sells #booking-products {
display: flex;
}
#home #booking-sells #booking-products #booking-sells-move-left {
min-width: 50px;
height: 62px;
flex-grow: 0;
align-self: center;
cursor: pointer;
}
#home #booking-sells #booking-products #booking-sells-flex {
position: relative;
flex: 1 0 auto;
width: calc(100% - 100px);
height: auto;
overflow: hidden;
}
#home #booking-sells #booking-products #booking-sells-flex #booking-sells-overlay {
position: relative;
width: 400%;
}
#home #booking-sells #booking-products #booking-sells-move-right {
min-width: 50px;
height: 62px;
flex-grow: 0;
align-self: center;
text-align: right;
cursor: pointer;
}
#home #booking-sells #booking-products .product-content {
float: left;
width: 25%;
}
#home #booking-sells #booking-products .product-content .img {
float: left;
width: 48%;
margin: 0px;
border: none;
}
#home #booking-sells #booking-products .product-content .img img {
width: 100%;
}
#home #booking-sells #booking-products .product-content .info-content {
float: left;
width: 48%;
margin-left: 3%;
padding-top: 15px;
}
#home #booking-sells #booking-products .product-content .info-content .title {
width: auto;
height: 20px;
margin: 0px;
border: none;
font-size: 1.375rem;
text-align: center;
font-family: KelsonSansBold;
}
#home #booking-sells #booking-products .product-content .info-content .text {
width: 100%;
margin: 20px 0;
font-size: 1rem;
text-align: justify;
}
#home #booking-sells #booking-products .product-content .info-content .types {
margin: 10px 0px;
text-align: center;
}
#home #booking-sells #booking-products .product-content .info-content .types .bidonsize {
display: inline-block;
width: 60px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#home #booking-sells #booking-products .product-content .info-content .types .bidonsize:hover {
color: #57C0BB;
}
#home #booking-sells #booking-products .product-content .info-content .types .maillotsize {
display: inline-block;
width: 40px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#home #booking-sells #booking-products .product-content .info-content .types .maillotsize:hover {
color: #57C0BB;
}
#home #booking-sells #booking-products .product-content .info-content .types .cullotesize {
display: inline-block;
width: 40px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#home #booking-sells #booking-products .product-content .info-content .types .cullotesize:hover {
color: #57C0BB;
}
#home #booking-sells #booking-products .product-content .info-content .types .buffsize {
display: inline-block;
width: 100px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#home #booking-sells #booking-products .product-content .info-content .types .buffsize:hover {
color: #57C0BB;
}
#home #booking-sells #booking-products .product-content .info-content .price {
width: 100%;
margin: 20px 0px 20px 0px;
font-size: 1rem;
text-align: center;
}
#home #booking-sells #booking-products .product-content .info-content .addbutton {
width: 200px;
padding: 10px;
margin: 0px auto;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #FFFFFF;
background-color: #000000;
text-align: center;
cursor: pointer;
}
#information {
margin-top: 64px;
min-width: 600px;
}
#information h1 {
display: inline-block;
width: 100%;
height: 20px;
margin: 30px auto 30px auto;
font-size: 1.5rem;
font-family: KelsonSansBold;
color: #2B2B2B;
text-align: center;
}
#information b {
font-family: Avenir85Heavy;
}
#information p {
width: 100%;
margin-bottom: 10px;
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
}
#information p:first-letter {
margin-left: 20px;
}
#information li {
width: 100%;
margin-bottom: 10px;
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
list-style: disc;
margin-left: 40px;
}
#information img {
width: 100%;
}
#information img.radius {
border-radius: 25px;
margin: 20px 0px;
}
#information a,
#information a:visited {
color: #FFFFFF;
}
#information .col1 {
float: left;
width: 47.5%;
margin: 10px 4.999% 0px 0px;
}
#information .col2 {
float: left;
width: 47.5%;
margin: 10px 0 0px 0px;
}
#information .img-icon {
width: 100%;
text-align: center;
}
#information .img-icon img {
width: auto;
}
#information #info-general {
margin-bottom: 40px;
}
#information #info-general h2 {
display: block;
height: 40px;
margin: 15px auto 30px auto;
font-size: 1.5rem;
font-family: KelsonSansBold;
color: #3A8B84;
border-bottom: 1px solid #3A8B84;
}
#information #info-general .img-icon {
width: 100%;
text-align: center;
margin: 20px 0px 20px 0px;
}
#information #info-general .img-icon img {
width: auto;
}
#information #info-general .col1 {
float: left;
width: 30%;
margin: 10px 4.999% 0px 0px;
}
#information #info-general .col2 {
float: left;
width: 30%;
margin: 10px 4.999% 0px 0px;
}
#information #info-general .col3 {
float: left;
width: 30%;
margin: 10px 0 0px 0px;
}
@media all and (max-width: 500px) {
#information {
margin: 0px 10px;
}
#information p {
font-size: 0.75rem;
}
#information .col1 p {
font-size: 1.25rem;
}
}
#services {
margin-top: 120px;
min-width: 600px;
}
#services h2 {
display: block;
height: 20px;
margin: 30px auto 30px auto;
font-size: 1.5rem;
font-family: KelsonSansBold;
color: #2B2B2B;
}
#services b {
font-family: Avenir85Heavy;
}
#services p {
width: 100%;
margin-bottom: 10px;
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
}
#services p:first-letter {
margin-left: 20px;
}
#services li {
width: 100%;
margin-bottom: 10px;
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
list-style: disc;
margin-left: 40px;
}
#services img {
width: 100%;
}
#services img.radius {
border-radius: 25px;
margin: 20px 0px;
}
#services .col1 {
float: left;
width: 47.5%;
margin: 10px 4.999% 0px 0px;
}
#services .col2 {
float: left;
width: 47.5%;
margin: 10px 0 0px 0px;
}
@media all and (max-width: 500px) {
#services {
margin: 0px 10px;
}
#services p {
font-size: 0.75rem;
}
#services .col1 p {
font-size: 1.25rem;
}
}
#bikes {
margin-top: 120px;
min-width: 600px;
}
#bikes h2 {
display: block;
height: 20px;
margin: 15px auto 30px auto;
font-size: 1.5rem;
font-family: KelsonSansBold;
color: #2B2B2B;
}
#bikes b {
font-family: Avenir85Heavy;
}
#bikes p {
width: 100%;
margin-bottom: 10px;
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
}
#bikes .bike-v-categories {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 10px;
margin: 50px 0px;
flex-wrap: wrap;
}
#bikes .bike-v-categories .bike-category {
position: relative;
}
#bikes .bike-v-categories .bike-category .title {
position: absolute;
bottom: 10%;
left: 0%;
width: 100%;
text-align: center;
color: #ffffff;
font-family: KelsonSansBold;
font-size: 1.875rem;
}
#bikes .bike-v-categories .bike-category .title a:link,
#bikes .bike-v-categories .bike-category .title a:visited {
color: #FFFFFF;
font-family: KelsonSansBold;
}
#bikes .bike-v-categories .bike-category .title a:hover {
text-decoration: underline;
}
#bikes .bike-v-categories .bike-category img {
width: 100%;
border-radius: 20px;
}
#bikes .bike-categories {
width: 100%;
margin: 50px 0px;
}
#bikes .bike-categories .bike-category {
position: relative;
margin-bottom: 20px;
}
#bikes .bike-categories .bike-category .title {
position: absolute;
top: 45%;
left: 0%;
width: 100%;
text-align: center;
color: #ffffff;
font-family: KelsonSansBold;
font-size: 3.4375rem;
}
#bikes .bike-categories .bike-category .title a:link,
#bikes .bike-categories .bike-category .title a:visited {
color: #FFFFFF;
font-family: KelsonSansBold;
}
#bikes .bike-categories .bike-category .title a:hover {
text-decoration: underline;
}
#bikes .bike-categories .bike-category img {
width: 100%;
}
#bikes-page {
margin-top: 64px;
font-size: 1.125rem;
line-height: 25px;
font-family: AvenirBook;
}
#bikes-page .category-spacer {
width: 100%;
padding: 15px 0 15px 0;
color: #FFFFFF;
text-align: center;
font-family: OpenSansRegular;
font-size: 1.875rem;
background-color: #2B2B2B;
}
#bikes-page #intro {
width: 96%;
padding: 20px 2% 20px 2%;
color: #000000;
}
#bikes-page p {
margin-bottom: 15px;
}
#bikes-page .biketypecolor1 {
color: #57C0BB;
}
#bikes-page .biketypecolorbg1 {
background-color: #57C0BB;
}
#bikes-page .biketypecolor2 {
color: #A866AB;
}
#bikes-page .biketypecolorbg2 {
background-color: #A866AB;
}
#bikes-page .bike-content {
max-width: 1180px;
min-width: 600px;
margin: 0px auto 0px auto;
padding: 0px 15px;
}
#bikes-page .bike-content h2 {
display: inline-block;
width: 100%;
margin: 60px 0px 0px 0px;
font-size: 2.875rem;
font-family: KelsonSansBold;
text-align: center;
}
#bikes-page .bike-content .img {
text-align: center;
}
#bikes-page .bike-content .info {
margin-top: 0px;
}
#bikes-page .bike-content .info p {
width: 100%;
margin-bottom: 10px;
line-height: 25px;
font-size: 1.0625rem;
font-family: AvenirBook;
}
#bikes-page .bike-content .info-footer {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin: 20px auto 0px auto;
padding: 20px;
border: 1px solid #2B2B2B;
border-radius: 15px;
}
#bikes-page .bike-content .info-footer .col1 {
flex: 4 1 20%;
margin-right: 3%;
text-align: left;
}
#bikes-page .bike-content .info-footer .col1 .bike-params {
display: flex;
flex-wrap: nowrap;
column-gap: 20px;
font-size: 1rem;
justify-content: left;
font-family: AvenirBookOblique;
}
#bikes-page .bike-content .info-footer .col1 .bike-params h3 {
font-family: AvenirBookHEAVYOblique;
}
#bikes-page .bike-content .info-footer .col1 .bike-params .item1 {
flex: 1 1 100px;
}
#bikes-page .bike-content .info-footer .col1 .bike-params .item2 {
flex: 3 1 240px;
}
#bikes-page .bike-content .info-footer .col2 {
flex: 1 1 8%;
}
#bikes-page .bike-content .info-footer .col2 .price {
width: 100%;
margin-bottom: 20px;
font-size: 1rem;
font-family: KelsonSansLight;
}
#bikes-page .bike-content .info-footer .col2 .price span {
font-size: 1rem;
}
#bikes-page .bike-content .info-footer .col2 .buttom {
width: 180px;
padding: 15px 10px;
margin: 0px auto;
border: none;
border-radius: 10px;
text-align: center;
color: #FFFFFF;
font-size: 1.625rem;
font-family: OpenSansBold;
letter-spacing: 1px;
cursor: pointer;
}
#bikes-page .bike-content .info-footer .col2 a,
#bikes-page .bike-content .info-footer .col2 a:visited {
color: #FFFFFF;
}
#bikes-page .bike-content .booking-date {
height: 100px;
color: #2B2B2B;
padding: 15px 0px 10px 0px;
text-align: center;
display: none;
}
#bikes-page .bike-content .booking-date .header {
position: relative;
width: 100%;
height: 20px;
margin: 0px 15px 20px 15px;
font-size: 1.25rem;
}
#bikes-page .bike-content .booking-date .input-contend {
width: 100%;
margin: 0px 0px 10px 0px;
}
#bikes-page .bike-content .booking-date input {
width: 25%;
height: 30px;
margin: 0px 10px 0px 10px;
padding: 5px;
border: 1px solid #2B2B2B;
border-radius: 15px;
font-size: 0.9375rem;
font-family: KelsonSansLight;
text-align: center;
}
#bikes-page .bike-content .booking-date input[disabled] {
background-color: #DEDEDE;
}
#bikes-datasheet {
font-size: 1rem;
font-family: AvenirBook;
}
#bikes-datasheet b {
font-family: KelsonSansBold;
}
#bikes-datasheet .img-full {
width: 100%;
}
#bikes-datasheet #intro {
width: 96%;
padding: 20px 2% 20px 2%;
background-color: #2B2B2B;
}
#bikes-datasheet #intro h2 {
margin-bottom: 10px;
color: #3A8B84;
font-size: 3.4375rem;
font-family: Impact;
}
#bikes-datasheet #intro .col1 {
float: left;
width: 50%;
margin: 10px 0 0px 0px;
}
#bikes-datasheet #intro .col2 {
float: left;
position: relative;
width: 50%;
min-height: 120px;
margin: 10px 0 0px 0px;
text-align: right;
vertical-align: bottom;
}
#bikes-datasheet #intro .col2 #starts {
position: absolute;
bottom: 0px;
right: 0px;
}
#bikes-datasheet #img-wrapper {
width: 100%;
text-align: center;
}
#bikes-datasheet #info #menu-wrapper {
width: 100%;
padding: 15px 0 15px 0;
color: #FFFFFF;
font-size: 1.375rem;
font-family: KelsonSansLight;
background-color: #2B2B2B;
}
#bikes-datasheet #info #menu-wrapper #menu {
width: 90%;
margin: 0px auto 0px auto;
color: #FFFFFF;
line-height: 35px;
}
#bikes-datasheet #info #menu-wrapper #menu .menu-buttom {
color: #FFFFFF;
cursor: pointer;
}
#bikes-datasheet #info #menu-wrapper #menu .menu-buttom:hover {
text-decoration: underline;
}
#bikes-datasheet #info #menu-wrapper #menu .col1 {
float: left;
width: 25%;
}
#bikes-datasheet #info #menu-wrapper #menu .col2 {
float: left;
width: 25%;
}
#bikes-datasheet #info #menu-wrapper #menu .col3 {
float: left;
width: 30%;
}
#bikes-datasheet #info #menu-wrapper #menu .col4 {
float: left;
width: 20%;
}
#bikes-datasheet #info #menu-wrapper #menu .buttomreturn {
width: 100px;
height: 30px;
line-height: 35px;
margin: 0px 0px 0px auto;
background-color: #57C0BB;
border: none;
border-radius: 4px;
text-align: center;
font-size: 1.25rem;
font-family: KelsonSansLight;
}
#bikes-datasheet #info #menu-wrapper #menu .buttomreturn a,
#bikes-datasheet #info #menu-wrapper #menu .buttomreturn a:visited {
color: #FFFFFF;
cursor: pointer;
}
#bikes-datasheet #info #menu-wrapper #menu .buttombooking {
width: 140px;
height: 30px;
line-height: 35px;
margin: 0px 0px 0px auto;
background-color: #FF3366;
border: none;
border-radius: 4px;
text-align: center;
font-size: 1.25rem;
font-family: KelsonSansLight;
}
#bikes-datasheet #info #menu-wrapper #menu .buttombooking a,
#bikes-datasheet #info #menu-wrapper #menu .buttombooking a:visited {
color: #FFFFFF;
cursor: pointer;
}
#bikes-datasheet #info #content-wrapper {
width: 100%;
min-height: 300px;
padding: 40px 0 40px 0;
background-color: #DADADA;
color: #2B2B2B;
font-size: 1rem;
font-family: AvenirBook;
}
#bikes-datasheet #info #content-wrapper .content {
width: 80%;
margin: 0px auto 0px auto;
background-color: #DADADA;
}
#bikes-datasheet #info #content-wrapper .content p {
width: 100%;
margin-bottom: 20px;
line-height: 22px;
}
#bikes-datasheet #info #content-wrapper .content p:first-letter {
margin-left: 20px;
}
#bikes-datasheet #info #content-wrapper .content li {
margin-bottom: 10px;
line-height: 22px;
list-style: disc;
margin-left: 40px;
}
#bikes-datasheet #info #content-wrapper .content .row {
width: 92%;
height: 60px;
padding: 0px 4% 0px 4%;
vertical-align: middle;
}
#bikes-datasheet #info #content-wrapper .content .row .col1 {
float: left;
width: 20%;
margin: 10px 0 0px 0px;
}
#bikes-datasheet #info #content-wrapper .content .row .col2 {
float: left;
width: 80%;
margin: 10px 0 0px 0px;
}
#bikes-datasheet #info #content-wrapper .content .odd {
background-color: #FFFFFF;
}
#routes {
margin-top: 64px;
max-width: 100%;
}
#routes .routes-intro {
max-width: 1180px;
margin: 0px auto;
}
#routes .routes-intro .title.es {
display: inline-block;
width: 100%;
margin: 40px 0px 0px 0;
text-align: center;
font-family: Impact;
font-size: 3.75rem;
}
#routes .routes-intro .subtitle.es {
display: inline-block;
width: 100%;
margin: 0px 0px 40px 0;
text-align: center;
font-family: Impact;
font-size: 2.75rem;
}
#routes .routes-intro .title.en {
display: inline-block;
width: 100%;
margin: 40px 0px 0px 0;
text-align: center;
font-family: Impact;
font-size: 3.625rem;
}
#routes .routes-intro .subtitle.en {
display: inline-block;
width: 100%;
margin: 0px 0px 40px 0;
text-align: center;
font-family: Impact;
font-size: 3.75rem;
}
#routes .routes-intro .title.de {
display: inline-block;
width: 100%;
margin: 40px 0px 0px 0;
text-align: center;
font-family: Impact;
font-size: 3.625rem;
}
#routes .routes-intro .subtitle.de {
display: inline-block;
width: 100%;
margin: 0px 0px 40px 0;
text-align: center;
font-family: Impact;
font-size: 3.75rem;
}
#routes .routes-intro .title.fr {
display: inline-block;
width: 100%;
margin: 40px 0px 0px 0;
text-align: center;
font-family: Impact;
font-size: 3.4375rem;
}
#routes .routes-intro .subtitle.fr {
display: inline-block;
width: 100%;
margin: 0px 0px 40px 0;
text-align: center;
font-family: Impact;
font-size: 3.875rem;
}
#routes .routes-intro .title.nl {
display: inline-block;
width: 100%;
margin: 40px 0px 0px 0;
text-align: center;
font-family: Impact;
font-size: 3.75rem;
}
#routes .routes-intro .subtitle.nl {
display: inline-block;
width: 100%;
margin: 0px 0px 40px 0;
text-align: center;
font-family: Impact;
font-size: 3.75rem;
}
#routes .routes-intro .title.it {
display: inline-block;
width: 100%;
margin: 40px 0px 0px 0;
text-align: center;
font-family: Impact;
font-size: 3.375rem;
}
#routes .routes-intro .subtitle.it {
display: inline-block;
width: 100%;
margin: 0px 0px 40px 0;
text-align: center;
font-family: Impact;
font-size: 3.75rem;
}
#routes .routes-intro p {
width: 100%;
margin-bottom: 10px;
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
}
#routes .routes-intro p:first-letter {
margin-left: 20px;
}
#routes .routes-sections {
max-width: 1180px;
margin: 0px auto;
margin-top: 40px;
}
#routes .routes-sections .routes-section {
position: relative;
margin-bottom: 40px;
}
#routes .routes-sections .routes-section img {
width: 100%;
margin: 0;
border-radius: 15px 15px 0px 0px;
}
#routes .routes-sections .routes-section .section-header {
position: absolute;
top: 5%;
left: 0;
}
#routes .routes-sections .routes-section .section-header .name {
width: auto;
text-align: left;
padding: 10px 20px 10px 20px;
background-color: #3A8B84;
color: #FFFFFF;
font-size: 2.25rem;
font-family: Avenir85Heavy;
}
#routes .routes-sections .routes-section .section-header .day {
display: inline-block;
text-align: left;
margin-top: 10px;
padding: 8px 20px 8px 20px;
background-color: #57C0BB;
color: #FFFFFF;
font-size: 1.875rem;
font-family: Avenir85Heavy;
}
#routes .routes-sections .routes-section .difficulty {
width: 100%;
height: 60px;
margin: -2px auto 0px auto;
background-color: #000000;
border-radius: 0px 0px 15px 15px;
}
#routes .routes-sections .routes-section .difficulty .col {
float: left;
width: 25%;
padding-top: 10px;
text-align: center;
color: #FFFFFF;
}
#routes .routes-sections .routes-section .difficulty .col .title {
font-size: 1.25rem;
font-family: Avenir85Heavy;
margin-bottom: 5px;
}
#routes .routes-sections .routes-section .difficulty .col .text {
font-size: 1.125rem;
font-family: AvenirBook;
}
#routes .route-notice p {
width: 100%;
margin-bottom: 10px;
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
}
#routes .route-notice p:first-letter {
margin-left: 20px;
}
#route-datasheet {
margin-top: 64px;
max-width: 100%;
font-size: 1rem;
font-family: AvenirBook;
}
#route-datasheet #route-info {
max-width: 1180px;
margin: 0px auto;
}
#route-datasheet #route-info .days {
float: left;
width: 20%;
height: 60px;
line-height: 60px;
font-size: 1.125rem;
font-family: Avenir85Heavy;
background-color: #2B2B2B;
text-align: center;
}
#route-datasheet #route-info .days a,
#route-datasheet #route-info .days a:visited {
color: #FFFFFF;
}
#route-datasheet #route-info .active {
background-color: #57C0BB;
}
#route-datasheet #route-info #slide-html {
position: relative;
max-width: 100%;
min-width: 600px;
margin: 0px 0px 38px 0px;
}
#route-datasheet #route-info #slide-html #slide-html-content {
width: 100%;
padding-bottom: 55.9%;
}
#route-datasheet #route-info #slide-html #slide-html-content .slide-html {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
display: none;
}
#route-datasheet #route-info #slide-html #slide-html-content .slide-html .slide-img img {
display: block;
width: 100%;
border: none;
}
#route-datasheet #route-info #slide-html #slide-html-content .slide-html .slide-img video {
display: block;
width: 100%;
border: none;
}
#route-datasheet #route-info #slide-html #slide-html-content .view {
display: block;
}
#route-datasheet #route-info #slide-html #slide-html-difficulty {
width: 100%;
height: 60px;
background-color: #000000;
}
#route-datasheet #route-info #slide-html #slide-html-difficulty .col {
float: left;
width: 25%;
padding-top: 10px;
text-align: center;
color: #FFFFFF;
}
#route-datasheet #route-info #slide-html #slide-html-difficulty .col .title {
font-size: 1.25rem;
font-family: Avenir85Heavy;
margin-bottom: 5px;
}
#route-datasheet #route-info #slide-html #slide-html-difficulty .col .text {
font-size: 1.125rem;
font-family: AvenirBook;
}
#route-datasheet #route-info #slide-html #slide-html-buttons {
position: relative;
width: auto;
margin: 30px auto;
text-align: center;
}
#route-datasheet #route-info #slide-html #slide-html-buttons .slide-html-button {
display: inline-block;
width: 15px;
height: 15px;
margin-left: 1px;
border-radius: 50%;
background-color: #57C0BB;
cursor: pointer;
}
#route-datasheet #route-info #slide-html #slide-html-buttons .select {
background-color: #CCCCCC;
}
#route-datasheet #route-info #content-wrapper {
width: 100%;
min-height: 300px;
padding: 0px 0 0px 0;
color: #2B2B2B;
font-size: 1.125rem;
font-family: AvenirBook;
}
#route-datasheet #route-info #content-wrapper .content-header {
margin-bottom: 30px;
}
#route-datasheet #route-info #content-wrapper .content-header .col {
float: left;
width: 50%;
}
#route-datasheet #route-info #content-wrapper .content-header .col .name {
width: auto;
text-align: left;
padding: 5px 10px;
background-color: #57C0BB;
color: #FFFFFF;
font-size: 1.875rem;
font-family: Avenir85Heavy;
}
#route-datasheet #route-info #content-wrapper .content h1 {
display: block;
width: 100%;
height: 20px;
margin: 50px auto 50px auto;
font-size: 2.5rem;
color: #3A8B84;
text-align: center;
}
#route-datasheet #route-info #content-wrapper .content p {
width: 100%;
margin-bottom: 20px;
line-height: 25px;
text-align: justify;
}
#route-datasheet #route-info #content-wrapper .content p:first-letter {
margin-left: 20px;
}
#route-datasheet #route-info #content-wrapper .content h2 {
display: inline-block;
width: 100%;
margin-bottom: 25px;
font-size: 1.375rem;
color: #2B2B2B;
}
#route-datasheet #route-info #content-wrapper .content ul {
margin-bottom: 20px;
}
#route-datasheet #route-info #content-wrapper .content li {
margin-bottom: 10px;
line-height: 22px;
list-style: disc;
margin-left: 40px;
}
#route-datasheet #route-info #content-wrapper .content-footer {
width: 100%;
margin-bottom: 40px;
text-align: right;
}
#route-datasheet #route-info #content-wrapper .content-footer .price {
text-align: right;
font-size: 1.25rem;
color: #2B2B2B;
font-family: KelsonSansLight;
margin-bottom: 10px;
}
#route-datasheet #route-info #content-wrapper .content-footer .price span {
font-size: 2.25rem;
}
#route-datasheet #route-info #content-wrapper .content-footer .buttom {
display: inline-block;
width: 180px;
padding: 15px 10px;
margin: 0px auto 0px auto;
background-color: #57C0BB;
border: none;
border-radius: 10px;
text-align: center;
letter-spacing: 1px;
font-size: 1.625rem;
font-family: OpenSansBold;
}
#route-datasheet #route-info #content-wrapper .content-footer a,
#route-datasheet #route-info #content-wrapper .content-footer a:visited {
color: #FFFFFF;
}
#route-datasheet #route-profile {
max-width: 1180px;
margin: 0px auto;
}
#route-datasheet #route-profile img {
width: 100%;
}
#route-datasheet #route-video {
max-width: 1180px;
margin: 0px auto;
}
#route-datasheet #route-video video {
width: 100%;
}
#route-datasheet #route-map {
max-width: 1180px;
height: 400px;
margin: 0px auto;
}
#booking {
margin-top: 64px;
height: auto;
min-width: 600px;
}
#booking #booking-info {
background-color: #BDBDBD;
}
#booking #booking-info #booking-info-contend {
max-width: 1180px;
padding: 10px 0px;
line-height: 25px;
margin: 0px auto;
color: #FFFFFF;
font-family: AvenirBook;
font-size: 1rem;
text-align: justify;
}
#booking #booking-date {
height: 296px;
background-image: url("../img/content/booking/fondoreservas2.jpg");
color: #FFFFFF;
}
#booking #booking-date .input-contend {
max-width: 1180px;
margin: 0px auto;
padding-top: 50px;
text-align: center;
}
#booking #booking-date input {
width: 220px;
height: 30px;
margin: 0px 10px 0px 10px;
padding: 5px;
border: none;
border-radius: 10px;
font-size: 0.9375rem;
font-family: KelsonSansLight;
text-align: center;
}
#booking #booking-date input[disabled] {
background-color: #DEDEDE;
}
#booking #booking-cyclist {
height: 80px;
background-color: #2B2B2B;
color: #FFFFFF;
padding: 15px 0px 10px 0px;
}
#booking #booking-cyclist .title {
position: relative;
float: left;
width: 20%;
height: 20px;
margin: 0px 15px 15px 15px;
font-size: 1rem;
}
#booking #booking-cyclist .input-contend {
float: left;
width: 75%;
margin: 0px 0px 10px 0px;
}
#booking #booking-cyclist input {
width: 60%;
height: 30px;
margin: 0px 0px 0px 10px;
padding: 5px;
border: none;
border-radius: 0px;
font-size: 0.9375rem;
font-family: KelsonSansLight;
}
#booking #booking-wait-dates {
min-height: 100px;
margin-bottom: 40px;
}
#booking #booking-wait-dates img {
width: 100%;
}
#booking #booking-bikes {
display: none;
justify-content: center;
}
#booking #booking-bikes #bike-move-left {
min-width: 120px;
height: 62px;
flex-grow: 0;
align-self: center;
cursor: pointer;
}
#booking #booking-bikes #bikes-flex {
flex: 1 0 auto;
max-width: 90%;
height: auto;
overflow: hidden;
}
#booking #booking-bikes #bikes-flex #bikes-overlay {
position: relative;
top: 0px;
left: 0%;
width: 100%;
height: auto;
}
#booking #booking-bikes #bike-move-right {
min-width: 102px;
height: 62px;
flex-grow: 0;
align-self: center;
text-align: right;
cursor: pointer;
}
#booking #booking-bikes .bike-contend {
float: left;
margin-bottom: 30px;
}
#booking #booking-bikes .bike-contend .bike-title {
width: 100%;
margin: 40px 0 20px 0;
font-size: 2.625rem;
font-family: KelsonSansBold;
text-align: center;
}
#booking #booking-bikes .bike-contend .bike-img {
width: 80%;
margin: 0px auto 0px auto;
}
#booking #booking-bikes .bike-contend .bike-img img {
width: 100%;
}
#booking #booking-bikes .bike-contend .prices {
width: 100%;
margin: 0px 0px 20px 0px;
text-align: center;
}
#booking #booking-bikes .bike-contend .prices .price {
display: inline-block;
width: 120px;
padding: 10px;
line-height: 30px;
margin-right: 10px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
background-color: #B9DBD9;
font-size: 1.25rem;
}
#booking #booking-bikes .bike-contend .prices .price b {
font-family: OpenSansBold;
}
#booking #booking-bikes .bike-contend .sizes {
text-align: center;
}
#booking #booking-bikes .bike-contend .sizes .title {
font-size: 1.125rem;
margin-bottom: 20px;
}
#booking #booking-bikes .bike-contend .sizes .size {
display: inline-block;
width: 60px;
height: 40px;
line-height: 40px;
margin-right: 10px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-bikes .bike-contend .sizes .size:hover {
background-color: #B9DBD9;
}
#booking #booking-bikes .bike-contend .nosize {
display: inline-block;
height: 30px;
line-height: 30px;
padding: 5px 10px;
background-color: #2B2B2B;
border-radius: 10px;
color: #FFFFFF;
text-align: center;
font-weight: bold;
}
#booking #booking-bikes .bike-contend .sizeguide img {
width: 50px;
vertical-align: middle;
}
#booking #booking-insurance {
display: none;
margin-bottom: 30px;
text-align: center;
}
#booking #booking-insurance #booking-insurance-button {
cursor: pointer;
text-decoration: underline;
}
#booking #booking-routes {
display: none;
margin-bottom: 30px;
}
#booking #booking-routes .title {
width: 100%;
height: 50px;
padding: 0px;
text-align: center;
border: 1px solid #2B2B2B;
border-radius: 15px;
color: #000000;
font-size: 1.125rem;
}
#booking #booking-routes .title div {
margin: 15px auto;
}
#booking #booking-routes .col {
float: left;
width: 47%;
margin: 30px 0 0px 2%;
text-align: center;
display: none;
cursor: pointer;
}
#booking #booking-routes .col .img-section {
position: relative;
border-radius: 10px;
}
#booking #booking-routes .col .img-section img {
width: 100%;
margin: 0;
border-radius: 15px 15px 0px 0px;
}
#booking #booking-routes .col .img-section .section-header {
position: absolute;
top: 4%;
left: 0;
}
#booking #booking-routes .col .img-section .section-header .day {
width: auto;
text-align: left;
padding: 10px 20px 10px 20px;
border-radius: 15px 0 0 0;
background-color: #57C0BB;
color: #FFFFFF;
font-size: 2.25rem;
font-family: Avenir85Heavy;
}
#booking #booking-routes .col .img-section .section-name {
width: 100%;
height: 60px;
margin: -2px auto 0px auto;
background-color: #57C0BB;
text-align: center;
border-radius: 0px 0px 15px 15px;
}
#booking #booking-routes .col .img-section .section-name .name {
width: auto;
text-align: center;
padding: 10px 20px 10px 20px;
color: #FFFFFF;
font-size: 2.25rem;
font-family: Avenir85Heavy;
}
#booking #booking-routes .col .img-section .route-selected {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 15px;
background-color: #FFFFFF;
opacity: 60%;
display: none;
}
#booking #booking-routes .lastcol {
margin: 30px 0px 0px 0px;
}
#booking #booking-accessories {
display: none;
}
#booking #booking-accessories .title {
width: 100%;
height: 50px;
padding: 0px;
text-align: center;
border: 1px solid #2B2B2B;
border-radius: 15px;
color: #000000;
font-size: 1.125rem;
}
#booking #booking-accessories .title div {
margin: 15px auto;
}
#booking #booking-accessories #booking-accessories-content {
display: inline-grid;
width: 100%;
grid-template-columns: repeat(3, 1fr);
gap: 15px 0px;
margin-top: 15px;
}
#booking #booking-accessories #booking-accessories-content .col {
width: 100%;
text-align: center;
}
#booking #booking-accessories #booking-accessories-content .col .title {
width: auto;
height: 20px;
margin: 0px;
border: none;
font-size: 1.125rem;
background: none;
color: #2B2B2B;
}
#booking #booking-accessories #booking-accessories-content .col .img {
position: relative;
width: 100%;
max-width: 280px;
margin: 0px auto;
aspect-ratio: 1.4;
}
#booking #booking-accessories #booking-accessories-content .col .img img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .text {
margin: 10px 0px;
font-size: 1rem;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types {
margin: 10px 0px;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .pedal {
display: inline-block;
width: 50px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .pedal:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .shoesize-men {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
margin-bottom: 5px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .shoesize-men:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .shoesize-woman {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
margin-bottom: 5px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .shoesize-woman:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .shoesize-mtb {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
margin-bottom: 5px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .shoesize-mtb:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .helmetsize {
display: inline-block;
width: 45px;
height: 30px;
line-height: 30px;
margin-bottom: 5px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .helmetsize:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .medidorpotencia {
display: inline-block;
width: 80px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .medidorpotencia:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .gpssize {
display: inline-block;
width: 80px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .gpssize:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .soportesize {
display: inline-block;
width: 80px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .soportesize:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .energypak {
display: inline-block;
width: 80px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .energypak:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .bolsamiksize {
display: inline-block;
width: 80px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .bolsamiksize:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .bolsamanillar {
display: inline-block;
width: 80px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .bolsamanillar:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .bolsasillin {
display: inline-block;
width: 80px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .bolsasillin:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .alforjas {
display: inline-block;
width: 80px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .alforjas:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .energypakplus200 {
display: inline-block;
width: 80px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .energypakplus200:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .mahleextender {
display: inline-block;
width: 80px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .mahleextender:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .powermore {
display: inline-block;
width: 80px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .types .powermore:hover {
color: #57C0BB;
}
#booking #booking-accessories #booking-accessories-content .col .info-content .price {
margin: 20px 0px;
font-size: 1.125rem;
}
#booking #booking-wheels {
display: none;
}
#booking #booking-wheels .title {
width: 100%;
height: 50px;
padding: 0px;
text-align: center;
border: 1px solid #2B2B2B;
border-radius: 15px;
color: #000000;
font-size: 1.125rem;
}
#booking #booking-wheels .title div {
margin: 15px auto;
}
#booking #booking-wheels #booking-wheels-content {
display: inline-grid;
width: 100%;
grid-template-columns: repeat(3, 1fr);
gap: 15px 0px;
margin-top: 15px;
}
#booking #booking-wheels #booking-wheels-content .col {
width: 100%;
text-align: center;
}
#booking #booking-wheels #booking-wheels-content .col .title {
width: auto;
height: 20px;
margin: 0px;
border: none;
font-size: 1.125rem;
background: none;
color: #2B2B2B;
}
#booking #booking-wheels #booking-wheels-content .col .img {
position: relative;
width: 100%;
max-width: 280px;
margin: 0px auto;
aspect-ratio: 1.4;
}
#booking #booking-wheels #booking-wheels-content .col .img img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
#booking #booking-wheels #booking-wheels-content .col .info-content .text {
margin: 10px 0px;
font-size: 1rem;
}
#booking #booking-wheels #booking-wheels-content .col .info-content .types {
margin: 10px 0px;
}
#booking #booking-wheels #booking-wheels-content .col .info-content .types .wheel1 {
display: inline-block;
width: 80px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-wheels #booking-wheels-content .col .info-content .types .wheel1:hover {
color: #57C0BB;
}
#booking #booking-wheels #booking-wheels-content .col .info-content .price {
margin: 20px 0px;
font-size: 1.125rem;
}
#booking #booking-sells {
display: none;
}
#booking #booking-sells .title {
width: 100%;
height: 50px;
padding: 0px;
margin: 20px 0;
text-align: center;
border: 1px solid #2B2B2B;
border-radius: 15px;
color: #000000;
font-size: 1.125rem;
}
#booking #booking-sells .title div {
margin: 15px auto;
}
#booking #booking-sells .col {
float: left;
width: 33%;
margin: 15px 0px 0px 0px;
text-align: center;
}
#booking #booking-sells .col .title {
width: auto;
height: 20px;
margin: 0px;
border: none;
font-size: 1.125rem;
background: none;
color: #2B2B2B;
}
#booking #booking-sells .col .info-content .text {
margin: 10px 0px;
font-size: 1rem;
}
#booking #booking-sells .col .info-content .types {
margin: 10px 0px;
}
#booking #booking-sells .col .info-content .types .bidonsize {
display: inline-block;
width: 60px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-sells .col .info-content .types .bidonsize:hover {
color: #57C0BB;
}
#booking #booking-sells .col .info-content .types .maillotsize {
display: inline-block;
width: 40px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-sells .col .info-content .types .maillotsize:hover {
color: #57C0BB;
}
#booking #booking-sells .col .info-content .types .cullotesize {
display: inline-block;
width: 40px;
height: 30px;
line-height: 30px;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#booking #booking-sells .col .info-content .types .cullotesize:hover {
color: #57C0BB;
}
#booking #booking-sells .col .info-content .price {
margin: 20px 0px;
font-size: 1.125rem;
}
#booking #booking-add-cart {
width: 100%;
text-align: center;
display: none;
}
#booking #booking-add-cart #button-add-cart {
width: 220px;
height: 50px;
line-height: 50px;
margin: 10px auto 10px auto;
border: 1px solid #2B2B2B;
border-radius: 10px;
color: #000000;
font-size: 1.125rem;
text-align: center;
cursor: pointer;
}
#booking #booking-add-cart #button-add-cart img {
vertical-align: middle;
}
#booking #booking-add-cart #button-add-cart span {
display: inline-block;
margin-left: 5px;
}
#booking #booking-final {
width: 80%;
height: 300px;
padding: 100px 10%;
color: #FFFFFF;
font-size: 1.125rem;
text-align: center;
border: none;
background-color: #2B2B2B;
}
#booking #booking-final h1 {
color: #57C0BB;
margin: 10px 0px 70px 0px;
padding: 10px 0px;
font-size: 2.25rem;
border-bottom: 1px solid #57C0BB;
}
#booking #booking-final h1.error {
color: #BF1E4B;
margin: 10px 0px 70px 0px;
padding: 10px 0px;
font-size: 2.25rem;
border-bottom: 1px solid #BF1E4B;
}
#booking #booking-final b {
font-weight: bold;
}
#booking #error-dialog {
position: fixed;
top: 60px;
left: 0px;
width: 100%;
min-height: 40px;
color: #FFFFFF;
font-size: 1.125rem;
background-color: #FF3366;
display: none;
}
#booking #error-dialog #error-dialog-content {
width: 800px;
margin: 20px auto 20px auto;
}
#booking #error-dialog #error-dialog-content li {
list-style: url("../img/content/mailpaiment/iconoerror.png");
}
#booking #modal-cart {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
#booking #modal-cart #modal-cart-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2B2B2B;
opacity: 0.8;
}
#booking #modal-cart #modal-cart-content {
position: absolute;
width: 500px;
min-height: 250px;
background-color: #FFFFFF;
border-radius: 10px;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#booking #modal-cart #modal-cart-content #modal-cart-text {
margin: 20px 0px;
font-family: OpenSansRegular;
font-size: 1rem;
}
#booking #modal-cart #modal-cart-content #modal-cart-img {
margin: 20px 0px;
}
#booking #modal-cart #modal-cart-content #modal-cart-img img {
width: 180px;
}
#booking #modal-cart #modal-cart-content #modal-cart-buttons {
width: 100%;
}
#booking #modal-cart #modal-cart-content #modal-cart-buttons .modal-cart-button {
display: inline-block;
margin: 20px 0px;
padding: 3px 10px;
height: 40px;
line-height: 40px;
color: #FFFFFF;
font-family: OpenSansRegular;
font-size: 1rem;
background-color: #2B2B2B;
border-radius: 10px;
text-align: center;
cursor: pointer;
border: none;
}
#booking #modal-cart #modal-cart-content #modal-cart-buttons .modal-cart-button-left {
margin-left: 30px;
}
#booking #modal-insurance {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
#booking #modal-insurance #modal-insurance-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2B2B2B;
opacity: 0.8;
}
#booking #modal-insurance #modal-insurance-content {
position: absolute;
width: 500px;
min-height: 250px;
padding: 10px;
background-color: #FFFFFF;
border-radius: 10px;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#booking #modal-insurance #modal-insurance-content #modal-insurance-img {
margin: 20px auto;
}
#booking #modal-insurance #modal-insurance-content #modal-insurance-img img {
width: 300px;
}
#booking #modal-insurance #modal-insurance-content #modal-insurance-text {
margin: 20px 20px;
font-family: OpenSansRegular;
font-size: 1rem;
line-height: 25px;
text-align: justify;
}
#booking #modal-insurance #modal-insurance-content #modal-insurance-text a:link,
#booking #modal-insurance #modal-insurance-content #modal-insurance-text a:visited {
text-decoration: underline;
}
#booking #modal-insurance #modal-insurance-content #modal-insurance-buttons {
width: 100%;
}
#booking #modal-insurance #modal-insurance-content #modal-insurance-buttons .modal-insurance-button {
display: inline-block;
margin: 20px 0px;
padding: 3px 10px;
height: 40px;
line-height: 40px;
color: #FFFFFF;
font-family: OpenSansRegular;
font-size: 1rem;
background-color: #2B2B2B;
border-radius: 10px;
text-align: center;
cursor: pointer;
border: none;
}
#booking #modal-insurance #modal-insurance-content #modal-insurance-buttons .modal-insurance-button-left {
margin-left: 30px;
}
#cart {
margin-top: 64px;
height: auto;
min-width: 600px;
}
#cart h2 {
display: block;
height: 25px;
line-height: 25px;
margin: 0px auto 10px auto;
font-size: 1.125rem;
font-family: KelsonSansBold;
color: #2B2B2B;
}
#cart .dot {
display: inline-block;
height: 25px;
width: 25px;
background-color: #2B2B2B;
border-radius: 50%;
font-size: 1rem;
text-align: center;
color: #FFF;
}
#cart #cart-form {
float: left;
width: 43%;
min-height: 500px;
margin: 30px 1% 0px 0px;
padding: 3%;
background-color: #DEDEDE;
}
#cart #cart-form .subtitle {
font-size: 0.75rem;
line-height: 20px;
}
#cart #cart-form .col1 {
position: relative;
float: left;
width: 45.5%;
}
#cart #cart-form .col2 {
position: relative;
float: left;
width: 45.5%;
margin-left: 6%;
}
#cart #cart-form input {
width: 96%;
height: 20px;
margin: 8px 0px;
padding: 10px;
border: solid #2B2B2B 1px;
border-radius: 5px;
}
#cart #cart-form input[type=checkbox] {
width: 15px;
height: 15px;
margin: 5px 10px 0px 0px;
}
#cart #cart-form textarea {
width: 96%;
height: 88px;
margin: 8px 0px;
padding: 10px;
border: solid #2B2B2B 1px;
border-radius: 5px;
}
#cart #cart-form .bulletin {
height: 20px;
font-size: 0.875rem;
margin: 20px 0px;
}
#cart #cart-form #client-document {
display: none;
margin-bottom: 15px;
}
#cart #cart-form #client-document #documenttype {
display: block;
width: 100%;
height: 40px;
padding: 10px;
border: solid #2B2B2B 1px;
border-radius: 5px;
font-size: 1rem;
}
#cart #cart-form #client-document input {
width: 96%;
height: 20px;
margin: 8px 0px;
padding: 10px;
border: solid #2B2B2B 1px;
border-radius: 5px;
}
#cart #cart-form #cart-form-shipping .shipping-type {
width: 100%;
line-height: 40px;
height: 40px;
margin: 15px 0px;
background-color: #FFF;
border-radius: 5px;
vertical-align: middle;
}
#cart #cart-form #cart-form-shipping .shipping-type input[type=radio] {
width: 20px;
height: 20px;
margin: 0px 10px 0px 20px;
vertical-align: middle;
accent-color: #2B2B2B;
}
#cart #cart-form #cart-form-shipping #shipping-store {
font-size: 1rem;
margin: 20px 0px;
line-height: 25px;
}
#cart #cart-form #cart-form-shipping #shipping-delivery {
margin: 20px 0px;
}
#cart #cart-form #cart-form-shipping #shipping-delivery #shipping-delivery-content {
display: none;
}
#cart #cart-form #cart-form-shipping #shipping-delivery #shipping-delivery-content #hotels {
display: block;
width: 100%;
height: 40px;
padding: 10px;
border: solid #2B2B2B 1px;
border-radius: 5px;
font-size: 1rem;
}
#cart #cart-form #cart-form-shipping #shipping-delivery #shipping-delivery-content #shipping-delivery-info {
font-size: 0.8125rem;
}
#cart #cart-form #cart-form-shipping #shipping-delivery #shipping-delivery-content #shipping-delivery-info b {
font-weight: bold;
font-size: 1rem;
}
#cart #cart-form #cart-form-shipping #shipping-delivery #shipping-delivery-content #shipping-delivery-info div {
margin: 10px 0px;
}
#cart #cart-form #cart-form-shipping #shipping-mail {
margin: 20px 0px;
}
#cart #cart-form #cart-form-shipping #shipping-mail #shipping-store-content .col1 {
position: relative;
float: left;
width: 47%;
}
#cart #cart-form #cart-form-shipping #shipping-mail #shipping-store-content .col2 {
position: relative;
float: left;
width: 47%;
margin-left: 6%;
}
#cart #cart-form #cart-form-shipping #shipping-mail #shipping-store-content #country {
display: block;
width: 100%;
margin-top: 9px;
height: 40px;
padding: 10px;
border: solid #2B2B2B 1px;
border-radius: 5px;
font-size: 1rem;
}
#cart #cart-form #cart-form-shipping #shipping-mail #shipping-store-content .message {
font-size: 0.875rem;
line-height: 20px;
margin: 15px 0px;
}
#cart #cart-form #cart-form-pay .pay-type {
position: relative;
width: 100%;
line-height: 40px;
height: 40px;
margin: 15px 0px;
background-color: #FFF;
border-radius: 5px;
vertical-align: middle;
}
#cart #cart-form #cart-form-pay .pay-type input[type=radio] {
width: 20px;
height: 20px;
margin: 0px 10px 0px 20px;
vertical-align: middle;
accent-color: #2B2B2B;
}
#cart #cart-form #cart-form-pay .pay-type .logo {
position: absolute;
right: 15%;
top: 5px;
width: 50px;
}
#cart #cart-form #cart-form-pay .col1 {
position: relative;
float: left;
width: 35%;
}
#cart #cart-form #cart-form-pay .col2 {
position: relative;
float: left;
width: 15%;
margin-left: 7%;
}
#cart #cart-form #cart-form-pay .col3 {
position: relative;
float: left;
width: 36%;
margin-left: 7%;
}
#cart #cart-form #cart-form-pay input {
width: 96%;
height: 20px;
margin: 8px 0px;
padding: 10px;
border: solid #2B2B2B 1px;
border-radius: 5px;
}
#cart #cart-form #cart-form-pay input[type=button] {
width: 100%;
height: 40px;
margin: 8px 0px;
padding: 10px;
background-color: #2B2B2B;
color: #FFFFFF;
font-size: 1.125rem;
text-align: center;
cursor: pointer;
}
#cart #cart-form #cart-form-pay input[type=button]:hover {
text-decoration: underline;
}
#cart #cart-form #cart-form-pay #pay-paypal {
margin-top: 20px;
}
#cart #cart-form #cart-form-pay #pay-paypal #pay-paypal-content {
display: none;
}
#cart #cart-form #cart-form-pay #pay-paypal #pay-paypal-content #paidpaypal {
width: 100%;
height: 40px;
margin-top: 20px;
background-color: #e4c652;
text-align: center;
cursor: pointer;
}
#cart #cart-form #cart-form-pay #pay-paypal #pay-paypal-content #paidpaypal img {
width: 80px;
margin-top: 8px;
}
#cart #cart-form #cart-form-pay #pay-paypal #pay-paypal-content .text {
width: 100%;
text-align: center;
margin-top: 20px;
font-size: 0.875rem;
}
#cart #cart-form #cart-form-pay #pay-bizum {
margin-top: 20px;
}
#cart #cart-form #cart-form-pay #pay-bizum #pay-bizum-content {
display: none;
}
#cart #cart-form #cart-form-pay #pay-bizum #pay-bizum-content #paidbizum {
width: 100%;
height: 40px;
margin-top: 20px;
background-color: #e4c652;
text-align: center;
cursor: pointer;
}
#cart #cart-form #cart-form-pay #pay-bizum #pay-bizum-content #paidbizum img {
width: 80px;
margin-top: 8px;
}
#cart #cart-form #cart-form-pay #pay-bizum #pay-bizum-content .text {
width: 100%;
text-align: center;
margin-top: 20px;
font-size: 0.875rem;
}
#cart #cart-form #cart-form-pay #pay-T-C {
margin-top: 20px;
font-size: 0.875rem;
}
#cart #cart-form #cart-form-pay #pay-T-C b {
text-decoration: underline;
font-weight: bold;
}
#cart #error-dialog {
position: fixed;
top: 60px;
left: 0px;
width: 100%;
min-height: 40px;
color: #FFFFFF;
font-size: 1.125rem;
background-color: #FF3366;
display: none;
}
#cart #error-dialog #error-dialog-content {
width: 800px;
margin: 20px auto 20px auto;
}
#cart #error-dialog #error-dialog-content li {
list-style: url("../img/content/mailpaiment/iconoerror.png");
}
#cart #modal-paypal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
#cart #modal-paypal #modal-paypal-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2B2B2B;
opacity: 0.8;
}
#cart #modal-paypal #modal-paypal-content {
position: absolute;
width: 400px;
min-height: 220px;
background-color: #FFFFFF;
border-radius: 10px;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#cart #modal-paypal #modal-paypal-content #modal-paypal-text {
margin-bottom: 20px;
color: #666666;
}
#cart #modal-paypal #modal-paypal-content #modal-paypal-gif {
width: 400px;
height: 50px;
background: url("../img/content/booking/redirect.gif") -200px -30px;
}
#cart #modal-bizum {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
#cart #modal-bizum #modal-bizum-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2B2B2B;
opacity: 0.8;
}
#cart #modal-bizum #modal-bizum-content {
position: absolute;
width: 400px;
min-height: 220px;
background-color: #FFFFFF;
border-radius: 10px;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#cart #modal-bizum #modal-bizum-content #modal-bizum-text {
margin-bottom: 20px;
color: #666666;
}
#cart #modal-bizum #modal-bizum-content #modal-bizum-gif {
width: 400px;
height: 50px;
background: url("../img/content/booking/redirect.gif") -200px -30px;
}
#cart #modal-creditcard {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 100;
}
#cart #modal-creditcard #modal-creditcard-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2B2B2B;
opacity: 0.8;
}
#cart #modal-creditcard #modal-creditcard-content {
position: absolute;
width: 400px;
min-height: 250px;
padding-top: 20px;
background-color: #FFFFFF;
border-radius: 10px;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#cart #modal-creditcard #modal-creditcard-content #modal-creditcard-img {
margin: 20px auto;
}
#cart #modal-creditcard #modal-creditcard-content .modal-creditcard-text {
margin-bottom: 5px;
color: #666666;
}
#cart #modal-creditcard #modal-creditcard-content #modal-creditcard-gif {
width: 400px;
height: 50px;
margin-top: 20px;
background: url("../img/content/booking/redirect.gif") -200px -30px;
}
#cart #cart-summary {
float: left;
width: 41%;
margin: 30px 0px 0px 1%;
padding: 3%;
}
#cart #cart-summary .cart-item {
position: relative;
width: 100%;
height: auto;
}
#cart #cart-summary .cart-item .img {
float: left;
width: 25%;
margin-right: 2%;
}
#cart #cart-summary .cart-item .img img {
width: 100%;
}
#cart #cart-summary .cart-item .delete {
position: absolute;
top: 0px;
left: 0px;
width: 16px;
height: 16px;
cursor: pointer;
}
#cart #cart-summary .cart-item .delete img {
width: 100%;
}
#cart #cart-summary .cart-item .info {
float: left;
width: 54%;
margin: 0 2% 0 0;
}
#cart #cart-summary .cart-item .info .title {
font-weight: bold;
margin-bottom: 10px;
}
#cart #cart-summary .cart-item .info .text {
font-size: 0.875rem;
line-height: 20px;
}
#cart #cart-summary .cart-item .price {
float: left;
width: 16%;
font-size: 0.9375rem;
font-weight: bold;
text-align: right;
}
#cart #cart-summary .cart-extra-item {
width: 100%;
height: auto;
margin-top: 10px;
}
#cart #cart-summary .cart-extra-item .extra {
float: left;
width: 25%;
margin-right: 2%;
text-align: right;
font-weight: bold;
}
#cart #cart-summary .cart-extra-item .info {
float: left;
width: 72%;
margin: 0 0 0 0;
}
#cart #cart-summary .cart-extra-item .info .item {
width: 100%;
margin: 0 0 5px 0;
}
#cart #cart-summary .cart-extra-item .info .item .text {
float: left;
width: 81%;
margin-right: 2%;
font-size: 0.875rem;
}
#cart #cart-summary .cart-extra-item .info .item .delete {
display: inline-block;
width: 14px;
height: 14px;
cursor: pointer;
}
#cart #cart-summary .cart-extra-item .info .item .delete img {
width: 100%;
}
#cart #cart-summary .cart-extra-item .info .item .price {
float: left;
width: 17%;
font-size: 0.9375rem;
font-weight: bold;
text-align: right;
}
#cart #cart-summary .cart-divider {
width: 100%;
height: 1px;
background-color: #DEDEDE;
margin: 10px 0px;
}
#cart #cart-summary #cart-subtotal {
width: 100%;
height: auto;
margin-top: 20px;
}
#cart #cart-summary #cart-subtotal .text {
float: left;
width: 77%;
margin-right: 2%;
font-size: 1rem;
font-weight: bold;
}
#cart #cart-summary #cart-subtotal .price {
float: left;
width: 20%;
font-size: 0.9375rem;
font-weight: bold;
text-align: right;
}
#cart #cart-summary #cart-shipping-store {
width: 100%;
height: auto;
margin-top: 20px;
}
#cart #cart-summary #cart-shipping-store .text {
float: left;
width: 77%;
margin-right: 2%;
font-size: 1rem;
font-weight: bold;
}
#cart #cart-summary #cart-shipping-store .price {
float: left;
width: 20%;
font-size: 0.9375rem;
font-weight: bold;
text-align: right;
}
#cart #cart-summary #cart-shipping-delivery {
width: 100%;
height: auto;
margin-top: 20px;
display: none;
}
#cart #cart-summary #cart-shipping-delivery .text {
float: left;
width: 77%;
margin-right: 2%;
font-size: 1rem;
font-weight: bold;
}
#cart #cart-summary #cart-shipping-delivery .price {
float: left;
width: 20%;
font-size: 0.9375rem;
font-weight: bold;
text-align: right;
}
#cart #cart-summary #cart-shipping-mail {
width: 100%;
height: auto;
margin-top: 20px;
display: none;
}
#cart #cart-summary #cart-shipping-mail .text {
float: left;
width: 77%;
margin-right: 2%;
font-size: 1rem;
font-weight: bold;
}
#cart #cart-summary #cart-shipping-mail .price {
float: left;
width: 20%;
font-size: 0.9375rem;
font-weight: bold;
text-align: right;
}
#cart #cart-summary #cart-promotional {
width: 100%;
height: auto;
margin-top: 20px;
}
#cart #cart-summary #cart-promotional input {
width: 100%;
border-radius: 5px;
}
#cart #cart-summary #cart-promotional .text {
float: left;
width: 77%;
margin-right: 2%;
font-size: 1rem;
font-weight: bold;
text-decoration: underline;
}
#cart #cart-summary #cart-promotional .price {
float: left;
width: 20%;
font-size: 0.9375rem;
font-weight: bold;
text-align: right;
}
#cart #cart-summary #cart-discount {
width: 100%;
height: auto;
margin-top: 20px;
display: block;
}
#cart #cart-summary #cart-discount .text {
float: left;
width: 77%;
margin-right: 2%;
font-size: 1rem;
font-weight: bold;
}
#cart #cart-summary #cart-discount .price {
float: left;
width: 20%;
font-size: 0.9375rem;
font-weight: bold;
text-align: right;
}
#cart #cart-summary #cart-total {
width: 100%;
height: auto;
margin-top: 20px;
}
#cart #cart-summary #cart-total .text {
float: left;
width: 77%;
margin-right: 2%;
font-size: 1rem;
font-weight: bold;
}
#cart #cart-summary #cart-total .price {
float: left;
width: 20%;
font-size: 0.9375rem;
font-weight: bold;
text-align: right;
}
#cart #cart-summary #cart-footer {
width: 100%;
height: auto;
margin-top: 20px;
font-size: 0.75rem;
}
#cart table {
width: 100%;
text-align: left;
}
#cart th {
height: 40px;
padding: 8px 10px;
background-color: #2B2B2B;
color: #FFFFFF;
vertical-align: middle;
}
#cart tr {
border: 1px solid #2B2B2B;
}
#cart td {
height: 40px;
padding: 5px 10px;
border: 1px solid #2B2B2B;
vertical-align: middle;
}
#cart .td1 {
width: 15%;
}
#cart .td2 {
width: 10%;
}
#cart .td3 {
width: 40%;
}
#cart .td4 {
width: 10%;
background-color: #2B2B2B;
text-align: center;
}
#cart .td5 {
width: 20%;
background-color: #2B2B2B;
text-align: center;
}
#cart .td6 {
width: 15%;
text-align: right;
}
#cart .subtotal {
height: 23px;
padding: 8px 10px;
background-color: #2B2B2B;
color: #FFFFFF;
text-align: right;
}
#cart #form-pay-cart {
width: 100%;
margin-bottom: 50px;
}
#cart #form-pay-cart #formbooking {
width: 100%;
margin: 0px;
}
#cart #form-pay-cart #formbooking .title {
width: 100%;
height: 40px;
margin: 30px 0px 30px 0px;
padding: 10px 0px 10px 0px;
background-color: #2B2B2B;
color: #FFFFFF;
font-size: 1.5rem;
}
#cart #form-pay-cart #formbooking .title div {
margin: 10px;
}
#cart #form-pay-cart #formbooking h3 {
color: #FFFFFF;
margin: 20px 0px;
padding: 10px 0px;
background-color: #2B2B2B;
font-size: 1.5rem;
}
#cart #form-pay-cart #formbooking input {
width: 98%;
height: 30px;
margin: 8px 0px;
padding: 5px;
border: none;
border-radius: 0px;
background-color: #DEDEDE;
}
#cart #form-pay-cart #formbooking textarea {
width: 98%;
height: 88px;
margin: 8px 0px;
padding: 5px;
border: none;
border-radius: 0px;
background-color: #DEDEDE;
}
#cart #form-pay-cart #formbooking input.creditcard {
width: 15%;
}
#cart #form-pay-cart #formbooking input.creditcard:first-child {
margin-left: 0px;
}
#cart #form-pay-cart #formbooking .paxcontent {
margin: 20px 0px 0px 0px;
}
#cart #form-pay-cart #formbooking .control-label {
display: inline-block;
margin: 5px 0px 5px 0px;
}
#cart #form-pay-cart #formbooking input[type=button] {
width: 150px;
height: 50px;
line-height: 40px;
margin: 0px 0px 20px 20px;
background-color: #2B2B2B;
color: #FFFFFF;
font-size: 1.125rem;
text-align: center;
cursor: pointer;
}
#cart #form-pay-cart #formbooking input[type=button]:hover {
text-decoration: underline;
}
#cart #form-pay-cart #formbooking input[type=checkbox] {
width: 15px;
height: 15px;
}
#cart #form-pay-cart #formbooking #total {
margin: 40px 0px 0px 0px;
text-align: right;
color: #2B2B2B;
font-size: 1.5rem;
}
#cart #form-pay-cart #formbooking .col1 {
position: relative;
float: left;
width: 40%;
margin-left: 6.66666%;
}
#cart #form-pay-cart #formbooking .col1 .control-label {
display: inline-block;
margin: 5px 0px 10px 0px;
}
#cart #form-pay-cart #formbooking .col1 .logo {
position: absolute;
top: -10px;
width: 160px;
height: 24px;
margin: 0px 65%;
}
#cart #form-pay-cart #formbooking .col2 {
position: relative;
float: left;
width: 40%;
margin-left: 6.66666%;
}
#cart #form-pay-cart #formbooking .col2 .logo {
position: absolute;
top: -10px;
width: 160px;
height: 24px;
margin: 0px 65%;
}
#blog h2 {
height: 40px;
margin: 30px auto 30px auto;
font-size: 1.875rem;
font-family: KelsonSansBold;
color: #2B2B2B;
border-bottom: 2px #2B2B2B solid;
}
#blog p {
text-align: left;
}
#blog #blog-main {
float: left;
width: 68%;
margin: 100px 1.999% 0px 0px;
}
#blog #blog-main .header {
position: relative;
min-width: 0px;
height: 70px;
margin: 20px 0px;
font-family: KelsonSansBold;
}
#blog #blog-main .header .back {
position: absolute;
top: 0px;
left: 0px;
font-size: 4.3125rem;
color: #F4F4F4;
}
#blog #blog-main .header .front {
position: absolute;
top: 10px;
left: 0px;
font-size: 2.1875rem;
color: #2B2B2B;
}
#blog #blog-main h2 {
margin: 35px auto 25px auto;
font-size: 1.875rem;
height: auto;
line-height: 40px;
font-family: AvenirBook;
color: #2B2B2B;
border-bottom: 1px solid #999999;
padding-top: 15px;
}
#blog #pagination {
margin-bottom: 30px;
text-align: right;
}
#blog #pagination li {
display: inline-block;
width: 25px;
height: 25px;
line-height: 25px;
background-color: #3A8B84;
color: #FFFFFF;
list-style: none;
text-align: center;
font-size: 0.875rem;
font-family: AvenirBook;
font-weight: bold;
}
#blog #pagination li.selected {
color: #000000;
}
#blog #pagination li:hover {
background-color: #000000;
color: #FFFFFF;
}
#blog #sidebar {
float: left;
width: 30%;
margin-top: 85px;
}
#blog #sidebar section {
margin-bottom: 50px;
border-bottom: 1px solid #E3E3E3;
font-size: 1.125rem;
font-family: AvenirBook;
}
#blog #sidebar section h3 {
margin: 25px auto 25px auto;
font-size: 1.625rem;
font-family: KelsonSansBold;
color: #2B2B2B;
}
#blog #sidebar section ul {
margin: 20px 0px;
}
#blog #sidebar section li {
margin: 10px 0px;
}
#blog #sidebar section li.sub {
margin-left: 15px;
}
#blog #sidebar section a:link,
#blog #sidebar section a:visited {
color: #2B2B2B;
}
#blog #sidebar section.archive div.month {
display: none;
}
#blog #sidebar section.archive div.month:first-of-type {
display: block;
}
#blog #sidebar section.archive li.month {
margin-left: 15px;
}
#blog #sidebar section.categories a:link,
#blog #sidebar section.categories a:visited {
padding: 2px 5px;
color: #FFFFFF;
font-size: 1rem;
line-height: 20px;
font-family: AvenirBook;
background-color: #3A8B84;
}
#blog #sidebar section.categories a:hover {
background-color: #2B2B2B;
text-decoration: none;
}
#blog #sidebar section.tags {
line-height: 25px;
border-bottom: none;
}
#blog #sidebar section.tweets {
border-bottom: none;
}
#blog #sidebar section.tweets .tw-contents {
width: 90%;
height: 500px;
overflow-y: scroll;
padding: 5%;
border: 1px #E3E3E3 solid;
margin-bottom: 0px;
}
#blog #sidebar section.tweets .tw-contents .tweet .tw-header .logo {
float: left;
width: 20%;
margin: 0px;
}
#blog #sidebar section.tweets .tw-contents .tweet .tw-header .logo img {
border-radius: 5px;
}
#blog #sidebar section.tweets .tw-contents .tweet .tw-header .user {
float: left;
width: 75%;
margin: 0px;
font-size: 1rem;
line-height: 20px;
}
#blog #sidebar section.tweets .tw-contents .tweet .tw-header .user b {
font-family: Avenir85Heavy;
}
#blog #sidebar section.tweets .tw-contents .tweet .tw-header .user .time {
font-size: 0.875rem;
color: #AAAAAA;
}
#blog #sidebar section.tweets .tw-contents .tweet .tw-text {
clear: both;
border-bottom: 1px #E3E3E3 solid;
margin: 20px 0px;
padding: 10px 0px 20px 0px;
}
#blog #sidebar section.tweets .tw-contents .tweet .tw-text a:link,
#blog #sidebar section.tweets .tw-contents .tweet .tw-text a:visited {
padding: 2px 5px;
color: #3A8B84;
font-size: 1rem;
line-height: 20px;
font-family: AvenirBook;
}
#blog #sidebar section.tweets .tw-contents .tweet .tw-text a:hover {
text-decoration: underline;
}
#blog #sidebar section.tweets .tw-contents .tweet .tw-text img {
width: 100%;
margin-top: 10px;
}
article.posts-big {
margin-bottom: 20px;
}
article.posts-big .main-img {
position: relative;
margin: 15px 0px;
}
article.posts-big .main-img img {
width: 100%;
}
article.posts-big .main-img .date {
position: absolute;
top: 50px;
left: 0px;
width: 210px;
padding: 20px 10px;
color: #FFFFFF;
background-color: #57C0BB;
font-family: KelsonSansBold;
}
article.posts-big .main-img .date .day {
font-size: 4.3125rem;
}
article.posts-big .main-img .date .month {
font-size: 2rem;
}
article.posts-big .main-img .date .year {
font-size: 1.625rem;
}
article.posts-big h1 {
margin: 15px auto 15px auto;
font-size: 2rem;
line-height: 40px;
font-family: KelsonSansBold;
text-align: left;
}
article.posts-big h1 a:link,
article.posts-big h1 a:visited {
color: #2B2B2B;
}
article.posts-big h1 a:hover {
text-decoration: none;
}
article.posts-big a:link,
article.posts-big a:visited {
color: #3A8B84;
}
article.posts-big a:hover {
text-decoration: underline;
}
article.posts-big em,
article.posts-big i {
font-family: AvenirBookOblique;
}
article.posts-big b,
article.posts-big strong {
font-family: Avenir85Heavy;
}
article.posts-big section.categories {
margin: 0px 0px 20px 10px;
}
article.posts-big section.categories a:link,
article.posts-big section.categories a:visited {
padding: 2px 5px;
color: #FFFFFF;
font-size: 0.875rem;
background-color: #3A8B84;
font-weight: bold;
}
article.posts-big section.categories a:hover {
background-color: #2B2B2B;
text-decoration: none;
}
article.posts-big section.abstract img {
max-width: 100%;
margin: 0px;
}
article.posts-big section.abstract p {
width: 100%;
margin-bottom: 10px;
line-height: 25px;
font-size: 1rem;
font-family: AvenirBook;
text-align: justify;
}
article.posts-big section.abstract p:first-letter {
margin-left: 30px;
}
article.posts-big footer {
margin-top: 20px;
min-width: 0px;
background-color: #FFFFFF;
font-size: 0.875rem;
font-family: AvenirBook;
color: #2B2B2B;
}
article.posts-big footer .read-more {
float: right;
}
article.posts-big footer .read-more a:link,
article.posts-big footer .read-more a:visited {
color: #2B2B2B;
}
article.posts-big footer .read-more a:hover {
text-decoration: underline;
}
article.posts-small {
margin-bottom: 30px;
}
article.posts-small .col1 {
position: relative;
float: left;
width: 40%;
}
article.posts-small .col1 img {
width: 100%;
margin: 0px;
}
article.posts-small .col1 .date {
position: absolute;
top: 20px;
left: 0px;
width: 180px;
padding: 10px;
color: #FFFFFF;
background-color: #57C0BB;
font-family: KelsonSansBold;
}
article.posts-small .col1 .date .day {
font-size: 3.1875rem;
}
article.posts-small .col1 .date .month {
font-size: 1.5rem;
}
article.posts-small .col1 .date .year {
font-size: 1.375rem;
}
article.posts-small .col2 {
float: left;
width: 58%;
margin-left: 1.99%;
}
article.posts-small .col2 h1 {
margin: 0px auto 15px auto;
line-height: 30px;
font-size: 1.375rem;
font-family: KelsonSansBold;
}
article.posts-small .col2 h1 a:link,
article.posts-small .col2 h1 a:visited {
color: #2B2B2B;
}
article.posts-small .col2 h1 a:hover {
text-decoration: none;
}
article.posts-small .col2 a:link,
article.posts-small .col2 a:visited {
color: #3A8B84;
}
article.posts-small .col2 a:hover {
text-decoration: underline;
}
article.posts-small .col2 em,
article.posts-small .col2 i {
font-family: AvenirBookOblique;
}
article.posts-small .col2 b,
article.posts-small .col2 strong {
font-family: Avenir85Heavy;
}
article.posts-small .col2 section.categories {
margin: 0px 0px 20px 10px;
}
article.posts-small .col2 section.categories a:link,
article.posts-small .col2 section.categories a:visited {
padding: 2px 5px;
color: #FFFFFF;
font-size: 0.875rem;
background-color: #3A8B84;
font-weight: bold;
}
article.posts-small .col2 section.categories a:hover {
background-color: #2B2B2B;
text-decoration: none;
}
article.posts-small .col2 section.abstract img {
max-width: 100%;
margin: 0px;
}
article.posts-small .col2 section.abstract p {
width: 100%;
margin-bottom: 10px;
line-height: 25px;
font-size: 1rem;
font-family: AvenirBook;
text-align: justify;
}
article.posts-small .col2 section.abstract p:first-letter {
margin-left: 30px;
}
article.posts-small .col2 section.abstract a:link,
article.posts-small .col2 section.abstract a:visited {
color: #3A8B84;
}
article.posts-small .col2 section.abstract a:hover {
text-decoration: underline;
}
article.posts-small .col2 footer {
width: 100%;
min-width: 0px;
margin-top: 20px;
background-color: #FFFFFF;
font-size: 0.875rem;
font-family: AvenirBook;
color: #2B2B2B;
}
article.posts-small .col2 footer .read-more {
float: right;
}
article.posts-small .col2 footer .read-more a:link,
article.posts-small .col2 footer .read-more a:visited {
color: #2B2B2B;
}
article.posts-small .col2 footer .read-more a:hover {
text-decoration: underline;
}
article.post {
margin-bottom: 30px;
}
article.post .main-img {
position: relative;
margin: 15px 0px;
}
article.post .main-img img {
width: 100%;
}
article.post .main-img .date {
position: absolute;
top: 50px;
left: 0px;
width: 210px;
padding: 20px 10px;
color: #FFFFFF;
background-color: #57C0BB;
font-family: KelsonSansBold;
}
article.post .main-img .date .day {
font-size: 4.3125rem;
}
article.post .main-img .date .month {
font-size: 2rem;
}
article.post .main-img .date .year {
font-size: 1.625rem;
}
article.post h1 {
margin: 15px auto 15px auto;
font-size: 2rem;
line-height: 40px;
font-family: KelsonSansBold;
}
article.post h1 a:link,
article.post h1 a:visited {
color: #2B2B2B;
}
article.post h1 a:hover {
text-decoration: none;
}
article.post h2 {
margin: 35px auto 25px auto;
font-size: 1.875rem;
font-family: AvenirBook;
color: #2B2B2B;
border-bottom: 1px solid #999999;
padding-top: 15px;
}
article.post h3 {
margin: 20px auto 20px auto;
font-size: 1.25rem;
font-family: AvenirBook;
color: #2B2B2B;
padding-top: 15px;
}
article.post a:link,
article.post a:visited {
color: #3A8B84;
}
article.post a:hover {
text-decoration: underline;
}
article.post em,
article.post i {
font-family: AvenirBookOblique;
}
article.post b,
article.post strong {
font-family: Avenir85Heavy;
}
article.post img {
width: 100%;
}
article.post section.categories {
margin: 0px 0px 20px 10px;
}
article.post section.categories a:link,
article.post section.categories a:visited {
padding: 2px 5px;
color: #FFFFFF;
font-size: 0.875rem;
background-color: #3A8B84;
font-weight: bold;
}
article.post section.categories a:hover {
background-color: #2B2B2B;
text-decoration: none;
}
article.post .abstract {
margin-bottom: 20px;
padding: 15px 0px 5px 0px;
border-top: 1px solid #2B2B2B;
border-bottom: 1px solid #2B2B2B;
}
article.post .abstract p {
line-height: 32px;
font-size: 1.5rem;
font-family: AvenirBook;
}
article.post p {
width: 100%;
margin-bottom: 10px;
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
text-align: justify;
}
article.post p:first-letter {
margin-left: 30px;
}
article.post ul {
margin-left: 75px;
list-style-type: circle;
}
article.post li {
margin-bottom: 10px;
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
text-align: justify;
}
article.post .tags {
margin: 20px 0px 30px 0px;
line-height: 30px;
font-size: 1.125rem;
font-family: AvenirBook;
}
article.post .tags a:link,
article.post .tags a:visited {
padding: 2px 5px;
color: #2B2B2B;
font-size: 0.875rem;
font-family: arial;
border: 1px #2B2B2B solid;
}
article.post .tags a:hover {
color: #FFFFFF;
background-color: #57C0BB;
text-decoration: none;
}
article.post footer {
margin-top: 20px;
min-width: 0px;
background-color: #FFFFFF;
font-size: 1rem;
font-family: AvenirBook;
color: #2B2B2B;
}
article.post footer .social {
float: right;
}
#contact {
margin-top: 64px;
max-width: 100%;
}
#contact h1 {
display: inline-block;
width: 100%;
height: 30px;
margin: 30px auto 20px auto;
font-size: 1.5rem;
font-family: KelsonSansBold;
color: #2B2B2B;
text-align: center;
}
#contact b {
font-family: KelsonSansBold;
}
#contact p {
margin-bottom: 15px;
font-size: 1.125rem;
line-height: 25px;
font-family: AvenirBook;
}
#contact #contact-map {
height: 400px;
margin: 20px 0px 50px 0px;
}
#sales {
margin-top: 64px;
}
#sales #filters {
float: left;
width: 19.5%;
margin: 40px 0 0px 0px;
border-right: 1px solid #000;
}
#sales #filters .filter {
margin-bottom: 25px;
}
#sales #filters .filter .title {
margin-bottom: 15px;
font-size: 1.375rem;
font-family: BebasNeueRegular;
}
#sales #filters .filter .content .sizes .size {
display: inline-block;
width: 28px;
height: 28px;
margin-top: 5px;
line-height: 30px;
background-color: #2B2B2B;
color: #FFFFFF;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#sales #filters .filter .content .sizes .size:hover {
color: #57C0BB;
}
#sales #filters .filter .content .owncheckbox {
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 12px;
cursor: pointer;
font-size: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#sales #filters .filter .content .owncheckbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
#sales #filters .filter .content .owncheckbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 16px;
border: 1px solid #333;
}
#sales #filters .filter .content .owncheckbox .checkmark:after {
content: "";
position: absolute;
display: none;
}
#sales #filters .filter .content .owncheckbox input:checked ~ .checkmark {
background-color: #57C0BB;
border: 1px solid #57C0BB;
}
#sales #filters .filter .content .owncheckbox input:checked ~ .checkmark:after {
display: block;
}
#sales #filters .filter .content .owncheckbox .checkmark:after {
left: 5px;
top: 1px;
width: 4px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#sales #bikes {
float: left;
width: 75%;
margin: 40px 0 40px 5%;
}
#sales #bikes .col {
float: left;
width: 48%;
margin: 20px 0 0 0;
text-align: center;
}
#sales #bikes .col img {
width: 100%;
}
#sales #bikes .col .model {
font-size: 2rem;
font-family: Impact;
line-height: 50px;
}
#sales #bikes .col .price {
color: #FF3366;
font-size: 1.5rem;
font-family: Impact;
}
#sales #bikes .right {
margin-left: 2%;
}
#sales #bike .col1 {
float: left;
width: 65%;
margin: 10px 5% 0px 0px;
}
#sales #bike .col1 img {
width: 100%;
}
#sales #bike .col2 {
float: left;
width: 30%;
margin: 10px 0 0px 0px;
}
#sales #bike .info h2 {
margin: 10px 0px 10px 0px;
font-size: 3.4375rem;
font-family: Impact;
color: #3A8B84;
line-height: 50px;
}
#sales #bike .info h3 {
margin: 10px 0px 20px 0px;
font-size: 2rem;
font-family: Impact;
color: #2B2B2B;
}
#sales #bike .info p {
width: 100%;
margin-bottom: 20px;
line-height: 22px;
font-size: 1.125rem;
font-family: AvenirBook;
}
#sales #bike .info .price {
width: 100%;
margin-top: 60px;
color: #FF3366;
font-size: 2rem;
font-family: Impact;
}
#sales #bike .info .buttom {
height: 40px;
line-height: 40px;
margin: 30px 0px 20px 0px;
background-color: #FF3366;
border: none;
border-radius: 0px;
text-align: center;
font-size: 1.5rem;
font-family: KelsonSansLight;
}
#sales #bike .info #state_gallery {
background-color: #3A8B84;
}
#sales #bike .info a,
#sales #bike .info a:visited {
color: #FFFFFF;
}
#sales #mail-form {
padding-top: 30px;
margin-bottom: 30px;
background-color: #2B2B2B;
}
#sales #mail-form h1 {
display: block;
height: 30px;
margin: 0px 5% 30px 5%;
font-size: 1.5625rem;
font-family: KelsonSansBold;
color: #3A8B84;
}
#sales #mail-form #mailsend {
width: 90%;
margin: 20px 5% 20px 5%;
color: #57C0BB;
font-size: 1rem;
font-family: KelsonSansLight;
}
#sales #mail-form #mailerror {
width: 90%;
margin: 20px 5% 20px 5%;
color: #FF3366;
font-size: 1rem;
font-family: KelsonSansLight;
}
#sales #mail-form input {
float: left;
width: 28.8%;
height: 30px;
margin: 0px 0% 15px 1%;
padding: 5px;
border: none;
border-radius: 4px;
font-size: 0.875rem;
font-family: KelsonSansLight;
}
#sales #mail-form input.first {
margin: 0px 0% 15px 5%;
}
#sales #mail-form textarea {
display: block;
width: 90%;
height: 150px;
margin: 0px 5% 15px 5%;
padding: 5px;
border: none;
border-radius: 4px;
font-size: 0.875rem;
font-family: KelsonSansLight;
}
#sales #mail-form input[type=submit] {
float: right;
width: 200px;
height: 30px;
margin: 0px 5% 15px 0%;
line-height: 25px;
background-color: #3A8B84;
border: none;
border-radius: 4px;
color: #FFFFFF;
font-size: 1rem;
font-family: KelsonSansLight;
cursor: pointer;
}
#sales #modal-gallery {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
display: none;
}
#sales #modal-gallery #modal-gallery-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2B2B2B;
opacity: 0.8;
}
#sales #modal-gallery #modal-gallery-content {
position: absolute;
width: 60%;
height: 60%;
padding: 0px 0px;
background-color: #FFFFFF;
border-radius: 10px;
text-align: center;
top: 30%;
left: 50%;
transform: translate(-50%, -30%);
}
#sales #modal-gallery #modal-gallery-content .modal-gallery-img {
position: absolute;
top: 5%;
left: 4%;
width: 92%;
height: 90%;
display: none;
}
#sales #modal-gallery #modal-gallery-content .modal-gallery-img img {
max-width: 100%;
max-height: 100%;
}
#sales #modal-gallery #modal-gallery-content .view {
display: block;
}
#sales #modal-gallery #modal-gallery-content #bike-close {
position: absolute;
top: 5px;
right: 20px;
width: 19px;
height: 62px;
cursor: pointer;
}
#sales #modal-gallery #modal-gallery-content #bike-move-left {
position: absolute;
top: 45%;
left: 10px;
width: 19px;
height: 62px;
cursor: pointer;
}
#sales #modal-gallery #modal-gallery-content #bike-move-right {
position: absolute;
top: 45%;
right: 10px;
width: 19px;
height: 62px;
cursor: pointer;
}
#shop-header-menu {
display: grid;
max-width: 1180px;
height: 30px;
margin: 67px auto 30px auto;
background-color: #FFFFFF;
grid-template-columns: 23% auto;
grid-template-rows: 60px 8px;
grid-column-gap: 10px;
}
#shop-header-menu #shop-menumenu-content {
display: flex;
width: 100%;
height: 100%;
font-size: 1.5rem;
font-family: BebasNeueRegular;
}
#shop-header-menu #shop-menumenu-content .menu-item {
position: relative;
flex: 1 0 auto;
height: 60px;
line-height: 60px;
margin-left: 1%;
text-align: center;
}
#shop-header-menu #shop-menumenu-content .menu-item a:link,
#shop-header-menu #shop-menumenu-content .menu-item a:visited {
color: #2B2B2B;
text-decoration: none;
}
#shop-header-menu #shop-menumenu-content .menu-item a:hover {
text-decoration: underline;
}
#shop-header-menu #shop-menumenu-content .menu-item .submenu-items {
position: absolute;
top: 45px;
left: 0px;
width: 200px;
padding: 5px;
height: auto;
display: none;
background-color: #FFFFFF;
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
z-index: 1000;
}
#shop-header-menu #shop-menumenu-content .menu-item .submenu-items .menu-item {
display: block;
height: 40px;
line-height: 40px;
font-size: 1.25rem;
}
#shop-header-menu #shop-menumenu-content .menu-item .submenu-items .menu-item a:link,
#shop-header-menu #shop-menumenu-content .menu-item .submenu-items .menu-item a:visited {
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
}
#shop-header-menu #shop-menumenu-content .menu-item .submenu-items .menu-item a:hover {
text-decoration: underline;
background-color: #FFFFFF;
}
#shop-header-menu #shop-menumenu-content .menu-active {
background: url("../img/layout/header/flecha-menu.png") 50% 0px;
background-repeat: no-repeat;
}
#shop-header-menu #shop-menumenu-content .menu-active a:link,
#shop-header-menu #shop-menumenu-content .menu-active a:visited {
color: #57C0BB;
text-decoration: none;
}
#shop-header-menu #shop-menumenu-content .menu-active a:hover {
text-decoration: none;
}
#shop-home #slide-html {
position: relative;
max-width: 100%;
min-width: 600px;
margin: 68px 0px 40px 0px;
}
#shop-home #slide-html #slide-html-content {
width: 100%;
height: 550px;
}
#shop-home #slide-html #slide-html-content .slide-html {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 350px;
display: none;
}
#shop-home #slide-html #slide-html-content .slide-html .slide-img img {
display: block;
width: 100%;
border: none;
}
#shop-home #slide-html #slide-html-content .slide-html .slide-background {
position: absolute;
top: 0px;
right: 0px;
width: 33%;
height: 350px;
background: #000000;
opacity: 0.6;
}
#shop-home #slide-html #slide-html-content .slide-html .slide-text-contend {
position: absolute;
top: 0px;
right: 0px;
width: 33%;
height: 350px;
}
#shop-home #slide-html #slide-html-content .slide-html .slide-text-contend .slide-title {
width: 100%;
margin: 10% 0px 15px 0px;
font-family: Avenir85Heavy;
font-size: 1.4375rem;
color: #FFFFFF;
text-align: center;
}
#shop-home #slide-html #slide-html-content .slide-html .slide-text-contend .slide-text {
width: 80%;
margin: 10px auto;
line-height: 20px;
font-family: AvenirBook;
font-size: 1.0625rem;
color: #FFFFFF;
}
#shop-home #slide-html #slide-html-content .slide-html .slide-text-contend .slide-button a,
#shop-home #slide-html #slide-html-content .slide-html .slide-text-contend .slide-button a:visited {
color: #FFFFFF;
border-color: #FFFFFF;
}
#shop-home #slide-html #slide-html-content .slide-html .slide-text-contend .slide-button .buttom {
width: 80%;
height: 40px;
line-height: 40px;
margin: 20px auto 20px auto;
background-color: #57C0BB;
border: none;
border-radius: 0px;
color: #FFFFFF;
text-align: center;
font-size: 1.25rem;
font-family: Avenir85Heavy;
}
#shop-home #slide-html #slide-html-content .view {
display: block;
}
#shop-home #slide-html #slide-html-buttons {
position: relative;
width: 140px;
margin: 15px auto;
}
#shop-home #slide-html #slide-html-buttons .slide-html-button {
display: inline-block;
width: 15px;
height: 15px;
margin-left: 1px;
border-radius: 50%;
background-color: #57C0BB;
cursor: pointer;
}
#shop-home #slide-html #slide-html-buttons .select {
background-color: #CCCCCC;
}
#shop-home .section {
max-width: 1180px;
min-width: 600px;
margin: 50px auto 0px auto;
padding: 0px 15px;
}
#shop-home .section .full {
width: 100%;
}
#shop-home .menu {
float: left;
width: 23%;
margin: 20px 2% 0px 0px;
font-family: Avenir85Heavy;
}
#shop-home .menu .menu-item {
width: 75%;
height: 30px;
font-size: 1.125rem;
margin: 20px 0px 20px 0px;
color: #2B2B2B;
border-bottom: 1px solid #2B2B2B;
}
#shop-home .menu .submenu-items {
height: 25px;
font-size: 1rem;
line-height: 25px;
font-family: AvenirBook;
}
#shop-home .menu .submenu-items input[type=checkbox] {
vertical-align: middle;
position: relative;
width: 18px;
height: 18px;
margin: 5px 10px 0px 0px;
}
#shop-home .menu .submenu-items a {
display: inline-block;
margin-top: 8px;
vertical-align: middle;
}
#shop-home .featuredproducts {
text-align: center;
float: left;
width: 75%;
}
#shop-home .featuredproducts h2 {
display: block;
width: 100%;
height: 20px;
margin: 15px auto 30px auto;
font-size: 1.875rem;
font-family: OpenSansRegular;
text-align: center;
color: #2B2B2B;
}
#shop-home .featuredproducts .product {
position: relative;
float: left;
width: 30.5%;
margin: 20px 0px 2px 2%;
border: 0.25px solid #d1d1d1;
cursor: pointer;
}
#shop-home .featuredproducts .product .img img {
width: 100%;
}
#shop-home .featuredproducts .product .footer {
position: relative;
width: 100%;
}
#shop-home .featuredproducts .product .footer .quick-access {
position: absolute;
width: 100%;
top: 0px;
height: 0;
text-align: center;
cursor: pointer;
background: #FFFFFF;
box-shadow: 0px -4px 4px 0 rgba(0, 0, 0, 0.1);
display: none;
}
#shop-home .featuredproducts .product .footer .quick-access .quick-button {
padding: 10px;
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
}
#shop-home .featuredproducts .product .footer .quick-access .quick-button:hover {
color: #3A8B84;
}
#shop-home .featuredproducts .product .footer .name {
margin: 10px 0px;
text-align: center;
height: 50px;
line-height: 25px;
font-size: 1rem;
font-family: Arial;
font-weight: bold;
}
#shop-home .featuredproducts .product .footer .price {
margin: 10px 0px;
font-size: 1rem;
font-family: Arial;
font-weight: bold;
}
#shop-home .featuredproducts .product .footer .first-price {
font-family: Arial;
text-decoration: line-through;
font-weight: normal;
}
#shop-home .featuredproducts .product .tips {
position: absolute;
top: 10px;
text-align: left;
}
#shop-home .featuredproducts .product .tips .new {
margin-bottom: 10px;
padding: 10px;
color: #FFFFFF;
font-size: 1.25rem;
font-family: KelsonSansBold;
background-color: #3A8B84;
}
#shop-home .featuredproducts .product .tips .secondhand {
margin-bottom: 10px;
padding: 10px;
color: #FFFFFF;
font-size: 1.25rem;
font-family: KelsonSansBold;
background-color: #FF3366;
}
#shop-home .featuredproducts .product .tips .discount {
max-width: 80px;
margin-bottom: 10px;
padding: 10px;
color: #FFFFFF;
font-size: 1.25rem;
font-family: KelsonSansBold;
background-color: #f39d72;
}
#shop-home .customtext {
text-align: center;
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
}
#shop-home #modal-quickaccess {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 100;
}
#shop-home #modal-quickaccess #modal-quickaccess-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2B2B2B;
opacity: 0.9;
}
#shop-home #modal-quickaccess #modal-quickaccess-content {
position: absolute;
width: 900px;
min-height: 250px;
padding-top: 20px;
background-color: #FFFFFF;
border-radius: 10px;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0px -4px 4px 0 rgba(0, 0, 0, 0.1);
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-close {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-imgs-content {
float: left;
width: 42%;
margin: 40px 6% 0px 2%;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-imgs-content .img-big {
float: left;
width: 72%;
margin-right: 8%;
padding: 0px;
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-imgs-content .img-big img {
width: 100%;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-imgs-content .imgs {
float: left;
width: 20%;
cursor: pointer;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-imgs-content .imgs img {
width: 100%;
margin-bottom: 5px;
border: 3px solid #FFFFFF;
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-imgs-content .imgs .selected {
border: 3px solid #3A8B84;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content {
float: left;
width: 48%;
margin: 40px 2% 40px 0px;
text-align: left;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .name {
margin: 10px 0px;
line-height: 25px;
font-size: 1.25rem;
font-family: KelsonSansBold;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .price {
margin: 10px 0px;
font-size: 1.125rem;
font-family: Avenir85Heavy;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .first-price {
font-family: AvenirBook;
text-decoration: line-through;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .discount {
margin-left: 10px;
padding: 8px;
color: #FFFFFF;
font-size: 1.25rem;
font-family: KelsonSansBold;
background-color: #f39d72;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .short-description {
margin-top: 30px;
line-height: 25px;
font-size: 1rem;
font-family: AvenirBook;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .touchspin {
position: relative;
display: inline-block;
width: 74px;
height: 40px;
margin-right: 20px;
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .touchspin input {
width: 40px;
height: 32px;
line-height: 30px;
font-size: 1.125rem;
font-family: AvenirBook;
border-radius: 0px;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .touchspin .touchspin-button {
width: 24px;
height: 20px;
line-height: 24px;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #cccccc;
text-align: center;
color: #2B2B2B;
font-size: 1.25rem;
font-family: AvenirBook;
cursor: pointer;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .touchspin .touchspin-plus {
position: absolute;
top: 0px;
right: 0px;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .touchspin .touchspin-minus {
position: absolute;
top: 20px;
right: 0px;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .addcardbuttom {
display: inline-block;
height: 40px;
line-height: 40px;
margin: 10px 0px 20px 0px;
padding: 0px 10px;
background-color: #FF3366;
border: none;
border-radius: 0px;
text-align: center;
font-size: 1.25rem;
font-family: KelsonSansLight;
cursor: pointer;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-img {
margin: 20px auto;
}
#shop-home #modal-quickaccess #modal-quickaccess-content .modal-quickaccess-text {
margin-bottom: 5px;
color: #666666;
}
#shop-home #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-gif {
width: 400px;
height: 50px;
margin-top: 20px;
background: url("../img/content/booking/redirect.gif") -200px -30px;
}
#shop-home #cart-window {
position: fixed;
top: 30%;
left: 35%;
width: 30%;
max-width: 1180px;
z-index: 1;
background-color: #FFF;
box-shadow: 1px 0px 20px 5px #cccccc;
}
#shop-home #cart-window #cart-window-content {
width: 96%;
height: 94%;
margin: 2%;
text-align: center;
}
#shop-home #cart-window #cart-window-content #cart-window-text {
margin: 20px 0px;
font-family: OpenSansItalic;
font-size: 1.375rem;
}
#shop-home #cart-window #cart-window-content #cart-window-logo {
margin: 20px 0px;
}
#shop-home #cart-window #cart-window-content #cart-window-buttons {
width: 96%;
}
#shop-home #cart-window #cart-window-content #cart-window-buttons .cart-window-button {
display: inline-block;
width: 40%;
margin: 40px 0px;
height: 40px;
line-height: 40px;
color: #FFFFFF;
font-family: OpenSansRegular;
font-size: 1rem;
background-color: #2B2B2B;
text-align: center;
cursor: pointer;
border: none;
}
#shop-home #cart-window #cart-window-content #cart-window-buttons .cart-window-button-left {
margin-left: 30px;
}
#shop-product {
margin-top: 64px;
}
#shop-product #shop-product-imgs-content {
float: left;
width: 42%;
margin: 40px 4% 0px 0;
}
#shop-product #shop-product-imgs-content .img-big {
width: 100%;
padding: 0px;
}
#shop-product #shop-product-imgs-content .img-big img {
width: 100%;
}
#shop-product #shop-product-imgs-content .imgs {
width: 100%;
cursor: pointer;
}
#shop-product #shop-product-imgs-content .imgs img {
float: left;
width: 60px;
margin: 10px 0px 0 0;
border: 3px solid #FFFFFF;
}
#shop-product #shop-product-imgs-content .imgs .selected {
border: 3px solid #3A8B84;
}
#shop-product #shop-product-info-content {
float: left;
width: 50%;
padding: 2%;
margin: 40px 0 40px 0px;
text-align: left;
background-color: #F1F1F1;
}
#shop-product #shop-product-info-content .name {
margin: 10px 0px;
line-height: 25px;
font-size: 1.25rem;
font-family: KelsonSansBold;
}
#shop-product #shop-product-info-content .first-price {
font-family: AvenirBook;
text-decoration: line-through;
}
#shop-product #shop-product-info-content .price {
margin: 10px 0px;
}
#shop-product #shop-product-info-content .price .pricewithdiscount {
font-size: 1.125rem;
font-family: Avenir85Heavy;
}
#shop-product #shop-product-info-content .price .discount {
margin-left: 10px;
padding: 8px;
color: #FFFFFF;
font-size: 1.25rem;
font-family: KelsonSansBold;
background-color: #f39d72;
}
#shop-product #shop-product-info-content .short-description {
margin-top: 30px;
margin-bottom: 20px;
line-height: 25px;
font-size: 1rem;
font-family: AvenirBook;
}
#shop-product #shop-product-info-content .attributes {
height: 40px;
margin-bottom: 15px;
}
#shop-product #shop-product-info-content .attributes .attribute {
display: inline-block;
padding: 10px;
width: auto;
min-width: 20px;
height: 20px;
border: 1px solid #2B2B2B;
text-align: center;
font-size: 1.125rem;
font-family: Arial;
color: #2B2B2B;
cursor: pointer;
}
#shop-product #shop-product-info-content .attributes .selected {
border: 1px solid #FF3366;
}
#shop-product #shop-product-info-content .attributes .disabled {
border: 1px solid #BDBDBD;
color: #BDBDBD;
}
#shop-product #shop-product-info-content select {
height: 40px;
line-height: 30px;
margin: 10px;
padding: 5px;
font-size: 1.125rem;
font-family: AvenirBook;
border-radius: 0px;
border: 1px solid #cccccc;
}
#shop-product #shop-product-info-content .touchspin {
position: relative;
display: inline-block;
width: 74px;
height: 40px;
margin-right: 20px;
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
#shop-product #shop-product-info-content .touchspin input {
width: 40px;
height: 32px;
line-height: 30px;
font-size: 1.125rem;
font-family: AvenirBook;
border-radius: 0px;
}
#shop-product #shop-product-info-content .touchspin .touchspin-button {
width: 24px;
height: 20px;
line-height: 24px;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #cccccc;
text-align: center;
color: #2B2B2B;
font-size: 1.25rem;
font-family: AvenirBook;
cursor: pointer;
}
#shop-product #shop-product-info-content .touchspin .touchspin-plus {
position: absolute;
top: 0px;
right: 0px;
}
#shop-product #shop-product-info-content .touchspin .touchspin-minus {
position: absolute;
top: 20px;
right: 0px;
}
#shop-product #shop-product-info-content #addcardbuttom {
display: inline-block;
height: 40px;
line-height: 40px;
margin: 10px 0px 20px 0px;
padding: 0px 10px;
background-color: #FF3366;
border: none;
border-radius: 0px;
text-align: center;
font-size: 1.25rem;
font-family: KelsonSansLight;
cursor: pointer;
}
#shop-product #shop-product-info-content #stockerror {
width: 95%;
height: 40px;
line-height: 40px;
padding-left: 5%;
margin: 20px 0px;
background-color: #CC6666;
display: none;
}
#shop-product #shop-product-description {
width: 100%;
margin-top: 20px;
}
#shop-product #shop-product-description .text {
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
color: #2B2B2B;
text-align: justify;
}
#shop-product #shop-product-description .text p {
margin-bottom: 20px;
}
#shop-product #shop-product-description .text li {
list-style: circle;
margin-left: 10px;
}
#cart-window {
position: fixed;
top: 30%;
left: 35%;
width: 30%;
max-width: 1180px;
z-index: 1;
background-color: #FFF;
box-shadow: 1px 0px 20px 5px #cccccc;
display: none;
}
#cart-window #cart-window-content {
width: 96%;
height: 94%;
margin: 2%;
text-align: center;
}
#cart-window #cart-window-content #cart-window-text {
margin: 20px 0px;
font-family: OpenSansItalic;
font-size: 1.375rem;
}
#cart-window #cart-window-content #cart-window-logo {
margin: 20px 0px;
}
#cart-window #cart-window-content #cart-window-buttons {
width: 96%;
}
#cart-window #cart-window-content #cart-window-buttons .cart-window-button {
display: inline-block;
width: 40%;
margin: 40px 0px;
height: 40px;
line-height: 40px;
color: #FFFFFF;
font-family: OpenSansRegular;
font-size: 1rem;
background-color: #2B2B2B;
text-align: center;
cursor: pointer;
border: none;
}
#cart-window #cart-window-content #cart-window-buttons .cart-window-button-left {
margin-left: 30px;
}
#shop-category {
margin-top: 64px;
}
#shop-category #shop-menu {
float: left;
width: 23%;
margin: 20px 2% 0px 0px;
font-family: Avenir85Heavy;
}
#shop-category #shop-menu .menu-item {
width: 75%;
height: 30px;
font-size: 1.125rem;
margin: 20px 0px 20px 0px;
color: #2B2B2B;
border-bottom: 1px solid #2B2B2B;
}
#shop-category #shop-menu .submenu-items {
height: 25px;
font-size: 1rem;
line-height: 25px;
font-family: AvenirBook;
}
#shop-category #shop-menu .submenu-items input[type=checkbox] {
vertical-align: middle;
position: relative;
width: 18px;
height: 18px;
margin: 5px 10px 0px 0px;
}
#shop-category #shop-menu .submenu-items a {
display: inline-block;
margin-top: 8px;
vertical-align: middle;
}
#shop-category #products {
float: left;
width: 75%;
margin: 20px 0 40px 0px;
}
#shop-category #products #category-head {
width: 93.5%;
padding: 2%;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
line-height: 25px;
font-size: 1rem;
font-family: AvenirBook;
color: #2B2B2B;
}
#shop-category #products #category-head h2 {
display: block;
height: 20px;
margin: 15px auto 30px auto;
font-size: 1.5rem;
font-family: KelsonSansBold;
color: #3A8B84;
}
#shop-category #products .product {
position: relative;
float: left;
width: 30.5%;
margin: 20px 0px 2px 2%;
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
cursor: pointer;
}
#shop-category #products .product .img img {
width: 100%;
}
#shop-category #products .product .footer {
position: relative;
width: 100%;
}
#shop-category #products .product .footer .quick-access {
position: absolute;
width: 100%;
top: 0px;
height: 0;
text-align: center;
cursor: pointer;
background: #FFFFFF;
box-shadow: 0px -4px 4px 0 rgba(0, 0, 0, 0.1);
display: none;
}
#shop-category #products .product .footer .quick-access .quick-button {
padding: 10px;
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
}
#shop-category #products .product .footer .quick-access .quick-button:hover {
color: #3A8B84;
}
#shop-category #products .product .footer .name {
margin: 10px 0px;
text-align: center;
height: 75px;
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
}
#shop-category #products .product .footer .price {
margin: 10px 0px;
text-align: center;
font-size: 1.125rem;
font-family: Avenir85Heavy;
}
#shop-category #products .product .footer .first-price {
font-family: AvenirBook;
text-decoration: line-through;
}
#shop-category #products .product .tips {
position: absolute;
top: 10px;
text-align: left;
}
#shop-category #products .product .tips .new {
margin-bottom: 10px;
padding: 10px;
color: #FFFFFF;
font-size: 1.25rem;
font-family: KelsonSansBold;
background-color: #3A8B84;
}
#shop-category #products .product .tips .secondhand {
margin-bottom: 10px;
padding: 10px;
color: #FFFFFF;
font-size: 1.25rem;
font-family: KelsonSansBold;
background-color: #FF3366;
}
#shop-category #products .product .tips .discount {
margin-bottom: 10px;
padding: 10px;
color: #FFFFFF;
font-size: 1.25rem;
font-family: KelsonSansBold;
background-color: #f39d72;
}
#shop-category #modal-quickaccess {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 100;
}
#shop-category #modal-quickaccess #modal-quickaccess-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2B2B2B;
opacity: 0.9;
}
#shop-category #modal-quickaccess #modal-quickaccess-content {
position: absolute;
width: 900px;
min-height: 250px;
padding-top: 20px;
background-color: #FFFFFF;
border-radius: 10px;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0px -4px 4px 0 rgba(0, 0, 0, 0.1);
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-close {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-imgs-content {
float: left;
width: 42%;
margin: 40px 6% 0px 2%;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-imgs-content .img-big {
float: left;
width: 72%;
margin-right: 8%;
padding: 0px;
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-imgs-content .img-big img {
width: 100%;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-imgs-content .imgs {
float: left;
width: 20%;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-imgs-content .imgs img {
width: 100%;
margin-bottom: 5px;
border: 3px solid #FFFFFF;
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-imgs-content .imgs .selected {
border: 3px solid #3A8B84;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content {
float: left;
width: 48%;
margin: 40px 2% 40px 0px;
text-align: left;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .name {
margin: 10px 0px;
line-height: 25px;
font-size: 1.25rem;
font-family: KelsonSansBold;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .price {
margin: 10px 0px;
font-size: 1.125rem;
font-family: Avenir85Heavy;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .first-price {
font-family: AvenirBook;
text-decoration: line-through;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .discount {
margin-left: 10px;
padding: 8px;
color: #FFFFFF;
font-size: 1.25rem;
font-family: KelsonSansBold;
background-color: #f39d72;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .short-description {
margin-top: 30px;
line-height: 25px;
font-size: 1rem;
font-family: AvenirBook;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .touchspin {
position: relative;
display: inline-block;
width: 74px;
height: 40px;
margin-right: 20px;
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .touchspin input {
width: 40px;
height: 32px;
line-height: 30px;
font-size: 1.125rem;
font-family: AvenirBook;
border-radius: 0px;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .touchspin .touchspin-button {
width: 24px;
height: 20px;
line-height: 24px;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #cccccc;
text-align: center;
color: #2B2B2B;
font-size: 1.25rem;
font-family: AvenirBook;
cursor: pointer;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .touchspin .touchspin-plus {
position: absolute;
top: 0px;
right: 0px;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .touchspin .touchspin-minus {
position: absolute;
top: 20px;
right: 0px;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-info-content .addcardbuttom {
display: inline-block;
height: 40px;
line-height: 40px;
margin: 10px 0px 20px 0px;
padding: 0px 10px;
background-color: #FF3366;
border: none;
border-radius: 0px;
text-align: center;
font-size: 1.25rem;
font-family: KelsonSansLight;
cursor: pointer;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-img {
margin: 20px auto;
}
#shop-category #modal-quickaccess #modal-quickaccess-content .modal-quickaccess-text {
margin-bottom: 5px;
color: #666666;
}
#shop-category #modal-quickaccess #modal-quickaccess-content #modal-quickaccess-gif {
width: 400px;
height: 50px;
margin-top: 20px;
background: url("../img/content/booking/redirect.gif") -200px -30px;
}
#faq-content {
margin-top: 120px;
}
#faq-content h1 {
display: block;
height: 20px;
margin: 30px auto 30px auto;
font-size: 1.5rem;
font-family: KelsonSansBold;
color: #2B2B2B;
}
#faq-content .fag-ask {
font-family: AvenirBook;
font-size: 1.125rem;
line-height: 25px;
margin: 0px 0px 25px 0px;
text-align: justify;
}
#faq-content .fag-ask .ask {
font-family: Avenir85Heavy;
font-size: 1.25rem;
margin-bottom: 15px;
}
#faq-content .fag-ask .fag-up {
width: 100%;
text-align: right;
}
#faq-content .fag-ask ul {
margin-bottom: 20px;
}
#faq-content .fag-ask li {
font-family: AvenirBook;
font-size: 1.125rem;
line-height: 25px;
margin: 10px 0px 0px 40px;
list-style: square;
}
#faq-content .fag-ask b {
font-family: Avenir85Heavy;
}
#faq-content .fag-ask p {
margin: 0px 0px 20px 0px;
}
#legal-content {
margin-top: 60px;
}
#legal-content h1 {
display: block;
height: 20px;
margin: 30px auto 30px auto;
font-size: 1.5rem;
font-family: KelsonSansBold;
color: #3A8B84;
}
#legal-content h2 {
width: 97%;
display: inline-block;
margin: 0px 0px 20px 0px;
font-family: Avenir85Heavy;
font-size: 1.25rem;
}
#legal-content p {
font-size: 1.125rem;
line-height: 25px;
margin: 0px 0px 20px 0px;
text-align: justify;
}
#legal-content b {
font-family: Avenir85Heavy;
}
#legal-content ul {
list-style: square;
font-family: AvenirBook;
margin-left: 20px;
}
#legal-content ol {
list-style: decimal;
font-family: AvenirBook;
margin-left: 20px;
}
#legal-content ol.alpha {
list-style: lower-alpha;
}
#legal-content li {
line-height: 25px;
margin: 20px 0px 0px 20px;
}
#ebikesinfo {
min-width: 600px;
}
#ebikesinfo h1 {
display: block;
height: 20px;
margin: 30px auto 30px auto;
font-size: 1.5rem;
font-family: KelsonSansBold;
color: #3A8B84;
}
#ebikesinfo h2 {
display: block;
height: 20px;
margin: 15px auto 30px auto;
font-size: 1.5rem;
font-family: KelsonSansBold;
color: #3A8B84;
}
#ebikesinfo b {
font-family: Avenir85Heavy;
}
#ebikesinfo p {
width: 100%;
margin-bottom: 10px;
line-height: 25px;
font-size: 1.125rem;
font-family: AvenirBook;
}
#ebikesinfo img {
width: 100%;
}
#ebikesinfo .buttom {
height: 40px;
line-height: 40px;
margin: 10px 0px 20px 0px;
background-color: #FF3366;
border: none;
border-radius: 0px;
text-align: center;
font-size: 1.5rem;
font-family: KelsonSansLight;
}
#ebikesinfo a,
#ebikesinfo a:visited {
color: #FFFFFF;
}
#ebikesinfo .col1 {
float: left;
width: 47.5%;
margin: 10px 4.999% 0px 0px;
}
#ebikesinfo .col2 {
float: left;
width: 47.5%;
margin: 10px 0 0px 0px;
}
#ebikesinfo .price {
width: 100%;
margin-bottom: 20px;
color: #FF3366;
font-size: 1.5rem;
font-family: Impact;
}
#ebikesinfo span {
font-size: 2.4375rem;
}
#ebikesgrid {
width: 1140px;
margin: 0 auto;
padding: 5px;
background: #ffffff;
}
#ebikesgrid div {
position: relative;
float: left;
padding: 5px;
}
#ebikesgrid img {
display: block;
width: 210px;
transition: 0.1s transform;
transform: translateZ(0);
}
#ebikesgrid div:hover {
z-index: 1;
}
#ebikesgrid div:hover img {
transform: scale(2.5, 2.5);
transition: 1.3s transform;
}
#ebikesgrid cf:before {
display: table;
content: "";
line-height: 0;
}
#ebikesgrid cf:after {
display: table;
content: "";
line-height: 0;
clear: both;
}
#mailpayment {
margin: 0px auto 0px auto;
padding-top: 30px;
width: 100%;
min-width: 500px;
max-width: 950px;
font-family: AvenirBook;
font-size: 1.125rem;
}
#mailpayment #mailpaymenterror {
margin: 0px auto 0px auto;
padding-bottom: 40px;
font-family: AvenirBook;
font-size: 1.125rem;
}
#mailpayment #mailpaymenterror #mailpaymenterror-title {
width: 100%;
height: 30px;
line-height: 30px;
font-family: Avenir85Heavy;
font-size: 1.25rem;
color: #FFFFFF;
text-align: center;
background-color: #000;
}
#mailpayment #mailpaymenterror #mailpaymenterror-content {
width: 100%;
margin: 40px 0px;
text-align: center;
}
#mailpayment #mailpaymenterror #mailpaymenterror-content span {
color: #FF4D4D;
}
#mailpayment #logo {
text-align: center;
margin-bottom: 10px;
}
#mailpayment #title {
width: 100%;
height: 30px;
line-height: 23px;
font-family: Avenir85Heavy;
font-size: 1.25rem;
color: #FFFFFF;
background-color: #2B2B2B;
text-align: center;
margin-bottom: 10px;
}
#mailpayment #title span {
display: inline-block;
margin: 3px 10px;
}
#mailpayment #paymentinfo {
max-width: 550px;
margin: 20px auto;
}
#mailpayment #paymentinfo #info-content {
font-size: 1.125rem;
font-family: AvenirBook;
}
#mailpayment #paymentinfo #info-content h3 {
height: 25px;
margin: 20px 0px 20px 0px;
font-family: Avenir85Heavy;
font-size: 1.125rem;
border-bottom: 1px solid #2B2B2B;
}
#mailpayment #paymentinfo #totalprice-content {
width: 99%;
margin: 40px 0px 0px 0px;
text-align: right;
}
#mailpayment #paymentinfo #totalprice-content h3 {
display: inline-block;
font-family: Avenir85Heavy;
font-size: 1.25rem;
}
#mailpayment #paymentinfo #totalprice-content span {
font-family: Avenir85Heavy;
font-size: 1.25rem;
}
#mailpayment #clientinfo {
max-width: 550px;
margin: 20px auto;
font-family: AvenirBook;
font-size: 1.125rem;
}
#mailpayment #clientinfo #creditcard-title {
height: 25px;
margin: 20px 0px 0px 0px;
font-family: Avenir85Heavy;
font-size: 1.125rem;
border-bottom: 1px solid #2B2B2B;
}
#mailpayment #clientinfo #creditcard-title .col1 {
float: left;
width: 70%;
}
#mailpayment #clientinfo #creditcard-title .col2 {
float: left;
width: 30%;
text-align: right;
}
#mailpayment #clientinfo label {
display: inline-block;
margin: 20px 0px;
font-family: AvenirBook;
}
#mailpayment #clientinfo input {
width: 100%;
height: 40px;
padding-left: 5px;
border: 1px solid #2B2B2B;
color: #2B2B2B;
font-size: 1.125rem;
font-family: AvenirBook;
}
#mailpayment #clientinfo input.expirydate {
width: 35%;
}
#mailpayment #clientinfo #creditcard-button label {
float: left;
width: 70%;
font-size: 13px;
}
#mailpayment #clientinfo #creditcard-button #btnsubmit {
float: left;
width: 30%;
display: inline-block;
width: 150px;
margin: 0px 0px 0px 0px;
height: 40px;
line-height: 40px;
color: #FFFFFF;
font-family: Avenir85Heavy;
font-size: 1rem;
background-color: #2B2B2B;
text-align: center;
cursor: pointer;
border: none;
}
#mailpayment #error-dialog {
position: fixed;
top: 0;
left: 0;
width: 100%;
min-height: 40px;
padding: 10px 0px;
background-color: #FF4D4D;
font-family: AvenirBook;
font-size: 1.125rem;
display: none;
}
#mailpayment #error-dialog #error-dialog-content {
width: 100%;
max-width: 950px;
margin: 0px auto;
}
#mailpayment #error-dialog #error-dialog-content li {
list-style: url("../img/content/mailpaiment/iconoerror.png");
margin-left: 40px;
}
#mailpayment #modal-creditcard {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
display: none;
}
#mailpayment #modal-creditcard #modal-creditcard-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2B2B2B;
opacity: 0.8;
}
#mailpayment #modal-creditcard #modal-creditcard-content {
position: absolute;
width: 400px;
min-height: 250px;
padding-top: 20px;
background-color: #FFFFFF;
border-radius: 10px;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#mailpayment #modal-creditcard #modal-creditcard-content #modal-creditcard-img {
margin: 20px auto;
}
#mailpayment #modal-creditcard #modal-creditcard-content .modal-creditcard-text {
margin-bottom: 5px;
color: #666666;
font-size: 1rem;
}
#mailpayment #modal-creditcard #modal-creditcard-content #modal-creditcard-gif {
width: 400px;
height: 50px;
margin-top: 20px;
background: url("../img/content/mailpaiment/redirect.gif") -200px -30px;
}
#mailpaymentfinal {
margin: 0px auto 0px auto;
width: 100%;
min-width: 500px;
max-width: 950px;
font-family: AvenirBook;
font-size: 0.9375rem;
}
#mailpaymentfinal #logo {
text-align: center;
}
#mailpaymentfinal #title {
width: 100%;
height: 30px;
line-height: 25px;
font-family: Avenir85Heavy;
font-size: 1.25rem;
color: #FFFFFF;
background-color: #2B2B2B;
text-align: center;
}
#mailpaymentfinal #title span {
display: inline-block;
margin: 3px 10px;
}
#mailpaymentfinal #content {
width: 100%;
margin: 40px 0px;
text-align: center;
}
#mailpaymentfinal #content img {
width: 100%;
}
#mailpaymentfinal #content .col1 {
float: right;
width: 20%;
}
#mailpaymentfinal #content .col2 {
float: right;
width: 50%;
text-align: center;
padding: 0px 5% 0px 5%;
margin-bottom: 20px;
color: #2B2B2B;
}
#mailpaymentfinal #content .col2 .title {
font-size: 1.75rem;
color: #2B2B2B;
margin: 20px 0px;
}
#mailpaymentfinal #content .col2 .title-error {
font-size: 1.75rem;
color: #BF1E4B;
margin: 20px 0px;
}
#mailpaymentfinal #content .col2 .text {
font-family: AvenirBook;
font-size: 1.25rem;
margin-bottom: 20px;
}
#mailpaymentfinal #content .col2 .tpv-text {
font-family: AvenirBook;
font-size: 0.75rem;
margin-bottom: 20px;
}
#mailpaymentfinal #content .col2 .tpv-text b {
font-family: Avenir85Heavy;
}
#mailpaymentfinal #content .col2 .edit {
text-align: left;
margin-bottom: 20px;
line-height: 20px;
}
#mailpaymentfinal #content .col2 .contact {
line-height: 25px;
}
#mailpaymentfinal #content .col2 .error-code {
font-size: 0.875rem;
color: #BF1E4B;
margin-bottom: 20px;
}
#mailpaymentfinal #content .col3 {
float: right;
width: 20%;
}
#debug {
max-width: 1180px;
margin: 0px auto;
}
#debug #slide-html {
position: relative;
max-width: 100%;
min-width: 600px;
margin: 0px 0px 40px 0px;
}
#debug #slide-html #slide-html-content {
width: 100%;
padding-bottom: 55.9%;
}
#debug #slide-html #slide-html-content .slide-html {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
display: none;
}
#debug #slide-html #slide-html-content .slide-html .slide-img img {
display: block;
width: 100%;
border: none;
}
#debug #slide-html #slide-html-content .slide-html .slide-img video {
display: block;
width: 100%;
border: none;
}
#debug #slide-html #slide-html-content .view {
display: block;
}
#debug #slide-html #slide-html-buttons {
position: relative;
width: auto;
margin: 30px auto;
text-align: center;
}
#debug #slide-html #slide-html-buttons .slide-html-button {
display: inline-block;
width: 15px;
height: 15px;
margin-left: 1px;
border-radius: 50%;
background-color: #57C0BB;
cursor: pointer;
}
#debug #slide-html #slide-html-buttons .select {
background-color: #CCCCCC;
}