body {text-align: center; font-family: Arial; font-size: 10pt; margin: 0; background: url(_img/okraje-teckovane.gif) repeat-y center top; }
td {font-family: Arial; font-size: 10pt; vertical-align: top;}
h3 {font-size: 10pt; text-decoration: underline; }
hr {color: rgb(222,121,9); background-color: rgb(222,121,9); height: 1px; border: 0;}

.h2-left {background: rgb(118,181,17) !important; color: white !important; height: auto !important; text-align: center; width: 170px !important; padding: 0 !important;}

#odsazeni {height: 30px; background: white;}
#obal1 {background: url(test/okraje-header.gif) no-repeat center top; } /*30.7.2008*/
#obal2 {margin: auto; text-align: left; width: 951px; background-color: white;}

#hlavicka {background: rgb(255,255,255) url(test/top-background.jpg) no-repeat left top; height: 193px; !height: 198px; padding-bottom: 1px; !padding-bottom: 5px; border-bottom: 4px solid rgb(173,173,173); margin-bottom: 2px;} /*30.7.2008*/
#logo {float: left; padding-left: 15px; !padding-left: 12px; padding-top: 20px;} /*30.7.2008*/
#logo img {border: 0; }

#top-flash {float: right; margin-top: 60px; !margin-bottom: -4px; }
a img {border: 0;}
#menu-leve {margin-left: 1px; margin-bottom: 30px;}
#menu-leve a {display: block; background: url(test/menu-item.gif); background-color: rgb(239,114,0); width: 159px; height: 24px; !width: 179px; !height: 30px; padding-top: 6px; padding-left: 20px; margin-bottom: 1px; color: white; text-decoration: none; font-family: Tahoma, Verdana, Arial; font-size: 1em; text-transform: uppercase;} /*30.7.2008*/
#menu-leve a:hover {background: url(test/menu-item-selected.gif); background-color: rgb(115,189,0);} /*30.7.2008*/
.podmenu {display: block; background: none !important; background-color: rgb(255,224,144) !important; width: 159px; height: 17px !important; !width: 179px; !height: 20px !important; padding-top: 3px !important; padding-left: 20px; margin-bottom: 1px; color: black !important; text-decoration: none; font-family: Tahoma, Verdana, Arial; font-size: 8pt !important; text-transform: none !important;}
.podmenu:hover {background-color: rgb(115,189,0) !important;}


#panel-levy {width: 169px; float: left; }
#panel-pravy {width: 170px; float: right; margin-bottom: 30px;}
#panel-pravy .garant {text-decoration: none; color:white; display: block;}
#panel-pravy .garant-text1 {text-align: center; color: white; background: rgb(113,169,16); padding-top: 8px; padding-bottom: 8px; font-size: 8pt; font-weight: bold; line-height: 150%;}
#panel-pravy .garant-text2 {text-align: center; color: white; background: rgb(255,125,0); padding-top: 4px; padding-bottom: 4px; font-weight: bold; font-size: 11pt;}
#panel-pravy .garant-text3 {background: rgb(113,169,16); padding-top: 4px; padding-bottom: 4px; }
#stred {float: left; text-align: justify; padding-left: 40px; width: 530px; !width: 573px; }
#stred-cara {background: url(test/stred-cara-oranz.gif) no-repeat right top; height: 25px;}
#xxxstred h2 {font-size: 11pt; color: rgb(96,174,36); border-bottom: 3px solid rgb(222,121,9); margin-bottom: 10px;}
#xxxstred h1 {font-size: 11pt; color: rgb(96,174,36); border-bottom: 3px solid rgb(222,121,9); margin-bottom: 10px; }
#stred h1 {font-size: 22pt; font-weight: normal; font-family: Georgia; color: rgb(96,174,36); margin-bottom: 10px; margin-top: 10px; text-align: left;}
#stred h2 {font-size: 14pt; font-weight: normal; font-family: Georgia; color: rgb(96,174,36); margin-bottom: 10px; margin-top: 10px; text-align: left;}
#stred h3 {font-size: 14pt; font-weight: normal; font-family: Georgia; color: rgb(96,174,36); margin-bottom: 10px; margin-top: 10px; text-align: left;}
#stred a {color: rgb(182,47,0); }
#stred .clanek-info {font-size: 8pt; color: rgb(150,150,150); border-bottom: 1px solid rgb(225,225,225); padding-bottom: 5px;}
#stred .clanek-moznosti {font-size: 8pt; color: rgb(150,150,150); border-top: 1px solid rgb(225,225,225); border-bottom: 3px solid rgb(225,225,225); padding-top: 10px; padding-bottom: 5px;}
#stred .clanek-moznosti img {border: 0;}

#paticka-obal {clear: both; width:100%; background-color: rgb(135,197,36); border-top: 2px solid white; }
#paticka {margin: auto; width: 951px; clear: both; background: rgb(135,197,36); height: 10px; }


#paticka h3 {text-decoration: none; font-weight: normal; font-size: 8pt; margin: 0; padding: 0;}
#paticka #menu-spodni {margin-bottom: 5px;}
#paticka a {color: white; text-decoration: none;}
#paticka a:hover {text-decoration: underline;}
#panel-levy h2 {background: rgb(158,206,48) url(pictures/okenko-top.gif) no-repeat left top; font-size: 10pt; font-weight: bold; color: white; padding-top: 4px; min-height: 21px; !min-height: 25px; margin-bottom: 0px; text-align: center; }
#panel-levy .box {background: rgb(158,206,48) url(pictures/okenko-top.gif) no-repeat left top; font-size: 10pt; font-weight: bold; color: white; padding-top: 4px; min-height: 21px; !min-height: 25px; margin-bottom: 0px; text-align: center; }
#panel-levy .minibox {background: rgb(158,206,48) url(pictures/okenko-top.gif) no-repeat left top; font-size: 8pt; font-weight: bold; color: white; padding-top: 1px; min-height: 15px; !min-height: 17px; margin-bottom: 0px; text-align: center; margin-top: 5px;}
.box-levy {background: rgb(245,221,136) url(_img/left-box-background.jpg) no-repeat left bottom; padding: 10px 10px 20px 10px ; margin-top: 0; margin-bottom: 40px;}
.box-levy a {color: rgb(182,47,0); }
.box-levy.datum {color: gray; font-size: 8pt;}
.box-levy.clanek {margin-bottom: 10px;}
.box-levy h3 {font-size: 10pt; font-weight: bold; margin: 0px; margin-bottom: 5px;}
.box-levy-hp {background: rgb(245,221,136) url(_img/left-diary-background.jpg) no-repeat left bottom; margin-top: 0;}
.box-levy-hp ul {padding-left: 25px; !padding-left: 0px; !margin-left: 25px; font-family: Arial; font-size: 10pt; padding-bottom: 20px; margin-top: 0px; list-style-image: url(_img/odr.gif); }
.box-levy-hp li {margin-bottom: 10px;}  
#panel-pravy h2 {background: rgb(158,206,48) url(pictures/okenko-top.gif) no-repeat left top; font-size: 10pt; font-weight: bold; color: white; padding-left: 15px; padding-top: 4px; min-height: 21px; !min-height: 25px; margin-bottom: 0px; margin-top: 15px;}
#panel-pravy .box {background: rgb(158,206,48) url(pictures/okenko-top.gif) no-repeat left top; font-size: 10pt; font-weight: bold; color: white; padding-top: 4px; min-height: 21px; !min-height: 25px; margin-bottom: 0px; padding-left: 15px; margin-top: 15px;}
.box-pravy {background: rgb(176,220,138) url(pictures/okenko-bottom.jpg) no-repeat left bottom; padding: 10px 10px 20px 10px ; margin-top: 0; }
.box-pravy a {color: rgb(182,47,0); }
.box-pravy.datum {color: gray; font-size: 8pt;}
.box-pravy h3 {font-size: 10pt; font-weight: bold; margin: 0px; margin-bottom: 15px;}
form {margin-top: 20px; margin-bottom: 5px;}
input {font-size: 9pt;}
input.button {border: 0; background: rgb(245,221,136) url(_img/button-background.gif) repeat-x; color: white; font-size: 10pt;}
.nasplan-cislovani {font-weight: bold; }
.nasplan-odrazky {margin-left: 20px; line-height: 150%; margin-top: 10px; margin-bottom: 20px;} 
.nasplan-abc {font-weight: bold; color: green;}
.nasplan ul {margin-bottom: 0;}
.jak-zacit li {padding-bottom: 10px;}
.cena h2 {border-bottom: 0px!important; color: rgb(255,102,0) !important; text-decoration: underline; font-size: 10pt !important; }

.kontakty {width: 100%;}
.kontakty td {text-align: center; font-size: 12pt; font-weight: bold;}
.nasplan h2 {font-size: 10pt !important; display: inline; color: rgb(255,102,0) !important; border-bottom: 0px !important;}
.index p>h1 {font-size: 10pt !important;}
.index p {padding: 0 !important; margin: 0 !important;}
.index h3 {font-size: 14pt; font-weight: normal; font-family: Georgia; color: rgb(96,174,36); margin-bottom: 10px; text-decoration: none;}

.index .bh3 {font-size: 14pt; font-weight: normal; font-family: Georgia; color: rgb(96,174,36); margin-bottom: 10px; }
.index h2 {margin-top: 0px; }
.index ol {!margin-left: 35px;}
.index li {margin-top: 10px; !margin-top: 8px; text-align: left; color: #4E4E4E;}
.index .procabcdieta {float: right;}
.index .procabcdieta1 {color: #ff6600;}
.index .procabcdieta2 {color: #99cc00 !important;}
.index .a1 {display: block; width: 300px; text-align: center; font-size: 15pt; margin-bottom: 15px; margin-top: 50px; font-family: Georgia; }
.index .a2 {display: block; width: 200px; text-align: right; font-size: 11pt; margin-bottom: 15px; float: left; font-family: Georgia; }
.index .a3 {display: block; width: 250px; text-align: center; font-size: 15pt; margin-bottom: 15px; float: left; font-family: Georgia; }
.index .a4 {display: block; width: 300px; text-align: center; font-size: 13pt; margin-bottom: 5px; float: left; font-family: Georgia; }
.index .a8 {display: block; width: 200px; text-align: center; font-size: 14pt; margin-bottom: 15px; float: left;  font-family: Georgia; }
.index .a5 {display: block; width: 350px; text-align: right; font-size: 11pt; margin-bottom: 15px; font-family: Georgia; }
.index .a6 {display: block; width: 500px; text-align: center; font-size: 17pt; margin-bottom: 15px; font-family: Georgia; }
.index .a7 {display: block; width: 250px; text-align: right; font-size: 14pt; margin-bottom: 15px; font-family: Georgia; }

.nasplan-index h3 {font-size: 10pt !important; display: inline; color: rgb(255,102,0) !important; border-bottom: 0px !important; text-decoration: none !important;}
.nasplan-index ul {margin-bottom: 0;}
.nase-odbornost .vedle-obrazku {margin-left: 200px;} 

.darkove-poukazy-big {font-size: 16pt;}

ul {padding-left: 25px; !padding-left: 0px; padding-bottom: 20px; !margin-left: 25px; margin-top: 0px; font-family: Arial; font-size: 10pt; list-style-image: url(_img/odr.gif); }
li {margin-top: 10px;}
.smile-pos {padding-left: 25px; !padding-left: 0px; padding-bottom: 20px; !margin-left: 25px; margin-top: 0px; font-family: Arial; font-size: 10pt; list-style-image: url(_img/smile-pos.png); }
.smile-neg {padding-left: 25px; !padding-left: 0px; padding-bottom: 20px; !margin-left: 25px; margin-top: 0px; font-family: Arial; font-size: 10pt; list-style-image: url(_img/smile-neg.png); }

.ceny-tab-den {color: white; text-align: center; margin-bottom: 10px;}

.orange {background-color: rgb(255,153,0);}
.green {background-color: rgb(153,204,0);}
.black {color: black !important;}

.tCenter {text-align: center;}
.tLeft {text-align: left;}
.tRight {text-align: right;}
.tJustify {text-align: justify;}
.bigger {font-size: 1.2em;}
.smaller {font-size: 0.9em;}
.bold {font-weight: bold;}
.red {color: red;}
.white {color: white;}
.black {color: black;}
.gray {color: gray;}


.ajidelnicek {margin-top: 20px; float: left; padding-top: 2px; height: 20px; width: 50px; background-color: rgb(255,102,0); color: white; font-weight: bold; clear: both; text-align: center;}
.jidelnicek {padding-top: 2px; padding-left: 5px; !padding-bottom: 5px; height: 20px; width: 60px; background-color: rgb(255,102,0); color: white; font-weight: bold; clear: both; text-align: left; border: 1px solid black; border-bottom: 0px;}
.jidelnicekT {border: 1px solid black; margin-bottom: 15px;}
.jidelnicekT table { }
.jidelnicek-td1 {font-weight: bold; width: 120px; vertical-align: top;}
.jidelnicek-td2 {width: 380px; vertical-align: top;}
.jidelnicek-td3 {width: 100px; text-align: right; vertical-align: top;}
.jidelnicek-galerie {color: gray; text-align: center; }
.jidelnicek-galerie img {margin-left: 1px; border: 1px solid darkgray; width: 80px; height: 80px;}



.fotogalerie img {border: 0;}

.cenik-nadpis {font-size: 12pt; font-weight: bold; margin-top: 20px; margin-bottom: 3px;}
.cenik-tabulka  {border-collapse: collapse; margin-top: 8px; color: gray; width: 90%;}
.cenik-tabulka td {border: 0px solid black; border-collapse: collapse; padding: 3px 5px 3px 20px;}
.cenik-a {color: rgb(77,175,52);}
.cenik-b {color: rgb(224,86,23); }
.cenik-c {color: rgb(0,146,220); }  
.cenik-nadpis1 {color: rgb(77,175,52); background: url(pictures/cenik-a.gif) no-repeat; font-size: 14pt; font-weight: bold; padding: 5px 0px 20px 45px; margin-top: 30px;}
.cenik-nadpis2 {color: rgb(224,86,23); background: url(pictures/cenik-b.gif) no-repeat; font-size: 14pt; font-weight: bold; padding: 5px 0px 20px 45px; margin-top: 30px;}
.cenik-nadpis3 {color: rgb(0,146,220); background: url(pictures/cenik-c.gif) no-repeat; font-size: 14pt; font-weight: bold; padding: 5px 0px 20px 45px; margin-top: 30px;}
.cenik-nadpis4 {display: none; color: rgb(77,175,52); font-size: 14pt; font-weight: bold; padding: 5px 0px 20px 0px; margin-top: 30px;}

.smaller {font-size: 0.9em;}
.i {font-style: italic;}
.u {text-decoration: underline;}
.b {font-weight: bold;}
.justify {text-align: justify;}

#seodkazy-obal {width:100%; background: rgb(235,235,235); }
#seodkazy ul {list-style-type: square; list-style-image: none; color: gray;}
#seodkazy {margin: auto; width: 950px; clear: both; text-align: center; color: gray; font-family: Arial; font-weight: bold; font-size: 9px; padding-top: 5px; padding-bottom: 5px; }
#seodkazy #odkazy {text-align: center; padding: 3px 3px 3px 3px;}
#seodkazy a {color: gray; text-decoration: none;}
#seodkazy a:hover {text-decoration: underline;}
#seodkazy #copyright {font-size: 9pt; font-weight: bold; border-bottom: 1px solid gray; padding-bottom: 20px; margin-bottom: 5px;}

.cleaner {clear: both;}

.diskuse-formular-popisek {float: left; margin-top: 2px; font-size: 9pt; width: 150px; text-align: right; margin-right: 3px; vertical-align: top;}
.diskuse-formular-pole {margin-top: 5px; }
.bmi-formular-tlacitka {text-align: left; margin-left: 120px; margin-top: 10px; }

#novinky-list {float: left; width: 250px; }
#clanky-list {float: right; width: 250px; }


.vysledky {margin-bottom: 10px; margin-top: 10px; }
.vysledky.popis {width: 300px; text-align: left !important;}
.nadpis {font-size: 1.1em; font-weight: bold; color: rgb(96,174,36); margin-bottom: 5px;}
.vysledky .foto {float: right; width: 220px; text-align: right;}
.vysledky table {border-collapse: collapse; width: 250px; text-align: center; margin-top: 10px; margin-bottom: 10px;}
.vysledky td {border: 1px solid black; padding: 5px;}
.orange-bottom {border-bottom: 3px solid rgb(222,121,9); padding-top: 5px; }


.kontakt-div {margin-left: 0px; margin-bottom: 30px; margin-top: 20px;}

.kontakt-linky {border-collapse: collapse; width: 100%; text-align: center;}
.kontakt-linky td {border: 1px solid black; padding: 10px;}
.kontakt-linky .header {background: rgb(222,121,9); color: white;}

.kontakt-pobocky {border-collapse: collapse; }
.kontakt-pobocky td {border: 0px solid black; border-collapse: collapse; padding: 0px 30px 3px 0px;}
.kontakt-vedeni td {padding-right: 20px;}

.kontakt-sidlo td {padding-right: 20px;}

.reg-info {color: gray; padding-left: 20px; font-style: italic;}

.fRight {float: right;}
.partneri {text-align: left;}

.nl {text-decoration: none;}

.akce {color: red;}

.facebook {color: rgb(182,47,0); font-weight: bold; }
.nodisplay {display: none;}

.login-form td {font-size: 8pt;}
.login-form input {width: 100%; }

.pp-kolar {border: 1px solid gray; padding: 5px; margin: 0; !width: 167px; }
.pp-kolar1 {font-size: 12pt; font-weight: bold; text-align: center; margin-bottom: 5px; color: rgb(222,121,9);}
.pp-kolar2 {font-size: 22pt; text-align: center; font-family: Georgia; color: rgb(96,174,36);}
.pp-kolar3 {font-size: 10pt; text-align: justify; font-style: italic; color: rgb(100,100,100);}

.green-a {color: rgb(96,174,36) !important;}

.pad5 * {padding: 5px;}

.pobocky td {padding-bottom: 20px;}
.pobocky-header {margin-top: 20px !important; margin-bottom: 10px;}
.pobocky-header td {background: rgb(222,121,9); color: white; padding: 5px; margin-bottom: 20px;}

.bg-gray {background-color: #A9A9A9; color: white;}

.drobnav {color: darkgray !important; font-size: 8pt;}
.drobnav a {color: darkgray !important; font-size: 8pt; text-decoration: none;}
.drobnav a:hover {color: gray !important; font-size: 8pt; text-decoration: underline;}

#nazoryForm {display: none;}

#menu404 td {padding: 5px;}
#menu404 a {padding: 5px; font-size: 8pt !important; }
#menu404 .podmenu {font-weight: normal; padding: 0px; width: 144px; height: 17px !important; !width: 164px; !height: 20px !important; padding-left: 5px;}

#menu404 .parentMenu {display: block; background: url(test/menu-item.gif); background-color: rgb(239,114,0); width: 137px; height: 15px; !width: 169px; !height: 30px; padding-top: 6px; padding-left: 7px; margin-bottom: 1px; color: white; text-decoration: none; font-family: Tahoma, Verdana, Arial; font-size: 1em; text-transform: uppercase; } /*30.7.2008*/
#menu404 .parentMenu:hover {background: url(test/menu-item-selected.gif); background-color: rgb(115,189,0);} /*30.7.2008*/

.h2 {font-size: 14pt; font-weight: normal; font-family: Georgia; color: rgb(96,174,36); margin-bottom: 10px; margin-top: 10px; text-align: left;}

.o-diete td { margin: 10px; padding: 10px;}

.reg-button {margin-top: 30px; padding: 10px; font-size: 10pt; font-weight: bold;}

.jarni-sleva {font-family: Georgia;}
.jarni-sleva .aa {font-size: 19pt; color: #F48000}
.jarni-sleva .bb {font-size: 30pt; color: #6AC335; float: left; width: 85px; height: 50px;}
.jarni-sleva .cc {float: left;  padding-top: 7px;}
.jarni-sleva .dd {display: block; clear: both; margin-left: 65px; color: black; font-style: italic;}

.registrace-horizontal { text-align: center; margin-top: 45px;}
.stranka-moznosti {background: url(http://www.abcdieta.cz/pictures/green-line.gif) no-repeat; margin-top: 5px; padding-top: 30px; font-family: Tahoma; font-size: 8pt;}
.sm-a {display: block; float: left; margin-right: 10px;}
.sm-a img {margin-right: 5px;}
.sm-b {display: block; float: left;}
.sm-c {display: block; float: left;}
.sm-d {display: block; float: right; vertical-align: middle;}

.zavreno {margin-top: 10px; color: red; font-weight: bold; font-size: 12pt;}
.zavreno-pravy {color: red; font-weight: bold; font-size: 10pt; border: 1px solid black; padding: 5px; margin-bottom: 10px;}

.obsah-galerie {text-align: center; margin-top: 10px; }
.obsah-galerie table {margin: auto;}
.obsah-galerie * {text-align: center; font-size: 8pt; color: #6F6F6F;}
.obsah-galerie img {margin: 5px; border: 1px solid gray; width: 80px; height: 80px;}


/** LIGHTBOX ZACATEK **/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.abcdieta.cz/_sys/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.abcdieta.cz/_sys/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.abcdieta.cz/_sys/lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	} 
  
/** LIGHTBOX KONEC **/

.kontakt-foto {float: right;}
.kontakt-foto a {display: block;}
.kontakt-foto img {border: 1px solid gray; margin-bottom: 5px;}