@charset "utf-8";

/**
/
/ GLOBAL
/
/**/
* { margin: 0; padding: 0; list-style: none; }
html, body { width: 100%; height: 100%; overflow: hidden; }
body{ font-family:"Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 75%; background: #FFF; color: #000; }
img { border: none; }
a, a:visited, a:active, a:hover { text-decoration: none; color: #333; }
a:hover { color: #537C36; }
p { color: #000; font-size: 1.3em; margin: 20px; }
h2 { color: #000; font-size: 2.7em; }
h3 { color: #537C36; font-size: 1.4em; text-transform: uppercase; margin: 15px 0 0 15px; }
h4 { color: #537C36; font-size: 1.4em; text-transform: uppercase; margin: 30px 0 0 0; }

/**
/
/ LAYOUT
/
/**/
#bg .wallpaper { position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; }
#bg, #bg table, #bg td, #content { width: 100%; height: 100%; overflow: hidden; }
#bg td { vertical-align: middle; text-align: center; }
#bg img { min-height: 50%; min-width: 50%; margin: 0 auto; }

#logo { position: absolute; top: 40px; left: 0px; z-index: 80; width: 300px; height: 72px; background: url(../images/white_gr.png) repeat-x; }

#menu { position: absolute; top: 40px; left: 303px; z-index: 80; width: 100%; height: 72px; background: url(../images/green_gr.png) repeat-x; }
#menu ul { text-align: left; margin-top: 17px; }
#menu li { display: inline; font-size: 2em; }
#menu li a { margin: 0 1em 0 1em; color: #FFF1DA; text-decoration: none; font-weight: normal; }
#menu li a:link, #menu li a:visited { color: #FFF; }
#menu li a:hover { color: #B7C7B1; }

#slogan { position: absolute; z-index: 80; top: 150px; right: 12%; }
#company { position: absolute; z-index: 80; top: 150px; left: 13%; width: 500px; height: 280px; background: #FFF; }
#contacts { position: absolute; top: 115px; left: 13%; width: 700px; background: #FFF; z-index: 70; overflow: auto; }
#contacts_numbers { float: left; width: 30%; margin-top: 25px; padding-left: 15px; }
#contacts_form { float: right; width: 62%; margin-top: 0px; text-align: left; }

#catalog { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: auto; }
.content { position: absolute; top: 20%; right: 250px; width: 760px; padding-bottom: 50px; }
.content div { line-height: 1.4em; background: #FFF; padding: 20px 30px; overflow: auto; }
.content div table { margin-top: 50px; text-align: center; width: 100%; }
.content div tr { height: 160px; }

#footer { position: absolute; z-index: 80; bottom: 10px; width: 100%; height: 25px; background: url(../images/white_gr.png) repeat-x; line-height: 2.1em; padding-left: 20px; color: #555; }

/**
/
/ FORMS
/
/**/
label { display: block; font-size: 1.1em; font-weight: normal; color: #333; margin-top: 10px; }
input { background-color: #F5F5F3; border: 1px solid #AAA; width: 300px; height: 1.2em; padding-top: 3px; font-size: 1.4em; font-family: Geneva, Arial, Helvetica, sans-serif; }
textarea { background-color: #F5F5F3; border: 1px solid #AAA; width: 400px; height: 140px; font-size: 1.4em; font-family: Geneva, Arial, Helvetica, sans-serif; }
input:focus, textarea:focus { border: 1px solid #537C36; background-color: #FFF; }
button { margin-top: 15px; cursor: pointer; color: #FFF; font-size: 1.3em; font-weight: bold; padding: 3px; background: #537C36; border: none; }


/**
/
/ ALERT MESSAGE
/
/**/
#alert-msg { text-align: center; width: 95%; margin:auto; }
.alert { background: #fff6bf url(../images/alert-messages.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; line-height: 18px; font-size: 1em; }