@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&subset=latin-ext');

.hide {
	display: none;
}

.mobile {
	display: none;
}

/****************************************************************************************************/
/*
/* RESET / DEFAULT BROWSER VALUES
/*
/****************************************************************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}

caption, th, td {
	text-align: left;
	font-weight: 400;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

.qtip-content {
	font-size: 13px;
}

/* PRE / LOGS */

pre {
	padding: 10px;
	background: #fff;
}

pre * {
	text-align: left !important;
	padding: 1px 0 !important;
	margin: 0 !important;
	border-collapse: collapse !important;
	font-family: arial !important;
	font-size: 13px !important;
}

pre > div {
	padding: 5px !important;
}

a img {
	border: none;
}

.itinerary input.calDate {
	width: 1px !important;
}

/* FIELDSET RESET */

fieldset {
	border: none;
	margin: 0;
	padding: 0;
	min-width: inherit;
}

@-moz-document url-prefix() {
	fieldset {
		display: table-cell;
	}
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	::i-block-chrome, fieldset {
		display: table-cell;
	}
}

.page_onlineHotelPricer fieldset {
	min-width: 0;
	/* overflow: -moz-hidden-unscrollable; */
}

/* ACCESSIBILITY RESET */

#informationHelpers .languageLinkHelper fieldset legend,
#informationHelpers .languageLinkHelper fieldset label {
	position: absolute !important;
	top: -1000px !important;
}

/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/*
/* GLOBAL ELEMENTS
/*
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/

* {
	margin: 0;
	padding: 0;
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
}

html {
	font-size: 10px;
}

body {
	color: #000;
	text-align: center;
	font-size: 1.5rem;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 85%, #e9e9ce 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 85%, #e9e9ce 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 85%, #e9e9ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	font-family: 'Quicksand', sans-serif;
	scroll-behavior: smooth;
}

/* links ********************************************************************************************/

a {
	color: #cb4a0c;
	/*text-decoration: underline;*/
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #cb4a0c;
	text-decoration: none;
}

/* zarovnani */

.aright {
	text-align: right !important;
}

.aleft {
	text-align: left !important;
}

/* paragraph  ***************************************************************************************/

p {
	padding: 5px 0;
}

em {
	font-style: italic;
	color: #555;
	display: inline-block;
	font-size: 1.3rem;
}

/* titles  ******************************************************************************************/

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	margin: 0;
	font-family: 'Quicksand', sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #000;
	text-decoration: none;
}

h1 {
	font-size: 4.5rem;
}

h2 {
	font-size: 4.0rem;
	color: #000;
	padding: 15px 0 30px 0;
	text-align: center;
}

h3, .big {
	font-size: 2.5rem;
	padding: 25px 0 5px 0;
	font-weight: 400;
}

.item.p50 h3,
.item.p33 h3,
.item.p25 h3,
.item.p20 h3 {
	padding-top: 0;
}

h4 {
	font-size: 1.6rem;
	padding: 5px 0 5px 0;
}

h5 {
}

h6 {
}

/* lists  *******************************************************************************************/

ul {
	margin: 20px 0;
}

ul li {
	margin: 0;
	padding: 3px 0 3px 30px;
	list-style-type: none;
	font-size: 1.6rem;
	background: url('../img/tooth.svg') 0 6px no-repeat;

}

/*table obecne --------------------------------------------------------------*/

table {
	border-collapse: collapse;
	width: 100%;
	border: none;
}

table th,
table td {
	border-top: 1px solid #dedede;
	padding: 5px 0;
}

table tr:first-child th,
table tr:first-child td {
	border: none;
}

table th {
	color: #315573;
	font-size: 1.6rem;
	font-weight: 600;
}

table td {
	color: #454544;
	font-size: 1.6rem;
	font-weight: 300;
}

table th strong,
table td strong {
	font-weight: 600;
}

table th.important,
table td.important {
	color: #ff8100;
	font-weight: 600;
}

/* style of text  ***********************************************************************************/

strong {
	font-weight: 600 !important;
}

/* clear  *******************************************************************************************/

.clear {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/****************************************************************************************************/
/****************************************************************************************************/
/* LAYOUT
/****************************************************************************************************/
/****************************************************************************************************/

.box {

}

.header_box,
.content_box {
	margin: 0 auto;
}

.header_box > div,
.claim > div,
.content_box > div {
	max-width: 1060px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}

/*header*/
.header_box.fixed_on_top {
}

.header_box {
	height: 130px;
	background: #fff;
	/*margin-bottom: 30px;*/
}

.logotyp {
	float: left;
	width: 25%;
	padding: 20px 0;
	box-sizing: border-box;
}

.logotyp img {
	width: 100%;
	height: auto;
}

nav {
	float: left;
	width: 75%;
	text-align: right;
}

nav ul {
	margin: 0;
	padding: 0;
}

nav ul li {
	list-style-type: none;
	font-size: 1.8rem;
	line-height: 130px;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
	background: none;
}

nav ul li a {
	font-weight: 300;
	color: #cb4a0c;
	display: block;
	padding: 0 15px;
	line-height: 130px;
}

nav ul li a:hover,
nav ul li a.active {
	border-bottom: 2px solid #f37b41;
	color: #000;
}

/* claim --------------------------------------------------*/

.claim {
	height: 500px;
	background: #e6ddd4 url('../../../uploaded/img/photo.jpg') 50% 50% no-repeat;
	background-size: auto 500px;
	box-sizing: border-box;
	text-align: right;
}

.claim > div {
	text-align: right;
	padding-left: 550px;
	padding-top: 50px;
}

.claim > div a,
.claim > div a:hover {
	display: inline-block;
	font-size: 1.6rem;
	margin-top: 20px;
	padding: 10px 15px;
	color: #fff;
	background: #cb4a0c;
	border-radius: 5px;
}

.claim > div a:hover {
	background: #f37b41;
}

.claim > div .hours {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	margin: 20px 0 10px 0;
	display: inline-block;
	padding: 15px;
	font-size: 1.8rem;
	font-weight: 300;
	width: 40%;
}

.claim > div .hours strong {
	font-size: 400;
	text-align: left;
	display: block;
	padding: 0 0 10px 0;
}

.claim > div .hours span {
	display: block;
	font-size: 2.0rem;
	line-height: 30px;
	font-weight: 300;
}

.claim > div .hours span > span {
	display: inline-block;
}

.claim > div .hours span > span.day {
	font-size: 1.4rem;
	text-align: left;
	width: 20%;
}

.claim > div .hours span > span.hour {
	font-size: 2.0rem;
	text-align: right;
	width: 80%;
}

/* content box ------------------------------------------*/

.item_container {
	margin-left: -20px;
	margin-right: -20px;
}

.item.p50 {
	width: 50%;
}

.item.p33 {
	width: 33.33%;
}

.item.p25 {
	width: 25%;
}

.item.p20 {
	width: 20%;
}

.item.p16 {
	width: 16.66%;
}

.item {
	box-sizing: border-box;
	padding: 20px 20px 20px 20px;
	overflow: hidden;
	text-align: center;
	float: none;
}

.item.p50,
.item.p33,
.item.p25,
.item.p20 {
	text-align: left;
	float: left;
}

.item img {
	width: 100%;
	height: auto;
	margin: 10px 0;
}

/* important news */

.content_box .important {
	background: rgba(255, 165, 30, 0.5);
}

.content_box .important .item {
	min-height: 235px;
}

.content_box .important .item:nth-child(1) p {
	font-size: 1.4rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.content_box .important .services {
	padding: 0;
	text-align: center;
	border-left: 1px dashed rgba(240, 65, 6, 1);
	height: 200px;
	background: none;
}

.content_box .important .services a,
.content_box .important .services a:hover {
	display: block;

	font-size: 2.4rem;
	padding: 170px 20px 20px 20px;
	color: #B01D02;
	box-sizing: border-box;
	background: url('../img/vrtacka.svg') 50% 50px no-repeat;
	background-size: auto 90px;
}

.content_box .important .services a:hover {
	background: url('../img/vrtacka.svg') 50% 50px no-repeat;
	background-size: auto 90px;
	color: #000;
}

/* interior ----------------------------------------------*/
a.gallitem_wrap {
	display: block;
	overflow: hidden;
	width: 49%;
	height: 158px;
	float: left;
	margin: 0.5%;
}

.interior .item.p50 img {
	width: 100%;
	/*float: left;
	margin: 0.5%;*/
	max-height: 158px;
}

/* pricelist ---------------------------------------------*/
.customblock_13,
.customblock_10,
.pricelist {
}

.customblock_13 > div .price_container,
.customblock_10 > div .price_container,
.pricelist > div .price_container {
	margin-bottom: 10px;
}

.customblock_13 > div .price_container p,
.customblock_10 > div .price_container p,
.pricelist > div .price_container p {
	font-style: italic;
	color: #555;
	display: inline-block;
	font-size: 1.3rem;
	padding-bottom: 5px;
}

.customblock_13 > div .price_row,
.customblock_10 > div .price_row,
.pricelist > div .price_row {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.customblock_13 > div .price_row .title,
.customblock_10 > div .price_row .title,
.pricelist > div .price_row .title {
	float: left;
	width: 70%;
	line-height: 35px;
	font-size: 2.0rem;
	font-weight: 300;
}

.customblock_13 > div .price_row .price,
.customblock_10 > div .price_row .price,
.pricelist > div .price_row .price {
	float: left;
	width: 30%;
	line-height: 35px;
	font-size: 2.0rem;
	font-weight: 300;
	text-align: right;
}

.customblock_13 p.logos img,
.customblock_9 p.logos img,
p.logos img {
	height: 30px;
	width: auto;
	margin-right: 15px;
}

/* contact --------------------------------*/

.customblock_4,
.services {
	background: #D2E8F2;
}

.customblock_4 .item_container .item,
.services .item_container .item {
	text-align: center;
}

.customblock_4 .item_container .item.p33:nth-child(4),
.services .item_container .item.p33:nth-child(7) {
	clear: both;
}

.customblock_4 .item_container .item .icon,
.services .item_container .item .icon {
	display: inline-block;
	background:;
	width: 90px;
	height: 90px;
	padding: 0;
	/*radius*/
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.customblock_4 .item_container .item:nth-child(1) .icon,
.services .item_container .item:nth-child(1) .icon {
	background: #fff url('../img/sluzba1.svg') 50% 50% no-repeat;
	background-size: 70px;
}

.customblock_4 .item_container .item:nth-child(2) .icon,
.services .item_container .item:nth-child(2) .icon {
	background: #fff url('../img/sluzba2.svg') 50% 50% no-repeat;
	background-size: 70px;
}

.customblock_4 .item_container .item:nth-child(3) .icon,
.services .item_container .item:nth-child(3) .icon {
	background: #fff url('../img/sluzba3.svg') 50% 50% no-repeat;
	background-size: 70px;
}

.customblock_4 .item_container .item:nth-child(4) .icon,
.services .item_container .item:nth-child(4) .icon {
	background: #fff url('../img/sluzba4.svg') 50% 50% no-repeat;
	background-size: 70px;
}

.customblock_4 .item_container .item:nth-child(5) .icon,
.services .item_container .item:nth-child(5) .icon {
	background: #fff url('../img/sluzba5.svg') 50% 50% no-repeat;
	background-size: 70px;
}

.customblock_4 .item_container .item:nth-child(6) .icon,
.services .item_container .item:nth-child(6) .icon {
	background: #fff url('../img/sluzba6.svg') 50% 50% no-repeat;
	background-size: 70px;
}

/* team --------------------------------------------*/

.customblock_3,
.team {
	background: #fff;
}

.customblock_3 .item.p50,
.team .item.p50 {
	text-align: center;
	font-size: 2.5rem;
}

/*contact -----------------------------------------------------------------*/

.customblock_6 .item.address,
.contact .item.address {
	padding-top: 40px;
}

.customblock_6 > div .item.p50:first-child p:first-child,
.contact > div .item.p50:first-child p:first-child {
	font-size: 2.0rem;
}

/*footer*/

footer {
	padding: 10px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 1.3rem;
}

/****************************************************************************************************/
/* BUTTONS
/****************************************************************************************************/

.controls.main {
	text-align: right;
	padding-top: 30px;
}

.controls.main button {
	padding: 0 20px;
}

.controls.main button {
	padding: 0 20px;
	margin: 0 0 0 30px;
}

button {
	text-align: center;
	border: none;
	width: auto;
	padding: 0 10px;
	cursor: pointer;
	margin: 0 5px;
	box-sizing: border-box;
	/*radius*/
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*transition*/
	transition: background .15s;
}

button span {
	color: #fff;
	font-size: 1.6rem;
	text-transform: uppercase;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX RESPONSIVE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

@media screen and (max-width: 999px) {

	body {
		background: #ffffff;
	}

	/* titles  ******************************************************************************************/
	h1 {
		font-size: 3.7rem;
	}

	h2 {
		font-size: 3.0rem;
		color: #000;
		padding: 15px 0 30px 0;
		text-align: center;
	}

	h3, .big {
		font-size: 2.3rem;
		padding: 25px 0 5px 0;
		font-weight: 400;
	}

	.claim {
		background-size: cover;
		height: 380px;
	}

	.claim > div {
		padding-left: 280px;
	}

	.interior .item.p50:nth-child(1) {
		width: 75%;
	}

	.interior .item.p50:nth-child(2) {
		width: 25%;
	}

	.interior .item.p50 img {
		width: 100%;
		float: none;
		margin: 0.5% 0;
	}

	/* pricelist ---------------------------------------------*/
	.customblock_13 > div .price_row .title,
	.customblock_10 > div .price_row .title,
	.pricelist > div .price_row .title {
		font-size: 1.7rem;
	}

	.customblock_13 > div .price_row .price,
	.customblock_10 > div .price_row .price,
	.pricelist > div .price_row .price {
		font-size: 1.7rem;
	}

}

@media screen and (max-width: 768px) {

	.header_box > div,
	.claim > div,
	.content_box > div {
		padding: 0 15px;
	}

	.logotyp {
		float: none;
		padding: 20px 10px 0 10px;
		width: 25%;
		display: block;
	}

	.logotyp img {
		height: 55px;
		width: auto;
	}

	nav {
		float: none;
		text-align: left;
		width: 100%;
	}

	nav ul li {
		line-height: 70px;
	}

	nav ul li a {
		line-height: 50px;
		padding: 0 15px;
	}

	/* content box ------------------------------------------*/
	.item_container {
		margin-left: -15px;
		margin-right: -15px;
	}

	.item.p50 {
		width: 100%;
	}

	.item.p33 {
		width: 100%;
	}

	.item.p25 {
		width: 50%;
	}

	.item {
		padding: 15px;
	}

	/* important news */
	.content_box .important .item {
		width: 50%;
	}

	.content_box .important .item:nth-child(1) p {
		font-size: 1.4rem;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.content_box .important .services {
		display: none;
	}

	/* contact ----------------------------------------------*/
	.customblock_6 .item.p50 {
		text-align: center;
	}

}

@media screen and (max-width: 600px) {

	.header_box > div,
	.claim > div,
	.content_box > div {
		padding: 0 15px;
	}

	.logotyp {
		margin: 0 auto;
	}

	.logotyp img {
		height: 55px;
		width: auto;
	}

	nav {
		text-align: center;
	}

	nav ul li a {
		font-size: 1.5rem;
		line-height: 50px;
		padding: 0 10px;
	}

	.claim {
		background: none;
		height: auto;
	}

	h1 {
		font-size: 2.5rem;
		text-align: center;
	}

	.claim > div .hours {
		box-sizing: border-box;
		border-radius: 0;
		margin: 20px 0 0 0;
		border-top: 1px solid rgba(0, 0, 0, 0.3);
		display: block;
		font-size: 1.8rem;
		font-weight: 300;
		padding: 20px;
		width: 100%;
	}

	.interior .item.p50:nth-child(1) {
		width: 100%;
		float: none;
	}

	.interior .item.p50:nth-child(2) {
		width: 100%;
		float: none;
	}
}

@media screen and (max-width: 480px) {

	h2 {
		padding: 15px 0 0;
	}

	.header_box {
		height: 240px;
	}

	.header_box > div,
	.claim > div,
	.content_box > div {
		padding: 0 15px;
	}

	.logotyp {
		margin: 0 auto;
		width: 100%;
	}

	nav ul li a {
		font-size: 1.6rem;
		line-height: 45px;
		padding: 0 10px;
	}

	.content_box .important .item {
		width: 100%;
	}

	.interior .item.p50:nth-child(1) {
		width: 100%;
		float: none;
	}

	.interior .item.p50:nth-child(2) {
		width: 100%;
		float: none;
	}

	/* team --------------------------------------------------*/
	.customblock_3 .item.p50, .team .item.p50 {
		font-size: 2rem;
	}

	/* pricelist ---------------------------------------------*/
	.customblock_13 > div .price_row .title,
	.customblock_10 > div .price_row .title,
	.pricelist > div .price_row .title {
		font-size: 1.5rem;
		font-weight: 400;
	}

	.customblock_13 > div .price_row .price,
	.customblock_10 > div .price_row .price,
	.pricelist > div .price_row .price {
		font-size: 1.5rem;
		font-weight: 400;
	}
}

>
>
>
>
>
>
>
0
c05361dd4ad9baf3e284b1b14f0b300cfa5b7f5:pages /tpl/ css

/
main.css