﻿@font-face {
	font-family: 'GothamLight';
	src: url('./fonts/GothamLight.eot');
	src: local('GothamLight'), url('./fonts/GothamLight.woff') format('woff'), url('./fonts/GothamLight.ttf') format('truetype');
}
		
@font-face {
	font-family: 'GothamBook';
	src: url('./fonts/GothamBook.eot');
	src: local('GothamBook'), url('./fonts/GothamBook.woff') format('woff'), url('./fonts/GothamBook.ttf') format('truetype');
}
	
/* background:rgb(0,53,115); #003573 */
	
html, body { margin:0; padding:0; }
body { background:whitesmoke; overflow-y:scroll; }
		
* { font-family: GothamBook; outline:none !important; }
		
#page { width:100%; margin:0 auto; position:relative; margin-top: 150px; background: whitesmoke; }
.content_center { margin: 0 auto; width: 90%; max-width: 1200px; }
.alert { position: absolute; z-index: 20; width:100%; }
#menu { position: fixed; height: 100px; z-index: 10; width: 100%; background: whitesmoke; top: 0px; }
#menuBG { width:100%; max-width:1200px; margin:0 auto; background:whitesmoke; position:relative; }
#menuA { height:85px; }
#menuA img { height:100%; }
.menufixed { top:0; left: 0; opacity:0.9; padding-top:15px; width:100%; position:fixed !important; background:whitesmoke !important; margin-top:0px !important; z-index:10; -webkit-transition: width 2s; transition: width 2s; }
.menufixed #menuBG { background:transparent; }		
#menuB { text-align: right; position: absolute; bottom: 0; right: 0; }


#divFrame { background: whitesmoke; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10; }



#mobilemenu { display:none; margin-top: -40px; }
.topnav { overflow: hidden; position: relative; }
.topnav #mobilesubmenu { display: none; margin-top: 20px; padding-bottom: 40px; }
.topnav a { display: block;  }
.topnav a.icon { display: block; position: absolute; right: 20px; top: 0; }
.topnav a.icon:hover { opacity:0.8; }
#mobilesubmenu a { background:#003573; color:white; text-decoration:none; font-size:18px; padding:12px 15px; }
#mobilesubmenu a:hover { opacity:0.8; }




#aLinkconsultar { font-size:14px;text-decoration:none; margin-left:5px; }
#aLinkconsultar:hover { text-decoration:underline; }



#pOptions {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 20000;
}
#pOptions input { outline:none !important; padding: 2px; background: #f5f5f5; border-radius: 50%; }
#pOptions input:hover { opacity:0.8; }

		
ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
li { float: right; }
li a { cursor: pointer; }
li a, .dropbtn { font-size: 12px; display: inline-block; color: #003573; text-align: center; padding: 14px 12px; text-decoration: none !important; }
li a:hover, .lidropdown:hover .dropbtn { text-decoration:none !important; }
li.lidropdown { display: inline-block; }
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; }
.dropdown-content a:hover { background-color: #003573; color: white; }
.lidropdown:hover .dropdown-content { display: block; text-decoration:none !important; }

		
#contNews { height:515px; width:100%; position:relative; }
		
#contDep { margin-top:35px; display:none; }
#contDepA { width:70%; float:left; }
#contDepA label { font-family: GothamBook; font-size:22px; margin-bottom:10px; display: block; text-transform:uppercase; }
#contDepA table { width:100%; border-spacing: 1px; }
#contDepA tr { margin: 0 0 10px 0; background: #ededed; overflow: hidden; }
#contDepA th { background:rgb(0,53,115); color:white; text-align:center; font-size: 12px; font-weight: bold; padding: 15px; text-transform:uppercase; }
#contDepA td { text-align:center; font-size: 12px; padding: 15px; text-transform:uppercase; }
.td_SCHEDULED { color:#1fad1f; font-weight:bold; }
.td_CANCELLED { color: #dc3545; font-weight: bold; }
.td_LOCKED_ALL_CHANGES { color: #000000; font-weight: bold; }


#contDepC { float: right; width: 25%; margin-top: 41px; }
#contDepC .contDepBox {  }
.boxwarning { background: #dc3545; border: 1px solid #dc3545; padding: 30px; vertical-align: middle; text-align: center; font-size: 12px; color: white; border-radius: 5px; }
.boxinfo { padding: 30px; font-size: 12px; position: absolute; top: 0px; width: 100%; z-index: 1; }
.boxinfo div { background: #003573; color: white; max-width: 90%; margin: 0 auto; padding: 40px; opacity: 1; position:relative; border: 1px solid white; }
.boxinfo textarea { font-size: 22px; margin-top: 35px; }
.boxinfo input[type=image] { position: absolute; top: 40px; right: 40px; z-index:10; }

		
#contServices { margin-top:70px; }
#contServices label { font-family: GothamBook; font-size:22px; margin-bottom:10px; display: block; text-transform:uppercase; text-align: center; }
#contServices table { width:100%; }
#contServices a { color: white !important; text-decoration:none !important; display: block; padding: 20px; padding-top:85px; position:absolute; height: 100%; }
#contServices .contServicesBox { cursor:pointer; color:white; text-align: center; background:rgb(0,53,115); border:1px solid rgb(0,53,115); width:30%; position:relative; display:inline-block; vertical-align: top; min-height:282px; margin-right: calc(5% - 5px); }
#contServices .contServicesBox:hover { opacity:0.9; }
#contServices .contServicesBox img { margin-bottom:15px; }
#contServices .contServicesBox label { cursor:pointer; font-size:16px !important; }
#contServices .contServicesBoxTitle { position:absolute; top: 25px; width: 100%; left: 0; }
#contServices .contServicesBoxTitle img { height:32px; }
#contServices .contServicesBox:last-child { margin-right:0px; }



#contSchedule { margin-top:70px; }
#contSchedule label { font-family: GothamBook; font-size:22px; margin-bottom:10px; display: block; text-transform:uppercase; text-align: center; }


#contCarousel label:first-child { font-family: GothamBook; font-size:22px; margin-bottom:10px; display: block; text-transform:uppercase; text-align: center; }


#contMap { margin-top:35px; }		
#contMap label { font-family: GothamBook; font-size:22px; margin-bottom:10px; display: block; text-transform:uppercase; }		
#contMap img { height:400px; }
		
		
#footer { margin-top:70px; background:rgb(0,53,115); color:white; padding:50px 0px; }
#footer #footercont { width:90%; max-width:1200px; margin:0 auto; position:relative; }
#footer div {  }
#footer div span{ color:white; font-size:12px; display: block; margin-bottom: 2px; }
#footeremp { font-size:12px; float:left; }
#footeremp img { height:70px; margin-right: 18px; }
.footerpolicies { position:absolute; bottom:0; right:0; text-align:right; }
.footerpolicies a { display: block; color: white; text-decoration: none; }
.footerpolicies a:hover { text-decoration:underline; }
#footer a { color: white; text-decoration: none; position: relative; z-index:1; }
#footer a:hover { text-decoration:underline; }
#footermsg { text-align: center; padding: 10px 20px; background: #00479a; color: white;font-size:12px; }		
#footermsg a { font-size:12px; color:white !important }


.btn:hover { opacity:0.9; }
.clearboth { clear:both; }


.txtContent { text-align: justify; resize: vertical; width: 100% !important; overflow: hidden !important; background: none; border: 0 !important; outline: none !important; font-size: 14px; min-height: 16px; }
.txtContent:hover { background:#dff0d8; border-radius: 5px; }
.aspNetDisabled:hover { background:none !important; }
.aspNetDisabled { resize: none !important; }
#txtInfo_Desc.aspNetDisabled { color:white !important; }
#contServices .txtContent { color:white !important; cursor:pointer !important; text-align: center; font-size:16px; height:calc(100% - 20px); }
#contServices .txtContent:hover { color:#003573 !important; }
#contServices .aspNetDisabled:hover { color:white !important; }


.divTitle { margin-bottom:20px; margin-top:20px; position:relative; }
.divTitle span, .divTitle input { text-transform:uppercase; color: #003573; font-family: GothamBook; font-size:16px; }
.services_box_item { position:relative; margin-bottom:60px; }
.services_box_item img { position: absolute; top: 0; left: 0; }
.services_box_item input[type=text] { padding-left: 50px; height: 32px !important; }
.services_box_item div { margin-top: 10px; }


.services_fleet_box_item { width:450px; display:inline-block; margin-bottom: 60px; }
.services_fleet_box_item img { width:100%; margin-top:5px; }
.services_fleet_box_item span { font-size: 16px; font-family:GothamBook; color:#003573; height: 32px !important; margin-left: 2px; }
.services_fleet_box_item table { margin-top: -1px; width: 100%; background:#f1f1f1; }
.services_fleet_box_item table td { width:50%; padding: 8px 10px; vertical-align: bottom; }
.services_fleet_box_item table td:first-child { color:#003573; font-family: GothamBook; font-family:16px; }
.services_fleet_box_item img:hover { opacity:0.9; cursor:pointer; }


#divAboutusimages { }
#divAboutusimages div { height:300px; }
#divAboutusimages img { height:100%; }
#divPartners { }
#divPartners img { box-shadow: 1px 1px 1px 1px #ddd; margin-right: 10px; margin-bottom: 14px; height: 120px; cursor:pointer; transition: 0.1s; }
#divPartners img:hover { box-shadow: 1px 1px 1px 1px white; border:1px solid #ddd; }


.imgFullScreenBG{ position:fixed;width:100%;height:100%;top:0px;background:black;opacity:1;z-index:9998; display:none; }
.imgFullScreenClose{ background:url('images/imgFullScreenClose.png');background-size:100%;position:fixed;z-index:999999;top:10px;right:10px;height: 50px;width: 50px;cursor:pointer;opacity:0.8; }
    .imgFullScreenClose:hover { opacity:1; margin-top:1px; right:9px, }
.imgFullScreen{ position:absolute; z-index:999999; top:0; left:0; }


#divIslands { display: inline-table; font-size:0px; }
#divIslands a { display: inline-block; height: 167px; width: 250px; position:relative; border:1px solid white; }
#divIslands a span, #divIslands a label { position:absolute; top:20px; left:5px; color: #003573; width:150px; z-index:2; cursor:pointer; height:30px; }
#divIslands a label { background:none !important; text-transform:uppercase; font-size:14px; padding: 5px 10px; }
#divIslands a span { opacity:0.8; background:white; }
#divIslands a img { height:100%; width:100%; }
#divIslands a div { height: 100%; width: 100%; position: absolute; background: #194880; opacity: 0.2; z-index:3; }
#divIslands a div:hover { opacity:0; }
#divIslandsSub { text-align:center; }
#lblIslandsSub { font-size:16px; }


.divIslandSS { width:100%; height:400px; }
#divIslandDescription { font-size:16px; width:100%; }
.divIsland_infobox { display:inline-block; width:30%; vertical-align: top; }
.divIsland_infobox_sep { display:inline-block; width:4%; }
.divIsland_infobox * {  }


.modal-title img { position: absolute; }
.modal-title span { margin: 0; line-height: 32px; font-size: 20px; color: #003274; font-weight: bold; text-transform: uppercase; }
.modal-body .form-group { margin:0 !important; }


/* The container must be positioned relative: */
.custom-select {
    position: relative;
    font-family: Arial;
}

    .custom-select select {
        display: none; /*hide original SELECT element: */
    }

.select-selected {
    background-color: #003573;
}

    /* Style the arrow inside the select element: */
    .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
    }

    /* Point the arrow upwards when the select box is open (active): */
    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
    color: #ffffff;
    padding: 4px 10px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: #003573;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}






#divmapinfo { position: absolute; top: 20px; right: 20px; padding: 20px; border: 2px solid #003573; border-radius:2px; background:whitesmoke; display:none; width:20%; }
.divmapinfo_title { font-size:14px; text-transform: uppercase; font-weight:bold; color: #003573; font-family: GothamBook; }
#divmapinfo_routes { }
#divmapinfo_routes img { display:block; max-width:100%; }



#tblDurationBetweenIslands { width:100%; table-layout:fixed; min-width:500px; }
#tblDurationBetweenIslands td { width:25%; text-align:center; border:1px solid #ededed; padding: 5px 0px; }
.tdbetweensep { background:#003573; }
.tdbetweenisl { background:#003573; color: white; }
.tdbetweenisl50 { background: #a4b5ca; }


.txtflag { position: absolute; top: 5px; right: 5px; background: #003573; color: white; padding: 5px; border-radius: 50%; font-size: 10px }



/* checkbox */
.span_pseudo, .chiller_cb span:before, .chiller_cb span:after { content: ""; display: inline-block; background: #fff; width: 0; height: 0.2rem; position: absolute; transform-origin: 0% 0%; }
.chiller_cb { position: relative; height: 2rem; display: flex; align-items: center; }
.chiller_cb input { display: none; }
.chiller_cb input:checked ~ span { background: #003573; border-color: #003573; }
.chiller_cb input:checked ~ span:before { width: 1rem; height: 0.15rem; transition: width 0.1s; transition-delay: 0.3s; }
.chiller_cb input:checked ~ span:after { width: 0.4rem; height: 0.15rem; transition: width 0.1s; transition-delay: 0.2s; }
.chiller_cb input:disabled ~ span { background: #ececec; border-color: #dcdcdc; }
.chiller_cb input:disabled ~ label { color: #dcdcdc; }
.chiller_cb input:disabled ~ label:hover { cursor: default; }
.chiller_cb label { padding-left: 18px; position: relative; z-index: 2; cursor: pointer; margin-bottom: 0; }
.chiller_cb span { display: inline-block; width: 1.2rem; height: 1.2rem; border: 2px solid #ccc; position: absolute; left: 0; transition: all 0.2s; z-index: 1; box-sizing: content-box; }
.chiller_cb span:before { transform: rotate(-55deg); top: 1rem; left: 0.37rem; }
.chiller_cb span:after { transform: rotate(35deg); bottom: 0.35rem; left: 0.2rem; }



#contCarousel { margin-top: 50px; }
.island img { width:100%; }
.island { display: inline-table; font-size:0px; }
.island a { display: inline-block; position:relative; border:1px solid white; }
.island a span, .island a label { position:absolute; top:20px; left:5px; color: #003573; width:150px; z-index:2; cursor:pointer; height:30px; }
.island a label { background:none !important; text-transform:uppercase; font-size:14px; padding: 5px 10px; }
.island a span { opacity:0.8; background:white; }
.island a img { height:100%; width:100%; }
.island a div { height: 100%; width: 100%; position: absolute; background: #194880; opacity: 0.2; z-index:3; }
.island a div:hover { opacity:0; }
.slick-slide { outline:none !important }
.cvicarousel { width:85%; margin: 0 auto; margin-top:15px; }

.slick-prev { position: absolute; top: 0; left: -45px; border: 0; height: 100%; width: 32px; display: table-cell; vertical-align:middle; background:none; }
.slick-next { position: absolute; top: 0; right: -35px; border: 0; height: 100%; width: 32px; display: table-cell; vertical-align:middle; background:none; }
.slick-prev:hover, .slick-next:hover { opacity:0.8; }
.slick-dots { position:absolute; width: 100%; text-align: center; margin-top: 10px; }
.slick-dots li { float: none; display: inline-block; margin-right: 5px; }
.slick-dots li button { border:0; background:none; background:url('images/carousel_dot.png'); background-repeat:no-repeat; height: 16px; width: 16px; background-size: 100%; }
.slick-dots li.slick-active button { border:0; background:none; background:url('images/carousel_dot_active.png'); background-repeat:no-repeat; height: 16px; width: 16px; background-size: 100%; }



.trNextDeparturesTitle { background:#003573; }
.trNextDeparturesTitle th { color:white; text-align:center; text-transform:uppercase; padding:2px 0px; }
.trNextDeparturesSubTitle { background:#6472A2; color:white; text-transform:uppercase; font-size:12px; padding:2px 0px; }
.trNextDeparturesSubTitle th { text-align:center; }
.trNextDeparturesLine { background:#DAE0E9;}
.trNextDeparturesLine td { font-size:12px; padding:2px 25px; text-align:center; font-weight:bold; color:#003573; }
.trNextDeparturesTime { background:white; }
.trNextDeparturesTime td { font-size:12px; text-align:center; padding:7px 0px; font-family: GothamBook; }
.trNextDeparturesTimetd1 { padding-left:35px;padding-right:35px; }
.trNextDeparturesFooter { background:#003573; }
.trNextDeparturesFooter th { color:white; text-align:center; text-transform:uppercase; padding:15px 0px; }




.titleimg { width:100%; height:400px; margin-bottom: 20px; }


.tblSchedule { width:100%; margin-top:20px; }
.tdScheduleDay { text-align:center; background:#003573; padding:30px; color:white; border:1px solid #003573; width: 100px; width: 1%; font-size: 18px; text-transform: uppercase; vertical-align:top; }
.tdScheduleTime { padding:30px; vertical-align:top; border:1px solid #003573; }
.tdScheduleTime tr { border: 1px solid #003573; background: #7b94b1; color: white; }
.tdScheduleTime td { padding:2px 10px; }

.divschedulebox { width: 300px; display: inline-block; border:1px solid whitesmoke; border-bottom-width:25px; }
.divscheduleboxday { text-align:center; background:#003573; color:white; font-size: 14px; text-transform: uppercase; padding: 5px 10px; }
.divscheduleboxtime { }
.divscheduleboxtime table { width:100%; }
.divscheduleboxtime table td { padding:2px 4px; border: 1px solid whitesmoke; }
.divscheduleboxtime table td:first-child { font-family:Arial; padding-right:10px; }
#divmap_2 { float:right; width:50% }
#divmap_2 img { width:100%; }
.tdScheduleSubtitle { font-size: 16px; padding-bottom: 15px !important; font-weight: bold; color: #003573; }

.tblSchedule_2 { width:500px; float:left; }
.tblSchedule_2 tr { }
.tblSchedule_2 td { padding:2px 10px; }
.aScheduleDayPick { display:block; width:75px; text-align:center; font-family:Arial; text-transform:uppercase; color:whitesmoke !important; background:#003573; padding: 5px 10px; text-decoration:none !important; }
.aScheduleDayPick:hover, .aScheduleDayPickActive { display:block; width:75px; font-family:Arial; text-transform:uppercase; color:#003573 !important; background:whitesmoke; padding: 5px 10px; text-decoration:none !important; }
.aScheduleDayPick:first-child { border-top-left-radius:5px; border-top-right-radius:5px; }
.aScheduleDayPick:last-child { border-bottom-left-radius:5px; border-bottom-right-radius:5px; }


#contFAQ { margin-top: 50px; }
#contFAQ * { text-decoration:none !important; }
.boxhome { background:#003573; color:white; padding:12px; margin-bottom:10px; font-size: 20px; font-weight: bold; text-align: center; }
.boxhome:hover { opacity:0.9; }
#divFAQc { cursor:pointer; }
#divFAQ { margin-top:25px; display:none; }
.faq_q { margin-bottom:5px; color:#003573; font-weight:bold; }
.faq_r { margin-bottom:25px; }

.tbl100 { width:100%; }
.modaltd1 { position:relative; }
.modaltd2 { width:20px; }
.modaltd3 { position:relative; }

.noresize { resize: none !important; }




.line_1 { background: #ffc000; color: white; font-family: Arial; padding: 2px 4px; border-radius: 50%; text-align: center; }
.line_2 { background: #ed7d31; color:white; font-family:Arial; padding:2px 4px; border-radius:50%; text-align: center; }
.line_3 { background: #7f7f7f; color:white; font-family:Arial; padding:2px 4px; border-radius:50%; text-align: center; }
.line_4 { background: #70ad47; color:white; font-family:Arial; padding:2px 4px; border-radius:50%; text-align: center; }
.line_5 { background: #203864; color:white; font-family:Arial; padding:2px 4px; border-radius:50%; text-align: center; }
.line_6 { background: #ff6699; color:white; font-family:Arial; padding:2px 4px; border-radius:50%; text-align: center; }
.line_7 { background: #8faadc; color:white; font-family:Arial; padding:2px 4px; border-radius:50%; text-align: center; }



#contNewsBC { margin-top:50px; text-align:center; margin-bottom:25px; }
#contNewsBC label { font-family: GothamBook; font-size: 22px; margin-bottom: 10px; display: block; text-transform: uppercase; text-align: center; }
.newsA { text-decoration:none !important; margin-right:1%; }
.newsBC { width:32%; display: inline-block; vertical-align: top; box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.2); }
.newsBC:hover { opacity:0.9; }
.newsBC_Image { width:100%; height:180px; }
.newsBC_Data { padding:10px; font-size: 16px; text-align:left; padding-bottom:0px; }
.newsBC_Title { padding:10px; font-size: 18px; font-weight: bold; color: #063874; text-align: left; padding-top:5px; }
.newsA:last-child { margin-right:0px; }



input[type=text].newsedit  { border: 1px solid #003573 !important; padding: 10px !important; border-radius: 5px !important; }
textarea.newsedit  { border: 1px solid #003573 !important; padding: 10px !important; border-radius: 5px !important; min-height:300px; }


#pVagas { }
.vagabox { position:relative; max-width: 300px; display: inline-block; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.2); margin-right: 25px; vertical-align:top; margin-bottom:25px; }
.vagabox:hover { opacity: 0.9; }
.vagabox .vgtitle { text-transform:uppercase; font-weight:bold; color:black; display:block; margin-bottom:5px; }
.vagabox .vgdesc { display:inline-block; margin-bottom:5px; height: 100px; overflow: hidden; }


.tblData { width:100%; }
.tblData td { vertical-align:top; padding: 5px 0px; }



.pformbox { margin-bottom:15px; }
.lblformbox { margin-bottom:10px; font-weight:bold; display:inline-block; }
.form-check { display:block; }
.form-check input { }
.form-check label { font-weight:normal !important; margin: 5px !important; }
.pformbox .lblfu { width: 20%; min-width: 300px; height: 34px; padding: 6px 12px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc;    border-radius: 4px; display: inline-block; padding-left: 52px; }

.lblformerror { display:block; color:red; }



#topwarn { text-align:left; position:fixed;top:0;left:0; width:100%;z-index: 20; background:#fffcd4; padding:10px; }
#imgwarn { height:20px; }
#topwarn_txt { display: inline-block; color: black; margin-left:15px; }
#topwarn_a { color:#E30613;font-weight: bold; }
#amenuhome { margin-top: 16px; }
#amenulanguage { color: white; text-transform: uppercase; padding-right: 0px; padding-left: 0px; }
#lblMenuLanguage { background: #003573; font-size: 12px; padding: 6px; border-radius: 2px;margin-left:10px; }
#lkddl { min-width: 0px; margin-left: 10px; }
#lkPT { width: 28px; font-size: 12px; padding: 6px; }
#lkEN { width: 28px; font-size: 12px; padding: 6px; }
#lblMenuBuy { color: #E30613;font-weight: bold; }
#topnavahome { height:32px; }
#amobileservices { opacity:1 !important;cursor:default; }
#footercont_logo { float:left;margin-right:70px; }
#footercont_contacts { float:left;margin-right:70px; }
#footercont_contacts_title { font-size:14px; }
#footercont_contacts img { margin-bottom: -1px; margin-right:5px;text-decoration:none; }
#contNews_d { position: absolute; top: 30px; left: 40px; padding: 15px; opacity: 0.8; background: #0a3c77; color: white; border: 2px solid white; z-index:22; }
#divNextDepartures{ position:absolute;top:15px;right:40px;padding:15px;text-align:center;opacity:0.9; }
.ared { color: #E30613 !important;font-weight: bold; cursor:pointer !important; }
#pWarning { margin-bottom:20px; }
.lblchkfor { padding-left: 30px; }
.tdfu1 { border: 1px solid #d3d3d3;border-top: 0px;padding: 10px; }
.tdfu2 { text-align:center; width:119px;border: 1px solid #d3d3d3;border-top: 0px;padding: 10px; }
#lblWarning { font-size:16px; }
.marginbottom10 { margin-bottom:10px; }
#txtAboutUs_GroupETE_Introduction { text-align:center;color: #003573; font-family: GothamBook; }
#divadmin { margin:0 auto; text-align:center; margin-top: 100px; margin-bottom: 100px; max-width:200px }
.text-decoration-none { text-decoration:none; }
.max-width-800 { max-width:800px; }
#atutorial { font-size: 15px; font-weight: bold; }
#tutorial { position:absolute;top:-140px; }
#videotutorial { border: 1px solid #003274; width:100%; }
#lblInfoTitle { font-size: 18px; color: #03336f; font-weight: bold; display: block; }
#divVideo { display:none;position:relative; }
#divContacts { color:#003573;font-weight:bold; }
.alink { color:#003573; }
.h3title { font-weight:bold;margin-bottom:20px; }
.margin-top-10 { margin-top:10px; }
.margin-top-15 { margin-top:15px; }
.resize-vertical { resize: vertical; }
.font-weight-bold { font-weight:bold; }
#map1 { height:210px;width:400px; }
.float-right { float:right; }
#divddl { position:absolute;right:0;top:0; }
.w160 { width:160px; }
.w10 { width:10px; }
#divNextloc { color:#003573;font-size:16px; }
#divNextFromTo { padding-top:3px;font-size:16px; }
#divfu { margin-bottom: 20px;position:relative;min-height:25px; }
#fuImage { position:absolute; }
#imgImage { width:100%; }
#divSocial { text-align:center;margin-top:20px; }
#lblData { display: block; font-family: Arial; color: #03346e; margin-bottom: 10px; }

.tariffs { margin-bottom: 20px; }
.tariffs a { margin-bottom: 10px; display: inline-block; }


.contacts { }
.contacts .col-sm-4:first-child { padding-left:0px; padding-right:30px; }
.contacts .col-sm-4:last-child { padding-right:0px; padding-left:30px; }
.contacts_title { font-weight:bold; font-size:18px; margin-bottom:5px; color:#003573; }
.contacts_subtitle { border-bottom:1px solid #333; }
.contacts_content { padding:10px; font-size:14px; color:#003573; margin-bottom:15px; }
.contacts .col-sm-4 img { max-width:100%; margin-bottom:10px; }
.contacts_ttitle { font-size: 18px; }
.contacts_tsubtitle { font-size: 14px; }
.contacts_tcontent { color:#003573; }



.hometbl { width:100%; }
.hometbl tr { }
.hometbl tr th { text-align: center; border: 1px solid #ededed; padding: 5px 0px; background: #003573; color: white; text-transform:uppercase; }
.hometbl tr td { text-align: center; border: 1px solid #ededed; padding: 5px 0px; text-transform:uppercase; }


.popuplink { margin-top:20px;text-align:center; }
.popuplink a { font-size: 22px; color: white; padding:10px 20px; border:1px solid white; }
.popuplink a:hover { text-decoration:none; opacity: 0.8; }


.aredcircle { position: absolute; height: 20px; width: 20px; background: #e30613; right: 64px; border-radius: 100%; z-index: 1; }

#divCounter { display: inline-flex; border: 4px solid #03336f; position: absolute; bottom: 25px; left: calc(50% - (358px/2)); }
#divCounter span.countnum { border-right: 2px solid #03336f; padding: 8px; font-size:24px; color:#03336f; font-weight:bold; background: #f5f5f5; width: 50px; text-align: center; }
#divCounter span.countnum:first-child { border-left: 0px; }
#divCounter span.countnumlast { border-right: 0px; }