@charset "utf-8";
/* CSS Document */
 a {
	 text-decoration:underline;
   }
   a:hover {
   text-decoration: none;
   } 

@charset "utf-8";
body {
display: block;
margin: 0px;
font-family:Arial, Helvetica, sans-serif;
}


.main_list {
	width: 1024px;
	position:relative;
	height:1300px;	
	margin:auto;
}

.header {
	background-image:url(../images/head_fon.png);
	width:1024px;
	height:170px;
	text-align:center;
	
	}
.logo {
	text-align: left;
	float: left;
	margin: 10px 0 0 10px;
	
	
	position: relative;
}
.centr_head {
	position:relative;
	padding:10px;
	width:480px;
	
	float:left;
	margin:0px;
	}
.centr_head h1 {
	font-size: 28px;
	color:#D06048;
	margin:0px;
}	
	
.centr_head h2 {
	font-size: 18px;
	margin:30px;
	margin-bottom:20px;
	font-style:italic;
	
}	
	
.back_call {
	margin:10px 20px 0 0px;
	position:relative;
	float:right;
	padding-top:10px;
}

.back_call img {
	float:left;
	
}
.back_call .tel_n {
	
	font-size: 24px;
	font-weight: bold;
	float:left;
	margin:5px 0 0  20px ;
	color:#9D6D20;

}
.back_call p {
	font-size:12px;
	
	margin:45px 10px 0 0;
}

.backcallbutt {
	margin:10px 0 0 0;}
	
.sidebar {
	float: left;
	width: 220px;
	margin: 0px 0 0 10px;
	
}



.sidebar ul li {
	list-style-image:url(../images/strelka.png);
	color:#9C6C1F;
	font-size:15px;
	
	margin:5px 0 5px 0;
	cursor:pointer;
}



.sidebar ul {


padding:0 0 0 20px;
margin-top:0px;

}

.ban_left {
	padding-top:10px;
	background-image:url(../images/ban2.jpg);
	width:204px;
	height:342px;
	margin-top:47px;
	}
	
.ban_left p {
	color:#FDFDFD;
	font-weight:100;
	font-size:24px;
	margin:0px 5px 5px 5px;
	text-align:center;
	}	
	
.banl {
	margin:0px !important; }
.ban_top {
	background-image: url(../images/ban1.jpg);
	position:relative; 
	right:0px;
	top:0px;
	height:76px;
	padding:15px 20px 15px 20px;
	}
		
.fstring {
	color:#FDFDFD;
	font-weight:bold;
	font-size:28px;
	margin:0px 0 5px 0;	 
	z-index:2;
	}
	
	
	.fstring span {
		text-decoration:line-through; 
		color:#000000;
		font-size:14px;
		margin-left:60px;
	}

.sstring {
	color:#FDFDFD;
	 margin:0px 0 0px 0;	 
	z-index:2;
	font-size:18px;}
	
.list {
	float:right;	
	width:773px;
	margin-top: 10px;
	margin-right:  0px;
	margin-bottom: 20px;
	margin-left:  10px;
}




.zag {
	font-size:27px;
	margin:10px 0 10px 0;
	}

.previu {
	margin:10px 0 0 0;
	border:1px solid #9C6C1F;
	border-radius:10px;
	padding:0 20px 0 20px;
	height:618px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px;
	-o-border-radius:10px;
	border-radius: 10px; 
	-ms-border-radius: 10px;
	-icab-border-radius: 10px;
	
	}
.verh, .niz {
	float:left;
	padding:10px;
	margin: 0 5px 0 5px;
	
	
	}	
	
.name {
	list-style-image:url(../images/strelka.png);
	color:#9C6C1F;
	font-size:17px;
	
	margin:5px 0 5px 0;
	text-align:center;
}	

.cena {
	text-align:center;
	font-size:15px;
	margin:5px 0 5px 0;
	}
	
	
	
.footer {
	background-image:url(../images/footer_fon.png);
	background-repeat:no-repeat;
	height:88px;
	left:10px;	 
	margin:auto;
	margin-top:20px;
	width: 1000px;
	position:relative;
	}	
 
 
.footer .back_call {
	margin:10px 80px 0 30px;
	position:relative;
	float:left;
	padding-top:10px;
}

.footer .back_call img {
	float:left;
	
}
.footer .back_call .tel_n {
	
	font-size: 24px;
	font-weight: bold;
	float:left;
	margin:5px 0 0  20px ;
	color:#c6511e;

}
.footer .back_call p {
	font-size:12px;
	
	margin:45px 10px 0 90px;
}

.footer .backcallbutt {
	margin:20px 0 0 0;
	float:left;}
	
.footer div {
	font-size:14px;
	text-decoration:underline;
	padding-top:40px;	
	margin:0px 10px 0 750px;
	
}	






/* forma*/
#forma_zakaza {
	background-image: url(../images/zakaz_bg.png);
	border-radius:10px;
	width:537px;
	height:312px;
	padding:35px;
	text-align:center;
	display:none;
	z-index:200;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px;
	-o-border-radius:10px;
	border-radius: 10px; 
	-ms-border-radius: 10px;
	-icab-border-radius: 10px;
	
	}
.order_door {
	position:relative;
	margin:-50px 0 0 0 ;}

#forma_backcall {
	
	background-image: url(../images/zvonokf_bg.png);
	border-radius:10px;
	width:537px;
	height:258px;
	padding:35px;
	text-align:center;
	display:none;
	z-index:200;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px;
	-o-border-radius:10px;
	border-radius: 10px; 
	-ms-border-radius: 10px;
	-icab-border-radius: 10px;
	}
#forma_backcall p {
	font-size:22px;
	font-weight: 100;
	margin:20px 0 25px 0px;
	}
#forma_zakaza p {
	font-size:22px;
	font-weight: 100;
	margin:-20px 0 5px 0px;
	}	
#forma_zakaza h5 {
	font-size:20px;
	
	margin:10px 0 5px 0px;
	}	
	
.title {
	font-size:28px;
	margin: 5px 0 0 0;
	}	
	
 #forma_zakaza .order_door img  {
	margin:30px 100px 0 100px;	
	cursor: pointer;
	
}				
	
#forma_backcall .close_btn, #forma_zakaza .close_btn  {
	
	position:relative;
	top:-70px;
	right:-270px;
	}	
#forma_backcall .form_order, #forma_zakaza .form_order  {
	position:relative;
	top:-50px;}	
	
#forma_backcall .form_order img {
	margin:40px 100px 0 100px;	
	cursor: pointer;
	
}		
 
.form_order input, .order_door input { 
	
	
	
	width: 290px;
	height: 30px;
	margin:15px 0 5px 0;
	background-image:url(../images/pole_vvoda.png);
}	


	
#thanks {
	
	background-image: url(../images/zvonokf_bg.png);
	border-radius:10px;
	width:537px;
	height:258px;
	padding:35px;
	text-align:center;
	display:none;
	z-index:200;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px;
	-o-border-radius:10px;
	border-radius: 10px; 
	-ms-border-radius: 10px;
	-icab-border-radius: 10px;
	}
#thanks p{
	font-size:36px;
	font-weight:bold;
	font-style:italic;
	margin:70px 0px 0px 0px;
}
#thanks .close_btn {
	
	position:relative;
	top:-175px;
	right:-265px;
	cursor: pointer;
	}	

.galka {
	position:absolute;
	top:10px;
	left:10px;
	width:13%;
	}
		
.close_btn {
	
	position:relative;
	top:-205px;
	right:-235px;
	cursor: pointer;
	}	
	
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.3;
    z-index: 100;
}			

	 #hidestring {
		 display:none;
	 }
	 
	 
/* KATALOG */

.logo_kat {
	float:left;
	margin:10px 10px 10px 0px;
	}	
	
.opisanie {
	text-align:justify;
	
	}	 
	 
.bersoni {
	
	
	
	border:1px solid #9C6C1F;
	border-radius:10px;
	padding:0 20px 0 20px;
	height:610px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px;
	-o-border-radius:10px;
	
	-ms-border-radius: 10px;
	-icab-border-radius: 10px;
	
	display:none;
	width: 731px;
	position: relative;
	top:10px;
	
	
	
	}
	
.material {
	text-align:center;
	font-size:15px;
	margin:5px 0 5px 0;
	}
	
.wrap_door {
	float:left;
	padding:10px;
	margin: 0 10px 0 10px;
	width:142px;
	text-align:center;
	position:relative;
	
	}	
	
.kupit_butt { 
 margin:10px 0 0 0px;
}
		 
		 
.wrap_door .cena {
	text-align:center;
	font-size:15px;
	margin:20px 0 5px 0;
	}		 
	
.zakladka {
	font-size: 12px;
	color: #FFF;
	text-decoration: underline;
	background-color: #9C6C1F;
	text-align: right;
	
	padding:8px 10px 5px 5px;
	height: 18px;
	width: 173px;
	position: relative;
	border-radius:5px;
	margin: 10px 0 10px 0px;
	
}

.strelka {
	position:absolute;
	
	float:left;
	right:165px;
	}
	
.start {
	cursor:pointer;}	
	
.abersoni,.arada,.adolce,.avivo,.ageona,.aevropan,.arostra,.adfi,.avolhovec,.asofia,.aakma{
	cursor:pointer;
	text-transform: uppercase;
}	
 
.bersoni,.rada,.dolce,.vivo,.geona,.evropan,.rostra,.dfi,.volhovec,.sofia,.akma {

overflow: auto;
	
	border:1px solid #9C6C1F;
	border-radius:10px;
	padding:0 20px 0 20px;
	height:auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px;
	-o-border-radius:10px;
	
	-ms-border-radius: 10px;
	-icab-border-radius: 10px;
	
	
	width: 731px;
	position: relative;
	top:10px;
	
	display:none;
	
	}