@charset "utf-8";
/* CSS Document */

body{ font-family: 'pluto-light',sans-serif; color:#414042; margin:0px; padding:0px; }

/* typo */
h1, h2{ font-family: 'pluto-extralight',sans-serif; font-weight: normal;  font-size: 23px; line-height: 28px; margin-top: 24px; }

a{ color: #414042 !important; text-decoration:none;}
a.visited,
a:hover{color: #A90034 !important; transition: color 0.2s ease 0s;}

#main a { text-decoration: underline; }

/* HEADER css:start */
#container{ margin:0px; padding:0px; }
#header{ height:95px; position:realtive; } /* @TODO opravit, preklep. Pokud dam relative, blbne to na webu */
.header-logo{ min-width: 400px; }
#header .logo{ margin-right: 55px; }
.header-logo{ min-width: 400px; }
#header .marginer{ margin-top: 32px; margin-left:30px; margin-right:30px; }

#header nav{ position:absolute; top: -6px; right:30px; }
#header nav ul{ list-style:none; padding-top: 14px; }
#header nav ul li{ display: inline-block; cursor: pointer; font-family: "pluto-regular",sans-serif; font-size: 11px; font-style: normal; font-weight: 400; line-height: 11px; border-right: 1px solid #414042; padding-right:10px; padding-left:10px; }
#header nav ul li.last{ padding-right:0; border:0px; }
#header .dpd-headline h1 { font-family: 'pluto-light',sans-serif; }

/* HEADER css:end */

/* Right column:start */
#videos{ width: 290px; height:100%; background-color: #FFF; text-align:left; overflow: hidden; }
#videos-list{ overflow:auto;  }

/* SEARCH css:start */
#search{ padding: 0px 10px 10px 10px; border-bottom: 1px solid #cac4be; }
.input-container{ width: 230px; float:left; }
.input-container input{ display:block; width: 100% !important; background: #e6e7e7; border: 1px solid #e6e7e7; color: #424143; padding:0px 10px !important; height: 38px; line-height: 38px; margin-top:0px !important;  margin-bottom: 10px; outline-color: #e6e7e7; padding: 0 0 0 13px; }

.button-container{ width:40px; float:left; }
.button-container button{ width:100%; 
    background: url("../images/lens.png") no-repeat scroll 50% 50% / 17px 17px #dc0032; border: medium none; border-radius: 0; cursor: pointer; height: 40px; outline: medium none;
    text-decoration: none; text-indent: -9999em;	
}
input,
button{  font-family: "pluto-light",sans-serif; font-style: normal; font-weight: 400; font-size: 12px !important; }

input[type=submit]{ border: 0px; padding: 0px 30px; line-height: 25px; height:25px; margin-top:10px; background-color: #DC0032; color: #FFFFFF; font-family: "pluto-regular",sans-serif; }
input[type=submit]:hover{ background-color: #A90034; }

.map-tbl input[type=submit] { width:100%; }

/* SEARCH css:end */

/* ITEMS css:start */
#videos-list li.hovered{ border-left:2px solid #DC0032; }
.item-cont { border-left:2px solid white; border-bottom: 1px solid #e6e7e7; }
.item-cont:hover { border-left:2px solid #DC0032; }

.item-cont .marginer { padding: 15px 0 15px 12px; }
.item-cont h3 { margin: 0px 0px 5px 0px; font-family: "pluto-regular",sans-serif; font-weight: 400; font-size: 16px; }
.item-cont .id,
.item-cont address { font-size: 11px; font-style: normal;  }
.item-cont .content{ padding-top:10px; }

.item-cont .buttons{ margin-top: 10px; }
.item-cont .buttons a{ display:inline-block; font-family: "pluto-regular",sans-serif; font-size: 13px; text-decoration: none;}
.icon-arrow{ display: inline-block; width:6px; height:11px; background: url("../images/ico-arrow.png") no-repeat 0 0; margin-right: 5px; }
.item-cont .buttons a:hover .icon-arrow{ background: url("../images/ico-arrow.png") no-repeat left bottom;  }
/* ITEMS css:end */

/* Map info table css:start */
.map-tbl .marginer{ margin: 5px 10px 0px 10px; }
.map-tbl h3 { margin: 0px 0px 5px 0px; font-family: "pluto-regular",sans-serif; font-weight: 400; font-size: 16px; }
.map-tbl address { font-size: 11px; font-style: normal;  }
.map-tbl .content{ }

.map-tbl .content table tr.actual td{ color: #dc0032; }
.map-tbl form{ text-align:center; }

.item-cont address, 
.item-cont .content,
.map-tbl address, 
.map-tbl .content { font-family: "pluto-light",sans-serif;}
#map_canvas{ border-top:1px solid #e6e7e7; }

.map-tbl .separator{ border-bottom: 1px solid #424143; margin: 10px 0px; }
/* Map info table css:end */

#main{}

/* ==========================================================================
   TEXT PAGES classes:start
   ========================================================================== */
#textpage section{ min-width: 960px; }
#textpage #header .marginer{ padding-top: 35px; margin-top: 0px; margin-left: 15px; margin-right: 15px; }
#textpage #header nav{ position:absolute; top: -25px; right:15px; }
#textpage header{ width: 960px; margin-left:auto; margin-right:auto; position: relative;  }
#textpage #main{ /*border-top: 30px solid #e6e7e7;*/ font-size: 14px; line-height: 150%; font-family: "pluto-light",sans-serif; }
#textpage #main .wrapper{ max-width: 960px; margin: 0px auto; }
#textpage #main .marginer{ padding: 5px 15px 55px 15px; }
#textpage .content{  }
#textpage .content h1,
#textpage .content h2,
#textpage .content h3,
#textpage .content h4,
#textpage .content h5{ font-family: "pluto-regular",sans-serif; margin: 50px 0 10px 0; }
#textpage .content dl{ clear:both; margin: 30px 0 20px 0px;; }
#textpage .content dt{ width:19%; float:left; font-family: "pluto-regular",sans-serif; }
#textpage .content dd{ width:75%; float:right; }
#textpage .content pre{ color:414042; padding:25px; border:1px dotted #999999; }
#textpage .footer {  width: 960px; margin-left:auto; margin-right:auto; border-top: 1px solid #e6e7e7; padding-top: 27px; margin-bottom: 20px; }

#textpage .copyright{ margin-bottom: 15px; }
#textpage .copyright img{ display:block; float:left; margin-bottom: 15px; }
#textpage .copyright span{ display:block; float:left; margin-top: 6px; margin-left:20px; font-size: 11px; color: #8A8D90; }

#textpage .links ul{ display:block; list-style:none; margin: 20px 0px 0px 0px; padding:0px; }
#textpage .links ul li { font-size:11px; display:inline-block; margin-left: 10px; color: #808285; position:relative; }
#textpage .links ul li.first { margin-left:0px; }
#textpage .links ul li:before { content: "•"; position: absolute; left: -8px; top: 1px; color: #808285; }
#textpage .links ul li.first:before { display:none; }

/* ==========================================================================
   TEXT PAGES classes:start
   ========================================================================== */

/* ==========================================================================
   Helper classes:start
   ========================================================================== */
/* color helpers */
.red{ color: #DC0032; }
.dark-red{ color: #A90034;}

.width100p{ width:100%; }
      
/* Typo helpers ----------------------------------------------------------------------------- */
.font200p{ font-size: 200%; }
.font180p{ font-size: 180%; }
.font160p{ font-size: 160%; }
.font140p{ font-size:140%; }
.font120p{ font-size:120%; }
.font110p{ font-size:110%; }
.font100p{ font-size:100%; }
.font90p{ font-size:90%; }
.font80p{ font-size:80%; }
.font75p{ font-size:75%; }
.font50p{ font-size:50%; }
            
/* aligning and floats  --------------------------------------------------------------------------------  */
.fl-right { float:right; }
.fl-left { float:left; }
.fl-center { margin: 0px auto; }

.ta-center {text-align:center}
.ta-left {text-align:left}
.ta-right {text-align:right}

img.fl-right { float:right; margin:2%; margin-right:0; }
img.fl-left { float:left; margin:2%; margin-left:0; }

.cleaner { clear:both; height:0px; overflow:hidden; font-size: 1px; display:block; }
.clear { clear:both; }

/* margins paddings  --------------------------------------------------------------------------------  */
.main-padding{ padding: 15px} /*--setup--*/

.margin-auto { margin:0px auto;}

.margin-top-0 { margin-top: 0px; }
.margin-top-small { margin-top: 5px; }
.margin-top { margin-top: 10px;}
.margin-top-medium { margin-top: 15px;}
.margin-top-big { margin-top: 20px;}

.margin-left-0 { margin-left: 0px; }
.margin-left-small { margin-left: 5px; }
.margin-left { margin-left: 10px;}
.margin-left-big { margin-left: 20px;}

.margin-right-0 { margin-right: 0px; }
.margin-right-small { margin-right: 5px; }
.margin-right { margin-right: 10px;}
.margin-right-big { margin-right: 20px;}

.margin-bottom-0 { margin-bottom: 0px; }
.margin-bottom-small { margin-bottom: 5px; }
.margin-bottom { margin-bottom: 10px;}
.margin-bottom-big { margin-bottom: 20px;}

.margin-top-bottom-0 { margin-bottom: 0px; margin-top: 0px; }
.margin-top-bottom-small { margin-bottom: 5px; margin-top: 5px; }
.margin-top-bottom { margin-bottom: 10px; margin-top: 10px;}
.margin-top-bottom-big { margin-bottom: 20px; margin-top: 20px;}

.margin-0 { margin: 0px;}
.margin-small { margin: 5px;}
.margin { margin: 10px;}
.margin-big { margin: 20px;}

.padding-small{ padding:5px; }
.padding{ padding:10px; }
.padding-big{ padding:15px; }
.padding-0{ padding:0;}

.padding-right-small{ padding-right:5px; }
.padding-right{ padding-right:10px; }
.padding-right-big{ padding-right:15px; }
.padding-right-0{ padding-right:0;}

.padding-left-small{ padding-left:5px; }
.padding-left{ padding-left:10px; }
.padding-left-big{ padding-left:15px; }
.padding-left-0{ padding-left:0;}

.padding-top-0{ padding-top:0 !important; }

/* no margin ---------------------------------------------- */
.no-margin { margin:0px; }

/* other helpers  ----------------------------------------- */
.reset-ul { margin:0; padding:0; }
.reset-ul li { list-style: none; }

.no-border { border: 0px solid !important; }
.hidden	{ display: none !important; visibility: hidden; }

.block { display:block; }
.inline-block { display: inline-block !important; }

.line-cnt{ height: 2px; overflow:hidden; }

.uppercase{ text-transform: uppercase; }

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before,.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* ==========================================================================
   Helper classes:END
   ========================================================================== */

.open-hours-day {
    padding-right: 1em;
    text-align: left;
}

.open-hours-interval {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
    font-family: "Courier New", serif;
}

.open-hours h4 {
  padding-bottom: 5px;
}


.gm-style-iw > button {
    display: none !important;
}

.countryLabel {
    padding-left: 10px;
    display: inline-block;
}

#country input[type=checkbox] {
    margin-right: 10px;
}

#country input[type=submit] {
    display: inline-block;
    margin: 10px;
}