/* HTML 5 shits */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section {
	display: block;	
}

/* Reset browsers default styling */
html, body, div, span, 	h1, h2, h3, h4, h5, h6,	a, acronym,	font, img,	ul, li,	fieldset, form, label, legend, button {
	margin: 0; padding: 0;	border: 0; outline: 0;	font-size: 100.01%; vertical-align: baseline;		background: transparent; }
p {padding-top:0; margin-top:0; }	   
ul { list-style: none; }
blockquote, q { quotes: none; }
textarea { overflow:auto; }

			
 /* site styling */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body { 
	color: #222; 
	font-family: Calibri, Arial, Verdana, Geneva, sans-serif;
	font-size:14px;
	background:url(/images/fon.jpg) top repeat-x;
	margin:0 auto;
	width:1251px; 
}
textarea, select, input {	font-family: Arial, Verdana, Geneva, sans-serif;}
.t8 {font-size:8px}
.t9 {font-size:9px}
.t10 {font-size:10px}
.t11 {font-size:11px}
.t12 {font-size:12px}
.t13 {font-size:13px}
.t14 {font-size:14px}
.t15 {font-size:15px}
.t16 {font-size:16px}
.t18 {font-size:18px}
.t20 {font-size:20px}

.l16 {line-height: 16px}
.l18 {line-height: 18px}
.l24 {line-height: 24px}

.white {color:#FFF}
.black { color:#000000; }
.red { color:#d21b1c; }
.red_head { color:#d21b1c; margin-top:-10px }
.purple { color:#6d1e68; }
.gray { color:#838282; }
.light_blue { color:#7fa4cc; }
.blue { color:#255b95; }
.dark_gray { color:#363636; }
.uppercase {text-transform:uppercase}
.lowercase {text-transform:lowercase}

.bold {font-weight:bold}
.underline {text-decoration:underline}
.no-underline {text-decoration:none}

h1 {font-size:24px; display:inline-block; font-weight:normal; margin:0 0 5px 0} 
h2 {font-size:14px; display:inline-block; font-weight:normal; text-transform:uppercase; margin: 10px 0 7px}
.content h2 {font-weight:bold;} 
h3 {font-size:13px; display:inline-block; font-weight:bold; text-transform:uppercase; margin-bottom:5px; }
h4 {font-size:14px; display:inline-block; font-weight:normal; text-decoration:underline; margin-bottom:5px;}

li {list-style:none;}
#main_content ul li {list-style:inside; padding-left:20px; margin:3px;}
#main_content ul {margin-bottom:20px;}

.menu {font-size:20px; display:block; text-transform:uppercase;}

a {text-decoration:none; color:#363635}

img { border:0px; max-width:100% }
.img_ico_b {border:1px solid #7fa4cc; padding:4px;}
.img_b {border:1px solid #ccc; padding:3px; margin-right:10px;}
.img_b2 {margin: 0 17px 5px 0;}
.img_b2_last {margin:0 0 5px 0;}
.img_cat {padding:7px; margin-right:21px; border:1px solid #ccc;}

.fildset { background-color:#FEFEFE;  filter:alpha(opacity=100);  opacity: 1.00;	border: 1px solid #bbbbbb;	padding: 10px; color:#58585a; width:430px;}

#contact_form .input {background-color:#f8f8f8; border:1px solid #cccccc; height:30px; color:#CCC; padding-left:5px; font-size:13px; }
#contact_form .input_select {background-color:#f8f8f8; border:1px solid #cccccc; height:30px; color:#424d39; padding-left:5px; font-size:13px;}
#contact_form .btn { border:0; font-size:12px; text-transform:uppercase; width:120px; height:30px; padding:5px 10px; color:#FFF; cursor:pointer; background-color:#7bb367; }

.contact_form_container {position:relative; }
.contact_form_holder {position:relative; padding:0;}

.contact_form_table {margin:10px; width:440px}
#c_ime, #c_tel, #c_email {width:300px; padding:2px; margin-bottom:10px}
#c_notes {width:410px; padding:2px; margin-bottom:10px}

#msg { display:none; position:absolute; z-index:200; background:url(/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent { display:block; background:#e8e8e8; color:#4f4d4e; border:2px solid #ff6600; border-left:none; padding:5px; min-width:150px; max-width:250px}

.on {display:block }
.off {display:none }
.active {font-weight:bold;}

.ok_mess { padding:5px 10px; margin:5px; background-color:#eceff4; border:1px solid #abc1d9; color:#777777; font-weight:bold}
.bad_mess { padding:5px 10px; margin:5px; background-color:#f2d7de; border:1px solid #7d0f36; color:#7d0f36; font-weight:bold}

.content { padding:10px 0 0 0; text-align:justify; line-height: 20px; font-size:14px}


.content>table{
  border-collapse: collapse;
  border: 1px solid #CCC;
	max-width:100%;
}
.content>table td{
  border: 1px solid #CCC;
	padding:5px;
}

.clear{clear:both;}	

#wrapper {  position:relative; margin:0 auto; width:100%; height:auto; }
#wrapper_inside {  position:relative; margin:0 auto; width:100%; height:auto; }

header { position:relative;	clear:both;	height:442px;	margin:0 auto; background:url(images/glava_bg.jpg) top center no-repeat; }
#foother { position:relative; clear:both; width:980px; height:93px; margin:30px 0; background:url(images/foother.jpg) top center no-repeat; }

/* ------------------------------------  TOP MENU --------------------------------------*/
nav{ clear:both;}
.top_menu { text-transform:uppercase; position:absolute; width:700px; top:361px; left:95px; text-align:left}
.top_menu ul { position: relative;  height:60px;}
.top_menu ul li { height:63px; padding:37px 19px 0 12px; display:inline-block; background:url(/images/menu_bullet.png) bottom right no-repeat;  }
.top_menu ul a { font-size:14px; color:#414141; cursor:pointer  }
.top_menu ul li:last-child {background:none}
/* ------------------------------------  END TOP MENU --------------------------------------*/

#lang {position:absolute; right:0; top:10px;}
.lang_item {float:left; text-align:center; font-weight:400; padding:0 5px; text-transform:uppercase; line-height:20px;}
.lang_item a {color:#333; font-size:13px}

main { width:980px; margin: 50px 0 0 66px; vertical-align:top}
main_content { margin: 0 auto;}

#left_column { position:relative; width:612px; padding:0 30px; float:left}
#right_column { position:relative; padding:0 0 0 40px; float:left; background:url(images/bullet_tri_diva.gif) top left no-repeat;}

#left_column_cat{ position:relative; width:270px; padding:0 30px; float:left; line-height:28px; font-size: 13px; text-transform:uppercase;}
#right_column_cat { position:relative; width:710px; padding:0 0 0 40px; float:left; background:url(images/bullet_tri_diva.gif) top left no-repeat;}
#left_column_cat a{ text-decoration:underline;}

.title{ height:25px; font-size:24px; color:#686669; margin-bottom:25px; clear:both; text-transform: uppercase;}
.title_2{ height:25px; font-size:15px; color:#686669; margin-bottom:25px; clear:both}

.title div, .title_2 div {float:left; vertical-align:top; margin-top:3px; margin-right:5px;}
.title_2 span {display:block; padding-top:5px;}

.bul_1{ background: url(/images/title_bullets.gif) no-repeat top left; background-position:0 0; width:20px; height:20px; }
.bul_2{ background: url(/images/title_bullets.gif) no-repeat top left; background-position:0 -20px; width:20px; height:20px; } 
.bul_3{ background: url(/images/title_bullets.gif) no-repeat top left; background-position:0 -40px; width:20px; height:20px;} 
.bul_4{ background: url(/images/title_bullets.gif) no-repeat top left; background-position:0 -60px; width:20px; height:20px;}
.bul_5{ background: url(/images/title_bullets.gif) no-repeat top left; background-position:0 -80px; width:20px; height:20px;} 
 

.container { position:relative; width:245px; height:315px; float:left; margin: 0 0 30px 0}
.container:nth-child(even) {margin-left:26px;}
.c_img { float:right; border-top: 6px solid #ffe700; padding-top:2px; width:213px; height:112px;}
.c_info { position:absolute; top:100px; float:right; padding:60px 0 0 60px; width:245px; height:212px; z-index:9; }
.c_more {text-align:right; padding-bottom:14px; color:#7fa4cc; color:#5086c0; text-decoration:underline; font-size:11px; }
.c_title { text-transform:uppercase; font-size:12px; font-weight:bold}
.c_desc { font-size:11px }


/* ------------------------------------  LEFT MENU --------------------------------------*/
#left_menu { position:relative; padding-bottom:30px; width:250px;}
#left_menu > ul {  padding-bottom:30px; width:250px;}
#left_menu ul li a {display:block; color:#474747; width:100%; height:32px; cursor: pointer;}
#left_menu ul li.more > a { background: url(/images/menu_arrow.png) top 15px right 20px no-repeat;}
#left_menu ul li.more > a:hover { background: url(/images/menu_arrow_2.png) top 15px right 20px no-repeat;}
#left_menu ul .sub_menu {display:none; margin-left:20px; padding-top:1px}
/* ------------------------------------  LEFT MENU --------------------------------------*/


.links_title {text-transform:uppercase; padding-bottom:15px; font-weight:bold; font-size:16px;}

.office_details {idth:340px; float:right}
.office_cities {line-height:22px; font-size:14px; width:180px; float:left}

.contact-us {font-size:14px; text-transform:uppercase}

.label {margin-bottom:5px; width:100%; font-weight:bold}
.form_field {margin-bottom:15px; width:100%; line-height:20px;}
.form_field .input {background-color:#FFF; border:1px solid #cccccc; height:30px; color:#255b95; padding-left:5px; font-size:13px; width:300px; }
.form_field .input_small {background-color:#FFF; border:1px solid #cccccc; height:30px; color:#255b95; padding-left:5px; font-size:13px; width:140px; }

.form_field .input_select {background-color:#FFF; border:1px solid #cccccc; height:30px; color:#255b95; padding-left:5px; font-size:13px; width:300px;}
.calc_btn {padding:7px 12px; background-color:#7fa4cc; color:#FFF; border:0}

.art_title {margin-bottom:10px; border-bottom:1px solid #aaa; padding-bottom:10px; }

.category_art_title {margin-bottom:10px; margin-top:0; color:#488447; font-weight:bold; max-width:135px;}
.category_art_desc {margin-bottom:10px; color:#6d6d6d;}

.item {position:relative; padding-bottom:10px; float:left; min-height:157px;}
.item:last-child {position:relative; width:100%; padding-bottom:10px; clear:both; border:none;}


.recent_item {position:relative; width:100%; padding-bottom:5px; clear:both;}
.recent_item:last-child {position:relative; width:100%; padding-bottom:10px; clear:both; border:none;}
.item .title, .recent_item .title {color:#3e7939; font-size:13px; font-weight:bold; clear:none; height:auto}

.art_date {color:#79a678; font-weight:normal; display:block; margin:7px 0}
.recent_item .art_date {color:#fc5e08; font-weight:normal; display:block; margin:7px 0}

.gallery_item {width:205px; float:left; height:200px; margin:0 18px 25px 0}
.gallery_item:nth-child(3n+3) {width:205px; float:left; height:200px; margin:0 0 25px 0}

.tourism_item {width:205px; float:left; height:330px; margin:0 18px 25px 0}
.tourism_item:nth-child(3n+3) {width:205px; float:left; height:360px; margin:0 0 25px 0}

.tourism_item .read_more {color:#fc5e08; display:block; margin-top:10px; font-size:12px}
.tourism_item .category_art_title {margin-bottom:10px; color:#488447; text-transform:uppercase; font-size:12px; padding-bottom:10px;}
.tourism_item .category_art_desc {margin-bottom:10px; color:#6d6d6d;}


.article_img {padding-top:15px;}

#gmap_canvas {width:100%; height:400px}
.content a {color:#fc5e08;}
.content a:hover {color:#f16000}

.breadcrumbs { border-bottom:1px solid #e4e4e4; background-color:#EFEFEF; padding:5px 5px 5px 10px;  margin-bottom:25px; }
.breadcrumbs div {display:inline-block;}
.breadcrumbs a {color:#666; font-size:12px;}

.art-title { color:#ff7800; font-size: 13px }

.current_page {color: #fff; background-color: #445080; border:1px solid #445080; padding:5px 10px}
.a_page {text-decoration:none; padding:0 4px; margin-right:2px; background-color:#f7f7f7; border:1px solid #f0f0f0; color:#333; padding:5px 10px}