body {margin:0; padding:0; background: #d892c2 url(imgs/bg_pattern.jpg) center top repeat-x; text-align: center; font-size: 13px; font-family: Arial; line-height: 1.5em; color: #323232;}
a {color: #d55595;}
a img {border:0;}
a:hover {text-decoration: none;}
.cleaner {clear: both; height: 1px; overflow: hidden;}
h1, h2, h3 {margin: 0; padding: 0;  font-weight: normal;}
img.floatleft {background-color: #fff; border: 1px solid #d8a7cf; padding: 1px; float: left; margin: 0 10px 0 0; }
img.floatrights {background-color: #fff; border: 1px solid #d8a7cf; padding: 1px; float: right; margin: 0 0 10px 30px; }
p {line-height:1.3em; &line-height:1.3em;}
p small{font-size: 11px;}
table, tr, td {margin: 0; font-size: 12px; }
ul, li {margin: 0; padding: 0; font-size: 12px; list-style-type: none; line-height: 1.4em;}
a.pdf {display: block; background: url(imgs/pdf.gif) no-repeat left top; padding: 0 0 0 25px; height:18px; line-height: 18px; margin: 0 0 8px 0;}
.zahl {display: none;}

li strong {color: #000; font-size: 13px;}

#obsah h1:first-line {font-size: 28px; line-height: 28px;  margin: 12px 0 20px 0;}
#obsah h1 {font-size: 20px; line-height: 28px;  margin: 12px 0 20px 0;}

h2 {font-size: 18px; margin: 0 0 10px 0;}
p {margin: 0; padding: 0;  }
a.kotva {text-decoration: none; font-size: 1px; line-height: 1px; height: 1px;}
.nahoru {text-align: right; background: url(imgs/odrazka_mala_nahoru.gif) no-repeat right 5px; margin: 0 10px 0 0;}
.nahoru a{font-size: 10px; margin: 0 13px 0 0;}
#container {text-align: left; width: 1000px; margin: 0 auto ; background: #d8a7cf url(imgs/container.gif) repeat-x left top; }
#hlavicka {height: 348px; background: url(imgs/hlavicka1.jpg) no-repeat left top; position: relative; width: 960px; margin: 0 20px ;}
#hlavicka img.logo {position: absolute; top: 65px; left: 335px;}
#hlavicka #menu {position: absolute; right: 30px; height: 33px; line-height: 33px;  bottom: 34px;}
#hlavicka #menu a {color: #ad4378; font-size: 14px; float: left; padding: 8px 10px 10px 10px;  text-decoration: none; }
#hlavicka #menu span {display: block; float: left; border-left: 1px solid #c691ab; margin: 9px 0 ;}
#hlavicka #menu a:hover { border-bottom: 16px solid #AD4378; }
#hlavicka #menu a.prvni {border-left: 0; }
#hlavicka span.oblibene a{position: absolute; right: 15px; font-size: 10px; color: #AD4378;}
#hlavicka a.proklik { display: block;  position: absolute; top: 25px; left: 0px; width: 960px; height: 250px; text-decoration: none;}

#hlavicka span.vrchni {position: absolute; left: 365px; top: 100px; color: #6C6F71; font-size: 28px;}
#hlavicka span.spodni {position: absolute; left: 345px; top: 199px; color: #6C6F71; font-size: 17px;  }

.nazor {width: 260px;}
.nazor .vrsek {background: url(imgs/blok_hlavicka.gif) no-repeat left bottom; height: 58px; position: relative;}
.nazor .vrsek span {color: #D5599F; font-size: 18px; position: absolute; bottom:13px; left: 50px;}
.nazor .stred {background: url(imgs/blok_telo.gif) no-repeat left top; font-size: 12px; background-color: #E5E5E5; }

.nazor .stred p {margin: 0 10px 0 20px; padding-top: 10px;  }
.nazor .spodek {background: url(imgs/blok_paticka.gif) no-repeat left top; height: 12px; line-height: 12px; font-size: 12px; margin: 0 0 15px 0;}


#paticka_telo {background: url(imgs/paticka.gif) no-repeat left bottom; height: 19px; line-height: 19px; width: 960px; margin: 0 20px; }
#telo {background: #fff url(imgs/telo_vrchni.gif) no-repeat left top; width: 960px; margin: 0 20px; padding: 20px 0 0 0;  }
.telo_spodek {width: 960px; margin: 0 20px ; height: 16px; font-size: 16px; line-height: 16px; background: url(imgs/telo_spodni.gif) no-repeat left top;}

#telo #l_sloupec {width: 260px; float: left; margin: 15px 20px 0 20px; position: relative; left: -622px; font-size: 11px; color: #555;}
#telo .l_sloupec_stred { background: url(imgs/l_sloupec.gif) repeat-y left top; padding: 13px 20px ; }
#telo .l_sloupec_vrsek {background: url(imgs/levy_vrchni.gif) no-repeat left top; height: 12px; line-height: 12px; line-height: 12px;}
#telo .l_sloupec_spodek {background: url(imgs/levy_spodni.gif) no-repeat left top; height: 12px; line-height: 12px; line-height: 12px;}
#telo #l_sloupec h2 {color: #4b4b4b; line-height: 20px;}
#telo #l_sloupec p { }
#telo #l_sloupec a{font-size: 12px; display: block; margin: 7px 0 0 0;}
#telo #l_sloupec .blokl {background-color: #E5E5E5; border: 1px solid #CECECE; padding: 15px; color: #323232;}
#telo #l_sloupec .blokl p{float: none; width: 280px;}
#telo #obsah .bloklr {background-color: #f9e6ef; border: 1px solid #f7d5e6; padding: 15px; color: #555;}
#telo #obsah .bloklr h3 {margin: 0 0 5px 0; font-size: 12px;}
#telo #l_sloupec h3 {font-size: 20px; margin: 0 0 10px 0;}
#telo  .cara {border-bottom: 1px solid #bfbfbf; height: 1px; line-height: 1px; font-size: 1px; margin: 12px 0 ;}
#telo .l_sloupec_stred h4 {margin: 0; }
#telo #l_sloupec .l_sloupec_stred p.odkazy a { display: inline; font-size: 11px;}
#telo #l_sloupec .l_sloupec_stred p.odkazy {line-height: 1.5em; font-size: 12px;}

.facebook a {text-decoration: none; cursor: pointer;}
.facebook {position: relative; height: 20px;}
.facebook img {position: absolute; left: 20px; top: 4px;}
.facebook span {position: absolute; left: 70px; top: 14px; color: #555; font-size: 13px;}

#telo #obsah {width: 620px; float: left; position: relative; left: 310px;}
#telo #obsah h1, #telo #obsah h2, #telo #obsah h3 {color: #ad4378; }

#telo #obsah h2 {margin-bottom: 10px; font-size: 20px;}

#telo #obsah p {color: #323232; margin: 0 0 10px 0;}
#telo #obsah .blok {background-color: #f9e6ef; border: 1px solid #f7d5e6; padding: 15px; color: #323232;}
#telo #obsah h3 {margin: 0 0 5px 0;  font-size: 14px; }
#telo #obsah h3 strong {font-size: 16px; color: #9A3C6B;}
#telo #obsah .sloupec {width: 290px; float: left; margin: 0 10px 8px 0; } 
#telo #obsah .sloupec img {margin: 0 auto ;}
#telo #obsah .cara {margin-bottom: 15px;}
#telo #obsah .pravy {margin-right: 0;}
#telo #obsah .blok p{ line-height: 1.2em;}
#telo #obsah h3.dark {background: url(imgs/bg_dark.gif) no-repeat left top; padding: 0 0 0 15px; height: 36px; line-height: 36px; color: #fff; width: 398px; }
#telo #obsah h3.dark strong {color: #fff;}
#telo #obsah h3.light {background: url(imgs/bg_light.gif) no-repeat left top; padding: 0 0 0 15px; height: 36px; line-height: 36px; color: #fff;}
#telo #obsah h3.light strong {color: #fff;}


.ilustrace_leva {float:left; width: 445px; margin: 0 30px 0 0;;}
.ilustrace {float:left; width: 110px;  }
.ilustrace img {padding: 2px; background-color: #fff;  margin: 0 0 25px 0; }


#telo #obsah table.tabulka {border: 1px solid #F7D5E6; border-collapse: collapse; border-spacing: 0; width: 100%; margin: 5px 0 15px 0;}
#telo #obsah table.tabulka th, #telo #obsah table.tabulka td {padding: 3px 5px ;}
#telo #obsah table.tabulka th {background-color: #F9E6EF; font-weight: normal;}
#telo #obsah table.tabulka tr.cara_tabulka {border-bottom: 1px solid #F7D5E6;}
#telo #obsah ul {margin: 5px 0 15px 15px;}
#telo #obsah ul li{background: url(imgs/odrazka_mala.gif) no-repeat left 4px; padding-left: 20px; margin: 0 0 5px 0;}
#telo #obsah ol li{list-style-type: decimal;}

#paticka { width: 960px; margin: 0 20px ; height: 45px; line-height: 45px; color: #ad4378;}
#paticka a.copy {color: #ad4378; float: right;}
#paticka .spolupracujeme {text-align: center; color: #000; font-size: 12px;}
#paticka .spolupracujeme a {color: #000;}

.novinky {background: url(imgs/tecky.gif) repeat-y left top;  margin: 30px 20px 0px 20px ;}
.novinka {float: left; width: 417px;}
.novinka p {line-height: 1.5em;}
.novinka span.nadpis {display: block; font-size: 14px;  margin-bottom: 3px; color: #ad4378;}

.blocek_vrsek {height: 37px; color: #fff; font-size: 22px; padding: 15px 0 0 22px;}

.blocek_levy a, .blocek_stredni a, .blocek_prava a {font-weight: bold; color: #ad4378;}
.blocek_levy span, .blocek_stredni span, .blocek_prava span  {display: block;  position: absolute; right: 13px; bottom: 0px; color: #ad4378;}

.blocek_levy {background: url(imgs/adlazdice_leva_stredni.gif) repeat-y left 10px; width: 501px; float: left; position: relative; }
.blocek_stredni { background: url(imgs/adlazdice_stredni_stredni.jpg) repeat-y left 10px; width: 405px;  float: left; position: relative; }
.blocek_prava {background: url(imgs/adlazdice_prava_stredni.gif) repeat-y left top; width: 245px;  float: left; position: relative;}
/* .blocek_prava img.sleva {position: absolute; left: 8px;}
.blocek_prava .slogan {position: absolute; left: 0;} */

.blocek_levy_stred, .blocek_stredni_stred, .blocek_prava .stred {margin: 0px 0;}
.blocek_levy_stred {background-color: red; padding: 8px 0 ; background: url(imgs/l_stred.gif) repeat-y left top;}
.blocek_stredni_stred { padding: 6px 0 0 ; background: url(imgs/p_stred.gif) repeat-y left top;}
.blocek_levy_stred .polozka{margin: 0 0 10px 20px;  line-height: 20px; color: #72726A; font-size: 17px; padding-left: 80px;} 
.blocek_levy_stred .polozka img {position: relative; top: 8px; margin: 0 4px 0 0;}
.blocek_levy_stred .polozka strong {color: #d859a9; font-weight: normal; font-size: 18px;}

.blocek_stredni_stred .polozka{margin: 0 0 10px 0; height: 29px; line-height: 29px; color: #72726A; font-size: 17px;} 
.blocek_stredni_stred .polozka img {position: relative; top: 8px; margin: 0 4px 0 0;}
.blocek_stredni_stred .polozka strong {color: #d859a9; font-weight: normal;}

.blocek_levy_stred .pol1 {background: url(imgs/procenta1.gif) no-repeat left 5px;}
.blocek_levy_stred .pol2 {background: url(imgs/procenta2.gif) no-repeat left 5px;}
.blocek_levy_stred .pol3 {background: url(imgs/procenta3.gif) no-repeat left 2px; height: 22px;  margin-bottom: 0;}

.zelena {background: url(imgs/blocek_zelena.gif) no-repeat left top;}
.cerna {background: url(imgs/blocek_cerna.gif) no-repeat left top;}
.ruzova {background: url(imgs/blocek_ruzova.gif) no-repeat left top;}

.blocek_levy .spodek {background: url(imgs/dlazdicka_leva_spodni.gif) no-repeat left top; height: 32px; line-height: 32px; font-size: 12px;}
.blocek_stredni .spodek {background: url(imgs/dlazdicka_stredni_spodni.gif) no-repeat left top; height: 32px; line-height: 32px;  font-size: 12px; margin:0;}
.blocek_prava .spodek {background: url(imgs/dlazdicka_prava_spodni.gif) no-repeat left top; height: 32px; line-height: 32px;}

.blocek_prava  strong {color: #323232; font-size: 13px;}


.slogan {position: absolute; font-size: 16px; width: 180px; text-align: center; left: 370px; top: 210px;}
ul.seznam {list-style-type: none; margin: 0 0 10px 0}
.blocek_levy  ul.seznam li {background: url(imgs/kolecko_ruzove.gif) no-repeat left 1px; padding: 0 0 0 25px; margin: 0 0 6px 0; }
.blocek_levy  ul.seznam li strong {font-size: 15px; color: #ad4378;}
.blocek_stredni  ul.seznam li {background: url(imgs/kolecko_zelene.gif) no-repeat left 5px; padding: 0 0 0 25px; margin: 0 0 8px 0; color: #72726A; font-size: 17px;}
.blocek_stredni  ul.seznam { margin: 0 0 0 15px; border-bottom: 1px solid #E5E5E5;}
ul.seznam li strong {color: #D1619C; font-size: 13px;}
.blocek_stredni ul.seznam li strong {color: #D1619C; font-size: 18px; font-weight: normal; text-transform: uppercase;}
#telo #obsah ul.seznam2 li {background: url(imgs/kolecko_ruzove.gif) no-repeat left 1px;  padding: 0 0 0 25px; margin: 0 0 9px 0;}
#telo #obsah  ul.seznam2 li strong {font-size: 14px; color: #323232;}

#telo #obsah ul.seznam3 li {background: url(imgs/kolecko_ruzove.gif) no-repeat left 3px; padding: 0 0 0 25px; margin: 0 0 9px 0;}
#telo #obsah  ul.seznam3 li strong {font-size: 14px; color: #323232;}

#telo #obsah ul.seznam666 li {background-repeat: no-repeat; background-position: left 1px;  padding: 5px 0 1px 30px; margin: 0 0 9px 0;}
#telo #obsah  ul.seznam666 li strong {font-size: 14px; color: #323232;}

#telo #obsah ul.seznam666 li.p1 {background-image: url(imgs/btt-01.gif);}
#telo #obsah ul.seznam666 li.p2 {background-image: url(imgs/btt-02.gif);}
#telo #obsah ul.seznam666 li.p3 {background-image: url(imgs/btt-03.gif);}
#telo #obsah ul.seznam666 li.p4 {background-image: url(imgs/btt-04.gif);}
#telo #obsah ul.seznam666 li.p5 {background-image: url(imgs/btt-05.gif);}
#telo #obsah ul.seznam666 li.p6 {background-image: url(imgs/btt-06.gif);}
#telo #obsah ul.seznam666 li.p7 {background-image: url(imgs/btt-07.gif);}
#telo #obsah ul.seznam666 li.p8 {background-image: url(imgs/btt-08.gif);}
#telo #obsah ul.seznam666 li.p9 {background-image: url(imgs/btt-09.gif);}
#telo #obsah ul.seznam666 li.p10 {background-image: url(imgs/btt-10.gif);}


.webring {border-top:1px solid #D791C2; margin: 10px 0 0 0; padding: 10px 0 0 0; color: #D55595; }

table.kontakty td{padding: 0px 4px 0 0; line-height: 1.3em;}

span.doprava {display: block; float: right; margin-right: 15px;}

a.dlazka1, a.dlazka2  {display: block; float: left; position: relative; width: 302px; height: 254px; margin-right: 3px; display: block; width: 302px; height: 254px; text-decoration: none;}
a.dlazka1 {background: url(imgs/kolagenarium.jpg) no-repeat left top;}
a.dlazka2 {background: url(imgs/solagenarium.jpg) no-repeat left top;}
a.dlazka1:hover {background: url(imgs/001.jpg) no-repeat left top;}
a.dlazka2:hover {background: url(imgs/002.jpg) no-repeat left top;}
a.dlazka1 span, a.dlazka2 span {position: absolute; left: 45px; top: 15px; font-size: 22px; font-family: Arial; color: #b14e80;}
a.dlazka1 em, a.dlazka2 em {position: absolute; left: 45px; top: 40px; font-family: Arial; font-size: 18px; color: #6e6e6e; font-style: normal;}

a.dlazka:hover span {text-decoration: underline;}

#nove_texty { padding: 10px 25px; }

#nove_texty h1{line-height: 28px;  margin: 5px 0 10px 0;}

#nove_texty h2 {font-size: 18px; margin: 0 0 10px 0;}

#nove_texty h3 {    color: #E1197F;
    font-family: Trebuchet MS;
    font-size: 20px;
    margin: 20px 0 5px 0;}

#nove_texty h1, #nove_texty h2, #nove_texty h3 {color: #e1197f;}

#nove_texty ul {margin: 5px 0 15px 0px; font-size: 14px;}
#nove_texty ul li{background: url(imgs/odrazka_mala_ruzova.gif) no-repeat left 2px; padding-left: 20px; margin: 0 0 8px 0; font-size: 14px; font-family: Tahoma;}
#nove_texty ol li{list-style-type: decimal;}
#nove_texty ul.seznam2 li{background: url(imgs/kolecko_ruzove2.png) no-repeat left 0px; padding-left: 40px; margin: 0 0 15px 0; line-height: 25px; font-size: 16px; font-weight: bold;}
#nove_texty ul.seznam2 li strong {font-size: 18px; color: #323232;}
#nove_texty ul.seznam2 li strong span {font-size: 18px;}
#nove_texty ol.seznam2 {margin-left: 0 ; padding-left: 27px;}
#nove_texty ol.seznam2 li{margin: 0 0 13px 0; line-height: 25px; font-size: 15px; font-weight: bold; color: #323232;}


#nove_texty p {margin-bottom: 10px;  
      padding: 5 0; 
color: black;      
    font-family: Arial;
    font-size: 14px;
    line-height: 150%;}
span.ruzova {background: url() ; color: #e1197f;  }
#nove_texty table td span.ruzova {background: url(); font-size: 14px; font-family: Arial; }
#nove_texty table.produkty { float: left; }
#nove_texty table.produkty td.produkt {text-align: center; padding: 0 0 15px 0;}

#nove_texty .leva {float: left; width: 450px; margin-right: 25px; }
#nove_texty .prava {float: left; width: 413px;}  
#nove_texty .cara {border-bottom: 1px solid #e1197f;}
/* #nove_texty .odpoved {margin-bottom: 25px; margin-top: 12px; background-color:#F7EEF5; padding: 15px; } */
#nove_texty .ruzovy_okraj {border: 10px solid #e1197f; padding: 2px; background-color: #fff;}