/* ============================================================
 *		Global Body Styles
 * ========================================================= */
body{
    font-family: Arial;
}

body#homepage{
    background: url('../img/mapa.png') no-repeat center 148px;
}
/* == FONT == */

/* ============================================================
 *		General Typography
 * ========================================================= */
  
/* == Headings == */
h1, h2, h3, h4, h5, h6 {}

h1 { font-size: 2.20em; line-height: 1.15em; margin: .5em 0 12px 0; color: #ff6600;}
h2 { font-size: 1.70em; line-height: 1.15em; margin: .5em 0 12px 0; color: #ff6600;}
h3 { font-size: 1.40em; line-height: 1.15em; margin: .5em 0 12px 0; }
h4 { font-size: 1.25em; line-height: 1.15em; margin: .5em 0 12px 0; }
h5 { font-size: 1em; line-height: 1.6em; margin: 0 0 12px 0; }
h6 { font-size: .75em; line-height: 1.6em; margin: 0 0 12px 0; }

/* == Paragraph text == */
p { font-size: 14px; margin: 0 0 20px 0; line-height: 1.3; }
p img { margin: 0; }
em { font-style: italic; }
b, strong { font-weight: bold; }
strong{ color: #ff6600;}
small { font-size: .8em; }
/* == Links ==  */
#content a, a:visited { color: #ff6600; text-decoration: none; outline: 0; }
#content  a:hover, a:focus { color: rgba(255, 102, 0, 0.75); text-decoration: underline;}
#content  a:visited img{ outline: none;}

/* == Lists == */
ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }
ul.icons{
    margin-left: 10px;
    list-style-type: none;
}
ul.icons i{
    margin-right: 15px;
    font-size: 14px;
    color: #ff6600;
}
/* ============================================================
 *		Form Styles 
 * ========================================================= */
form { margin: 0 0 20px; }
fieldset { padding: 0; margin: 0; border: 0; }
form .form-element { margin-bottom:15px;}
label, input, select, textarea { font-size: inherit; }
label { display: block; margin-bottom: 5px; font-weight: bold;  }
label.checkbox, label.radio {font-weight: normal; }
select,
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"] {
	display: inline-block;
	min-height: 20px;
	width: 48%;
	padding: 4px 6px;
	font-size: 1em;
	line-height: 1.1em;
	color: #555555;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	 	    border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	   -moz-transition: border linear .2s, box-shadow linear .2s;
	     -o-transition: border linear .2s, box-shadow linear .2s;
	        transition: border linear .2s, box-shadow linear .2s;
  margin-bottom: 10px;
  font-family: Arial;
}


textarea { height: auto; width: 60%;}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus {
	border-color: #aaa;
	outline: 0;
	outline: thin dotted \9; /* IE6-9 */
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	   -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	 	    box-shadow: 0 0 3px rgba(0,0,0,.2); 
}

input[type="radio"],
input[type="checkbox"] {
    display: block;
    margin: 4px 10px;
    margin-top: 1px \9; /* IE8-9 */
    line-height: normal;
    cursor: pointer;
}

input[type="file"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
	width: auto;
  margin-top: 10px;
}

select, input[type="file"] { min-height: 20px; line-height: 1.1em; }
select { border: 1px solid #cccccc; background-color: #ffffff; }

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto #e6154c;
    outline-offset: -2px;
}
.icheckbox_square-orange, .iradio_square-orange{
    margin-right: 10px !important;
}



.radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; margin-right:10px; vertical-align: middle; }

input[type="submit"], button{
    display: block;
    cursor: pointer;
    border: 0;
    color: #fff;
    font-weight: 600;
    background-color: #ff6600;
    padding: 14px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: 500ms;
}
input[type="submit"]:hover, button:hover{
    background-color: rgba(255, 102, 0, 0.74);
    color: #fff;
    transition: 500ms;
}
/* ===== Checkbox and radio ===== */

/* ============================================================
 *		Alignments
 * ========================================================= */

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom:5px;
}

.al-left { float: left; margin: 5px 20px 5px 0; }
.al-right { float: right; margin: 5px 0 5px 20px; }

.fl-left {float:left;}
.fl-right {float:right;}

.spacer10 { height: 10px; }
.spacer20 { height: 20px; }
.spacer40 { height: 40px; }
.spacer60 { height: 60px; }
.spacer80 { height: 80px; }

.cleaner {
    clear:both !important;
    display: block !important;
    float: none !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    min-height:0px !important;}
/* ============================================================
 *		Table
 * ========================================================= */

table {
    border-collapse: collapse;
    margin-bottom: 3em;
    width: 100%;
    background: #fff;
}
td, th {
    padding: 0.75em 1.5em;
    text-align: left;
}
th {
    background-color: #ff6600;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
}
tbody th {
	background-color: #ff6600;
}
div.obsah tbody tr:nth-child(2n-1) {
    background-color: #f5f5f5;
    transition: all .125s ease-in-out;
}
tbody tr:hover {
    background-color: rgba(255, 102, 0, 0.3);
}
/* ============================================================
 *		Select
 * ========================================================= */
div.fancy-select {
	position: relative;
	font-weight: bold;
	font-size: 13px;
	color: #46565D;
}

div.fancy-select.disabled {
	opacity: 0.5;
}

div.fancy-select select:focus + div.trigger {
    border: 1px solid #cccccc;
}

div.fancy-select select:focus + div.trigger.open {
}

div.fancy-select div.trigger {
	border-radius: 3px;
	cursor: pointer;
	padding: 10px 24px 9px 9px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	background: #fff;
	border: 1px solid #cccccc;
	color: #ff6600;
	width: 200px;

	transition: all 240ms ease-out;
	-webkit-transition: all 240ms ease-out;
	-moz-transition: all 240ms ease-out;
	-ms-transition: all 240ms ease-out;
	-o-transition: all 240ms ease-out;
}

div.fancy-select div.trigger:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: #ff6600;
	top: 15px;
	right: 9px;
}

div.fancy-select div.trigger.open {
	background: #ff6600;
	border: 1px solid #ff6600;
	color: #fff;
}

div.fancy-select div.trigger.open:after {
	border-top-color: #fff;
}

div.fancy-select ul.options {
    -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
     border-top: none;
	list-style: none;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
        visibility: hidden;
	opacity: 0;
	z-index: 50;
	max-height: 200px;
	overflow: auto;
	background: #fff;
	min-width: 233px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.25);

	transition: opacity 100ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-webkit-transition: opacity 100ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-moz-transition: opacity 100ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-ms-transition: opacity 100ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-o-transition: opacity 100ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.open {
	visibility: visible;
	top: 33px;
	opacity: 1;

	/* have to use a non-visibility transition to prevent this iOS issue (bug?): */
	/*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
	transition: opacity 100ms ease-out, top 300ms ease-out;
	-webkit-transition: opacity 100ms ease-out, top 300ms ease-out;
	-moz-transition: opacity 100ms ease-out, top 300ms ease-out;
	-ms-transition: opacity 100ms ease-out, top 300ms ease-out;
	-o-transition: opacity 100ms ease-out, top 300ms ease-out;
}

div.fancy-select ul.options li {
    background: #fff;
	padding: 8px 12px;
	color: #333;
	cursor: pointer;
        margin-bottom: 0px !important;
	transition: all 150ms ease-out;
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
	-ms-transition: all 150ms ease-out;
	-o-transition: all 150ms ease-out;
}

div.fancy-select ul.options li.selected {

}

div.fancy-select ul.options li.hover {
	color: #333;
         background-color: rgba(255, 102, 0, 0.25);
}

.wifi, .uskladneni, .snidane, .zabava, .nonstop , .tv, .sejf, .bar
{ display: inline-block; background: url('../img/menu-icon.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
nav ul li a:hover > div.wifi { background-position: -10px -0px; width: 79px; height: 50px; }
nav ul li a > div.wifi { background-position: -10px -60px; width: 79px; height: 50px; }
nav ul li a:hover > div.uskladneni { background-position: -10px -120px; width: 65px; height: 51px; }
nav ul li a > div.uskladneni { background-position: -10px -181px; width: 65px; height: 51px; }
nav ul li a:hover > div.snidane { background-position: -10px -242px; width: 60px; height: 49px; }
nav ul li a > div.snidane { background-position: -10px -301px; width: 60px; height: 49px; }
nav ul li a:hover > div.zabava { background-position: -10px -360px; width: 60px; height: 55px; }
nav ul li a > div.zabava { background-position: -10px -425px; width: 60px; height: 55px; }
nav ul li a:hover > div.nonstop { background-position: -10px -490px; width: 59px; height: 52px; }
nav ul li a > div.nonstop { background-position: -10px -552px; width: 59px; height: 52px; }
nav ul li a:hover > div.tv { background-position: -10px -614px; width: 57px; height: 50px; }
nav ul li a > div.tv { background-position: -10px -674px; width: 57px; height: 50px; }
nav ul li a:hover > div.sejf { background-position: -10px -734px; width: 47px; height: 50px; }
nav ul li a > div.sejf { background-position: -10px -794px; width: 47px; height: 50px; }
nav ul li a:hover > div.bar { background-position: -10px -854px; width: 33px; height: 58px; }
nav ul li a > div.bar { background-position: -10px -922px; width: 33px; height: 58px; }


.vlacek, .narodni-divadlo, .narodni-muzeum, .most, .prazsky-hrad, 
.bus, .tramvaj, .letadlo, .chram, .klaster, 
.orloj, .petrinska-vez, .prazska-brana
{ display: inline-block; background: url('../img/icon-praha.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
section#kontakt .wrapper .box .vlacek { background-position: -10px -0px; width: 128px; height: 29px; }
section#kontakt .wrapper .box .narodni-divadlo { background-position: -10px -39px; width: 86px; height: 57px; }
section#kontakt .wrapper .box .narodni-muzeum { background-position: -10px -106px; width: 83px; height: 56px; }
section#kontakt .wrapper .box .most { background-position: -10px -172px; width: 80px; height: 58px; }
section#kontakt .wrapper .box .prazsky-hrad { background-position: -10px -240px; width: 69px; height: 61px; }
section#kontakt .wrapper .box .bus { background-position: -10px -311px; width: 60px; height: 26px; }
section#kontakt .wrapper .box .tramvaj { background-position: -10px -347px; width: 60px; height: 44px; }
section#kontakt .wrapper .box .letadlo { background-position: -10px -401px; width: 51px; height: 23px; }
section#kontakt .wrapper .box .chram { background-position: -80px -311px; width: 42px; height: 72px; }
section#kontakt .wrapper .box .klaster { background-position: -80px -393px; width: 41px; height: 53px; }
section#kontakt .wrapper .box .orloj { background-position: -89px -240px; width: 32px; height: 60px; }
section#kontakt .wrapper .box .petrinska-vez { background-position: -10px -434px; width: 31px; height: 55px; }
section#kontakt .wrapper .box .prazska-brana { background-position: -106px -39px; width: 22px; height: 60px; }

/* TABS */
.tabs-menu {
  height: 15px;
  float: left;
  clear: both;
  padding: 0;
}
.tabs-menu li {
  height: 35px;
  line-height: 30px;
  float: left;
  margin-right: 10px;
  background-color: #efefef;
  border-top: 4px solid #efefef;
  border-right: 4px solid #efefef;
  border-left: 4px solid #efefef;
}
.tabs-menu li.current {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  z-index: 5;
}
.tabs-menu li a {
  padding: 10px 30px;
  color: #c7c2c2 !important;
  text-decoration: none !important;
  font-size: 14px;
  text-transform: uppercase;
}
.tabs-menu .current a {
  color: #332532 !important;
}
.tab {
  border: 4px solid #efefef;
  background-color: #fff;
  float: left;
  margin-bottom: 40px;
  width: auto;
}
.tab-content {
  width: 660px;
  padding: 20px;
  display: none;
}
#tab-1 {
  display: block;
}

a.booknow {
  position: absolute;
  right: -9px;
  top: 55px;
  display: block;
  font-size: 17px;
  padding-top: 27px;
  padding-bottom: 24px;
  width: 265px;
  background: url('../img/book.png') no-repeat;
  font-weight: bold;
  text-align: right;
  padding-right: 51px;
  color: #FFF;
  transition: 0.6s all;
}

a.booknow:hover {
  color: #ff6600;
}