* {
margin: 0;
padding: 0;
}
html, body {
	margin:0;
	padding:0;
	height: 100%; 
	width:100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	background: #fffbf6 url(../img/bg-top.gif) repeat-x;
}


a img {
	border: none;
}
a {	
	color: #000;
}
.right {
	float: right;
}
.left {
	float: left;
	padding-right: 10px;
}
.center {
	text-align:center;
}
.noborder {border: none !important; background: none !important;}

.hidden {
display: none; 

}

.clear {
	clear:both;
}
#page {background:  url(../img/bg-bottom.gif) 100% 100% repeat-x;
min-height: 100%; 
height:auto !important;
height:100%;
width: 100%;}

#conteiner {width: 1000px; margin: 0 auto;}


h1.logo {
	text-indent: -9900px;
	background: url(../img/logo.png) 0 0 no-repeat;
	width: 482px;
	height:114px;
	margin: 25px 0 0 5px;
	float: left;
}


#phone {float: right; 
background: url(../img/phone.png) no-repeat; 
width:270px; 
height: 92px;
margin-top: 10px;}

#lang {float: right; list-style: none;width:270px; text-align: right;}
#lang li {display: inline;}
#lang li img {margin: 2px; border:4px solid #a4c3ea;}
#lang li img:hover, #lang li span img {border:4px solid #4e5e89;}

#header {height: 150px;}

#nav {list-style: none; margin:25px 0 0 20px; float: left; width: 250px; position: relative; z-index:33;}
#nav li {text-transform: uppercase; padding:2px 0; color: #629be0; font-size: 18px; font-weight: bold;}
#nav li a {text-decoration: none; outline: none; color: #003f8b; font-weight: normal;}
#nav li.flash {padding: 10px 0 0 0;}
#nav li.flash a { color: #683a2d;}


#special {position: absolute; top:160px; right:0; width:50%; height:385px; background: url(../img/wood_fon.jpg) repeat-x; z-index:1;}

#special-l {position: absolute; top:160px; left:-1010px; width:100%; height:385px; background: url(../img/bg-left.png) no-repeat 70% 100%; z-index:1;}

#shadow-t {position: absolute; top:141px; right:0; width:700px; height:19px; background: url(../img/shadow-top.png) right bottom no-repeat; }
#shadow-b {position: absolute; top:545px; right:0; width:700px; height:19px; background: url(../img/shadow-bottom.png) right bottom no-repeat; }
* html #shadow-b {display: none;}
* html #shadow-t {display: none;}

#main-block {float: right; position: relative; z-index:2; margin-top: 10px; margin-bottom:20px; background: url(../img/wood_fon.png) repeat-x; height: 385px; width: 700px; }
#preview {height: 191px;}
#preview h2 {color:#002c60;font: italic 700 18px Georgia; padding: 10px 0 7px 0;}

#preview .mask {
	position: relative; 
	z-index: 2;
	background: url(../img/mask-foto.png) right bottom no-repeat;
	width:503px; 
	height:191px;
	float: left;

}

#preview img {	position: relative;
	z-index: 1;
	position: absolute;
	width:503px; 
	height:191px;
	float: left;
	left: 0;
	top: 0;
}


#steps {clear: both; background: url(../img/mask.png) no-repeat; height: 194px; color: #fff; padding: 10px;}

#steps .date {color:#ffb200; font: italic 700 14px Georgia; padding: 10px 0 10px 0; }
#steps p {padding: 10px 0;}
#steps a {color:#ffb200; display: block; outline: none;}
#steps div {float: left; height: 180px; padding: 5px; margin: 5px 5px 0 20px; width: 300px; background: url(../img/br.png) 100% 100% no-repeat;}
#steps img {float: left; padding: 10px 10px 0 0;}





#content { position: relative; overflow: hidden;float:left; width:686px; padding: 15px 0 70px 15px;}
#content p {clear: both;line-height:1.2; padding: 10px 40px 0 40px;}
#content ul {padding: 10px 40px 0 60px; color: #8c6d65; font-style: italic;}
#content h2 {font: italic 700 1.4em Georgia; color: #8c6d65; margin: 10px 0 10px 40px;}
h1 {font: italic 700 1.8em Georgia; color: #003f8b;  margin: 10px 0 20px 40px;}
#content table {margin: 10px 40px 0 40px; border-collapse: collapse; padding: 0}
#content table td {padding: 5px}
#content .title {font: italic 700 1.4em Georgia; color: #683a2d; margin: 0 0 0 40px;}
#content .title span {color:#003f8b; font-size: 90%;}
#content .title a {color: #683a2d; }
#content .line {clear: both; background: url(../img/line.gif) 0 0 no-repeat; 
height: 3px; width:706px; margin: 10px 0;}
#content .plans {padding: 10px 0 0 40px; clear:both;}
#content .plans div {padding: 10px 10px 0 0;}
#content .plans div p {font: italic 700 12px Georgia; color: #683a2d; text-align: center;}
#content .plans a img {border: 2px solid #683a2d;}

#content.main-page {width: 650px; padding: 15px 0 50px 0px;}
#content.main-page p {padding: 10px 40px 0 10px;}
h1.main-page {position: relative; width: 300px; float: left; text-align: right; top:10px; right:60px;}

#title-main {font: italic 700 1.8em Georgia; text-align: right; color: #683a2d; position: relative; width: 300px; float: left; top:45px; right:20px;}

#gallery img {background: url(../img/border.gif) 0 0 no-repeat; padding: 5px 7px 10px 7px; margin: 10px 10px 20px 40px}
#gallery a {outline: none;}
#gallery .title {width: 170px; font-size: 100%; color: #003f8b;}

#paging {margin: 40px;  font-weight: bold;}
#paging a {color: #003f8b; text-decoration: none; padding: 0 3px; margin: 0 5px;}
#paging a:hover {border-bottom: 3px solid #003f8b;}
.hFooter {
height: 100px; 
clear: both;
}
.footer { width: 1000px; margin: 0 auto;

color: #fff; 
height: 70px;
margin-top: -70px; 
font-size: 14px; 
}
.footer p {padding: 15px;}
.footer  a {color: #f3bb06;}