/*
    Document   : s-v-o
    Created on : 11.02.2013, 19:08:37
    Author     : MihaKot <mihakot@gmail.com>
    Description:
        Purpose of the stylesheet follows.
*/

/**
 *  Reset CSS
 ******************************************************************************/
root {display: block;}
* {margin:0;padding:0;}
html {width:100%;height:100%;}
body {width:100%;height:100%;}

body {background-color:#f8f8f8;font-family: Calibri , sans-serif;font-size:14px;}

a {color:#006FAF;outline: none;}
h1 {font-size:160%;margin:0 0 9px 0;}
h2 {font-size:150%;margin:0 0 8px 0;}
h3 {font-size:140%;margin:0 0 8px 0;}
h4 {font-size:130%;margin:0 0 7px 0;}
h5 {font-size:120%;margin:0 0 7px 0;}
h6 {font-size:110%;margin:0 0 6px 0;}

.corner5 {border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;}
.corner10 {border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px;}
/**
 * Carcas
 ******************************************************************************/

.wrapper {width:980px; margin: 0 auto;position: relative;}
header {height: 130px;}
footer {height:100px;background-color: #222222;color:#FFFFFF;clear:both;}

#logoImg {position: absolute;left:10px;top:15px;}
#logoText {position: absolute;left:170px;top:50px;width:160px;}
.logoText {color:#888888;font-size: 13px;font-style: italic}
#phoneImg {position: absolute;left:730px;top:50px;}
#phoneText {position: absolute;left:780px;top:50px;font-family: "Impact";font-size:30px;color:#ed0c14;font-style: italic;line-height: 30px;}
#emailText {position: absolute;left:780px;top:80px;right:10px;text-align: right;}
#toolbar {position: absolute;top:10px;right:10px;}
nav#TopMenu {background: #838383 url('/images/s-v-o/bg_menu.png') 0 0 repeat;height:39px;}
nav#TopMenu ul {list-style: none;margin:0 15px;height:39px;}
nav#TopMenu ul,
nav#TopMenu ul a {color:#FFFFFF;text-decoration: none;}
nav#TopMenu ul li {list-style: none;float:left;line-height: 37px;height:39px;padding:0 7px;font-size:13px;text-transform: uppercase}
nav#TopMenu ul li a {display: block;}
nav#TopMenu ul li.sep {border-right:1px solid #646464;border-left:1px solid #8f8f8f;width:0px;padding:0;}

#middle {padding:15px 0px;}
#crumbs {padding:4px 0;font-size:11px;}

#Slider {height:330px;background-color:#0070B0;margin-bottom: 10px;}

#ServiceList {height:180px;margin-bottom: 10px;}
#ServiceList .item {width:320px;float:left;height:160px;overflow: hidden;position: relative;}
#ServiceList .item:nth-child(even) {margin:0 10px;}
#ServiceList .item img {overflow: hidden;}
#ServiceList .item b {position: absolute;bottom:0;left:0;right:0;height:30px;line-height: 30px;text-align: center;background-color: #0589D3}
#ServiceList .item a {color:#FFFFFF;text-decoration: none;}

#NewsMain {width:240px;float:left;margin-right:30px;}
#NewsMain .newsItem {padding:0 0 15px 0;font-size: 12px;}
#NewsMain .newsItem .date {font-style: italic}
.newsList {padding-bottom:10px;}
.newsList .date {font-style: italic;float:left;margin-right:8px;}
#Content .content {overflow: hidden;display: block;}

.Pages {color:#FFFFFF;font-size:12px;}
.Pages b {color:#FFFFFF;font-weight: 400;background-color: #CFCFCF;display:inline-block;padding:2px 5px;margin:2px;}
.Pages a {color:#FFFFFF;font-weight: 400;background-color: #177ABD;display:inline-block;padding:2px 5px;margin:2px;text-decoration: none;}

#Footer {display: table;width: 100%;}
#Footer .item {display: table-cell;vertical-align: middle;height: 100px;}