html,body {height: 100%;margin: 0;font:12px arial;}
img {border: 0;}
*{margin:0;padding:0;}
td{vertical-align:top;}
a{outline: none;}

body a {color: #0f4e83;font:12px arial;}   

table {border:0; border-collapse:collapse;}

.clear {
       	clear:both;
       	line-height:1%;
       	margin-bottom:-1px;
       	height:1px;
       	overflow:hidden;
       	font-size:0px}

#conteiner {min-height: 100%;max-width:100%;min-width:1000px;}
      
* html #conteiner {height: 100%;}

#conteiner_main {padding:30px 0 0 0;}

#header_bg { 
        background: url(../images/header_bg.jpg) repeat-x top left;
        height: 345px;
        width:100%;
       	margin:0;
	padding:0;}

#header { 
        background:  url(../images/header.jpg) no-repeat top left;
        height: 345px;
        width:100%;
      	margin:0;
	    padding:0;}

#form {height:55px;width:164px;padding:11px 0 0 41px; } /*{height:55px;width:161px;padding:11px 0 0 41px;}*/

.buton {
	background:  url(../images/buton.jpg) no-repeat top left;
	cursor:pointer;
	margin:0;
	padding:0;
	border:0;
	width:44px;
	height:45px;
	float: left;}

.searsh {
        background:  url(../images/searsh.gif) no-repeat top left;
        border: none;
       	width: 117px;
        height:19px;
       	margin:13px 0 0 0; 
       	padding:2px 0 0 14px;      
        color: #000;
        font:11px arial;
        float: left;}

#logo {display:block;margin: 0 0 0 14px;width: 253px;height:77px;}

.top_menu {
	background:   url(../images/menu_bg_left.gif) no-repeat top left; 
	/* background:   url(../images/menu_bg.gif) no-repeat top left; */
	/* width: 890px; /* 795px; */
        height:30px;
       	float:left;
       	padding:0 0 0 5px;
       	margin:100px 0 0 40px; /*ДО: margin:144px 0 0 40px;*/ /*добавляем телефон в шапку*/
       	_margin:113px 0 0 20px; /*ДО: _margin:158px 0 0 20px;*/ /*добавляем телефон в шапку*/
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0;
	float: left;}
	
#menu li {float: left;position: relative;}

#menu ul a {
	color: #fff;
	text-decoration: none;
	display: block;  
	text-align:center;  
	line-height:22px;
	color: #fff;
        font:12px arial;
        letter-spacing: -0.2px;
	padding: 8px 6px 7px 6px;
	_padding: 8px 5px 7px 5px;
}
	
#menu a.bor {color: #fff;background:   url(../images/pic.gif) no-repeat top right;}
#menu a.bor:hover {color: #fff;background:  url(../images/pic.gif) no-repeat top right;}

#menu a.nobor {background: none}
#menu a.nobor:hover {background: none;}

#menu ul ul {
	float: left; 
	display: none;
	position: absolute;
	background: url(../images/png.gif) no-repeat bottom left;
	padding:5px 0; 
	width: 150px;}
	
#menu li li {width: 150px;}

#menu li li a {
	text-align:left;
	background: none;
	line-height:13px;
	color:#fff;
	letter-spacing:0;}

#menu li li a:hover {background: none;text-decoration: underline;}
#menu li:hover ul, #menu li.jshover ul {display: block;}

#top_icon {width: 100%;height:40px;margin:-5px 0 0 0;}

#top_icon img {float: left;margin:0 25px;}

#top_icon #raw1 {
        width:33%;
        background: url(../images/pic_icon.gif) no-repeat top right; 
        margin:0;
        padding:0;
        line-height:45px;}
		
#telephone {
		
		width:210px;
		height: 25px;
		background: url(../images/telephone.png) no-repeat top right;
		margin: 10px 0 10px 40px;
		
		}
/*#tel {
		position:absolute; 
		top:180px; 
		left: 40px;
		font-size:24px;
		font-family: arial;
		color:#0f4e83; }
		
		#tel b {color: #878787;font:18px arial;}
		#tel span {color: #282727;font:24px arial;}*/
#top_icon #raw1 p.phone {color: #0f4e83;font:24px arial;}
        
#raw1 b {color: #878787;font:18px arial;}
#raw1 span {color: #282727;font:24px arial;}

#raw2 {width:33%;background: url(../images/pic_icon.gif) no-repeat top right;}

#raw2 a, #raw3 a {color: #484848;font:14px arial;line-height:40px;text-decoration: none;}

#raw3 {width:33%;}

#wrapper {margin:0 0 75px 0;width:100%;}

#content {padding:0 50px 0 30px;}

h1 {
        margin:0;
        padding:7px 0;
        color: #336633;
        font:28px arial;
		font-weight:bold;}
 
h2 {
        margin:0;
        padding:4px 0;
        color: #227c87;
        font:24px arial;}

.text{padding:0 0 0 15px;}

p {
        margin:0;
        padding:7px 0;
        font:12px arial;
}      

a.podrob {
        margin:0;
        padding: 0;
        color: #368c97;
        font:12px arial;}      
body a {
        margin:0;
        padding:0;
        color: #0f4e83;
        font:12px arial;}     
        
.img_left {float:left;margin:10px;}

.img_right {float:right;margin:10px;}
   
#right_bar {width:181px; padding:0 15px 0 0;}   

.plashka1 {position: relative;margin:-25px 0 0 0;} 

ul.right_menu  {
        list-style: none;    
        margin:0;
        padding:12px 0 16px 14px;}

ul.right_menu li {
        display: block;
        margin:0;
        color: #668e45;
        font:12px arial;
        padding:1px 0 1px 9px;
        _padding:0 0 0 9px;
}

ul.right_menu a {
        margin:0;
        padding:0;
        color: #668e45;
        font:12px arial;}

ul.right_menu a:hover {text-decoration: none;}
   
   
#footer {
        position:relative;
        width: 100%;
        height: 70px;
        margin-top: -70px;}

#logo_f {
        background: url(../images/logo_f.jpg) no-repeat top left; 
        margin:0 0 0 40px;
        padding:14px 0 0 62px;
        color: #b2b2b2;
        font: bold 12px arial;
        height: 70px;
        float: left;}

#copy1 {
        background: url(../images/copy1.jpg) no-repeat top left; 
        margin:25px 0 0 40px;
        padding:8px 0 0 15px;
        color: #6a6a6a;
        font: 12px arial;
        height: 22px;
        width:370px;
        float: left;}

#copy {
        background: url(../images/copy.jpg) no-repeat top left; 
        margin:25px 0 0 40px;
        padding:8px 0 0 15px;
        color: #6a6a6a;
        font: 12px arial;
        height: 22px;
        width:116px;
        float: left;}

#copy a {color: #000;}


/*           */
.preview {
	float: left;
	padding: 0 3px 3px 0;
	cursor: pointer;
}
.preview p {
        font: 14px arial;
}

#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9 {
	background-color: white;
}


table td#image {
	padding-right: 20px;
}

#images .preview {
	border: 2px solid #CCCCCC;
	padding: 4px;
	/* background-color: #EEEEEE; */
	float: left;
	/* padding: 0 3px 3px 0; */
}

#images .selected {
	border: 2px solid #6F3717;
}


#reklama,
#reklama p,
#reklama h4{
	font-size: 12px;
	color: gray;
}

#tablica table {
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#tablica table tr#zagolovok{
	font-size: 11px;
	color: #FFFFFF;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
}

#tablica table tr td  {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.gtn tr td {
 color:#666666;
           }
.gtp {
 color:#444444;
 font-size: 23px;
 text-align:right;
     }           
.gtc {
 color:#444444;
 font-size: 14px;
 text-align:center;
     }                
.gpd {
 color:#666666;
     }     
.gtc input {
 width:15px;
 color:#444444;
 font-size: 14px;
 padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999; 
           }