* { padding: 0; margin: 0; box-sizing: content-box; }
body { background: white; color: #333333; font: small/1.5  Arial, Helvetica, sans-serif;  }
a:link, a:visited { color: #66CC33; }
a:hover { color: #FF9900; }


/* nastaveni obecnych prvku, jen pro obsahovou cast */

/* hlavicka */

#hlavicka { border-bottom: 10px solid #66CC33;}
#vnitrek { width: 952px; height: 62px; margin: auto; position: relative; }
#vnitrek h1 , #vnitrek h1 span{ position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; width: 266px; height: 62px; z-index: 1; color: #66CC33; }
#vnitrek h1 span { display: block; width: 266px; height: 62px; background: url('../design/webdesigncity.jpg'); left: 0; z-index: 2; }

#menu { position: absolute; right: 0; bottom: 0; color: white; list-style-type: none; font-size: 12px; font-weight: bold; width: 100%;  }
#menu li { float: right; padding: 7px 10px; background: url('../design/oddelovac.jpg') no-repeat center right; }
#menu a { color: #333333;  }
#menu a:hover { color: #FF9900; }
#menu li.posledni { background:none; padding-right: 0; }
#menu li.vybrana{ background: #66CC33; position: relative; left: -1px; }

.prejit {position:absolute; top:-1000px;} 

/* obsah */

#obsah { width: 952px; margin: 15px auto 0 auto; font-size: 12px; padding-top: 0px; }
#obsah ul li {line-height:150%;}
#levy_home {float: left; border-right: 1px solid #CCCCCC; width:717px;}
#levy {float: left; width:717px;}
#pravy {float: right; }


/* levy hlavni sloupec */
#prvni { float: left; background: #F4F4F4; border: 1px solid #cccccc; border-right:0px; padding: 14px; padding-top: 3px; padding-bottom: 10px;}

.prioritni { float: left; padding: 0px;  margin:0px;}
.prostredni { margin-left:15px; margin-right:15px;}
.prioritni p { padding: 0px;  margin:0px;}

.prioritni a img { border: 1px solid #999999; margin-bottom: 0px; } 
.prioritni h2 a { font-size: 12px; margin-bottom: 5px; }

.prioritni  a:link, .prioritni a:visited { color: #333333; }
.prioritni  a:hover {	color: #FF9900; }


.weby { float: left; padding: 15px; padding-top: 0px; padding-bottom: 20px;}

.web { float: left; padding: 0px;  margin:0px;}
.web.prostredni { margin-left:15px; margin-right:15px;}
.web p { padding: 0px;  margin:0px;}

.web a img { border: 1px solid #999999; margin-bottom: 0px; } 
.web h2 a { font-size: 12px; margin-bottom: 5px; }

.web  a:link, #web a:visited { color: #66CC33; }
.web  a:hover {	color: #FF9900; }

#uvod{float: left; padding:0 15px; margin-top:15px; margin-bottom:20px; text-align:left;}
#uvod p {color:#333333;}
#uvod  a:link, #uvod a:visited { color: #66CC33; font-size: 12px; margin-bottom: 5px; }
#uvod  a:hover {	color: #FF9900; }
#reklama {float: left; width:317px; padding:0 15px; margin-top:15px; overflow:hidden; }


#strankovani {text-align:right; font-size:12px; word-spacing:5px; padding-top:10px; padding-bottom:30px; width:685px;clear: left; color:#CCCCCC; }

#strankovani a {font-size:13px;font-weight: bold;}

.normal {font-size:15px;font-weight: bold; color:black;}

#levy h2 {font-family: Arial; font-size: 17px; color: #66CC33; margin-bottom:6px; text-align:left;}
#levy h3 {font-family: Arial; font-size: 15px; color: #ff9900; margin-bottom:6px; text-align:left;}
#levy_home h3 {font-family: Arial; font-size: 15px; color: #ff9900; margin-bottom:6px; text-align:left;}
#levy h4 {font-family: Arial; font-size: 13px; color: #66CC33; margin-bottom:6px; text-align:left; font-style:italic;}

#levy p {display:block; margin-bottom:30x; text-align:left; border-bottom:15px solid #FFFFFF;}

#levy_sloupec {width:220px; float:left; text-align:left;}
#zpet { display:block;width:200px; margin-top:20px;  margin-bottom:20px; }
#zpet img { float:left; margin-right: 10px; }

#dopredu { display:block; margin-top:5px; padding-bottom:30px; }
#dopredu img { float:left; margin-right: 10px; }


#prostredek {float: right;width:470px;margin-top:32px; text-align:left;}

#prostredek ul, #prostredek li, #levy ul, #levy li  {margin-left:15px;margin-bottom:15px; color:#333333;line-height:120%; text-align:left; list-style: square;}

#infobox {border:1px solid #CCCCCC; height: 120px; padding-left:15px; vertical-align:middle;}
#informace {float:left; line-height:200%;margin-top:10px;text-align:left;}
#informace strong {width:60px;display: block; float:left;}
#prumer {width: 94px; height: 120px; background: #FF9900; color: white; text-align:center; float:right; font-size:10px; }
#prumer strong {font-size:30px;display:block;padding-top:30px;}
#hodnoceni {border:1px solid #CCCCCC; line-height:200%;border-top:0px; height: 70px; padding-left:15px; margin-bottom: 20px;text-align:center;}
#hodnoceni img {border:0px;}

.komentar {color:#858585;border-bottom:1px solid #CCCCCC;margin-bottom:15px;}
.formular {line-height:220%;width:440px; background:#F4F4F4; padding:15px;border: 1px solid #CCCCCC; text-align:right; margin: auto; position: relative; margin-bottom:20px;}
.policko {width: 355px; border: 1px solid #CCCCCC; font-family:Arial;font-size:12px;}
.tlacitko {background: #FF9900;color:#ffffff;font-size:12px; padding:7px;font-weight:bold;border: 1px solid #CCCCCC;}
.pole_formulare {font-family: Arial, Helvetica, sans-serif; font-size:12px;text-align:left;}
.pole_formulare td.p {text-align:right;}
.pole_formulare td.c {width:75px; vertical-align:top;}
.formular hr {color:#CCCCCC;}

.cervena {color:red;}
.zelena {color:#66CC33;}

#tab_ikony td {padding:10px; margin:10px; font-family:arial; font-size:12px;}
#tab_ikony th { font-family:arial; font-size:12px;}
#tab_web {width: 100%;border: 0px solid #CCCCCC; border-top: 0px; margin:0px;padding:0px;border-collapse:collapse; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
#tab_web td {padding: 7px 0 7px 10px;border:0px;margin:0px; text-align:left;}
#tab_web td.v {padding-right:10px;text-align:right; vertical-align:middle;width:100px;}
#tab_web tr.seda {background-color: #F4F4F4; }
#tab_web th {background: #CCCCCC;padding: 7px 0 7px 10px;border:0px;margin:0px; text-align:left;}
#tab_web img {float: left; margin-right:0px;}

.tab_metodika {border:1px solid #CCCCCC;border-collapse:collapse;width:100%;}
.tab_metodika td {padding:10px; margin:10px; font-family:arial; font-size:12px; border:1px solid #CCCCCC;border-collapse:collapse;}
.tab_metodika th { padding:10px; margin:10px;font-family:arial; font-size:12px;font-weight:bold;border:1px solid #CCCCCC;border-collapse:collapse;background-color:#66CC33;color:white; text-align:left;}


#profilbox {border:1px solid #CCCCCC; height:120px; margin-bottom:30px; padding-left:15px; vertical-align:middle;}
#nadpis_teorie, #nadpis_praxe {border:1px solid #CCCCCC; height:58px; margin:0px; padding-left:15px; vertical-align:middle;margin-bottom:20px;}
#nadpis_teorie img, #nadpis_praxe img {float:right; border:0px;}
#nadpis_teorie h2, #nadpis_praxe h2 {float:left; border:0px; padding-top:17px;}
.navigace {font-size:15px;font-weight: bold; color:#CCCCCC;text-align:center;margin-bottom:20px;}

.tucne {font-weight:bold;}

/* pravy sloupec */
.tabulka {width:217px; border: 1px solid #CCCCCC; border-top: 0px; margin:0px;padding:0px;border-collapse:collapse; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.tabulka.space {margin-top:35px;}
.tabulka td {padding: 7px 0 7px 10px;border:0px;margin:0px; text-align:left;}
.tabulka td.p {padding-right:10px;text-align:right;}
.tabulka th.p {padding-right:10px;text-align:right;}
.tabulka td.c {width:12px;}
.tabulka tr.seda {background-color: #F4F4F4; }
.tabulka th {background: #66CC33;padding: 7px 0 7px 10px;border:0px;margin:0px; text-align:left;color:white;}
.bez_okraje {border-bottom: 0px;}

#inzeraty {width:217px; border: 1px solid #CCCCCC; text-align:center; padding-top:15px;margin-top:15px;margin-bottom:15px;}

#web_mesice {position:relative;padding:0px;margin-top:-83px;z-index:1;}
#banner {padding:0px;margin-top:42px;}
#banner a img { border: 1px solid #CCCCCC; margin-bottom: 0px; } 
#banner h2 a { font-size: 12px; margin-bottom: 5px; }

#banner  a:link, #web a:visited { color: #66CC33; }
#banner  a:hover {	color: #FF9900; }
#hvezda {position:relative;top:0px;left:140px;z-index:2;padding:0px;margin-top:30px; height:95px; width:95px;}

/* patička */

#paticka {clear:both; padding-top: 15px; padding-bottom: 15px; margin-left:0px;border-top: 2px solid #66CC33; text-align:right;line-height:210%; color: #333333;}
#paticka  a:link, #paticka a:visited { color: #333333; }
#paticka  a:hover {	color: #FF9900; }

/* řešení pomocí seznamů
#kategorie, #top10{  list-style-type: none;  width:210px; padding: 0px; margin-bottom: 15px; background:black;}
#kategorie strong, #top10 strong { font-weight: normal; float: left; }
#kategorie a { float: left; }
#top10 a{ margin-left: 11px; }
#kategorie li, #top10 li { padding: 7px 0 7px 10px; margin: 0 10 0 0px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; text-align: right; clear: left; }
#kategorie li.posledni, #top10 li.posledni { border-bottom: 1px solid #CCCCCC; }
#top10 li.posledni a {  margin-left: 4px; }
#kategorie li.licha, #top10 li.licha {background-color: #F4F4F4; }
#kategorie li.prvni, #top10 li.prvni { padding: 7px 0 7px 10px; margin: 0 10 0 0px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; text-align: right; clear: left; background:#CCCCCC;color: #333333 }
#kategorie li.prvni a, #top10 li.prvni a { float:left; }
#kategorie li.prvni strong, #top10 li.prvni strong { font-weight: bold; }
#kategorie li span, #top10 li span { margin-right: 10px; }
*/