/*---------- GENERAL ---------------------------------------------------------------------*/
body {margin: 0px; padding: 0px; margin-bottom:30px; font-family: Trebuchet MS, Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px; line-height: 145%; color: #666666; background-color: #333; background-image:url(../cssImages/bodyBg.jpg); background-repeat:repeat-x; background-position:top center;}
h1,h2,h3,h4,h5,h6 {margin: 5px 0px 0px 0px; padding:0px;}
h2 {margin-bottom:15px; font-size:24px; line-height:28px; color:#990000;}
h3 {margin-bottom:8px; font-size:16px; line-height:20px; color:#990000;}
h4 {margin-bottom:7px; font-size:14px; line-height:18px; color:#FEA201;}
ul { padding-left:16px; margin:0px;}
li {margin:0px; padding:0px;}
a {color: #3FA2B4;}
a:hover {}
img {border:none; margin:0px 10px 10px 0px;}
input, select, textarea {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 120%; border:none; padding:2px;}
table {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 140%; width:100%;}
tbody td, tbody tr {vertical-align: top; border:none; padding:0px; margin:0px;}
table td {padding:5px 10px;background:#E1ECF0; border:1px solid #B7C1D2;}
.fc {clear:both; font-size:0px; line-height:0px;}
strong {color:#FEA201;}
p {margin:12px 0px; padding:0px;}


/*---------- LAYOUT ---------------------------------------------------------------------*/
div#conteiner {position: relative; width: 800px; margin: 65px auto; text-align: left;}
div#cont {width:800px;}
#login {text-align:right; margin:0px 20px 20px auto;}
#login span {cursor:pointer;cursor:hand; font-size:11px; color:#fff;}
#login a {color: #fff; margin-right:10px; padding-right:10px; text-decoration:none; border-right:1px solid #fff; font-size:11px;}
#login span:hover, #login a:hover {color:white; text-decoration:underline;}
#header {}
h1 {display:block; width:302px; height:68px; position:absolute; left:15px; top:-45px; margin:0px; padding:0px; background-image:url(../cssImages/logo.jpg); overflow:hidden;}
h1 a {text-decoration:none; color:white; height:60px; display:block;}
h1 a span {font-size:35px; line-height:25px;visibility:hidden;} 
h1 span {}
#slogan {}
#leftCont {width:225px; float:left; overflow:hidden; margin-left:13px; %margin-left:7px; color:#CCCCCC;}
#rightCont {width:520px; float:left; overflow:hidden; margin-left:20px; background:white; padding:10px; background-image:url(../cssImages/ilustrace.jpg); background-repeat:no-repeat; background-position:4px 4px; padding-top:275px;}
#leftCont h2 {font-size:15px;}

#menu {padding:20px 15px; background:#FEA201; border:1px solid #FFC75E; background-image:url(../cssImages/menuBg.jpg); background-repeat:repeat-y; margin-bottom:25px;}
#menu a {display:block; font-size:13px; padding: 5px 16px; text-decoration:none; font-weight:bold; background-image:url(../cssImages/menu.gif); background-repeat:no-repeat; background-position:0px 8px; color:white;}
#menu a:hover {color:#990000;}
#menu a.menuActive {color:#990000; font-weight:bold;}
#menu a.sub {padding:2px 15px; font-weight:normal; background-image:none;}
#menu a.subActive {color: #990000;}

.menuSet {margin-bottom:15px;}
/*.menuSet {display:none;}
.menuSetActive {display:block;}*/

/* aktivni submenu protoze Pavel jeste nepredelal */
#menu a.submenuActive {color: #990000;}

#footer {padding:15px 0px 30px 280px; margin-top:10px; clear:both;}
#footer a {color: #999999; text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

/* vychytavky */
a.dalekohled {background-image:url(../cssImages/dalekohled.jpg); background-repeat:no-repeat; padding:10px 10px 10px 45px; display:block;}
a.chat {background-image:url(../cssImages/chat-icon.gif); background-repeat:no-repeat; padding:10px 10px 10px 45px; display:block;}


/*---------- prvky (moduly) ---------------------------------------------------------------------*/

/* galery */
.galerie ul {list-style-type: none;margin: 0px;padding: 0px; width:100%;}
.galerie ul li {float: left;margin: 0px 13px 16px 0px; border:1px solid #BAD1D9; display:block; width:108px; height:83px; text-align:center; background-color:#fff;}
.galerie ul li a {display:block;}
.galerie ul li img {border:none; margin:4px;}

#boxes {list-style-type: none;margin: 0px;padding: 0px; width:100%;}
#boxes li {float: left;margin: 0px 13px 16px 0px; border:1px solid #BAD1D9; display:block; width:108px; height:83px; text-align:center; background-color:#fff;}
#boxes li a {display:block;}
#boxes li img {border:none; margin:4px;}

/* discussion */
.discussion {padding-bottom:30px; position:relative;}
.newCom { padding-left:25px; background-image:url(../cssImages/newCom.gif); background-repeat:no-repeat; background-position:0px 3px;}
.headerCom {margin:20px 0px 5px 0px; border-bottom:1px solid #BAD1D9; padding:5px 0px;}
.number {margin-right:10px; color:#fff; background-color:#8CD32C; padding:2px 5px; font-size:12px; font-weight:bold;}
.autor {font-weight:bold; padding-right:10px; border-right:1px solid #666;}
.date {color:#999999; font-size:80%; padding-right:10px; margin-left:10px;}
.textCom {padding:0px;}
.newComForm {margin-top:20px;}
.newComForm textarea {display:block; width:400px; height:100px; margin-bottom:5px;border:1px solid #BAD1D9; padding:3px;}
.newComForm input {display:block;width:400px;border:1px solid #BAD1D9; padding:3px;}
#leftCont .newComForm textarea, #leftCont .newComForm input {width:175px;}
.pridatCom {font-weight:bold; font-size:15px;}
.newComForm .subCom, #leftCont .newComForm .subCom {width:auto; background:#8CD32C; border:1px solid black; color:white; font-weight:bold; margin-top:10px; cursor:pointer; cursor:hand;}
.nameCom, .comCom {margin-top:10px;}
.discussion p {color:#FEA201;}

/* contact form */
.cont {position: relative;}
.contH input, .contB textarea {border:1px solid #BAD1D9; padding:3px;}
#leftCont .contH input { margin:0px 0px 10px 0px; width: 175px;}
#leftCont .contB textarea {width:175px;}
#rightCont .contH input { margin:0px 10px 10px 0px; width: 400px;}
#rightCont .contB textarea {width: 400px;}
.contS input {width:auto; background:#8CD32C; border:1px solid #000; color:white; font-weight:bold; margin-top:10px; cursor:pointer; cursor:hand;}
.cont form {margin:0px; padding:0px;}
.contSend {padding:50px; margin-top:230px; margin-left:240px;}
.cont p {color:#FEA201;}

/* anketa */
.anketa {position:relative;}
.quest {border-bottom: 1px solid #BAD1D9; padding-bottom:2px; margin-bottom:10px;}
.requests span {margin-top:15px; color: #3FA2B4; cursor:pointer; cursor:hand;}
.reqNumber {border-top: 1px solid #BAD1D9; padding-top:2px; margin-top:15px;}
.reqAnim { background: #C38612; height:3px; margin: 2px 0px 5px 0px; line-height:3px; font-size:3px; margin-bottom:10px;}

/* mapa stranek */
.siteMap {margin:30px;}
.siteMap a {display:block; font-weight:bold;}
.siteMap a.sub {margin-left:20px; font-weight:normal;}


/*---------- prizpusobeni kvuli ovladacim prvkum --------------------------------------------------*/

.text, .galerie, .discussion, .anketa, .formular, .katalog, .newElement {position:relative; margin-left:1px;} 
.leftBox {padding:5px 10px;}
.rightBox {padding:5px 10px;}

/* prihlaseny */
.leftBox .edit-ico {width:90%; %left:-10px;}
.rightBox .edit-ico {width:96%;}
#edit-0-ico {left:290px; top:80px;}
.bgBox {border:1px dashed #CCCCCC; margin-bottom:15px; margin-left:0px;}
.bgBoxHover {border:1px dashed #000; margin-bottom:15px; margin-left:0px;}


/*---------- wym editor -------------------------------------------------------------------*/
/* sirka wys je 713 ; sirka praveho textu je 498 ; sirka leveho je 188*/
body.leftText {background-image:none; background-color: #fff; margin-left:100px; margin-top:20px; padding-right:425px;}
body.rightText {background-image:none; background-color: #fff; margin-left:100px; margin-top:20px; padding-right:115px;}

#rightCont .text img, .rightText img {border:1px solid #BAD1D9; padding:5px; background-color:#fff;max-width: 486px;
_width: expression((this.width > 486) ? "486px" : "inherit" );}
#rightCont .text img.imgNoneBorder, .rightText img.imgNoneBorder {border:none; padding:0px; max-width: 498px;
_width: expression((this.width > 498) ? "498px" : "inherit" );}

#leftCont .text img, .leftText img {border:1px solid #BAD1D9; padding:5px; background-color:#fff;max-width: 176px;
_width: expression((this.width > 176) ? "176px" : "inherit" );}
#leftCont .text img.imgNoneBorder, .leftText img.imgNoneBorder {border:none; padding:0px; max-width: 188px;
_width: expression((this.width > 188) ? "188px" : "inherit" );}

/* classes */
.imgLeft {float:left; margin-right:10px; margin-bottom:5px; position:relative;}
.imgRight {float:right; margin-left:10px; margin-bottom:5px; position:relative;}
.accent1 {background:#990000; padding:10px; color:white;}
.accent2 {background:#038CFC; padding:10px; color:white;}
.accent3 {color:#FEA201;}
.tableAccent1 {background:#C4D7E1; color:white;}
.tableAccent2 {background:#8CD32C; color:white;}