@media screen
{
html, body {height:100%; width:100%; margin:0; padding:0;} 
body {background:#01A1DD url(images/bg1.jpg) left bottom no-repeat fixed;}
form {margin:0; padding:0}
img {border:0}
#wrap {width:100%; height:330px;}
#main {width:770px; margin:0 auto;}
#sidebar {width:200px; float:left; padding:0; clear:both; margin:15px 0 0 0;}
#content {width:560px; float:right; padding:0 0 20px 0; background:#FFF url(images/bg2.gif) no-repeat bottom; margin:50px 0 20px 0; }
#footer {text-align:center; clear:both; padding:10px 0;}
#logo {padding:54px 0 88px 36px; float:left; clear:both;}

/* CUSTOM */
a.mainbutton {display:block; height:20px;}
a.mainbutton:hover, a.active {border-bottom:3px solid #FFF;}
a.b41 {width:120px;}
a.b42 {width:100px;}

/* SUBMENU */
#sidebar h1 {background:url(images/hs.gif) center top no-repeat; text-align:center; font-weight:bold; color:#FFF; font-size:15px; line-height:30px; margin:0;}
#sidebar a.button {background:url(images/b.gif) no-repeat center; display:block; padding:0 5px; line-height:30px; color:#FFF; font-weight:bold; font-size:14px; text-decoration:none; margin-top:5px;}
#sidebar a.button:hover, #sidebar a.active {background:url(images/a.gif) no-repeat center; color:#01A1DD; border:none;}

/* FORMS */
.textfield, .textarea {color:#999; background:#eee; border:1px solid #ccc;}
.textfield:focus, .textarea:focus {color:#006; background:#eee; border:1px solid #999;}
.submit {background:url(../../includes/images/bg3.gif) center; border:1px solid #ccc; color:#666; font-weight:bold;}
.submit:hover {background:url(../../includes/images/bg2.gif) center; border:1px solid #999; color:#006;}

/* CONTACTS */
table.email {width:100%;}
table.email th {width:20%;}
table.email td {width:80%;}
table.email .textfield, table.email .textarea, table.email .submit { width:100%;}

/* NEWS */
ul.news {padding:10px 5px 10px 25px; margin:0; font-weight:bold;color:#63C;}
li.newsarchive {list-style:none;}
ul.news a {color:#63C;}
div.news {clear:both; border-bottom:2px solid #ddd; margin:0 0 5px 0;}
ul.news .date {color:#990;}
.paging {text-align:center;}
.pagination {text-align:center; padding:5px;}
.pagination a {background:url(../../includes/images/bg3.gif) center; border:1px solid #ccc; color:#666; font-weight:bold; padding:2px 5px 2px 5px;}
.pagination a.current, .pagination a:hover {background:url(../../includes/images/bg2.gif) center; border:1px solid #999; color:#006;}


/* START SYSTEM MESSAGES */
div.error, div.notice, div.info, div.ok {clear:both; margin:5px; padding:10px 10px 10px 50px; background-repeat:no-repeat; background-position:5px center; color:#333; -moz-border-radius:5px; }
div.error  {border: 1px solid #f32629; background-color:#ffe6e6; background-image: url(../../includes/images/ico_error.gif);}
div.notice {border: 1px solid #fea803; background-color:#fef9bf; background-image: url(../../includes/images/ico_notice.gif);}
div.info   {border: 1px solid #a8c7f4; background-color:#f1fafd; background-image: url(../../includes/images/ico_info.gif);}
div.ok     {border: 1px solid #91e375; background-color:#e3f8dc; background-image: url(../../includes/images/ico_ok.gif);}
/* END SYSTEM MESSAGES */
}
@media print
{
html, body {height:100%; width:100%; margin:0; padding:0;} 
body {background:#FFF;}
img {border:0}
#wrap {width:100%; height:0;}
#main {width:600px; margin:0 auto;}
#sidebar {display:none;}
#content {width:600px; float:right; padding:0 0 20px 0; background:#FFF; margin:0; }
#footer {text-align:center; clear:both; padding:10px 0;}
.screen {display:none;}
.solution {display:none;}
#content h1 {background:FFF; color:#069; padding:0;}
}