/* lao.cz - main */

body {
    padding: 0;
    margin: 0;
	color: #666;
    background-color: #8c8c8c;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 75%;
    text-align: center;
}
a {
    color: #679b01;
    text-decoration: underline;
}
a:hover {
	color: #c00;
    text-decoration: none;
}
a.anchor {
	text-decoration: none;
}
img {
    border: none;
    vertical-align: text-top;
}
h1 {
	margin-top: 12px;
	margin-bottom: 12px;
	color: #679b01;
	font-size: 120%;
}
h2 {
	margin: 12px 0;
	color: #d88400;
	font-size: 110%;
}
h3 {
	margin: 12px 0;
	color: #444;
	font-size: 100%;
}
p {
	margin: 12px 0px;	
}
strong {
	font-weight: bold;
	color: #555;
}
ul {
	padding: 0;
	margin: 12px 0;
	margin-left: 24px;
	list-style-image: url('../img/bullet.png');
}
ol {
	padding: 0;
	margin-left: 28px;
}
ul li {
	padding: 1px 0;
}
ol li {
	padding: 3px 0;
}
input, textarea {
	font-size: 100%;
	padding: 2px 0;
	color: #777;
}
textarea {
    font-family: Verdana, Arial, Sans-Serif;
}

/* layout */

#page {
	position: relative;
    margin-top: 20px;
    padding-top: 194px;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    background-color: #eaeaea;
    text-align: left;
}
#page .box-in {
	padding: 0 60px;
	padding-bottom: 35px;
}
#header {
	position: absolute;
	left: 0;
	top: 0;
    width: 980px;
	height: 194px;
	background: url('../img/bg_header.gif') left top no-repeat;
}
#home {
	position: relative;
	padding-right: 19px;
	background: url('../img/bg_home.gif') right top no-repeat;
}
#main {
	
}
#left {
	float: left;
	width: 258px;
}
#right {
	float: right;
	padding-top: 151px;
	width: 592px;
	background: #8f8f8f url('../img/bg_right_top.gif') left top no-repeat;
}
#right.page1 {
	background: #8f8f8f url('../img/bg_right_top_page1.jpg') left top no-repeat;
}
#right.page2 {
	background: #8f8f8f url('../img/bg_right_top_page2.jpg') left top no-repeat;
}
#right.page3 {
	background: #8f8f8f url('../img/bg_right_top_page3.jpg') left top no-repeat;
}
#footer {
	position: relative;
	padding-left: 288px;
	padding-top: 24px;
	padding-right: 19px;
	font-size: 90%;
}
#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	color: #c00;
}
.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
}

/* header */

ul#menuTop {
    position: absolute;
    left: 345px;
    top: 170px;
    width: 556px;
    height: 20px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}
#menuTop li {
    position: absolute;
    padding: 0;
    list-style-type: none;
    top: 0;
    height: 20px;
    display: block;
}
#menuTop a {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 100%;
}
#menuTop a:hover, #menuTop li.current {
    background: transparent url('../img/bg_menu_top.gif') 0px -20px no-repeat;
}
li#mTop0 {left: 0; width: 48px;}
li#mTop0 a:hover, li#mTop0.current {background-position: 0px 0px;}
li#mTop1 {left: 74px; width: 67px;}
li#mTop1 a:hover, li#mTop1.current {background-position: -74px 0px;}
li#mTop2 {left: 169px; width: 96px;}
li#mTop2 a:hover, li#mTop2.current {background-position: -169px 0px;}
li#mTop3 {left: 479px; width: 77px;}
li#mTop3 a:hover, li#mTop3.current {background-position: -479px 0px;}

/* left menu */

#menu {
	padding-top: 100px;
	width: 258px;
	background: #525252 url('../img/bg_menu_left.gif') left top no-repeat;
}
ul#leftMenu {
	margin: 0;
	padding-right: 19px;
	min-height: 221px;
	_height: 221px;
	background: url('../img/bg_menu_left_bull.gif') right top no-repeat;
	list-style-type: none;
	list-style-image: none;
}
ul#leftMenu li {
	line-height: 18px;
}
ul#leftMenu li a {
	display: block;
	padding-left: 30px;
	line-height: 18px;
	color: #ccc;
	background: url('../img/menu_bull.png') 9px 4px no-repeat;
	font-size: 90%;
	text-decoration: none;
	text-transform: uppercase;
}
ul#leftMenu li a:hover, ul#leftMenu li a.current {
	color: #ffb011;
	background: url('../img/menu_bull_hover.png') 9px 4px no-repeat;
}

/* footer */

.copy {
	position: absolute;
	left: 20px;
	top: 24px;
	width: 230px;
}

/* homepage */

#picto {
	position: absolute;
	left: 320px;
	top: 39px;
	width: 488px;
	height: 116px;
}
#flash {
	position: absolute;
	left: 297px;
	top: 248px;
	width: 534px;
	height: 63px;
	background-color: #b5b5b5;
}
#middle {
	height: 40px;
	background: url('../img/bg_home_middle.gif') left top no-repeat;
}
#main.home {
	position: relative;
	padding-left: 20px;
	padding-right: 19px;
	min-height: 295px;
	_height: 295px;
	background: #525252 url('../img/bg_main.gif') left top repeat-y;
}
#left.home {
	width: 228px;
}
#right.home {
	padding-top: 0;
	width: 573px;
	background: none;
}
#homeBottom {
	height: 26px;
	background: #525252 url('../img/bg_home_bottom.gif') left bottom no-repeat;
}
#oko {
	margin-top: 2px;
	padding-top: 53px;
	background: #e9e9e9 url('../img/bg_oko.gif') left top no-repeat;
}
#okoText {
	padding: 6px 15px;
	padding-bottom: 24px;
	background: #e9e9e9 url('../img/bg_oko_bottom.gif') left bottom no-repeat;
	font-size: 90%;
}
#oko a {
	font-weight: bold;
	text-transform: uppercase;
}
#certificates {
	padding-top: 15px;
}
#certificates img {
	display: block;
}
#homeCont {
	padding: 19px;
	padding-left: 30px;
	background: #f5f5f5 url('../img/bg_right_top_home.gif') left top no-repeat;
}
h1.home {
	font-size: 120%;
}

/* page */

#left .banners {
	padding: 0 15px;
	padding-top: 35px;
	background: #8f8f8f url('../img/bg_banners.gif') left top no-repeat;
}
#left .bannersBottom {
	height: 15px;
	background: #8f8f8f url('../img/bg_banners_bottom.gif') left bottom no-repeat;
}
#right .box-in {
	padding: 0 10px;
	padding-bottom: 24px;
	background: url('../img/bg_right_bottom.gif') left bottom no-repeat;
}
#right .nav {
	padding-left: 20px;
	height: 24px;
	line-height: 24px;
	color: #fff;
}
#right .content {
	padding: 20px;
	background: #f7f7f7 url('../img/bg_content_top.gif') left top no-repeat;
}
.content-in {
	min-height: 330px;
	_height: 330px;
}
#right .contentBottom {
	height: 6px;
	background: url('../img/bg_content_bottom.gif') left bottom no-repeat;
}
#right h1 {
	margin-top: 0;
}
#google_300_250 {
	float: right;
	margin-left: 20px;
	margin-bottom: 12px;
}
#bullets {
	clear: right;
	padding-top: 1px;
	padding-bottom: 10px;
}
#bullets li {
	padding-bottom: 4px;
	list-style-image: url('box_img/bull_circle.png');
}
.orange {
	color: #d88400;
}
.green {
	color: #679b01;
}
.screenshot {
	display: block;
	margin: 10px 0;
}

/* form */

form {
	margin-top: 30px;
}
fieldset {
	padding: 12px 20px;
	font-size: 100%;
	border: 1px solid #679b01;
}
label {
	float: left;
	width: 25%;
	margin-right: 8px;
	padding-top: 3px;
	text-align: right;
	font-weight: bold;
}
legend {
	padding: 3px 12px;
	border: 1px solid #679b01;
	color: #679b01;
	background-color: #fff;
	font-size: 90%;
	text-align: right;
}
#request {
	width: 100%;
}
#phone {
	margin-bottom: 2px;
	width: 45%;
}
#email {
	margin-bottom: 2px;
	width: 45%;
}
.send {
	margin-top: 6px;
	margin-left: 20px;
	padding: 1px 24px;
}
.formText {
	margin-top: 4px;
	color: #679b01;
	font-style: italic;
}

