/* LAYOUT */

body {
 font-family: tahoma, sans-serif;
 font-size: 10pt;
 background: #F5f5f5;
}

div.wrapper {
 width: 950px;
 height: 475px;
 border: 2px #515f99 solid;
 position: relative;
 margin: auto;
 margin-top: 30px;
 background: #fff;
 color: #000;
}

div.header {
width: 100%;
height: 70px;
background: url("http://www.autoagregaty.cz/images/pozadi_auto.jpg") no-repeat;
}

div.footer {
width: 930px;
height: 55px;
background: #515f99;
color: #6d7bb4;
font-size: 24pt;
font-weight: bold;
text-align: right;
padding-top: 15px;
padding-right: 20px;
}
 
 div.podpis {
 width: 950px;
 margin: auto;
 margin-bottom: 20px;
 font-size: 8pt;
}

div.podpis_left {
 float: left;
}

div.podpis_right {
 float: right;
}

div.lista1 {
width: 600px;
position: absolute;
top: 40px;
right: 20px;
font-weight: bold;
color: #FFF;
font-size: 14pt;
text-align: right;
padding-right: 0px;
}

div.lista12 {
width: 600px;
position: absolute;
top: 40px;
right: 20px;
font-weight: bold;
color: #FFF;
font-size: 13.5pt;
text-align: right;
padding-right: 0px;
}

div.lista2 {
width: 250px;
position: absolute;
top: 10px;
right: 20px;
font-weight: normal;
color: #9d9cae;
font-size: 12pt;
text-align: right;
padding-bottom: 4px;
border-bottom: 1px #9d9cae solid;
}

div.logo {
 position: absolute;
 top: 22px;
 left: 15px;
 z-index: 1000;
}

div.text {
 width: 100%;
 height: 335px;
 background: #eeeeee;
 position: relative;
}

div.vyber {
 font-size: 9pt;
 text-align: center;
}

div.vyber2 {
 font-size: 7pt;
}

div.sloupec_levy{
 position: absolute;
 top: 65px;
 width: 460px;
 padding-left: 10px;
 margin-right: 10px;
 height: 260px;
 overflow: hidden;
}

div.sloupec_pravy{
 position: absolute;
 top: 25px;
 right: 0px;
 width: 450px;
 border-left: 2px #000 solid;
 padding-left: 10px;
 padding-right: 10px;
 height: 300px;
 overflow: hidden;
 }

div.sloupec_levy_home{
 position: absolute;
 top: 75px;
 width: 420px;
 padding-left: 30px;
 margin-right: 30px;
 height: 250px;
 overflow: hidden;
}

div.image_middle{
 text-align: center;
 }

/* DESIGN */
 
a:link {color: #366; text-decoration: underline; font-weight: normal;}
a:visited {color: #366; text-decoration: underline; font-weight: normal;}
a:hover {color: #366; text-decoration: none; font-weight: normal;}

div.lista1 a:link {color: #fff; text-decoration: none; font-weight: bold;}
div.lista1 a:visited {color: #fff; text-decoration: none; font-weight: bold;}
div.lista1 a:hover {color: #fff; text-decoration: underline; font-weight: bold;}
div.lista1 a.active:link {color: #fff !important; text-decoration: underline; font-weight: bold;}
div.lista1 a.active:visited {color: #fff !important; text-decoration: underline; font-weight: bold;}

div.lista12 a:link {color: #fff; text-decoration: none; font-weight: bold;}
div.lista12 a:visited {color: #fff; text-decoration: none; font-weight: bold;}
div.lista12 a:hover {color: #fff; text-decoration: underline; font-weight: bold;}
div.lista12 a.active:link {color: #fff !important; text-decoration: underline; font-weight: bold;}
div.lista12 a.active:visited {color: #fff !important; text-decoration: underline; font-weight: bold;}

div.lista2 a:link {color: #9d9cae; text-decoration: none; font-weight: normal;}
div.lista2 a:visited {color: #9d9cae; text-decoration: none; font-weight: normal;}
div.lista2 a:hover {color: #9d9cae; text-decoration: underline; font-weight: normal;}
div.lista2 a.active:link {color: #9d9cae !important; text-decoration: none; font-weight: bold;}
div.lista2 a.active:visited {color: #9d9cae !important; text-decoration: none; font-weight: bold;}
div.lista2 a.active:hover {color: #9d9cae !important; text-decoration: underline; font-weight: bold;}

div.podpis a:link {color: #000; text-decoration: none; font-weight: bold;}
div.podpis a:visited {color: #000; text-decoration: none; font-weight: bold;}
div.podpis a:hover {color: #000; text-decoration: underline; font-weight: bold;}

div.text a:link {color: #515f99; text-decoration: none; font-weight: bold;}
div.text a:visited {color: #515f99; text-decoration: none; font-weight: bold;}
div.text a:hover {color: #515f99; text-decoration: underline; font-weight: bold;}

div.vyber a.active:link {color: #515f99; !important; text-decoration: underline; font-weight: bold;}
div.vyber a.active:visited {color: #515f99; !important; text-decoration: underline; font-weight: bold;}

h1 {
 font-size: 140%;
 font-family: tahoma, sans-serif;
 font-weight: normal;
 border-bottom: 1px #000 solid;
}

h2 {
 font-size: 180%;
 font-family: tahoma, sans-serif;
 font-weight: normal;
 border-top: 1px #000 solid;
 border-bottom: 1px #000 solid;
text-align: center;
}