/*  
Jméno thémy: dula
web: http://www.dulaolga.cz/
autor: Veronika Čejková http://www.cvero.cz/

	Copyright (c) Dula Olga Krajíčková


/* tagy */
* {margin: 0; padding: 0;}

html {
	background: #e1dfec url('../images/bg.jpg') repeat-x;
}

body {
background: #e1dfec url('../images/top.jpg') no-repeat scroll center top;
color: #e4dbe3;
display: table;
font: 80%   'Verdana CE', 'Arial CE', 'Helvetika CE',
            Verdana, sans-serif;
width: 100%;   
}

a {color: #62616a;}

a:hover {text-decoration: none;}

h1, h2, h3, h4, h5, h6  {
color: #a85b6f;
font-family: 'Trebuchet MS', 'Geneva CE', 'Helvetika CE',
            lucida, sans-serif; 
}

p {
padding: 10px 0 0 0;
text-align: justify;
}

/*neupravované tagy*/
blockquote, pre, .pre {border: 1px solid #dcdcdc; border-left: 6px solid #669911; padding: 5px; overflow: auto; width: 90%; line-height: 140%;}
p, pre, blockquote, table {margin: 5px 0 15px 0;}
p, pre, blockquote, table td, ul li, ol li {line-height: 170%;}
ul, ol {margin: 5px 0 15px 25px;}
/*
h1 {font-size: 26px; margin: 0 0 10px 0;}
h2 {font-size: 19px;}
h3 {font-size: 15px;}
h4 {font-size: 13px;}
/*----------------------------------------------------*/
/* celek */
#celek {
margin: 0 auto;
width: 960px;
}

/* hlavicka */

#hlavicka {
height: auto;
margin: 0 auto;
width: 960px;

}
#logo {
height: auto;
padding: 10px 0 0 20px;
}

.klikaci_logo, .klikaci_logo a, .klikaci_logo a span{
width:269px;
height:106px;
display:block;
}

.klikaci_logo a{
position:relative;
text-decoration: none;
}

.klikaci_logo a span{
position:absolute;
top:0px;
left:0px;
z-index:1;
background: url('../images/olga_logo.jpg') top left no-repeat;
}
 
/*-------------------------------------popisek h2--------------------------*/

#nadpis {
height: auto;
padding: 0 0 0 170px;
}


.popisek, .popisek a, .popisek a span{
width:118px;
height:33px;
display:block;
}

.popisek a{
position:relative;
}

.popisek a span{
position:absolute;
top:0;
left:0;
z-index:1;
background: url('../images/dula_logo.jpg') top left no-repeat;
}

.motto{
padding: 10px 0 0 200px;
z-index:1;
font: 120%   'Verdana CE', 'Arial CE', 'Helvetika CE',
            Verdana, sans-serif;
background: url('../images/motto.gif') top left no-repeat;
}


/*--------------------------------------menu----------------------------------*/
#menu {
margin-left: -20px;
height: 178px;

}


#horni_menu {
height: 20px;
list-style-type: none;
width: 960px;
padding: 30px 0 0 0
}

#horni_menu li {
float: left;
}

.aktuality, .mojevizitka, .sluzby, .kdojedula, .porod, .regionpusobnosti, .cenik, .kontakt
{
display: inline;
}

.aktuality, .mojevizitka, .sluzby, .kdojedula, .porod, .regionpusobnosti, .cenik, .kontakt, .aktuality a, aktuality span, .mojevizitka a, .mojevizitka span, .sluzby a, .sluzby span, .kdojedula a, kdojedula span,  .porod a, .porod a.span, .regionpusobnosti a, regionpusobnosti span,
.cenik a, cenik span, .kontakt a, kontakt span {
display: block;
height: 177px;
text-decoration: none;
}

.aktuality a, .aktuality, .aktuality a span {
width: 115px;
}

.mojevizitka, .mojevizitka  a, .mojevizitka a span{
width: 150px;
}

.sluzby, .sluzby a, .sluzby a span {
width: 80px;
}

.kdojedula, .kdojedula a, .kdojedula a span {
width: 148px;
}

.porod, .porod a , .porod a span{
width: 82px;
}

.regionpusobnosti, .regionpusobnosti a, .regionpusobnosti a span {
width: 204px;
}

.cenik, .cenik a, .cenik a span {
width: 76px;
}

.kontakt, .kontakt a, .kontakt a span {
width: 105px;
}


.aktuality a, .mojevizitka a, .sluzby a, .kdojedula a, .porod a, .regionpusobnosti a, .cenik a, .kontakt a
{

color: #a75a6e;
position: relative;
line-height: 178px;
z-index: 0;
}

.aktuality span, .mojevizitka span, .sluzby span, .kdojedula span, .porod span, .regionpusobnosti span, .cenik span, .kontakt span
{
position: absolute;
top: 0;
left:0;
z-index:1;
}

.aktuality a span{
background: url('../images/aktuality.gif') 0 0 no-repeat;
}

.mojevizitka a span{
background: url('../images/mojevizitka.gif') 0 0 no-repeat;
}

.sluzby a span{
background: url('../images/sluzby.gif') 0 0 no-repeat;
}

.kdojedula a span{
background: url('../images/kdojedula.gif') 0 0 no-repeat;
}

.porod a span{
background: url('../images/porod.gif') 0 0 no-repeat;
}

.regionpusobnosti a span{
background: url('../images/regionpusobnosti.gif') 0 0 no-repeat;
}

.cenik a span{
background: url('../images/cenik.gif') 0 0 no-repeat;
}

.kontakt a span{
background: url('../images/kontakt.gif') 0 0 no-repeat;
}



.aktuality a:hover span, .mojevizitka a:hover span, .sluzby a:hover span, .kdojedula a:hover span, .porod a:hover span, .regionpusobnosti a:hover span, .cenik a:hover span, .kontakt a:hover span
{
background-position: 0 -178px;
}

.aktuality a:hover, .mojevizitka a:hover, .sluzby a:hover, .kdojedula a:hover, .porod a:hover, .regionpusobnosti a:hover, .cenik a:hover, .kontakt a:hover
{
text-decoration:  none;
}
/*------------------------------------konec definice menu--------------------*/


#obsah {
background: transparent url('../images/obsah_bg.jpg') repeat-y scroll center top;
position: relative;
display: table;
width: 100%;
color: #737374;

}

#obsah_pad h1, #obsah-pad h3 {
color: #a75a6e;
text-transform: uppercase;
font-size: 150%;
clear: right;
padding: 0 0 15px 0;
margin-top: 0;
}

#obsah_pad {
margin: 0 auto;
width: 920px;
padding: 0 0 5px 20px; 
}


/* paticka */
#paticka_wrap {
background: url('../images/paticka.jpg') no-repeat scroll center top;
margin: 0 auto;
position: relative;
display: table;
width: 100%;
}

#paticka {
background: transparent url('../images/paticka.jpg') no-repeat scroll center top;
margin: 0 auto;
clear: both;
height: 170px;
width: 960px;
color: #737374;
font-size: 85%;
}

.odkazweb{ 
color: #afadba;
text-align: right;
padding-right: 20px;
width: 200px; 
height:29px;
}

.odkazweb a { 
color: #afadba;
}

.kontakty{ 
float: left;
width: 600px; 
}


#paticka_pad {
padding: 70px 0 0 20px;
}

.obr {
float: right;
margin: 40px 20px 2px 20px;
border: 2px solid white;
width: 260px;
}

.mapa {
float: left;
margin: 20px 20px 2px 20px;
border: 2px solid white;
width:850px;
}