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

body#page {
	font-family: 'Roboto', sans-serif;	
}

/*	BACKGROUNDS	*/

#intro {
	background: url(../images/introBg.png) no-repeat center top;
}
.chavdarBg {
	background: url(../images/zlatitsaBg.jpg) no-repeat center;
}
.mirkovoBg {
	background: url(../images/mirkovoBg.jpg) no-repeat center;
}
.zlatitsaBg {
	background: url(../images/chavdarBg.jpg) no-repeat center;
}
.galleryBg {
	background: url(../images/galleryBg.jpg) no-repeat center;
}

.container {
	width: 1170px;	
}

.container h1, .contacts h2 {
	font-size: 25px;
	font-weight: 500;
	color: #5b5e61;
}

.container h1 small, .contacts h2 small {
	font-size: 70%;
	font-weight: 400;
	color: #5b5e61;
	line-height: 35px;
}

#page p {
	font-size: 14px;
	font-weight: 300;
	color: #98999c;
	line-height: 24px;
}

#page #intro .container .row .logo {
	margin-top: 20px;	
}

#intro h1, #intro .gerb, #intro p {
	margin-bottom: 80px;	
}

.map .row iframe{
	border: none;
	border-bottom: 1px solid #dedede;
}

.download  {
	padding-bottom: 80px;	
	padding-top: 80px;	
	background: url(../images/downloadBg.png) no-repeat center;
}

.download .green a {
	display: inline-block;
	width: 100%;
	background-color: #00a651;
	line-height: 100px;
	font-weight: 400;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
}

.download .green a:hover {
	text-decoration: none;
	background-color: #12854a;	
}

.download a.dlBrochure {
	display: inline-block;
	line-height: 25px;
	vertical-align: middle;
	padding-left: 40px;
	font-weight: 600;
	font-size: 14px;
	color: #c4c4c4;
	text-transform: uppercase;
	background: url(../images/arrow.jpg) no-repeat left;
	margin-top: 20px;
}

.download .dlBrochure:hover {
	text-decoration: none;
	color: #909090;	
	background: url(../images/arrow-active.jpg) no-repeat left;
}

/*	OBSHTINI	*/

.mirkovoBg .container div, .chavdarBg .container div, .zlatitsaBg .container div {
	width: 160px;
	height: 160px;
	border-radius: 100px;
	margin-top: 60px;
	margin-bottom: 60px;
}

.mirkovoBg .container div {
	background-color: rgba(0, 149, 218, 0.8);
}
.chavdarBg .container div {
	background-color: rgba(255, 203, 8, 0.8);
}
.zlatitsaBg .container div {
	background-color: rgba(242, 28, 36, 0.8);
}

.mirkovoBg .container div h2, .chavdarBg .container div h2, .zlatitsaBg .container div h2, .galleryBg h2 {
	color: #fff;
	font-size: 25px;
	line-height: 160px;
	vertical-align: middle;
}

.mirkovoBg, .chavdarBg, .zlatitsaBg,
.obshtinaInfo p,
.obshtinaInfo row {
	margin-bottom: 80px;
}

.obshtinaInfo .row .col-xs-6:first-child {
	padding-left: 0;
}

.obshtinaInfo .row .col-xs-6 h3,
.obshtinaInfo .row .col-xs-6 p {
	padding-left: 25px;	
}

.obshtinaInfo .row .col-xs-6 img {
	display: block;
	position: relative;
	z-index: 1;
}

.obshtinaInfo .row .col-xs-6 h3 {
	display: block;
	position: absolute;
	top: 161px;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 15px 25px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}

.obshtinaInfo .row .col-xs-6 p {
	margin-top: 20px;	
}

/*	GALLERY	*/

.galleryBg h2 {
	line-height: 170px;
}

.galleryBg .image-row, .galleryBg .image-row .image-set {
	margin: 0;
	padding: 0;	
}

.galleryBg .image-row .image-set {
	margin-left: 4px;	
	margin-bottom: 75px;
}

.galleryBg .image-set .gallery-image {
	display: inline;
	margin: 3px;
	max-width: 180px;	
}

/*	Visit Us	*/

.visitUs {
	background: url(../images/bg.png) top no-repeat;
}

.visitUs h2 {
	line-height: 170px;
	color: #5b5e61;	
	font-size: 25px;
}

.visitUs h4 {
	font-size: 18px;
	line-height: 35px;
	background: url(../images/hotelBg.png) left  no-repeat;
	padding-left: 35px;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.visitUs h4.second {
	margin-top: 50px;	
}

.visitUs .col-xs-4 {
	margin-bottom: 30px;	
}

.visitUs .hotel {
	background-color: #f8f8f8;
	border: 1px solid #e4e4e4;
} 
.visitUs .hotel img {
	margin-right: 30px;	
}

.visitUs .hotel .hotelName {
	margin-top: 25px;	
}

.visitUs .hotel .hotelName h5 {
	font-size: 18px;
	color: #0095da;
	margin-right: 20px;	
}

.tic {
	margin-top: 70px;
	padding-top: 70px;
	padding-bottom: 70px;
	border-top: 1px solid #dedede;
	background: url(../images/bg.png) top repeat;
}

.grayBg {
	background-color: #f8f8f8;
	padding-bottom: 40px;	
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #dedede;
}

.grayBg img {
	margin-top: 30px;
	margin-bottom: 20px;	
}

.grayBg h4 {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 22px;
	color: #98999c;
	text-align: center;
}

.grayBg .blueLine,
.grayBg .yellowLine,
.grayBg .redLine {
	width: 40px;
	height:5px;
	margin-top: 30px;
	margin-bottom: 40px;
}
.grayBg .blueLine {
	background-color: #0095da;
}
.grayBg .yellowLine {
	background-color: #ffcb08;
}
.grayBg .redLine {
	background-color: #ed1c24;
}

.grayBg address {
	width: 70%;
	margin: 0 auto;	
	font-size: 14px;
	line-height: 24px;
}

.grayBg address abbr {
	margin-right: 10px;	
	font-weight: 500;
	text-transform: uppercase;
}

.contacts {
	margin-top: 30px;	
}

.contacts h2 {
	margin-bottom: 40px;	
}

.contacts form input,
.contacts form textarea {
	background-color: #f8f8f8;	
	line-height: 24px;
}

.contacts form input {
	width: 47%;	
	margin-top: 30px;
	display: inline-block;
}

.contacts form input.first {
	margin-right: 5%;	
}

.contacts form input,
.contacts form textarea,
.contacts form button {
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-size: 14px;
	font-weight: 300;
}

.contacts form button {
	text-transform: uppercase;
	background-color: #00a651;
	border-bottom: 5px solid #029248;
	padding: 10px 35px 5px;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 50px;
}