/* nacteme externi styly begin */
@import url("./reset.css");
@import url("../../css/anketa.css");
/* nacteme externi styly end */

BODY{background: #969fa8 url(../pic/background.png) repeat-x left top; margin: 0 auto; padding: 0 0 10px 0; text-align: center; font-size: 11px;}
DIV, P, SPAN, UL, OL, LI, TH, TD, LEGEND, BUTTON{font: normal 11px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; color: #4b4b4b;}
H1#titlePage{font: normal 22px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; color: #333; padding: 4px 0 4px 15px; margin: 0 0 5px 0; text-align: left; background-color: #a9b7c5; -moz-border-radius: 5px; border-radius: 5px;}
H2{font: normal 18px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; color: #4b4b4b; margin: 0; padding: 10px 0;}
A{color: #84086E; text-decoration: underline;}
A:hover{color: #84086E; text-decoration: none;}
HR{color: #B9B9B9; background-color: #B9B9B9; border: 0 none; height: 1px; clear: left;}
P{margin-top: 0; margin-bottom: 10px;}
IMG{vertical-align: middle;}
.clear{clear: both;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.noscreen{display: none;}
.small{font-size: 10px;}
.help{cursor: help;}
.iconHelp{vertical-align: top;}
.hand{cursor: pointer;}
.poznamka{color: red;}
.valignTop{vertical-align: top;}

/* nastaveni pozicovani rohu begin */
.edge-l, .edge-r {position:absolute; top:0; background-repeat:no-repeat; overflow:hidden;}
.edge-l {left:0px;}
.edge-r {right:0px;}

.edge-lt, .edge-lb, .edge-rt, .edge-rb {position: absolute; background-repeat: no-repeat; overflow: hidden;}
.edge-lt {top: 0; left: 0;}
.edge-lb {bottom: 0; left: 0;}
.edge-rt {top: 0; right: 0;}
.edge-rb {bottom: 0; right: 0;}
/* nastaveni pozicovani rohu end */

/* NASTAVENI WYSIWYG EDITORU BEGIN */
.hEditorS{height: 200px;}
.hEditorM{height: 400px;}
.hEditorB{height: 700px;}
.wEditor{width: 99.2%;}
/* NASTAVENI WYSIWYG EDITORU BEGIN */

/* HLASKY BEGIN */
.messageInfo, P.messageError, UL.messageError{padding: 15px 15px 15px 50px; color: #000; font-weight: bold; margin: 15px 0; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.messageInfo{background: #fcecb5 url(../pic/icons/messageOk.gif) no-repeat 15px center; border: 1px solid #6ebe20;}
.messageError, UL.messageError{background: #ffbfbf url(../pic/icons/messageError.gif) no-repeat 15px center; border: 1px solid #ff3030;}
.messageInfo LI, .messageError LI{font-weight: bold; text-align: left;}
.messageInfo A, P.messageError A{font-weight: bold; color: #2B4B2B;}
/* HLASKY END */

/* LEGENDA */
#legenda{float: right; margin-right: 10px; text-align: right; font-size: 11px;}
#legenda STRONG{font-size: 11px;}
/* KONEC LEGENDA */

/* FORMULAR */
FIELDSET{border: 1px solid #cfcfcf; border-top: 3px solid #cfcfcf; padding: 5px 10px 10px 10px;}
LEGEND{padding: 0 10px; font-weight: bold;}
FORM{margin: 0; padding: 0;}
FORM#hledat{text-align: left; padding-top: 10px; float: left;}

BUTTON{border: 1px solid #333; background: #efefef url(../pic/bgButton.gif) repeat-x center 1px; padding: 0px 10px; ? padding: 6px 10px; _padding: 5px 10px; color: #000; font-weight: bold; text-decoration: none; border-radius: 3px; ?vertical-align: middle; _vertical-align: middle; height: 27px; vertical-align: middle;}
BUTTON:hover{background-color: #d2d2d2; background-image: none; text-shadow: 1px 1px 1px #fff; color: #000; cursor: pointer;}
BUTTON.smallButton{height: 21px; vertical-align: top;}

#nalezenoZaznamuTop{float: right; padding-top: 10px;}
.textLabel{font-weight: bold; font-size: 11px; padding-top: 5px;}

.doplnek{font-size: 11px; font-style: italic;}

.textBox, .textBoxObj, .textBoxInactive, .textareaBox, .selectBox, .dateformat-d-sl-m-sl-Y{background: #f4f4f4; border: 1px solid #CFCFCF; font-size: 11px; padding: 3px 3px;}

/* sirka boxu v procentech begin */
.width10{width: 10%;}
.width15{width: 15%;}
.width20{width: 20%;}
.width30{width: 30%;}
.width40{width: 40%;}
.width50{width: 50%;}
.width60{width: 60%;}
.width70{width: 70%;}
.width80{width: 80%;}
.width90{width: 90%;}
.width95{width: 95%;}
.width100{width: 100%;}
/* sirka boxu v procentech end*/

.textBoxInactive{color: #777;}

.textBox, .textBoxInactive, .selectBox, .textareaBox, .checkBox, .dateformat-d-sl-m-sl-Y, .login, .pass
{
	 -moz-border-radius: 5px; border-radius: 5px;
}

.textBox:hover,
.selectBox:hover,
.textareaBox:hover,
.checkBox,
.login:hover,
.pass:hover
{
	-moz-box-shadow: 3px 3px 3px #bbb;
	-webkit-box-shadow: 3px 3px 3px #bbb;
	box-shadow: 3px 3px 3px #bbb;
}
.textBox:focus,
.selectBox:focus,
.textareaBox:focus,
.checkBox:focus,
.login:focus,
.pass:focus
{
	background: #95a4d0/*eeeded*/;
	-moz-box-shadow: 0 0 10px #bbb;
	-webkit-box-shadow: 0 0 10px #bbb;
	box-shadow: 0 0 10px #bbb;
}

.textareaBox{font: normal 11px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;}
.checkBox{background: #f4f4f4; border: 1px solid #CFCFCF;}
.formButtons{text-align: left; padding: 5px 0 5px 0;}

A.button{border: 1px solid #333; background: #efefef url(../pic/bgButton.gif) repeat-x center 1px; padding: 6px 10px; color: #000; font-weight: bold; text-decoration: none; border-radius: 3px; vertical-align: middle;}
A.button:hover{background-color: #d2d2d2; background-image: none; text-shadow: 1px 1px 1px #fff; color: #000;}
/* KONEC FORMULARE */

/* BUTTONS BEGIN */
.btnAdd{margin: 0 0 5px 5px; text-align: left;}
.btnAdd A{background: url(../pic/icons/icon_new.gif) no-repeat left top; padding: 0 0 1px 18px; font-weight: bold;}
/* BUTTON END */

/* strankovani begin */
.paging{text-align: center;}
.paging A{text-decoration: none;}
/* strankovani end */

/* TABULKY */
TABLE.formTable{background-color: #e5e8ed; width: /*753px*/ 100%; text-align: left; margin: 0; border: 1px solid #b7b9bf; margin-bottom: 1px;}
TABLE.formTable TH{background: #4b4b4b; font-weight: bold; color: #fff; padding: 3px;}

TABLE.vypisTable{background-color: #fff; border: 1px solid #b7b9bf; width: /*753px*/ 100%; margin-bottom: 5px;}
TABLE.vypisTable TR{background: #e5e8ed;}
TABLE.vypisTable TH{background: #4b4b4b; font-weight: bold; color: #fff; padding: 3px; text-align: center;}
TABLE.vypisTable TH ABBR{border-bottom: 1px dotted #fff; cursor: help;}
TABLE.vypisTable TD{/*background: #e5e8ed;*/ font-weight: normal; padding: 3px; text-align: left; vertical-align: middle;}

TABLE.vypisTable TH A{color: #fff;}
TABLE.vypisTable TD.check{padding: 0 3px;}
TABLE.vypisTable TH.left, TABLE.vypisTable TD.left{text-align: left;}
TABLE.vypisTable TH.center, TABLE.vypisTable TD.center{text-align: center;}
TABLE.vypisTable TH.right, TABLE.vypisTable TD.right{text-align: right;}

TABLE.statistika{width: 100%; border: 1px solid #b7b9bf;}
TABLE.statistika TD{padding: 3px 5px; text-align: left;}
TABLE.statistika TD.right{text-align: right;}

TABLE.stav{border: 1px solid #A5ACB2; margin: 2px 0 0 30px; width: 35%; float: right;}
TABLE.stav .label{border: 0 none; width: 50%;}
/* KONEC TABULKY */

/* PRIHLASENI */
.chyba{margin: 70px 0 10px 0; height: 50px;}
TABLE#hlTabPrihlaseni{background: #e5e8ed; border: 1px solid #656565; table-layout: auto; margin: 0 auto; width: 300px;}
TABLE#hlTabPrihlaseni TH{border: 0 none; background: #3C3B40; text-align: center; font-weight: bold; margin: 0 auto; padding: 3px; color: #fff;}
TABLE#hlTabPrihlaseni TD{border: 0 none; padding: 3px 0; text-align: center;}
TABLE#subTabPrihlaseni{background: #e5e8ed; table-layout: auto; margin: auto; text-align: center;}
INPUT.login{font-size: 11px; width: 150px; border: 1px solid #cfcfcf; padding: 2px 3px 2px 3px;}
INPUT.pass{font-size: 11px; width: 150px; border: 1px solid #cfcfcf; padding: 2px 3px 2px 3px;}
/* KONEC PRIHLASENI */

/* ODHLASENI */
TABLE#hlTabOdhlaseni{background: #e5e8ed; border: 1px solid Background; table-layout: auto; margin: 130px auto 0 auto;}
TABLE#hlTabOdhlaseni TH{border: 0 none; background: #3C3B40; padding: 3px; text-align: center; margin: 0 auto; font-weight: bold; color: #fff;}
TABLE#hlTabOdhlaseni TD{border: 0 none; padding: 10px 15px;}
/* KONEC ODHLASENI */

/* POPUP LAYER BEGIN */
.layer{position: absolute; width:450px; left: 0; top: 150px; margin-left: 350px; visibility: visible;}
.layer TABLE.formTable{border-bottom: 2px solid #b7b9bf; border-right: 2px solid #b7b9bf;}
/* POPUP LAYER END */


/*-------------------------------- ID -------------------------------*/
#head{width: 960px; height: 60px; margin: 0 auto; position: relative;}
#head #logo{position: absolute; left: 15px; top: 5px;}
#head #nadpisAdmin{font-size: 18px; color: #fff; text-align: right; position: absolute; left: 846px; top: 3px;}
#head #topNavigace{position: absolute; left: 300px; top: 30px; width: 644px; padding: 4px;}
#head #topNavigace #topOdkazy{float: right; width: 350px; text-align: right; padding-right: 25px; padding-top: 4px; color: #000;}
#head #topNavigace #topOdkazy A{color: #e3e600; padding: 3px 10px 5px 10px; background-color: #333; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none;}
#head #topNavigace #topOdkazy A:hover{text-decoration: underline;}
#head #topNavigace FORM{float: right; color: #000; font-weight: bold;}

#main{background: #f8f8f8 url(../pic/top.png) repeat-x left -1px; border: 1px solid #656565; width: 960px; min-width: 960px; margin: 0 auto; padding: 0; text-align: center; position: relative;}
#main span.edge-lt{background: url(../pic/edges/mainEdgeLT.png); width: 4px; height: 4px; left: -1px; top: -1px;}
#main span.edge-lb{background: url(../pic/edges/mainEdgeLB.png); width: 4px; height: 4px; left: -1px; bottom: -1px;}
#main span.edge-rt{background: url(../pic/edges/mainEdgeRT.png); width: 4px; height: 4px; right: -1px; top: -1px;}
#main span.edge-rb{background: url(../pic/edges/mainEdgeRB.png); width: 4px; height: 4px; right: -1px; bottom: -1px;}

#stred{background: url(../pic/to.png) repeat-x; width: 100%; text-align: center; padding: 5px 0 15px 0; min-width: 960px;}
#lbox{float: left; width: /*204px*/ 20%; text-align: center; padding: 0 0 30px 0; margin: 0;}
#pbox{border-left: 0 solid #fff; float: right; width: /*753px*/ 79% !important; width: 756px; min-width: 760px; padding: 0 1px 30px 1px; text-align: left;}
#pbox P.text{text-align: left; padding: 0 10px; text-align: justify; margin: 0 0 5px 0;}

#boxPrihlasenJako{background-color: #a9b7c5; -moz-border-radius: 5px; border-radius: 5px; color: #333; font-size: 11px; margin-left: 1px; padding: 4px 0 5px 0;}

/* MENU */
#menuBorderTop{background: url(../pic/menu_prechod_top.gif) repeat-x; width: /*200px*/100%; height: 30px; margin: auto;}
#menuBorderBottom{background:url(../pic/menu_prechod_bottom.gif) repeat-x; width: /*200px*/100%; height: 30px; margin: auto;}

UL#nav{width: /*200px*/ 100%; list-style: none; margin: 0 auto !important; margin: 0; padding: 0;}
UL#nav LI.foldout{background: #fff url(../pic/buttons/foldout.gif) no-repeat 12px 13px; margin: 0 0 1px 0; padding: 0;}
UL#nav LI.notFoldout{background: #fff url(../pic/buttons/not_foldout.gif) no-repeat 13px 12px; margin: 0 0 1px 0; padding: 0;}
UL#nav LI A{font-size: 11px; font-weight: bold; color: #84086e; text-decoration: none; display: block; padding: 7px 10px 7px 25px; text-align: left; margin: 0;}
#nav LI A:hover{background-color: #fff; color: #84086e;}
UL#subnav{list-style: none; margin: 0; padding: 0; text-align: left;}
UL#subnav LI{background: #fff url(../pic/buttons/not_foldout.gif) no-repeat 23px 12px; margin: 0 0 1px 0;}
UL#subnav LI A{color: #980202; font-weight: normal; padding-left: 35px;}
UL#subnav LI A:hover{color: #000;}
/* KONEC MENU */

/* jednoduche menu */
UL#menu{width: /*200px*/100%; list-style: none; text-align: center; margin: 0 auto !important; margin: 0; padding: 0;}
UL#menu LI.notFoldout{background: #fff url(../pic/buttons/not_foldout.gif) no-repeat 13px 12px; margin: 0 0 1px 0; padding: 0;}
UL#menu LI A{font-size: 11px; font-weight: normal; color: #84086e; text-decoration: none; display: block; padding: 7px 10px 7px 25px; text-align: left; margin: 0;}
UL#menu LI A:hover{color: #f88d8d;}
/* konec jednoducheho menu */

#bottom{background: url(../pic/bottom.png) no-repeat; width: 960px; height: 25px; margin: auto;}

#menuSelect{margin: 2px 0 0 30px; padding: 4px 0 5px 10px; width: 222px; float: right; color: #333;}
#categorySelect{margin: 2px auto 0 auto; padding: 5px 15px; text-align: center;}