/* CSS2 */
/* Cascading style sheet for www.lavera.cz */
/* Created by Jay : jay.cz */

/* base definitions for page on element body */
html, body {
margin: 0;
padding: 0;
height: 100%; /* Required */
}


body {
    background-color : #fff;
    background-image: url(img/bg.gif);
    background-repeat: repeat-x;
    margin : 0px;
    font-family : Helvetica, Verdana, Geneva, Arial, sans-serif;
    font-size : 12px;
    color : #444;
    height: 100%;
}
/* style of links */
A:LINK, A:HOVER, A:FOCUS, A:ACTIVE, A:VISITED, A {
    text-decoration : none; /* no underlines */
    color : #999; /* no changes of color by visited, active... links by default. Exceptions later. */
    border-width : 0px; /* for sure (you know the border by img links) */
}
a:hover{
    text-decoration : dotted; /* no underlines */
    color: #000;
}
a.intext {
    font-weight: 900;
    letter-spacing: 1px;
}
img{
    border : 0px; /* i don't want the ugly border by img or img links */
}
h1, h2, h3, h4, h5, h6 { /* null all heading styles */
    font-family : Helvetica, Verdana, Geneva, Arial, sans-serif;
    font-variant : normal;
    font-weight : normal;
    font-style : normal;
    font-stretch : normal;
    font-size : medium;
    padding : 0px;
    margin : 0px;
}
/*
dark blue #95B4E0
light blue #c1d3ed
dark grey #B5B5B5
light grey #e4e4e4
*/
h1{
    color : #EbDDCC;
    font-size : 1.9em;
    text-align: center;
    font-weight: 900;
}
h2{
    font-weight: 900;
    margin-top: -5px;
    font-size: 1.3em;
    text-align: center;
    color : #EbDDCC;
    margin-bottom: 10px;
}
h3{
    color : #EbDDCC;
    font-size : 1.3em;
    text-align: center;
    font-weight: 900;
}
h4{
    color : #d2b38b;
    font-size : 1.9em;
    font-weight: 900;
}
h5{
    color : #EbDDCC;
    font-size : 1.3em;
    text-align: center;
    font-weight: 900;
}
h6{
    color : #EbDDCC;
    font-size : 1.0em;
    text-align: center;
    font-weight: 900;
}
.hide { /* here i put formating for the case the css is dead (i.e. handhelds) */
    display: none;
}
dl, ul, dt, dd, li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

/*************************************************************/
/* Section : page_header - top page graphics and menu */
#page_header{
    position: absolute;
    background-image: url(img/menu_bg.jpg);
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 147px;
}
#logo a{
    position: absolute;
    top: 22px;
    right: 40px;
    background-image: url(img/logo_lavera.gif);
    background-repeat: no-repeat;
    width: 161px;
    height: 70px;
}
.gradient{
    background-repeat: repeat-y;
    background-position: right;
}
#top_bg{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 200px;
    background-image: url(img/bg.gif);
    background-repeat: repeat-x;
}

/*****************************************************************/
/* Sectiom : page - default setings for page content */
#page{
    position: absolute;
    margin: 0px;
margin-top: 0px;
    padding: 0px;
/*  top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;*/
    clear: both;
    padding-top: 0px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    width: 100%;
}
#page #content{
    position: static;
    margin-left: 240px;
    margin-top: 160px;
    padding-bottom: 50px;
}
#page_bg {
    background-image: url(img/nohy.jpg);
    background-repeat: no-repeat;
    position: absolute;
    top: 146px;
    width: 233px;
    height: 243px;
}
#page_header #menu_bg{
    position: absolute;
    width: 570px;
}
#page_header #menu_bg #menu{
position: relative;
z-index: 10;
}
#page_header #menu_bg a{
    display: block;
    float: left;
    color: #999;
    width: 55px;
    text-align: center;
}
#page_header #menu_bg a:hover{
 color: #333;
}
#page_header #menu_bg a.kde-nakoupit{
    width: 100px;
}
#page_header #menu_bg li{
    float: left;
}

/******************************************************************/
/* Section : home - index.php */
#home{
    position: static;
    margin-top: -12px;
    padding-top: 12px;
    width: 600px;
    background-image: url(img/home_girl.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}

#index_napis{
    background-image: url(img/nadpis.gif);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 0px !important;
    bottom: -1px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 50px;

}
/**********************************************************************/
/* Section : o_nas - o_nas.php */
#o_nas{
    width: 610px;
}
#o_nas #img{
    float: left;
    margin-right: 5px;
}
#o_nas #text{
    text-align: justify;
    width: 430px;
    float: right;
}
#o_nas p{
    margin-top : -7px;
    text-align: justify;
}
#o_nas dt{
 margin-left: 10px;
 margin-bottom: 3px;
 margin-top: 3px;
}
#o_nas dd{
 margin-left: 30px;
 text-align: justify;
}
#o_nas li{
 text-align: justify;
 }

/****************************************************************/
/* Section : kontakt - formating of contents elements on the contacts page */
#kontakt_main{
    margin : 30px;
    height : auto;
    width: 650px;
}
#kontakt_adress{
    font-weight : normal;
    float : left;
    padding-right : 32px;
    border-right-color : #dddddd;
    border-right-width : 1px;
    border-right-style : solid;
}
#kontakt_adress div{
    width : 80px;
    text-align : right;
    float : left;
    font-weight : bold;
    margin-right : 5px;
}
#kontakt_adress span{
    height : 15px;
    letter-spacing : 1px;
    font-weight : bolder;
}
#kontakt_office{
    font-weight : normal;
    margin-right : 10px;
    border-left-color : gray;
    border-left-width : 2px;
}
#kontakt_office div{
    width : 70px;
    text-align : right;
    float : left;
    font-weight : bold;
    margin-right : 5px;
}
#kontakt_office span{
    height : 15px;
    letter-spacing : 1px;
    font-weight : bolder;
}
#kontakt_heading{
    width : 600px;
    text-align : center;
    font-size : 20px;
    font-weight : normal;
    color : #C1D3ED;
}

/******************************************************************************/
/* Section : produkty - lots of formating for the products page */
#left_menu{
    /* what a suprise - the left menu :) */
    position : absolute;
    top : 128px;
    left : 1px;
    right: 1px;
    widsth: 98%;
    margin : 0px;;
    padding : 0px;
}
#left_menu .small{
    font-size: 0.8em;
}
#left_menu dt, #left_menu dd, #left_menu ul, #left_menu li{
    margin : 0px;
    padding : 0px;
}
#left_menu li{
    list-style-type : none;
    display : block;
}
#left_menu dt a{
    border : 0px solid #eee;
    display : block;
    width : 8.9%;
    color : grey;
    float: left;
    text-align: center;
    font-size: 0.9em;
    height: 13px;
    padding-top: 0px;
    border-bottom: 3px solid;
}
#left_menu dt a:hover{
    height: 14px;
    border-bottom: 2px solid;
    _height: 13px;
    color: #333;
    _border-bottom: 3px solid;
}
#left_menu dd {
    position: absolute;
    left: 0px;
    top: 20px;
}
#left_menu dd *{
    clear: both;
}
#left_menu dd a{
    text-align: center;
    display : block;
    width : 210px;
    margin-right: 30px;
    margin-top: 2px;
    margin-left: 6px;
    height: 13px;
    padding: 3px;
    border: 1px solid #c3c3c3;
}
/* each product formating */

#produkty{
    width: 600px;
}
#produkty .pr{
    left : 0px;
    right: 10px;
    margin-bottom : 10px;
    margin-top : 30px;
}
#produkty .pr .top{
    clear : both;
    width : auto;
}
#produkty .pr .top .p_line{
    width : 150px;
    float : left;
    text-align : center;
}
#produkty .pr .top .name{
    width : 440px;
    float : right;
    text-align : center;
}
#produkty .pr .down {
    clear : both;
    width : auto;
}
#produkty .pr .down .img {
    margin-top : 3px;
    float : left;
    width : 150px;
}
#produkty .pr .down .right {
    margin-top : 3px;
    width : 440px;
    float : right;
}
#produkty .pr .down .right ul{
    margin : 0px;
    padding : 0px;
}
#produkty .pr .down .right li{
    width : auto;
    list-style-type : none;
    border-bottom : 1px solid #eee;
    text-align : justify;
    padding-top : 5px;
    padding-bottom : 5px;
}
/* menu under each product */
#produkty .pr_down_menu{
    width: 600px;
    padding-bottom: 40px;
    _padding-bottom: 20px;
    margin-bottom: 50px;
    border-bottom: 1px dotted #bbb;
}
#produkty .pr_down_menu ul.series{
    clear: both;
}
#produkty .pr_down_menu .series li{
    float: left;
}
#produkty .pr_down_menu .series li a{
    display: block;
    background-color: #d0d0d0;
    text-align: center;
    color: White;
}
#produkty .pr_down_menu .series li a.actual{
    background-color: #c0c0c0;
}
#produkty .pr_down_menu .series li a:hover{
    background-color: #b0b0b0;
}
#produkty .pr_down_menu ul.p_line{
    clear: both;
}
#produkty .pr_down_menu .p_line li{
    margin-top: 1px;
    float: left;
}
#produkty .pr_down_menu .p_line li a{
    display: block;
    background-color: #e0e0e0;
    text-align: center;
    color: White;
    letter-spacing: 1px;
    font-size: 0.9em;
}
#produkty .pr_down_menu .p_line li a .small{
    font-size: 0.8em;
}

#produkty .pr_down_menu .p_line li a.actual{
    background-color: #d0d0d0;
}
#produkty .pr_down_menu .p_line li a:hover{
    background-color: #b0b0b0;
}
/*
dark blue #95B4E0
light blue #c1d3ed
dark grey #B5B5B5
light grey #e4e4e4
*/


/* formating of product list */
#produkty #p_list {
    width: 600px;
    float: right;
    margin-bottom: 20px;
}
#produkty #p_list .single_p_l{
    float : left;
    border-top: 1px solid white;
    margin-right : 5px;
}
#produkty #p_list dt {
    background-color: #EbDDCC;
    width: 290px;
    float: left;
    border: 2px solid #EbDDCC;
}
#produkty #p_list dd {
    background-color: #f2ebe1;
    width: 250px;
    clear: both;
    text-align: left;
    border: 2px solid #F7F9FD;
    border-top: 0px;
    margin-left : 40px;
}
#produkty #p_list li{
    border-bottom: 1px solid #F7F9FD;
}
#produkty #p_list dt a{
    display: block;
    font-weight: 900;
    margin: 0px;
    padding: 0px;
    padding-bottom: 0px;
    text-align: left;
    padding-left: 5px;
    color: white;
    letter-spacing : 1px;
}
#produkty #p_list li a{
    display: block;
    padding: 0px;
    padding-left: 5px;
    color: #d2b38b;
}
#produkty #p_list li a:hover{
    background-color: #F7F9FD;
}
#produkty #p_list dt a:hover{
    background-color: #c9e1f4;
}


#produkty .ingre {
 font-variant: italic;
 font-style: italic;
}
/*
    background-color: #F7F9FD;
    background-color: #EDF2FA;
    color: #95B4E0;

    dark blue #95B4E0
light blue #c1d3ed
dark grey #B5B5B5
light grey #e4e4e4

*/
/****************************************************************/
/* Section : odkazy - formating of contents elements on the links page */
#odkazy_main {
    font-weight: 900;
}
#odkazy_main{
    float: left;
    width: 600px;
}
#odkazy_main ul{ /* the same trick as by menu - just an easy list */
    margin: 0px;
    padding: 0px;
}
#odkazy_main li{
    display: block;
    list-style-type: none;
    margin: 10px;
}
#odkazy_main a{
    display: block;
    padding: 5px;
    border: solid 1px #ddd;
}
#odkazy_main a:hover{
    background-color: #fafafa;
    color: inherit;
}
#odkazy_main .www {
    margin-left : 10px;
    font-style : italic;
    font-size: 1em;
    letter-spacing : 0px;
}
#odkazy_main span{
    font-weight : 100;
    letter-spacing : 1px;
}


.nedstat{
    position: absolute;
    bottom: 2px;
    right: 2px;
}


.dbtext li{
    list-style-type: circle;
    margin-left: 15px;
    margin-bottom: 2px;
}
.dbtext ul{
    margin: 5px;
}

.p_block{
    display: block;
    position:static;
    width: 690px;
    height: 163px;
    margin-bottom:5px;
}
#p_basis_sensitiv{
    background-color : #fff;
    background-image: url(img/produkty/p_basis_sensitiv.png);
    background-repeat: repeat-x;
}
#p_faces{
    background-color : #fff;
    background-image: url(img/produkty/p_faces.png);
    background-repeat: repeat-x;
}
#p_hair{
    background-color : #fff;
    background-image: url(img/produkty/p_hair.png);
    background-repeat: repeat-x;
}
#p_neutral{
    background-color : #fff;
    background-image: url(img/produkty/p_neutral.png);
    background-repeat: repeat-x;
}
#p_body_spa{
    background-color : #fff;
    background-image: url(img/produkty/p_body_spa.png);
    background-repeat: repeat-x;
}
#p_trend_sensitiv{
    background-color : #fff;
    background-image: url(img/produkty/p_trend_sensitiv.png);
    background-repeat: repeat-x;
}
#p_body_kinder{
    background-color : #fff;
    background-image: url(img/produkty/p_body_kinder.png);
    background-repeat: repeat-x;
}
#p_baby_neutral{
    background-color : #fff;
    background-image: url(img/produkty/p_baby_neutral.png);
    background-repeat: repeat-x;
}
#p_men{
    background-color : #fff;
    background-image: url(img/produkty/p_men.png);
    background-repeat: repeat-x;
}
#p_sun_sensitiv{
    background-color : #fff;
    background-image: url(img/produkty/p_sun_sensitiv.png);
    background-repeat: repeat-x;
}
.p_text{
    display: block;
    padding-top:30px;
    width: 367px;
}



#filtry{
    position: absolute;
    left: 0px;
    top: 150px;
}
#filtry *{
    clear: both;
}
#filtry a{
    text-align: center;
    display : block;
    width : 210px;
    margin-right: 30px;
    margin-top: 2px;
    margin-left: 6px;
    height: 13px;
    padding: 3px;
    border: 1px solid #c3c3c3;
}


#kde .prodejny {
 width: 600px;
 margin: 5px;
}
#kde .prodejna{
 border: 1px solid #ddd;
 margin: 5px;
}
#kde .prodejna ul {
 width: 270px;
 float: left;
 padding:5px;
}
#kde .prodejny li {
 margin-bottom:0.5em;
}

.clearer{
 clear: both;
}

#kde .prodejna .address {
 padding:1px;
 padding-left:10px;
 margin:5px;
 letter-spacing:2px;
 border-left: 1px solid #ddd;
}

#kde .prodejna:hover{
 color: #333;
 background-color: #f6f6f0;
}