@import url(../css/reset.css);
html { height:100%; font-size:0.6875em; width:100%; }
body { background:url(../images/background.png) 0 100% repeat-x; width:100%; color:#7b7b7b; position:relative; min-height:100%; height:auto !important; height:100%; font:100% Tahoma, Arial, Helvetica, sans-serif }

#page { width:960px; margin:0 auto }

#header { border-top:1px solid #0083a9; padding-top:12px; width:960px; position:relative; top:5px; left:0; z-index:5; padding-bottom:29px; background:url(../images/header-back.png) no-repeat 100% 0 }
h1 { width:372px; height:72px; text-align:center; line-height:72px; font-size:2.5em; position:relative; }
h1 a { color:#0083a9; }
h1 strong { font-weight:bold; }
h1 span { width:372px; height:72px; background:url(../images/logo.png) no-repeat; position:absolute; top:0; left:0; }

h4 { font-weight:bold; color:#0083a9; font-size:1.1em; }
strong { font-weight:bold }

a { color:#0083a9; text-decoration:none }
a:hover { text-decoration:underline; }

#page form.search { float:right; position:relative; top:37px; right:16px; overflow:hidden; }
#page form.search label { float:left; padding-right:5px; vertical-align:middle; padding-top:1px; }
#page form.search div { float:left; border:1px solid #baccd9; overflow:hidden;  }
#page form.search input { float:left; vertical-align:middle; height:14px; border:0; background-color:#fff; width:113px; padding:0; }
#page form.search .button input { height:14px; line-height:14px; color:#1a5782; font-size:9px; width:auto; background:url(../images/search-button-ic.gif) 4px 50% no-repeat; padding:0 2px 3px 10px; }
#page form.search .button { display:block; float:left; border-left:1px solid #baccd9; padding:0 !important; background:url(../images/search-button-back.gif) repeat-x 0 0; }

#nav { position:relative; margin-left:-20px; left:20px; padding-top:8px; }
#nav li { width:156px; height:29px; float:left; margin-right:5px; position:relative;   }
#nav li img { margin:0 auto; position:relative; top:4px; }
#nav li.active { margin-right:4px; }
#nav li.active img, #nav li a:hover img, #nav li:hover a img { visibility:hidden; }
#nav li.active a, #nav li a:hover, #nav li:hover a  { background-image:url(../images/nav-li-active.png); }
#nav li a { display:block; width:156px; height:29px; text-align:center; background:url(../images/nav-li.png) no-repeat 0 0; line-height:0; color:#0083a9; }
#nav li span { position:relative; line-height:0; top:6px; }
#nav li.home span           { background:url(../images/mm-li-home-over.png) 0 0 no-repeat #cce1fb; }
#nav li.dapibuseros span    { background:url(../images/mm-li-dapibus-over.png) 0 0 no-repeat #cce1fb; }
#nav li.maurissagittis span { background:url(../images/mm-li-mauris-over.png) 0 0 no-repeat #cce1fb; }
#nav li.diamsed span        { background:url(../images/mm-li-diamsed-over.png) 0 0 no-repeat #cce1fb; }
#nav li.morbiquis span      { background:url(../images/mm-li-morbi-over.png) 0 0 no-repeat #cce1fb; }
#nav li.contact span        { background:url(../images/mm-li-contact-over.png) 0 0 no-repeat #cce1fb; }

#nav li:hover div, #nav li.over div { display:block; }
#nav div { display:none; position:absolute; width:166px; left:-5px; top:28px; padding-bottom:5px; background:url(../images/mm-dropmenushadow.png) no-repeat left bottom; }
#nav div i.top { display:block; position:absolute; z-index:2; width:156px; height:7px; top:0; left:5px; background:url(../images/mm-dropmenutop.gif) no-repeat; }
#nav div i.bottom { display:block; position:absolute; z-index:2; width:156px; height:6px; bottom:5px; left:5px; background:url(../images/mm-dropmenubottom.gif) no-repeat; }
#nav ul { width:156px; margin-left:5px; }
#nav div li:first-child a { padding-top:7px; }
#nav div li { width:154px; float:none; border-top:1px solid #a2cdeb; height:auto; }
#nav ul { border-left:1px solid #0083a9; border-right:1px solid #0083a9; width:154px; overflow:hidden }
#nav li:hover li a, #nav li.over li a { background:#c3dafb url(../images/nav-li.png) 50% 100% no-repeat; color:#0083a9; width:154px; height:18px; line-height:17px; }
#nav li:hover li:hover a, #nav li:hover li.active a, #nav li.over li.active a { background:#eda564 none; color:#fff; }

.header-links { width:100%; position:absolute; background:#e5f2f6; margin-top:5px; left:0; z-index:4; }
.am { padding:0 16px; height:2.44em; line-height:2.44em; background:#0083a9; color:#fff; overflow:hidden; font-size:0.82em; position:relative; z-index:2; width:928px; margin:0 auto;  }
.am a { color:#52b1d7; text-decoration:none }
.am .active a { color:#fff; text-decoration:none }
.nav-icons { float:right; margin-right:-12px; }
.nav-icons li { float:left; padding-right:12px; height:12px; }
.nav-icons img { vertical-align:middle }

.header-image { position:relative; z-index:2; text-align:center; background-color:#0083a9; margin-top:2em; border-top:9px solid #fff; height:148px; }
.header-image h2 { padding:30px; font-size:20px; color:#fff; text-transform:uppercase }
.header-image span { position:absolute; top:0; left:0; width:960px; height:148px; background:url(../images/header.jpg) no-repeat; }

#main { margin-top:4px; background:url(../images/main-background.png) repeat-x 0 0; min-height:110px; height:auto !important; height:110px; position:relative; z-index:5; }
.block { border:1px solid #dedede; width:302px; float:left; margin-right:11px; margin-bottom:23px; background:#fff; }
.block .text { padding:9px 14px; background:url(../images/b-header-back.png) 100% 0 #b4b4b4 no-repeat; color:#fff; }
.block h3 { background-color:#f7f7f7; height:26px; padding-left:14px; color:#0083a9; font-weight:bold; }
.block h3 img { padding-top:7px; }
.block h3.stat { background:url(../images/b-header-ic1.png) no-repeat 98% 50% #f7f7f7; }
.block h3.arch { background:url(../images/b-header-ic2.png) no-repeat 97% 50% #f7f7f7; }
.block h3.stappen { background:url(../images/b-header-ic3.png) no-repeat 98.8% 50% #f7f7f7; }

#content { padding:11px 0 3em 13px; background:url(../images/main-cl.png) no-repeat 0 0; width:640px; float:left; margin-left:-10px; left:10px; position:relative; overflow:hidden }

#contact { width:586px; overflow:hidden }
#contact .fields { float:left; width:48%; margin-right:4%;}
#contact .textarea { float:left; width:48%; }
#contact .fields table, #contact .textarea table { width:100%; }
#contact td { padding-bottom:1px; }
#contact .fields .descr { width:40%; } 
#contact .fields strong { display:block; margin:.8em 0; }
form input, form textarea { border:1px solid #dbd5cd; height:16px; padding-top:1px; width:99%; vertical-align:middle }
form .no-field input, form input.button { width:auto; border:0; height:auto; padding:0; margin:.2em; }
form textarea { height:auto }
#contact .textarea textarea { overflow:auto; margin-top:.4em; height:120px; }
#contact .textarea input.button { margin-left:0; margin-right:4px; margin-top:10px; }
form input.button { background:#0083a9; color:#fff; cursor:pointer; padding:.4em 1em !important;  }

#text { padding:0 0 0 15px; margin-top:4px; clear:both; background:url(../images/text-back.jpg) no-repeat 0 0; min-height:210px; height:auto !important; height:210px; width:540px; }
#text h3 { color:#0083a9; font-weight:bold; font-size:1.27em; margin-bottom:1.1em; }
#text p { margin-bottom:1.5em; }

#side { width:305px; float:right; padding:11px 12px 0 0; background:url(../images/main-cr.png) right top no-repeat; min-height:110px; height:auto !important; height:110px; }
#side .block { margin-right:0; width:304px; margin-bottom:12px; float:none  }

#pettabs { width:305px; margin-left:-14px; overflow:hidden; font-size:.9em; margin-top:7px;  }
#pettabs a { color:#7b7b7b; display:block; background:url(../images/tab.gif) no-repeat #c7c7c7; width:61px; height:26px; border-bottom:1px solid #dedede; line-height:26px; text-align:center; }
#pettabs li { float:left; margin:0 1px 0 -1px; }
#pettabs .selected { background-color:#fff; color:#ff7b00; font-weight:bold; border-color:#fff; text-decoration:none }
#side .block .container { background:#fff; margin-top:-11px; padding:0 26px 14px 16px; }
#side .block .tabcontent { padding-top:14px; min-height:106px; height:auto !important; height:106px; }
#side .no-head { padding:5px; width:294px; }
.contacts-img { float:right; }
#side dl.contacts { padding:20px 16px; }
#side dt { font-size:1.1em; font-weight:bold; color:#0083a9; }
dl.contacts a.email { color:#7b7b7b; text-decoration:underline; }
dl.contacts em { color:#0083a9; margin-right:.4em; }

#footer { clear:both; position:relative; }
#footer .copyright { position:absolute; bottom:11px; left:28px; color:#c5dee6; }
#footer .copyright a { color:#c5dee6; }
#footer ul { right:318px; bottom:14px; position:absolute; overflow:hidden; }
#footer li { display:inline; padding-left:1em; padding-right:1em; margin:0 1px 0 -1px; border-left:1px solid; color:#bfbfbf;  }
#footer ul a { color:#bfbfbf; }

.background { position:absolute; z-index:1; height:100%; width:100%; bottom:0; left:0; overflow:hidden; }
.background i { width:960px; margin:0 auto; background:#fff url(../images/footer-background.png) no-repeat left bottom; height:100%; display:block  }