/* hlavni obrazovkovy styl
 * autor: Bc. Ondrej Hanak
 * http://ondrejhanak.cz */

/* oranzova z loga: #f47321;
   oranzove pozadi vpravo: #f5ded0;
   hnedo/cervena v aktualitach: #8a4113;
   modra odkazu: #08b;
*/

html {overflow: -moz-scrollbars-vertical;}
body {margin: 0; padding: 0; color: #000; background: #c0c0c0 url('../images/bgbody.png') repeat-x 0 0; font-family: sans-serif; font-size: 100%;}
a img {border: none;}
a {outline: none;}
ol, ul {list-style: none; margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}

hr {clear: both; border: none; border-bottom: 1px dotted #f47321; padding: 0; margin: 15px 0; color: #f2f2f2;}

#page {width: 960px; margin: 0 auto; position: relative;}


h1.logo {margin: 0 0 30px 40px; position: relative; top: 30px;}
h1.logo img {display: block;}
h2.slogan {position: absolute; top: 81px; left: 0; width: 958px; text-align: center; margin: 0; font-size: 110%; font-style: italic; letter-spacing: 2px;}
h2.slogan span {color: #f37321;}


#main {border: 1px solid #888; border-bottom: 0; padding: 0 13px; background: #fff url('../images/bgcontent2.png') repeat-y 13px 13px; width: 932px;}


/* graficke menu */
#fotomenu, #menu {overflow: hidden;}
#fotomenu li, #menu li {float: left;}
#fotomenu a, #menu a {display: block; text-decoration: none;}
#fotomenu {border-top: 13px solid #fff;} 
#fotomenu li {border-right: 1px solid #666; font-weight: bold; background: #fff no-repeat 0 0;}
#fotomenu li.last {border: 0;}
#fotomenu span {position: relative; padding: 98px 0 0 0; display: block; color: #333;}
#fotomenu a {color: #000; display: block; width: 310px; height: 120px; text-align: center; background: no-repeat 0 0;}
#fotomenu a:hover, #fotomenu a.active {text-decoration: underline;}
#fotomenu li.firmy, #fotomenu li.firmy a {background-image: url('../images/fmfirmy.jpg');}
#fotomenu li.skoly, #fotomenu li.skoly a {background-image: url('../images/fmskoly.jpg');}
#fotomenu li.verejnost, #fotomenu li.verejnost a {background-image: url('../images/fmverejnost.jpg');}
#fotomenu li.firmy a:hover, #fotomenu li.firmy a.active {background-image: url('../images/fmfirmya.jpg');}
#fotomenu li.skoly a:hover, #fotomenu li.skoly a.active {background-image: url('../images/fmskolya.jpg');}
#fotomenu li.verejnost a:hover, #fotomenu li.verejnost a.active {background-image: url('../images/fmverejnosta.jpg');}


/* textove menu */
#menu {border: 5px solid #fff; border-right: 0; border-left: 0; background: #f37321 url('../images/bgmenu.png') repeat-x left bottom;}
#menu li {line-height: 35px; background: url('../images/bgmenuli.png') no-repeat right center;}
#menu li.last {background: none;}
#menu a {color: #fff; padding: 0 18px; font-size: 90%;}
#menu a:hover {text-decoration: underline;}
#menu a.active {background: url('../images/bgmenua.png') no-repeat center bottom;}


#content {background: url('../images/bgcontent1.png') no-repeat 0 0; overflow: hidden;}


/* levy sloupec */
#left {width: 695px; float: left; padding: 0 10px;}
#left h2 {color: #f47321; margin: 0 0 0.4em 0; padding: 1em 0 0.1em 0; border-bottom: 1px dotted #f47321;}
#left h3 {margin: 1em 0 0.25em 0; clear: both;}
#left p {margin: 0 0 0.8em 0;}
#left ul {padding: 0 0 0.8em 1.2em; list-style: none; overflow: hidden;}
#left li {color: #000; background: url('../images/li.png') no-repeat 0 7px; padding: 0 0 0 15px;}
#left a {color: #08b;}

/* navigace v ramci stranky */
#left p.pagenav {border: 1px solid #faad7d; padding: 5px 16px; background: #f5ded0; color: #666;}
#left p.pagenav span {color: #444;}
#left p.pagenav a {color: #f47321;}

/* fotky v textu */
#left .photo {border: 1px solid #8a4113;}
#left .photo:hover {border: 1px solid #dd4113;}
#left .photo img, #left img.photo {display: block; position: relative;}
#left .left {float: left; margin: 5px 10px 10px 0;}
#left .right {float: right; margin: 5px 0 10px 10px;}

/* odkaz na zacatek stranky */
#left p.toplink {text-align: right; margin: -0.5em 0 0 0; font-size: 80%; clear: both;}
#left p.toplink a {padding: 0 9px 0 0; background: url('../images/top.png') right 4px no-repeat;}

/* kontakty */
dl.contact {margin: 0 0 2em 0; padding: 0; overflow: hidden;}
dl.contact dt {font-weight: bold; float: left;}
dl.contact dd {margin: 0 0 8px 5em;}

/* kontaktni formular */
#vzkaz fieldset {border: 0;}
#vzkaz input {width: 98.5%;}
#vzkaz td {padding: 4px 10px 0 0; vertical-align: top;}
#vzkaz .btn {text-align: center; padding: 15px 0;}
#vzkaz .btn input {width: auto; position: relative; left: -5px; border-width: 2px; border-top-color: #eee; border-left-color: #eee; padding: 2px 15px;}
#vzkaz input, #vzkaz textarea {border: 1px solid #bbb;  font-size: 100%; padding: 1px 2px;font: inherit;}
#vzkaz input:focus, #vzkaz textarea:focus {background: #dfeff2; border-color: #91ccd9;}
p.msg {padding: 2px 4px; }
.ok {border: 1px solid #a2d399; color: #386d19; background: #c7e5c2;}
.err {border: 1px solid #cf9e9e; color: #ae2727; background: #e2c5c5;}


/* pravy sloupec */
#right {width: 192px; float: right; padding: 0 10px;}
#right h2 {color: #f47321; margin: 0 0 0.64em 0; padding: 1.6em 0 0.16em 0; border-bottom: 1px dotted #f47321; font-size: 120%;}
/* aktulity */
.act {color: #8a4113;}
.act h3 {margin: 0 0 -3px 0; font-size: 90%; font-style: italic;}
.act a {color: #444;}
.act span {color: #777; font-size: 70%; font-weight: bold;}
.act p {font-size: 90%; margin: 0.2em 0 1.4em 0;}


/* zapati */
#footer {font-size: 75%; clear: both; background: #878787 url('../images/bgfooter.png') no-repeat left bottom; min-height: 23px;
border-bottom: 13px solid #fff; padding: 37px 0 0 10px; color: #000; position: relative;}
#footer a {color: #ccc; text-decoration: none;}
#footer a:hover {color: #dfdfdf;}
#footer p {margin: 0; position: absolute; right: 10px; top: 37px;}