* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    background-color: #0086B9;
}

body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
    font-family: Times,
             serif;
    font-size: 16pt;
    
    height: 100%;;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

.center {
    text-align: center;
}

div#div-gradient {
    position: absolute;
    z-index:-100;
    min-width: 900px;
    
    width: 100%;
    min-height: 800px;
    
    background: url(./deti/gradient.png) repeat-x top center;
}

div#div-background {
   
    width: 100%;
    min-height: 100%;
    overflow:visible;
    
    min-height: 800px;

    background: url(./deti/background.png) no-repeat top center;
}

div#div-head {
    padding-top: 40px; /*111px;*/
    width: 100%;
    min-width: 900px;
    background: url(./deti/page-head.png) no-repeat top center;
}

div#div-middle {
    padding-top: 1px;
    padding-bottom: 1px;
    
    min-width: 900px;
    background: url(./deti/page-middle.png) repeat-y top center;
}

div#div-foot {
    min-height:50px;
	background: url(./deti/foot.png) no-repeat top center;
    padding-top: 40px;
}


div#div-content {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

ul#columns {    
    padding: 0px;
}

li#left-col {
    display: inline-block;
    list-style-type: none;
    
    padding: 0px;
    
    width:665px;
    
    margin-left:25px;
    margin-right:10px;
    margin-top: 20px;
    
    /*IE 7 hack*/
    zoom: 1;
    *display: inline;
}

li#right-col {
    display: inline-block;
    list-style-type: none;
    
    padding: 0px;
    
    width:180px;
    
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 20px;
    
    vertical-align: top;
    text-align: center;
    
    /*IE 7 hack*/
    zoom: 1;
    *display: inline;
}


/*
 * RIGHT
 */

div#div-right {
    /*background-color: #444444;*/
}

div#div-right h3 {
    font-size: 16pt;
    text-align: center;
}

div#div-right p {
    font-size: 12pt;
    color: #464646;
}

ul.partneri {  
    list-style-type: none;
    
    margin-top: 10px;
    margin-bottom: 15px;
}

ul.partneri li {
  margin-bottom: 15px;
}

ul#fast-contact {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
        
    text-align: center;
    font-size: 12pt;
}

ul#fast-contact h4 {
    font-size: 14pt;
    margin-top: 10px;
}

ul#fast-contact li {
    list-style-image: none;
    list-style-type: none;
}

ul#fast-contact ul {
    padding-left: 0px;
}

ul#fast-contact p {
    margin-top: 0px;
}
 
ul#fast-contact ul li {
    list-style-image: none;
    list-style-type: none;
}

/*
 * TABS
 */

div#div-tabs {
    height: 39px;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

div#div-menu {
    height: 36px;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

div#foot {
    margin-left: auto;
    margin-right: auto;
    width: 900px;    
}

div#content {
    /*background-color: #CCCCCC;*/
}

/* logo */
h2 {
    font-size: 36pt;
}

div#logo {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

div#logo h2 {
    height: 71px;
    margin-left: 500px;
    width: 400px;
}

div#logo h2 a {
    display:inline-block;
    height: 71px;
    width: 400px;
}

/* nadpis stranky */
h1 {
    font-size: 32pt;    
    color: #44b234;
    
    margin-bottom: 7px;
}

h1 a {
    color: #44b234;
}

h3 {
    font-size: 20pt;
    color: #1577bd;
}

h3 a, div#content h3 a, div#content h3 a:link {
    color: #1577bd;
}

h4 {    
    font-size: 16pt;
    color: #d57f2b;
    
    margin-top: 25px;
}

h4 a {
    color: #d57f2b;
}

p {
    text-align: justify;
    
    margin-bottom: 7px;
    margin-top: 7px;
}

a img {
    border-bottom-style: none;
    border-width: 0px;
}

/* 
 * content 
 * 
 */
div#content ul {
    /* IE7 */
   padding-left: 20px;
}
div#content ul li {
    list-style: circle;
    display: list-item;
}

div#content h2 {
    font-size: 22pt;
    margin-top: 0px;
    color: #a020f0;
}

div#content h3 {
    font-size: 24pt;
    margin-top: 25px;
}

div#content blockquote p {   
    font-size: 20pt;
    color: #343576;
}

div#content p {

}

/* links */
a {
    color: #790000;
}

div#content a:link {
    color: #790000;    
}

div#content a:hover {
    color: #c50000;
}

/* TABS */

ul#tabs {
    font-size: 16pt;
    font-weight: normal;
    
    
    font-family: Helvetica, sans-serif;
    
    padding: 0px;
    padding-top: 8px;
}

ul#tabs li {
    display: inline-block;
    list-style-type: none;
    text-align: center;
    
    padding: 0px;
    
    width: 160px;
    
    margin:0px;
    
    /*IE 7 hack*/
    zoom: 1;
    *display: inline;
}

ul#tabs li#tab-dospeli {
    padding-right: 20px;  
}

ul#tabs li a {
    width: 160px;
    display: block;
    padding: 1px;
    text-decoration: none;
}

ul#tabs li a:hover {
    text-decoration: underline;
}

ul#tabs li a span{    
    display: block;
}

ul#tabs li#tab-dospeli a span{
    margin-right:20px;
}

ul#tabs li#tab-deti a span {
}

ul#tabs li#tab-dospeli a {
    color: #bbbbbb;
    
}

ul#tabs li#tab-deti a {
    color: #353535;
    
}

/* MENU */

ul#menu {
    font-size: 14pt;
    font-weight: normal;
    
    font-family: Helvetica, sans-serif;
    
    padding: 0px;
    padding-top: 8px;
    padding-left: 15px;
}

ul#menu li {
    display: inline-block;
    list-style-type: none;
    
    padding: 0px;
    
    margin-left:10px;
    margin-right:5px;
    margin-top: 0px;
    
    /*IE 7 hack*/
    zoom: 1;
    *display: inline;
}

ul#menu li.h180:hover {
    background: url(./deti/highlight180.png) center;  
    background-repeat: no-repeat;
}

ul#menu li.h150:hover {
    background: url(./deti/highlight180.png) center;  
    background-repeat: no-repeat;
}

ul#menu li.h130:hover {
    background: url(./deti/highlight130.png) center;  
    background-repeat: no-repeat;
}

ul#menu li.h100:hover {
    background: url(./deti/highlight100.png) center;  
    background-repeat: no-repeat;
}

ul#menu li.h70:hover {
    background: url(./deti/highlight70.png) center;  
    background-repeat: no-repeat;
}

ul#menu li.h60:hover {
    background: url(./deti/highlight60.png) center;  
    background-repeat: no-repeat;
}

ul#menu li.h50:hover {
    background: url(./deti/highlight50.png) center;  
    background-repeat: no-repeat;
}

ul#menu a {
    color: #353535;
    text-shadow: 0px 2px 2px #b5b5b5;
    text-decoration: none;
}

ul#menu a:hover {
    color: #8f0400;
    text-shadow: 0px 2px 3px #ffffff;
    text-decoration: underline;
}

/* FOOTER */
div#foot p {
    /*margin-left: 30px;
    margin-right: 30px;*/
    
    font-size: 12pt;
    color:#073560;
}

div#foot p.right {
  text-align: right;
}

/* team */
p.team-function {
    font-weight: bolder;
    color: #717171;
    
    margin-top: 2px;
    
}

p.team-function, p.team {
    margin-left: 25px;
}

/* kontakty */
ul#contact {    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
    width: 665px;
    
    text-align: center;
}

ul#contact h4 {
    font-size: 22pt;
}

ul#contact li.contact {
    list-style-image: none;
    list-style-type: none;
    
    display: inline-block;
    /*IE 7 hack*/
    zoom: 1;
    *display: inline;
}

ul#contact ul {
    width: 330px;
    padding-left: 0px;
}

ul#contact p {
    margin-top: 0px;
}
 
ul#contact ul li {
    list-style-image: none;
    list-style-type: none;
}

p#adresa {
    text-align:center;
    margin-top: 0px;
}

/*
 * Porady
 */
div#content ul#porady {
    padding: 0;
}

div#content ul#porady > li {
    margin: 0;
    margin-top: 45px;
    padding-left: 240px;
    
    list-style-image: none;
    list-style-type: none;
}

div#content ul#porady h4 {
    font-size: 20pt;
}

div#content ul#porady li.kapitan {
    background: url(./deti/images/kapitan.jpg) no-repeat top left;
    min-height: 265px;
}

div#content ul#porady li.carodejnicka-skola {
    background: url(./deti/images/carodejnicka-skola.jpg) no-repeat top left;
    min-height: 240px;
}

div#content ul#porady li.putovani-s-indiany {
    background: url(./deti/images/putovani-s-indiany.jpg) no-repeat top left;
    min-height: 285px;
}

div#content ul#porady li.karneval {
    background: url(./deti/images/karneval.jpg) no-repeat top left;
    min-height: 300px;
}

div#content ul#porady li.pekelna-veselka {
    margin-left: -24px;
    padding-left: 264px;
    
    background: url(./deti/images/pekelna-veselka.png) no-repeat top left;
    min-height: 290px;
}

div#content ul#porady li.animatori {
    background: url(./deti/images/animatori.jpg) no-repeat top left;
    min-height: 250px;
}

div#content ul#porady li.programy-na-prani {
    background: url(./deti/images/programy-na-prani.jpg) no-repeat top left;
    min-height: 350px;
}

div#content ul#porady li.narozeninove-oslavy {
    background: url(./deti/images/narozeninove-oslavy.jpg) no-repeat top left;
    min-height: 310px;
}

/*
 * P with images
 */
p.zirafa {
    padding-right: 150px;
    min-height: 140px;
    
    background: url(./deti/images/zirafa.png) no-repeat top right;
}

blockquote.deti-home-quote {
    margin-left: -24px;
}

blockquote.deti-home-quote p {  
    margin-top: 30px;
  
    padding-left: 100px;
    padding-right: 155px;
    min-height: 140px;
    
    background: url(./deti/images/quote.png) no-repeat top left;
}

/*
 * GALERIE
 */

div#content div.gallery {
    
}

div#content div.gallery-section {
    padding-left: 35px;
}

div#content div.gallery-section  {
}

div#content div.gallery-preview {
    margin-bottom: 25px;
}

div#content div.gallery-preview div.images a {
    margin-right: 5px;
}
div#content div.gallery div.images a {
    margin-right: 10px;
}

div#content div.gallery-preview img {
    /*
    border-right-width:  2px;
    border-right-style: solid;
    border-right-color: #008aff;
    border-left-width:  2px;
    border-left-style: solid;
    border-left-color: #008aff;
    */
}

div#content div.gallery-preview h3{
    
    margin-top: 5px;
    margin-bottom: 7px;
    font-size: 18pt;
}

div#content div.gallery-preview p {
    margin: 0;
    font-size: 12pt;
    text-align: right;
}

/*
 * Facebook
 */
p.facebook-page {
  font-size: 12pt;
}

p.facebook-page a {
  display: inline-block;
  
  min-height: 33px;
  padding-left: 40px;
  
  padding-top: 10px;
  
  background: url(./f.png) no-repeat center left;
}


/*
 * BULLETS
 */

div#content li.bullet-1 {
     list-style: url(/graphics/bullets/bullet-1.png);
 }

div#content li.bullet-2 {
     list-style: url(/graphics/bullets/bullet-2.png);
 }

div#content li.bullet-3 {
     list-style: url(/graphics/bullets/bullet-3.png);
 }

div#content li.bullet-4 {
     list-style: url(/graphics/bullets/bullet-4.png);
 }

div#content li.bullet-5 {
     list-style: url(/graphics/bullets/bullet-5.png);
 }

div#content li.bullet-6 {
     list-style: url(/graphics/bullets/bullet-6.png);
 }

div#content li.bullet-7 {
     list-style: url(/graphics/bullets/bullet-7.png);
 }

div#content li.bullet-8 {
     list-style: url(/graphics/bullets/bullet-8.png);
 }

div#content li.bullet-9 {
     list-style: url(/graphics/bullets/bullet-9.png);
 }

div#content li.bullet-10 {
     list-style: url(/graphics/bullets/bullet-10.png);
 }

div#content li.bullet-11 {
     list-style: url(/graphics/bullets/bullet-11.png);
 }

div#content li.bullet-12 {
     list-style: url(/graphics/bullets/bullet-12.png);
 }

div#content li.bullet-13 {
     list-style: url(/graphics/bullets/bullet-13.png);
 }

div#content li.bullet-14 {
     list-style: url(/graphics/bullets/bullet-14.png);
 }

div#content li.bullet-15 {
     list-style: url(/graphics/bullets/bullet-15.png);
 }

div#content li.bullet-16 {
     list-style: url(/graphics/bullets/bullet-16.png);
 }

div#content li.bullet-17 {
     list-style: url(/graphics/bullets/bullet-17.png);
 }

div#content li.bullet-18 {
     list-style: url(/graphics/bullets/bullet-18.png);
 }

div#content li.bullet-19 {
     list-style: url(/graphics/bullets/bullet-19.png);
 }

div#content li.bullet-20 {
     list-style: url(/graphics/bullets/bullet-20.png);
 }

div#content li.bullet-21 {
     list-style: url(/graphics/bullets/bullet-21.png);
 }

div#content li.bullet-22 {
     list-style: url(/graphics/bullets/bullet-22.png);
 }

div#content li.bullet-23 {
     list-style: url(/graphics/bullets/bullet-23.png);
 }

div#content li.bullet-24 {
     list-style: url(/graphics/bullets/bullet-24.png);
 }

div#content li.bullet-25 {
     list-style: url(/graphics/bullets/bullet-25.png);
 }

div#content li.bullet-26 {
     list-style: url(/graphics/bullets/bullet-26.png);
 }

div#content li.bullet-27 {
     list-style: url(/graphics/bullets/bullet-27.png);
 }

div#content li.bullet-28 {
     list-style: url(/graphics/bullets/bullet-28.png);
 }

div#content li.bullet-29 {
     list-style: url(/graphics/bullets/bullet-29.png);
 }

div#content li.bullet-30 {
     list-style: url(/graphics/bullets/bullet-30.png);
 }

div#content li.bullet-31 {
     list-style: url(/graphics/bullets/bullet-31.png);
 }

div#content li.bullet-32 {
     list-style: url(/graphics/bullets/bullet-32.png);
 }

div#content li.bullet-33 {
     list-style: url(/graphics/bullets/bullet-33.png);
 }

div#content li.bullet-34 {
     list-style: url(/graphics/bullets/bullet-34.png);
 }

div#content li.bullet-35 {
     list-style: url(/graphics/bullets/bullet-35.png);
 }