/***********************************************************************
 Copyright (C) F-ART AGENCY, s.r.o., 2006     
 http://hulan.cz/
 You CANNOT use this stylesheet, or part of it, without permission!!  
***********************************************************************/

/* ********** basic definitions ********** */
html { padding: 0 0 0 0; margin: 0 0 0 0; }
body { padding: 0 0 0 0; margin: 0 0 0 0; font-family: "Trebuchet MS", Georgia, "MS Sans Serif", Geneva, sans-serif; font-size: 13px; line-height: 18px; background: url(../img/pozadi.jpg) top left repeat; color: black; }

/* ********** anchors ********** */
a:link, a:visited { text-decoration: underline; color: #365E9E; }
a:visited { color: #4976C0; }
a:hover{ color: white; background: #4976C0; text-decoration: none; }

/* ********** main layout ********** */
#content { margin: 25px auto 0 auto; width: 777px; position:relative}
#logo { width: 777px; height: 239px; background: transparent url(../img/topheader.jpg) top left no-repeat; }
#logo h1 { display: none; }
#logo h2 { font-weight:bold; font-size:14px; color:white; margin:0 0 0 0; line-height:20px; text-align:right; position:absolute; top:188px; left:220px;}
#logo ul#language { margin: 10px 10px 0 0; width: 100px; height: 20px; float: right; }
#logo ul#language li { padding: 0 3px 0 3px; margin: 0; float: right; list-style: none; }
#logo ol#menu { float: left; margin: 14px 0 0 0; padding: 0 0 0 3px; }
#logo ol#menu li{ width: 191px; height: 24px; text-align: center; padding: 3px 0 0 0; margin: 0; list-style: none; color: white; }
#logo ol#menu li.selected { background: url(../img/hover.jpg) top left no-repeat; }
#logo ol#menu a:link, #logo ol#menu a:visited{ text-decoration: none; color: white; font-weight: bolder; }
#logo ol#menu a:hover{ text-decoration: underline; background: transparent;}
#obsah { background: url(../img/obsah.png) top left repeat-y; }
#footer { clear: both; background: url(../img/footer.png) top left repeat-y; color: white; padding: 10px 0 5px 0; }
#footer a:link, #footer a:visited{ color: white; }
#footer .section1 { float: right; margin-right: 10px; }
#footer .section2 { margin-left: 210px; }
#bottom { background: url(../img/bottom.png) top left no-repeat; height: 10px; }
#msie { clear: both; display: block; height: 25px; }
#novinky { float: left; width: 175px; margin-left: 10px; background: transparent; padding: 15px 0 10px 0; }
#items { float: right; width: 540px; margin-right: 25px; background: transparent; padding: 15px 0 10px 0; }
* html #novinky { margin-left: 5px; }
* html #items { margin-right: 12px; }

/* ********** fotogalerie ********** */
#fotogalerie { background: url(../img/obsah-clear.png) top left repeat-y; }
#fotogalerie #items {width:730px}

/* ********** articles formatting ********** */
#novinky, #novinky a:link, #novinky a:visited {color:white;} 
#novinky h2 { background: url(../img/novinky.png) top left no-repeat; padding: 2px 0 2px 40px; margin: 10px 0 10px 0; height: 34px; font-size: 16px; }
#novinky h3 { text-align: left; margin: 3px 0 3px 0; padding: 0; font-size: 14px; }
#novinky .itembody { text-align: justify; font-size: 12px; line-height:15px;}
#novinky p { padding: 3px; margin: 0; text-align: left;}

#items .itembody { text-align: justify; }
#items h2 { color: #4976C0; border-bottom: 1px solid #4976C0; font-size: 18px; font-weight: bold; line-height: 24px; background: url(/styles/img/h2.gif) left 50% no-repeat; padding: 2px 0 2px 25px; margin: 10px 0 12px 0; clear:both}
#items h3 { color: #4976C0; font-size: 16px; font-weight: bold; line-height:20px; margin:10px 0 10px 0; padding:0; clear:both}
#items h4 { color: #4976C0; font-size: 14px; font-weight: bold; line-height:18px; margin:10px 0 10px 0; padding:0; clear:both}
#items h5 { color: #4976C0; font-size: 14px; font-weight: bold; line-height:18px; margin:10px 0 10px 0; padding:0;}
#items p { padding: 0; margin: 5px 0 5px 0; text-indent: 25px; }
#items ul, #items li { padding: 0; margin: 5px 0 5px 20px; }
#items ul li { background: url(/styles/img/li.gif) 0px 5px no-repeat; padding: 0 0 0 20px; margin: 3px 0 3px 0; list-style: none; }

#items table{ margin: 7px auto 7px auto; padding: 0; }
#items table th { background: #54B948; color: white; padding: 2px 4px 2px 4px; }
#items table caption{ margin: 7px auto 7px auto; padding: 4px; }
#items tr td { padding: 2px 4px 2px 4px; border-bottom:1px solid #D4D4D4; border-right:1px solid #D4D4D4}

/* ********** helpers ********** */
.clearer{ clear: both; display: block; height: 2px; font-size: 1px; line-height: 1px; }

/* ********** floating pictures in itembody ********** */
img.leftbox, .leftbox img {display: block; background-color: #fff;border: 1px solid #8A8A8A;margin: 5px 15px 5px 0;padding: 4px;line-height:0px;float:left}
img.rightbox, .rightbox img {display: block;background-color: #fff;border: 1px solid #8A8A8A;margin: 5px 0 5px 15px;padding: 4px;line-height:0px;float:right}
.box { margin: 7px auto 7px auto; text-align: center; font-style: italic; }
.box img{ border: 1px solid #8A8A8A; padding: 4px; margin: 0 auto; display: block; line-height: 1px; }
img { border: 0 none; }

/* ********** forms ********** */
textarea {width: 90%;}
fieldset {padding:6px; text-align: right; margin:0 0 0 0; border:0 none; border-top:1px dotted #757575; background: white;}
form{margin:10px 10px 10px 10px;}
input { margin: 2px; }
legend { margin-left: 5px; padding:5px; font-weight: bold; font-size:small; background: white}
input.field, select.field, textarea.field { padding: 2px 5px; margin:0 2px 0 2px; border:1px solid #AAAAAA;border-top:1px solid #6A6A6A;border-left:1px solid #6A6A6A;background-color: #EFF3FA}
input.field:focus, select.field:focus, #maintext textarea.field:focus { background-color:white; border:1px solid black}
select.field{ font-family: Arial Narrow, Arial, Helvetica, sans-serif; }
.itembody fieldset, fieldset table {text-align: left;}