*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

body{
	font-size: 12px;
	line-height: 14px;
	line-height: 1.6em;
	font-family: 'Verdana', sans-serif;
	background: #273139;
}
h1{
	font-family: 'Cuprum', sans-serif;
	color:  #9d0000;
	font-size: 2.2em;
	margin-top: 30px;
}
.band{
	width: 100%;
}
.band.navigation{
	width: 100%;
	background-color: #9d0000;
	background-image: url("../images/bgr_nav.png");
	background-repeat: repeat-x;
	font-family: 'Cuprum', sans-serif;
	font-size: 16px;
}

.band.header{
	background: #273139;
	font-family: 'Cuprum', sans-serif;
}
.band.footer{
	background: #273139;
	color:  #878787;
	font-size: 10px;
	padding: 7px 0;
	font-family: 'Cuprum', sans-serif;
	font-size: 14px;
}


.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }



.circle {
	width: 200px;
	height: 200px;
	border-radius: 100px;
	background-color: #601785;
	position: absolute;
	clip: rect(0px,200px,200px,0px);
	margin: 0 auto;
}




/* Navigation */
	nav.primary ul,
	nav.primary ul li{
		margin: 0px;
 	}
	nav.primary ul li{
		display: inline;
		float: left;
		position: relative;/* zaradi dropdowna*/
	}
	nav.primary ul li span{
		display: none;
	}
	nav.primary ul li a{
		display: inline-block;
		padding: 0 14px;
		line-height: 42px;
		color: #ffffff;
		text-decoration: none;
	}
	nav.primary ul li a.selected{
		background-color: #f3e0e0;
		background-image: url("../images/bgr_nav_over.png");
		background-repeat: repeat-x;
		color: #9d0000;
		cursor: pointer;
	}
	nav.primary ul li a:hover{
		background-color: #f3e0e0;
		background-image: url("../images/bgr_nav_over.png");
		background-repeat: repeat-x;
		color: #9d0000;
		cursor: pointer;
	}
	nav.primary ul li:hover ul{
		height: auto;
		overflow: auto;
	}
	/*zapazwa main menuto cvetno*/
	nav.primary ul li:hover > a{
		background-color: #f3e0e0;
		color: #9d0000;
	}
	/*submenuto*/
	nav.primary ul ul{
		position: absolute;
		z-index: 999;
		background: #9d0000;
		min-width: 100%;
		-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
		height: 0;
		overflow: hidden;
	}
	nav.primary ul ul li{
		float: none;
		display: block;
		border-bottom: 1px solid #273139;
	}
	nav.primary ul ul li a{
		white-space: nowrap;
		display: block;
		line-height: 35px;
		text-transform: none;
	}
	nav.primary select{
		width: 100%;
		margin: 21px auto;
		height: 35px;
	}


	nav.primary ul{
		display: none;
	}
	nav.primary select{
		display: block;
	}

ul.bottom_nav{
	list-style: none;
}
ul.bottom_nav li{
	margin-bottom: 0;
}
ul.bottom_nav li a{
	color: #878787;
}
ul.bottom_nav li a, .footer a{
	color: #c3c3c2;
	text-decoration: none;
}

	.copy{
		text-align: right;
	}

	.langs{
		margin-bottom: 47px;
		float: right;
		clear: both;
	}
	.langs a{
		display: block;
		padding-left: 21px;
		background-position: left center;
		background-repeat: no-repeat;
		width: 20px;
		float: left;
		margin-left: 20px;
		color: #d1d1d1;
		text-decoration: none;
	}
	.langs a.en{
		background-image: url("../images/flag_en.jpg");
	}
	.langs a.bg{
		background-image: url("../images/flag_bg.jpg");
	}

.home{
	background-color: #ffffff;
	background-image: url("../images/bgr_home.jpg");
	background-repeat: no-repeat;
	background-position: center  bottom;
	padding-bottom: 30px;
	
}
.hp_txt_wrapper{
	width: 550px;
	padding: 0px;
	float: none;
}
.hp_txt{
	padding: 20px 20px 0px 20px;
	background-image: url("../images/spacer_gray_a80.png");
	color: #ffffff;
	text-shadow: 0px 2px 1px #000000;
	font-size: 11px;
	margin: 0 !important;
}
.hp_txt p, .hp_txt ul, .hp_txt li{
	margin: 0 !important;
	list-style: none;
}
.hp_txt p, .hp_txt ul{
	padding-bottom: 6px !important;
}
.hp_txt li{
	background-image: url("../images/bgr_bullet.png");
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 25px;
	margin-bottom: 6px !important;
}
.hp_txt_ft{
	height: 44px;
	margin: 0 !important;
}
.hp_txt_ft .f1{
	background-image: url("../images/spacer_gray_a80.png");
	width: 506px;
	height: 44px;
	float: left;
}
.hp_txt_ft .f2{
	width: 44px;
	height: 44px;
	float: left;
	background-image: url("../images/red_tr.png");
	background-repeat: no-repeat;
	background-position: right top;
}
.hp_promo1, .hp_promo2, .hp_promo3{
	display: none;
	width: 454px;
	height: 176px;
	background-repeat: none;
	margin-top: 40px;
	text-decoration: none;
	color: #6a6a6a;
}
.hp_promo1 span, .hp_promo2 span, .hp_promo3 span{
	display: block;
	text-transform: uppercase;
	font-size: 1.8rem;
	color: #3b3b3b; /*6a6a6a*/
	-webkit-text-stroke: 1px #fff;
	text-shadow:
	   -1px -1px 0 #fff,  
		1px -1px 0 #fff,
	   -1px  1px 0 #fff,
		1px  1px 0 #fff;
	
	padding: 74px 0 0 190px;
}
.hp_promo1{
	background-image: url("../images/hp_promo1.png");
}
.hp_promo2{
	background-image: url("../images/hp_promo2.png");
}
.hp_promo3{
	background-image: url("../images/hp_promo3.png");
}

.separator{
	height: 1px;
	background-color: #93989c;
	margin-bottom: 40px;	
	margin-top: 30px;	
}


.gallery{
	background-color: #ffffff;
	padding-bottom: 30px;
}
.gallery h2{
	font-family: 'Cuprum', sans-serif;
	color:  #9d0000;
	font-size: 24px;
	text-transform: uppercase;
}
.flttl{
	color: #9d0000;
	font-family: 'Cuprum', sans-serif;
	font-size: 1.6rem;
	text-transform: uppercase;
}
.floor_row{
	margin-bottom: 20px;;
}
.apps{
	background-color: #ffffff;
	padding-bottom: 30px;
}
.free{
	background-color: #b6d393;
}
.free .apcond, .ocu .apcond{
	background-size: 100%;
}
.free .apttl{
	background-color: #5f7e3b;
}
.apttl{
	color: #fff;
	font-weight: bold;
	padding: 2px 4px;
}
.apttl a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
.apcond{
	padding: 4px;
}
.apcond img{
	width: 100%;
}
.free .apcond{
	background-color: #b6d393;
}
.ocu{
	background-color: #b92626;
}
.ocu .apttl{
	background-color:  #9d0000;
}
.ocu .apcond{
	background-color: #b92626;
}
.apps .column, .apps  .columns {
    margin-left: 0%;
}
.apps .one.column, .one.columns {
    width: 8%;
	border-right: 1px solid white;
}


.contacts{
	background-color: #ffffff;
	padding-bottom: 30px;
}
.contacts td{
	padding: 0;
	margin: 0;
	border: 0;
}
.address_content{
	padding: 0 30px 0 0;
}
.tagline{
	color: #c3c3c2;
	text-align: right;
}
.tagline span{
	font-size: 24px;
	text-transform: uppercase;
}

.clearer{
	clear: both;
}
/* Media Queries
末末末末末末末末末末末末末末末末末末末末末末末末末 */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 320px) {
	.band.navigation{
		background-image: none;
	}
	.hp_txt_wrapper{
		width: 100%;
		margin-top: 0px;
	}
	.hp_txt_ft{
		display: none;
	}
}
@media (min-width: 400px) {
	nav.primary ul{
		display: none;
	}
	nav.primary select{
		display: block;
	}
	.container {
	  max-width: 400px;
	}
	
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	nav.primary ul{
		display: none;
	}
	nav.primary select{
		display: block;
	}
	.container {
	  max-width: 550px;
	}
	.hp_txt_wrapper{
		margin-top: 20px;
	}
}

/* Larger than tablet */
@media (min-width: 750px) {
	nav.primary select{
		display: none;
	}
	nav.primary ul{
		display: block;
	}
	.container {
	  max-width: 750px;
	}
	.band.navigation{
		background-image: url("../images/bgr_nav.png");
	}
	.hp_txt_wrapper{
		width: 550px;
		margin-top: 20px;
	}
	.hp_txt_ft{
		display: block;
	}
	
}

/* Larger than desktop */
@media (min-width: 1000px) {
	nav.primary select{
		display: none;
	}
	nav.primary ul{
		display: block;
	}
	.container {
	  max-width: 1000px;
	}
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	nav.primary select{
		display: none;
	}
	nav.primary ul{
		display: block;
	}
	.container {
	  max-width: 1200px;
	}
			
	.home{
		background-size: 100%;
	}
}