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

*{margin:0px; padding:0px;}
body, html{height:100%;}
body{ background: url(../img/bg.jpg) #FFF repeat-x; font-size:12px;  font-family:'Trebuchet MS',Verdana, Geneva, sans-serif;} 

h1{ font-size:18px; margin:10px 0}
h2 {font-size:18px; margin:0 0 10px 0}
h3 {font-size:16px}
h4 {margin-bottom:5px}
h1,h2,h3, h4{color:#4f72cc;}

.red{color:red}
.green{ color:91c004}
.orange{color:#ff6600}
.dark{color:373737}

p{padding-bottom:8px;}

hr{ border:0px;  background:#011866; height:1px; margin:10px 0;}

.sucess{background:#7BB602; padding:10px; border:1px solid #060; margin-bottom:10px; display:none; color:#FFF}
.error{background:#F00; padding:10px; border:1px solid #660002; margin-bottom:10px; display:none; color:#FFF}

.sucess_form{background:#7BB602; padding:10px; border:1px solid #060; margin-bottom:10px; display:none; color:#FFF}
.error_form{background:#F00; padding:10px; border:1px solid #660002; margin-bottom:10px; display:none; color:#FFF}

.round2{-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.round4{-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.round6{-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.round8{-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.round10{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

.shadow{}
.white_content{ background:#FFF; padding:10px; border:1px solid #ccc; margin-top:20px}

.black_title{ background:url(../img/title_black.jpg); height:18px; padding:8px; color:#FFF}

.center{text-align:center}










#login_form{ width:330px; height:200px; position: absolute;background-color: #eee; 
border:1px solid #999; display:none; padding:10px;
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #999 2px 2px 1px;
	-moz-box-shadow: #999 2px 2px 1px;
	box-shadow: #999 2px 2px 1px;
}


label {text-align:right; width:220px; color:#1258a0; font-weight:bold; }
.radio { margin:5px 0}


#search_form{ 
display:none;
width:680px; height:130px; position: absolute; background-color: #eee; 
border:1px solid #999; padding:10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #999 2px 2px 1px;
-moz-box-shadow: #999 2px 2px 1px;
box-shadow: #999 2px 2px 1px;
}

.close_login{float:right}

.err{display:none; color:red}
.yes{display:none; color:green}






img{border:none}

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

ul{list-style:none}

.button{ padding:2px 2px; margin-left:5px; font-size:18px; background: #4f72cc; 
border:1px solid #F5950C; cursor:pointer;}

.button a, .button{ color: #fff;}




.clear{clear:both}
/******************HEADER********************/
/*#header{ 
  width:920px; 
  height:113px; 
  margin:0px auto;
}*/


#header .logo{width:561px;  margin:0 auto;}
#header .logo p{font-size:18px; color:#FFF; font-weight:bold; text-align:center}

#header .search{ float:right; border: 1px solid #aaa; padding:3px; position:relative; top:40px}
#header .search input{border:none}
/*****LOGIN*****/
	#header .login{ width:447px; height:56px; float:right; margin-top:10px}
	#header .have_acount{float:left; margin-top:20px; color:#1258a0; font-size:14; font-weight:bold; position:relative; left:60px}
	#header .enter{float:left; margin:10px 10px 0 90px}
	#header .login_button{float:left; margin:10px 0 0 0}
	#header .profil_button{float:left; margin:10px 10px 0 90px}
	#header .logout_button{float:left; margin:10px 0 0 0}
#header p {
  color:#fff;
  text-align:center;
  width:410px;
  float:left;
  position:relative;
  left:70px;
  top:42px;
}
#second_logo {
  float:right;
  position:relative;
  top:15px;
}


/*#logo{
  width:367px; 
  height:98px; 
  display:block; 
  float:left;
}*/


.fb{
    position: fixed;
    top: 69px;
    left: 0;
}
.google-map {
    position: relative;
    padding-bottom: 55%;
    height: 0;
    overflow: hidden;
}

.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
/*#top{ background:url(../img/poly.jpg) no-repeat;  height:301px}*/
/*#top1{ background:url(../img/poly1.jpg) no-repeat; width:900px; height:301px}*/
#top {
    position:relative;
}
/*#referencii{ width:160px; height:150px; position:relative; top:45px; left:10px; float:left}*/
#referencii{
    position:absolute;
    top:50px;
    left:10px;
}
/*#polezni_vruzki{ width:280px; height:200px; position:relative; top:50px; float:right}*/
#polezni_vruzki{
    position:absolute;
    top:50px;
    right:67px;
}
#polezni_vruzki ul{list-style:url(../img/li_vruzki.jpg); margin-left:20px}
#polezni_vruzki ul li{ margin:10px 0}

/*************CONTENT**************/
#wrapper {
  width:900px; 
  margin:0 auto; 
  margin-top:0px; 
}


#left {
 /* width:610px; 
  float:left;*/
  text-align:justify;
  color: #333;
  padding-bottom:20px;
}

#right {
  /*width:267px;*/
  height:321px;
  padding:10px;
  //float:right;
  text-align:justify;
  background: url(../img/right.jpg) no-repeat; 
}
#left-banner{margin:20px;}

/******************FOOTER******************/
#footer{ 
  /*width:900px; */
  height:77px;  
  margin:0px auto 0 auto; 
  margin-bottom:0px; 
  background: url(../img/footer.jpg) no-repeat;  
  text-align:right;
}

#footer_menu{ height:30px; /*position:relative; */left:455px; top:5px}
#footer_menu ul{list-style:none}
#footer_menu ul li{float:left; border-right:1px solid #668ba3; padding: 0 4px}

#footer_bottom{ padding:10px; /*position:relative;*/ top:10px}

#footer a{font-size:10px; color:#668ba3;}





/*****************LAST ADDED*******************/
.last_added{ border:1px solid #CCC; padding:10px; height:300px; margin-top:20px}

.first_page_items{ width:136px;  float:left; border-right:1px solid #CCC; text-align:center; margin-top:10px}
.first_page_items img{ max-width:100px; max-height:150px }
.first_page_items a{color:#f60; font-weight:bold}


.last{ width: 203px; height:390px; margin-right:20px}

.box_img img{ max-width:50px; max-height:68px; float:left; margin-right:10px}
/*************PRODUCT*****************/

.content_desc{ 
float:left; 
width:510px; 
background: #f8f8f8; 
color:#000;
padding:10px; 
font-size:12px;
margin:20px;
}
.parent_cat{ 
width:426px; 
height:130px; 
border:0px solid #CCC; 
background:#27438f;
margin-top:10px; 
padding:10px;
text-align:left;
}
.parent_cat_img{
width:160px; 
height:115px; 
float:left;

}
.parent_cat_img img{
  max-width:160px; 
  max-height:115px;
  border:2px solid #496cc8;  

}
.parent_cat_content{
  width:255px; 
  float:right;
 
}


.dobavki{ width:100%; border:1px solid #eee; display:none}
.dobavki_view{ font-size:14px; font-weight:normal; width:165px; margin:2px; height:20px; float:left}
.dobavki_view:hover{background-color:#CCC}
.plus{ cursor:pointer}
.minus{ cursor:pointer}
.input_dobavki{ width:20px; text-align:center}

.ostatuk{ background:#f9f9f9; border:none; width:20px; text-align: center}

.cat_product{
  background: #FFF; 
  position:relative; 
  border:1px solid #fff; 
  margin:10px 4px; 
  width:175px; 
  float:left; 
  min-height:220px; 
} 

.item_content{ 
  border:6px solid #FC0; 
  margin:10px 0; 
  background:none; 
}
.cat_product .title{
  float:left;
  width:90%;
  min-height:25px;  
  font-size:12px; 
  font-weight:bold;
  background:#e8e8e8;
  color:#001f6f; 
  margin:5px 5px 5px; 
  padding:5px; 
}
.cat_product .title a{
  color:#001f6f;
  font-weight:bold;  
  }
.cat_product .title a:hover{color:#002993;}
.cat_product .title .mark_img, .cat_product .title .title_left{
  float:left; 
  width:150px;
}

.title_left{margin-top:4px}
.title_items{margin-bottom:1px}
.title_items h1{color:#FFF}



.total_sum{width:100%; display:none; color:#666; margin-top:4px}

.content_front{ font-size:11px; font-weight:bold;  }


.price{ font-size:15px; font-weight:bold; width:735px; background-color:#F9F9F9; border:1px solid #EAEAEA; margin-bottom:1px; padding:3px; line-height:24px;}
.title_t{ color: #4f72cc; padding:3px; width:450px; float:left }
.price_t{ color: #4f72cc; padding:3px; width:118px; float:left; font-size:16px; color:#333 }
.qty_t{ color: #F90; padding:3px; width:60px; float:left; font-size:12px; color: #666}
.qty_t input{width:30px}

.promo_price{ font-size:20px; font-weight:bold; color:#F00; text-shadow:1px 1px #000}

.cat_product .comments1{ text-align:center; color:#f60}

.cat_product .img{ 
background:#FFF;  
width:163px; 
height:153px; 
float:left; 
text-align:center; 
margin:0 5px; 
display:table-cell; 
vertical-align:middle; 
border:0px solid #eee; 
margin-bottom:10px;
}

.cat_product img{max-width:153px; max-height:153px}


.cat_product .sold_bg{height:101px;  width:106px; background:url(../img/sold_bg.png) bottom left no-repeat; 
position: absolute; bottom:-15px; left:-8px;  z-index:5}

.cat_product .promotion_bg{height:105px;  width:101px; background:url(../img/promo_bg.png) bottom left no-repeat; 
position: absolute; top:-10px; right:-10px; z-index:5}


.cat_product_comparison{ width:345px; margin:0 0 10px -1px; float:left; border:1px solid #ccc; padding:5px;}
.cat_product_comparison img{width:345px; height:260px}


.cat_product .view_more{ float:left; background:#f8970c; width:88px; height:27px; line-height:27px; text-align:center;}
.cat_product .view_more:hover {background:#795A2D;}
.cat_product .view_more a{color:#fff; display:block;}
.product-price{ float:left; background:#f9ac3e; width:87px; height:27px; line-height:27px; text-align:center;}
.product-price a{color:#333; display:block;}
#show_form{cursor: pointer}

.contact_form .form{background-color: #FFF; padding:5px; display:none; }
.contact_form .sucess{ display:none; color:green}

.single_item{
  background:#FFF;  
}
.item_single_img{ 
  width:300px; 
  float:left;
}
.item_single_img img{ 
  max-height:300px; 
}
.single_item_content{ 
  width:400px; 
  float:right; 
}

.single_item hr {
  background:#cbcbcb;
}

.item_bye_form{width:300px; height:100px; }


ul.thumbs li{ margin:3px}

#comparison{ width:232px; background:#FFF; padding:5px; border: 2px solid #cc6601; margin:5px 0 12px 0; float:left;}

#comparison .title{ text-transform:uppercase; font-size:14px; font-weight:bold}
#comparison .text{ font-size:12px; font-weight:bold; color:#cc6601}

.breadCrumbs{
	/*position:relative;
	top:70px; left:10px;*/
font-weight:bold; 
text-transform:uppercase;
color:#000;
    padding: 30px 19px;
}
.breadCrumbs a{
color:#000 !important; 
text-transform:none;
}
	
.last_product{width:240px; background:url(../img/last_backgroud.jpg) #FFF center no-repeat}
.modulLastItems{ width:110px; height:100px;  text-align:center; margin:5px 3px}
.modulLastItems img{ max-width:110px; max-height:100px;}



/***********NEWS***************/
.news{ padding:10px 10px 10px 0; margin:10px 0;}
.news_title{}
.news_img{ width:180px;  float:left; margin-right:10px; border:1px solid #CCC; padding:3px; text-align:center}
.news_img img{ max-width:180px; max-height:180px;}
.news_content{}

.news ol{margin-left:30px}
.news ol li{margin:10px 0}


.news_rotator{padding:0 10px}
.news_rotator_content{}
.news_rotator_img{ width:350px; height:300px; float:left; margin-right:10px;}
.news_rotator_img img{max-width:350px; max-height:300px; }
.news_rotator_text{}




/****************************************/

/**************TOP MENU******************/
#top_menu{ 
	/*position:relative;
	top:60px;
  height:40px; 
  margin:0 auto; 
  color:#fff; 
  font-weight:bold;
  float:right */
        margin-top: 50px;
}


#menu {
 // float:right; 
}

#top_menu  .buttons a{line-height: 40px; font-size:14px; color:#FFF; font-weight:bold;}

#top_menu ul{list-style:none;}
#top_menu .main-nav{ 
}

#top_menu ul.main-nav li {
  position: relative; 
  float:left; 
  background: url(../img/li.jpg) no-repeat;
  text-align:center;
  height:32px;
  width:104px;
  padding:0 3px;
  margin-left: 4px;
  }
  
#top_menu ul.main-nav li a, #top_menu  ul.main-nav li a:link, #top_menu  ul.main-nav li a:visited {
  color:#fff; 
  font-size: 14px; 
  font-weight:normal;
  line-height: 32px; 
}
	
#top_menu ul.main-nav li:hover { /*background:url(../img/li_active.jpg) no-repeat*/    background-color: #03588f!important;}
#top_menu li.active{ background:url(../img/li_active.jpg) no-repeat !important}

#top_menu ul.main-nav li a span.arrow { color: #999;}
#top_menu ul.main-nav li a#home:hover {background: url(../img/home_hover.jpg) no-repeat left top;}


#top_menu ul.main-nav li ul.sub {display: none; position: absolute; top:38px;  width: 200px;}
#top_menu ul.main-nav li ul.sub li {position: relative;	 padding: 0;  background: none;}
#top_menu ul.main-nav li ul.sub li a{font-size:12px; color:#333; text-shadow:none; text-transform:none}

#top_menu ul.main-nav li ul.sub li a,
#top_menu  ul.main-nav li ul.sub li a:link,
#top_menu  ul.main-nav li ul.sub li a:visited{
	float: none; display: block; width:180px; border: 0px solid #f60; 
	height: 30px; line-height: 30px; padding: 0 10px; 
	font-size:15px; background: #fff;}
	
	
	
#top_menu ul.main-nav li ul.sub li a:hover {color: #222; background: #CCC;}
#top_menu ul.main-nav li ul.sub li ul.sub {position: absolute; top: 0px; left: 200px; border-top: 0px solid #d9d9d9;}


/**************MAIN MENU******************/
.home{float:left; margin-left:10px}
#main_menu{ 
width:960px; 
height:57px; 
background:url(../img/main_menu.png) no-repeat; 
margin:0 auto; 
}
#main_menu ul{list-style:none}
#main_menu .active a{ background:url(../img/main_active.jpg)}
#main_menu ul.main-nav li{
position: relative; 
float: left; 
background: url(../img/main_menu_li.jpg) no-repeat right 8px;
padding: 0 0px 0 0;
}

#main_menu ul.main-nav li a,#main_menu  ul.main-nav li a:link,#main_menu  ul.main-nav li a:visited {
	float: left;
  padding: 0 20px;
  color: #fff;
  font-size: 18px;  
  height: 57px;
  line-height: 57px;
  outline: none;
  text-decoration: none;
}
#main_menu ul.main-nav li a:hover {color: #eee;}
#main_menu ul.main-nav li a span.arrow { color: #999;}
#main_menu ul.main-nav li a#home:hover {background: url(../img/home_hover.jpg) no-repeat left top;}
#main_menu ul.main-nav li ul.sub {
display: none; 
position: absolute; 
top: 57px; 
left: -2px; 
width: 200px; 
border-left: 0px solid #cf9b04; 
border-right: 0px solid #cf9b04;
}
#main_menu ul.main-nav li ul.sub li {position: relative;	 padding: 0; margin-left:2px; background: none;}
#main_menu ul.main-nav li ul.sub li a,#main_menu  ul.main-nav li ul.sub li a:link,#main_menu  ul.main-nav li ul.sub li a:visited{
	float: none; 
  display: block; 
  width: 180px; 
  border-top: 1px solid #999; 
  height: 30px; 
  line-height: 30px; 
  padding: 0 10px; 
	font-size: 15px; 
  background: #f60;
}
#main_menu ul.main-nav li ul.sub li a:hover {color: #222; background: #555;}
#main_menu ul.main-nav li ul.sub li ul.sub {
position: absolute; 
top: -1px; 
left: 200px; 
border-top: 1px solid #d9d9d9;
}


/**************CATEGORIES*****************/
.menu {
    background: none repeat scroll 0 0 #f8970c; 
    position:relative; 
    z-index:100
}
.menu .active a {
    background:#001f6f;
    color: #fff !important;
}
.menu ul.main-nav li {
    background: url(../img/left-menu-decoration.png) no-repeat right bottom;
    height: 40px;
    line-height: 40px;
    position: relative;
}
.menu ul.main-nav li:hover {
    color: #000;
	background:#795a2d;
}
.menu ul.main-nav li a, .menu ul.main-nav li a:link, .menu ul.main-nav li a:visited {
    color: #fff;
    display: block;
	text-transform:uppercase;
    font-size: 14px;
    outline: medium none;
    padding: 0 0 0 10px;
    text-decoration: none;
}
.menu ul.main-nav li a:hover {
    color: #fff;
}
.menu ul.main-nav li a span.arrow {
    color: #999999;
}
.menu ul.main-nav li a#home:hover {
    background: url("../img/home_hover.jpg") no-repeat scroll left top transparent;
}
.menu ul.main-nav li ul.sub {
    display: none;
    left: 197px;
    position: absolute;
    top: 0px;
    width: 200px;
}
.menu ul.main-nav li ul.sub li {
    background: none repeat scroll 0 0 transparent;
    margin-left: 2px;
    padding: 0;
    position: relative;
}
.menu ul.main-nav li ul.sub li a, .menu ul.main-nav li ul.sub li a:link, .menu ul.main-nav li ul.sub li a:visited {
    background: none repeat scroll 0 0 #795a2d; 
    display: block;
    float: none;
    font-size: 15px;
    height: 39px;
    line-height: 30px;
    width: 180px;
}
.menu ul.main-nav li ul.sub li a:hover {
    background: none repeat scroll 0 0 #555555;
    color: #222222;
}
.menu ul.main-nav li ul.sub li ul.sub {
    border-top: 1px solid #D9D9D9;
    left: 200px;
    position: absolute;
    top: -1px;
}


/*********COMMENTS**************/
.comments{ padding:10px; border:1px solid #CCC; margin-bottom:5px}
.comments_name{text-decoration:underline; font-weight:bold; color:#F60; margin-bottom:10px}



/*********** nyroModal *******************/
div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalFull div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../img/loading.gif) no-repeat;
	background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
	background: #fff;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: -26px;
	right: -26px;
	width: 26px;
	height: 26px;
	text-indent: -9999em;
	background: url(../img/close.gif) no-repeat;
	outline: 0;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent {
	overflow: auto;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	padding: 5px;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
	vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=90);
	cursor: help;
}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
	z-index: 1005;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	left: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
	background-image: url(../img/prev.gif);
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
	background-image: url(../img/next.gif);
}

/*********PAGINATION*************/
#pagination{margin-top:20px; line-height:24px; text-align:center; font-size:12px}

#pagination a{margin-left:10px; text-decoration:none; background: #f60; color:#fff; font-weight:normal; 
display:inline-block; height: 24px; vertical-align:middle; width:24px; text-align:center};

#pagination a:hover{ color:#fff; text-decoration: overline;}
#pagination img{background:none;display:inline-block; height: 24px;width:24px;}

#pagination .active_tnt_link {margin-left:10px;text-decoration:none; background:#7ab300; color: #fff;
display:inline-block;vertical-align:middle;height: 24px;width:24px;  text-align:center}

#pagination .buttons{float:left}
/****************************************/

/***********TEXT PAGE*************/
.textPage{ /*background:#FFF*/;}
.textPage table{width:100%; font-size:12px; table-layout:fixed}
.textPage table td{padding:3px 5px 3px 5px; width:inherit}
.textPage table tr{/*background: #FFF*/;}
.textPage table tr:hover{/*background: #E1E1E1*/;}
.textPage .thead, .thead:hover{/*background:#666;*/ color:#FFF; font-weight:bold}


.cart_item{ padding:5px; margin:5px 0; border:1px solid #ccc}	
.cart_item:hover{ background-color:#EFEFEF}	

	.cart_img{width:35px; height:50px; float:left}
	.cart_img img{max-width:35px; max-height:50px}
	
	.cart_options{width:420px; height:50px; float:right; text-align:center;}
	
	.cart_form{float:right; width:250px; margin-left:10px;}
	.cart_form .qty{width:30px; margin-top:5px}
	.cart_form input{margin:0 5px}



/***********GALEERY*************/
.gallery_cat{ width:310px; padding:5px 10px 40px 10px;  height:97px; float:left; margin:0 10px 10px 0; background:url(../images/gallery-box-bg.jpg) no-repeat;}
.gallery_cat_title a, .gallery_cat_title{color:#FFF !important; font-size:15px; font-weight:bold;}
.gallery_cat_img{ width:100px; height:80px; float:left; margin:16px 3px 0 0}
.gallery_cat_img img{width:98px; max-height:80px;}

.gal_images a{ border:none; float:left; margin:0 20px 10px 0 }
.gal_images img{ width:150px; height:120px; }

/******FORM ELEMENTS************/
/*******SING FORM*********/
.login_half{float:left; width:330px; margin-right:10px}
.form_input{width:450px; margin-right:10px; margin-bottom:10px}
.right{float:right}
.left{float:left}
.center{text-align:center}

form p{margin:0; color:#1258a0}
.login_full{ width:670px}
.sing_form{
	background-color: #fcfcfc;
	border:1px solid #CCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:1px
}
.sing_form input{width:97%; background: #FFF; border:none; padding:3px; height:25px}
.sing_form textarea{width:97%; height:130px; background:#FFF; border:none; padding:3px}

.select{margin:1px 0; background:none; background:url(../img/select.jpg); width:100%; height:27px; border:none; padding:5px}


/* Easy Slider */

	#slider{border:1px solid #ccc; padding:10px; width:692px; height:361px !important}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:341px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;
		position:absolute;
		top: 490px;
		margin-left:270px
		}
	ol#controls li{
		margin:0 3px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:22px;
		line-height:22px;
		background: url(../img/bullets.png) no-repeat scroll 0 0 transparent;
		color:#555;
		padding: 0 10px;
		text-indent:-9999px;
		text-decoration:none;
		}
		
	ol#controls li.current a{
		background: url(../img/bullets.png) no-repeat scroll 0 -22px transparent;
		
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/*********TABS**************/
******* MENU *******/
#tab_container{
	margin: 7em auto 0 auto;
	width: 400px;
}

.tab_menu  ul{
	list-style: none;
}

.tab_menu ul.tab_menu li{
	float: left;
	margin-right: 5px;
	margin-bottom: -1px;
}

.tab_menu  ul.tab_menu li{
	display: block;
	padding: 5px 10px 5px 10px;
	background: #efefef;
	margin-bottom: -1px;
	border: 1px solid #d0ccc9;
	position: relative;
	color: #898989;
	cursor: pointer;
}

.tab_menu  ul.tab_menu li.active{
	background: #fff;
	top: 1px;
	border-bottom: 0;
	color: #f60;
}
/******* /MENU *******/


/******* CONTENT *******/
.tab_content{
	margin: 0pt auto;
	background: #efefef;
	background: #fff;
	border: 1px solid #d0ccc9;
	text-align: left;
	padding: 10px;
	padding-bottom: 20px;
	font-size: 11px;
}

.tab_content_gal{ text-align:center !important}


    /*---------------MBT's Custom Like Box Start--------------*/

    .fan_box a:hover{
      text-decoration: none;
    }


    .fan_box .full_widget{
      height: 200px;
      border: 0 !important;
      background: none !important;
      position: relative;
    }


    .fan_box .connect_top{
      background: none !important;
      padding: 0 !important;
    }


    .fan_box .profileimage, .fan_box .name_block{
      display: none;
    }


    .fan_box .connect_action{
      padding: 0 !important;
    }


    .fan_box .connections{
      padding: 0 !important;
      border: 0 !important;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight: bold;
      color: #666;
    }


    span.total{
      color: #0080ff;
      font-weight: bold;
    }


    .fan_box .connections .connections_grid {
      padding-top: 10px !important;
    }


    .fan_box .connections_grid .grid_item{
      padding: 0 10px 10px 0 !important;
    }


    .fan_box .connections_grid .grid_item .name{
      font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
      font-weight: normal;
      color: #289728 !important;
      padding-top: 1px !important;
    }


    .fan_box .connect_widget{
    position: absolute;
    bottom: 0;
    left: 0px;
    margin: 0 !important;
    }


    .fan_box .connect_widget .connect_widget_interactive_area {
    margin: 0 !important;
    }


    .fan_box .connect_widget td.connect_widget_vertical_center {
    padding: 0 !important;
    }


    /*---------------MBT's Custom Like Box End--------------*/

ul#user_menu { list-style:none}
ul#user_menu li{float:left; margin:5px; padding:8px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#06F;
	color:#FFF;}
 
ul#user_menu li a{color:#FFF}  


table{width:100%; table-layout:fixed;}
/*table td{padding:3px 5px 3px 5px; width:inherit; color:#000; vertical-align:top}*/


.thead, .thead:hover{background:#666; color:#FFF; font-weight:bold}


.pizza{width:207px; height:148px; position:absolute; top:0; margin-left:-80px; top:-60px; z-index:10}


/**************************************/ 
.slider_head{ height:28px; background: #f8970c; padding-top:5px; margin-bottom:10px}

.list_carousel {
	background-color: #fff;
	width: 735px;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	font-size: 14px;
	color: #999;
	text-align: center;
	width: 175px;
	margin:0 5px 0 0;
	padding: 0;
	display: block;
	float: left;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.clearfix {
	float: none;
	clear: both;
}
.prev {
	float: right;
	margin: 0 5px 0 5px;
}
.next {
	float: right;
	margin-right: 10px;
}
.pager {
	float: right;
	text-align: right;
	position:relative;
	top:5px

}
.pager a {
	margin: 0 5px;
	text-decoration: none;
	
}
.pager a.selected {
	text-decoration: underline;
}
.timer {
	background-color: #999;
	height: 6px;
	width: 0px;
}

.pager a { background:url(../img/slider_pagination.png) bottom center; display:block; float:left; width:13px; height:14px}
.pager  .selected{ background:url(../img/slider_pagination.png) top center; display:block; float:left; width:13px; height:14px}
.pager a span{display: none}

#copyright {
  float:left;
  position:relative;
  top:10px;
  font-size:10px;
}
#design {
  float:right;
  position:relative;
  top:10px;
  font-size:10px;
}


/*GRID*/
img {
    max-width: 100%;
    height: auto;
    border:0;
}
.wrapper{
    max-width:900px;
    margin: 0 auto;
}
.wrapper2{
    max-width:930px;
    margin: 0 auto;
}
.row::after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
 .col-1 {
        width: 8.33%;
    }
    .col-2 {
        width: 16.66%;
    }
    .col-3 {
        width: 25%;
    }
    .col-4 {
        width: 33.33%;
    }
    .col-5 {
        width: 41.66%;
    }
    .col-6 {
        width: 50%;
    }
    .col-7 {
        width: 58.33%;
    }
    .col-8 {
        width: 66.66%;
    }
    .col-9 {
        width: 75%;
    }
    .col-10 {
        width: 83.33%;
    }
    .col-11 {
        width: 91.66%;
    }
    .col-12 {
        width: 100%;
         
    }
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    float: left;
    padding: 0 10px;

}



@media only screen and (max-width: 800px) {
   .col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    width: 100%;
    padding: 0 10px;
    float: left;
}
#top_menu ul.main-nav li {
    /* position: relative; */
    /* float: left; */
     background-image: none;
    text-align: center;
    /* height: 32px; */
    width: 100%;
    padding: 0 3px;
    background-color: #003e67;
}
#top_menu li.active {
    background-image: none!important;
    background-color: #03588f !important;
}
#referencii{
    position:static;
    padding: 23px;
   
}
/*#polezni_vruzki{ width:280px; height:200px; position:relative; top:50px; float:right}*/
#polezni_vruzki{
    position:static;
    top:50px;
    right:20px;
       
}
#polezni_vruzki ul li a{
    color:#000;
}
#referencii  a{
     color:#000;
   
}
#top {
    position: relative;
    text-align: center;
    padding-top: 32px;
    font-size: 15px;
    
}
#top ul{
        list-style: none;
}
#right {
  
  background: url(../img/right.jpg) repeat; 
}
#footer_menu ul li{float:none; border-right:1px solid #668ba3; padding: 0 4px; text-align: center;}
}