/*
Theme Name: Hotel Bobík
Theme URI:
Author: Tomáš Kocifaj
Author URI: http://www.ktstudio.cz/
Description: Na míru pro Hotel Bobík
License: GNU General Public License
License URI: license.txt
/*-------------------------------------------------------------- */

/* CSS RESET ZACATEK */
* {margin: 0px; padding: 0px;}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
table {border-collapse: collapse; border-spacing: 0px;}
tr {vertical-align: top;}
td {vertical-align: top; padding: 3px;}
img {margin: 0px; padding: 0px; border: 0px;}
address, code, dfn, em, strong, var {font-style: normal; font-weight: normal;}
caption, th {text-align: center; font-weight: bold; font-style: normal;}
p, pre, blockquote, ul, ol, dl, address {margin: 1em 0px;}
blockquote, cite {font-style: italic; font-weight: normal;}
blockquote {text-align: justify; margin: 1em;}
dd {text-align: justify; margin: 0em 1em 1em 1em;}
em {font-style: italic;}
strong {font-weight: bold;}
abbr, acronym {font-weight: bold; cursor: pointer}
form {margin: 1em 0px;}
label {font-weight: bold; cursor: pointer;}
input, select, textarea {font-family: Arial, Courier, monospace; }
h1 {font-size: 1.2em;}
/* CSS RESET KONEC */

@font-face {
    font-family: 'MyriadProBold';
    src: url('fonts/myriadpro-bold.eot');
    src: url('fonts/myriadpro-bold.eot') format('embedded-opentype'),
         url('fonts/myriadpro-bold.woff') format('woff'),
         url('fonts/myriadpro-bold.ttf') format('truetype'),
         url('fonts/myriadpro-bold.svg') format('svg');
}

@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('fonts/myriadpro-boldcond.eot');
    src: url('fonts/myriadpro-boldcond.eot') format('embedded-opentype'),
         url('fonts/myriadpro-boldcond.woff') format('woff'),
         url('fonts/myriadpro-boldcond.ttf') format('truetype'),
         url('fonts/myriadpro-boldcond.svg') format('svg');
}

@font-face {
    font-family: 'MyriadProCondensed';
    src: url('fonts/myriadpro-cond.eot');
    src: url('fonts/myriadpro-cond.eot') format('embedded-opentype'),
         url('fonts/myriadpro-cond.woff') format('woff'),
         url('fonts/myriadpro-cond.ttf') format('truetype'),
         url('fonts/myriadpro-cond.svg') format('svg');
}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('http://www.hotelbobik.eu/wp-content/themes/nerba/fonts/myriadpro-regular.eot');
    src: url('http://www.hotelbobik.eu/wp-content/themes/nerba/fonts/myriadpro-regular.eot') format('embedded-opentype'),
         url('fonts/myriadpro-regular.woff') format('woff'),
         url('fonts/myriadpro-regular.ttf') format('truetype'),
         url('fonts/myriadpro-regular.svg') format('svg');
}


body
{
	font-size: 18px;
	font-family: "MyriadProRegular";
	color: #333;
	background: url("images/gray_bg.jpg") top left repeat;
}

body a
{
	color: #333;
	text-decoration: underline;
}

.myriadRegular, .myriadRegular a
{
	font-family: "MyriadProRegular";
}

.myriadBold, .myriadBold a
{
	font-family: "MyriadProBold";
	font-weight: normal;
}

.myriadCond, .myriadCond a
{
	font-family: "MyriadProCondensed";
	font-weight: normal;
}

.myriadBoldCond, .myriadBoldCond a
{
	font-family: "MyriadProBoldCondensed";
	font-weight: normal;
}

.container-full
{
	width: 100%;
	text-align: center;
}

.container-full > .container
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
}

/** HEADER **/

div#header-container
{
	background: url("images/upper_bg.jpg") top center no-repeat;
}

div#header
{
	height: 268px;
	position: relative;
}

div#header > a#logo
{
	width: 300px;
	height: 123px;
	background: url("images/sprite.png") top left no-repeat;
	overflow: hidden;
	text-indent: -2000px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -475px;
	top: 33px;
}

#facebook
{
	position: absolute;
	top: 5px;
	right: 0;
}

div#header > ul
{
	width: 950px;
	height: 78px;
	background: url("images/gray_bg_2.jpg") top left repeat;
	position: absolute;
	top: 190px;
	left: 50%;
	display: block;
	margin: 0 0 0 -475px;
}

div#header > ul > li
{
	display: block;
	float: left;
	width: 16.666666%;
	line-height: 78px;
	height: 78px;
	text-align: center;
}

div#header > ul > li > a
{
	font-family: "MyriadProBoldCondensed";
	font-size: 24px;
	text-decoration: none;
	display: block;
}

div#header > ul > li > a:hover,
div#header > ul > li.current-menu-item > a
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60af60+1,008a00+100 */
background: #60af60; /* Old browsers */
background: -moz-linear-gradient(top,  #60af60 1%, #008a00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#60af60), color-stop(100%,#008a00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #60af60 1%,#008a00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #60af60 1%,#008a00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #60af60 1%,#008a00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #60af60 1%,#008a00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60af60', endColorstr='#008a00',GradientType=0 ); /* IE6-9 */
	color: #fff;
}

/** SLIDER **/

div#slider-wrapper
{
	width: 100%;
	height: 471px;
	overflow: hidden;
	position: relative;
}

div#slider-wrapper > div.slider-code
{
	width: 2850px !important;
	max-width: 2850px !important;
	height: 471px;
	overflow: hidden;
	margin: 0 0 0 -1425px;
	position: absolute !important;
	top: 0;
	left: 50%;
}

div#slider-wrapper > div.slider-code:before,
div#slider-wrapper > div.slider-code:after
{
	height: 471px;
	width: 950px;
	position: absolute;
	top: 0;
	content: "";
	z-index: 90;
	display: block;
	overflow: hidden;
	background: rgba(0,0,0, 0.7);
}

div#slider-wrapper > div.slider-code:before
{
	left: 0;
}

div#slider-wrapper > div.slider-code:after
{
	right: 0;
}

div#slider-wrapper > div.slider-code  ul.bjqs
{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

div#slider-wrapper > div.slider-code > div.bjqs-wrapper
{
	position: absolute !important;
	left: 50%;
	margin-left: -475px;
	overflow: visible !important;
}

div#slider-wrapper > div.slider-code .bjqs-controls > li
{
	position: absolute;
	top: 45%;
	width: 47px;
	height: 47px;
	background-image: url("images/sprite.png");
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
}

div#slider-wrapper > div.slider-code .bjqs-controls > li > a
{
	display: block;
	overflow: hidden;
	text-indent: -2000px;
	height: 47px;
}

div#slider-wrapper > div.slider-code .bjqs-controls > li.bjqs-prev
{
	left: 50%;
	margin-left: -450px;
	background-position: 0 -123px;
}

div#slider-wrapper > div.slider-code .bjqs-controls > li.bjqs-next
{
	right: 50%;
	margin-right: -450px;
	background-position: -47px -123px;
}

/** OFFER MENU **/

div#offer-menu
{
	margin-top: 30px;
	margin-bottom: 30px;
}

div#offer-menu > div
{
	width: 23.5%;
	float: left;
	margin-left: 2%;
	background: #e7e7e7;
	border: solid #c7c7c7 1px;
	padding: 15px;
	min-height: 432px;
}

div#offer-menu > div:first-child
{
	margin-left: 0;
}

div#offer-menu > div > h2 > a
{
	text-align: center;
	font-family: "MyriadProBoldCondensed";
	font-size: 26px;
	text-decoration: none;
	display: block;
	margin-bottom: 17px;
	text-transform: uppercase;
}

div#offer-menu > div > a
{
	display: block;
	width: 222px;
	margin-left: -15px;
	margin-right: -15px;
}

div#offer-menu > div > a > img
{
	max-width: 221px !important;
	height: auto !important;
}

div#offer-menu > div > p
{
	font-size: 15px;
	text-align: justify;
	height: 145px;
}

div#offer-menu > div > div
{
	text-align: center;
}

div#offer-menu > div > div > a
{
	display: inline-block;
	text-decoration: none;
	padding: 4px 15px;
	background: #333;
	color: #fff;
	border-radius: 4px;
	font-size: 20px;
	font-family: "MyriadProCondensed";
}

/** PRODUCT LIST **/

div#product-list
{
	margin-top: 30px;
	margin-bottom: 30px;
}

div#product-list > div
{
	background: #e7e7e7;
	border: solid #c7c7c7 1px;
	margin-top: 10px;
	min-height: 344px;
}

div#product-list > div:first-child
{
	margin-top: 0;
}

div#product-list > div > a
{
	display: block;
	width: 549px;
	height: 342px;
	float: left;
	margin-right: 33px;
}

div#product-list > div > div
{
	overflow: hidden;
	z-index: 1px;
}

div#product-list > div > div > h2
{
	margin-top: 20px;
}

div#product-list > div > div > h2 > a
{
	font-family: "MyriadProBoldCondensed";
	font-size: 25px;
	text-decoration: none;
	text-transform: uppercase;
}

div#product-list > div > div > p
{
	font-size: 15px;
}

div#product-list > div > div > a
{
	background: #333;
	color: #fff;
	font-family: "MyriadProCondensed";
	font-size: 20px;
	padding: 4px 35px;
	border-radius: 5px;
	text-decoration: none;
	display: inline-block;
	margin-top: 15px;
}

/** PAGE **/

div#page-content
{
	margin-top: 50px;
	margin-bottom: 30px;
}

div#page-content
{
	font-size: 15px;
}

div#page-content h1
{
	font-family: "MyriadProBoldCondensed";
	font-size: 26px;
	text-transform: uppercase;
}

div#page-content h2
{
	font-family: "MyriadProBoldCondensed";
	font-size: 20px;
	text-transform: uppercase;
}

div#page-content h3
{
	font-family: "MyriadProBoldCondensed";
	font-size: 19px;
}

/** FOOTER **/

div#footer-wrapper
{
	background: url("images/footer_bg.jpg") top center no-repeat;
	height: 123px;
}

div#footer
{
	padding-top: 1px;
}

div#footer > p
{
	color: #fff;
	font-family: "MyriadProCondensed";
	font-size: 16px;
	text-align: right;
}

/** OTHERS **/

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.text-center
{
	text-align: center;
}