body { background: white url(../imgs2/bg.jpg) top left repeat-x; color: #000; font-family: tahoma, sans-serif, 'helvetica ce'; font-size: 12px; margin: 0px; line-height: 1.4; }

a { text-decoration: none; font-weight: bold; color: #00ADDE; background-color: transparent; }
a:hover { text-decoration: underline; }

ul { margin-left: 0px; padding-left: 0px; margin-top: 3px; }
ul li { list-style-type: none; background: url(../imgs2/li.png) 2px 3px no-repeat; padding-left: 25px; margin: 5px 0px; color: #000; }
ul li a {	color: #00ADDE; }
ol { margin: 0px; }
ol li { margin: 3px 0px; text-align: justify; _margin-left: 20px; }

p { margin: 3px 0px 10px 0px; }

hr { border: 1px solid #E8E8E8; }

abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

form { margin: 0px; }

img { border: 0px; }

.f-left,.left { float: left; }
.f-right,.right { float: right; }
.half { width: 49%; }

.t-justify { text-align: justify; }
.t-right { text-align: right!important; }
.t-left { text-align: left; }

.fifty {width: 48%; padding-right: 10px;}
.clear { clear:both; font-size: 0px; height: 0px; margin: 0px; padding: 0px; border: none; } 

.noscreen {display:none;}

/* ********************************************************************** */

#main { margin:auto; width: 893px; text-align: left; border-left: 4px solid #E8E8E8; border-right: 4px solid #E8E8E8; background: #FFF url(../imgs2/mainbg.gif) repeat-y top left; }

#logo { position:relative; left: 0px; top: 0px; background: white url(../imgs2/title.jpg) top left no-repeat; height: 209px;	}
#logo h1 { margin: 0px; margin-left: 25px; padding: 30px 0px 0px 20px; font-size: 24pt; font-weight: bold;  font-family: Arial, Tahoma, serif; }
#logo h1 a { color: #007BC4; overflow:hidden; text-decoration: none; }
#logo h1 a span { display:block; position:absolute; left:0px; top:0; z-index:1; width:893px; height:209px; margin:0; padding:0; background:url(../imgs2/title.jpg) top left no-repeat; cursor:pointer; }

#motto p { position:absolute; top: 165px; right: 20px; z-index: 50; font-size: 20px; color: #007BC4; }
#info { position:absolute; top: 124px; right: 20px; z-index: 40; text-align: right; width: 330px; overflow:hidden; } 
#info p { margin: 0; font-size: 80%; color: #868B8F; }
#info p.numbers { color: #00ADE5; font-size: 19px; font-weight: normal; }

#menu { background: #00ADDE url(../imgs2/menubg.png) top left repeat-x; float: right; text-align: right; width: 646px; z-index: 10; } 
#menu2 { height: 27px; }
#menuin { float:left; padding-left: 15px; }
#menu ul,#menu2 ul { line-height: 27px; margin: 0px;	padding: 0px; font-size: 12px; }
#menu ul li,#menu2 ul li { padding-left: 0px; list-style-type: none; display: inline; }
#menu ul li a,#menu2 ul li a { margin: 0px; display: block; float: left; color: white; text-decoration: none;	font-weight: bold; padding: 0px 14px; line-height: 26px; background: transparent url(../imgs2/menudelim.png) top right no-repeat; }
#menu ul li a:hover { background: #B7BABF url(../imgs2/menubgover.png) top left repeat-x; }
#menu ul li a:hover,#menu2 ul li a:hover { text-decoration: none; }

#left { margin-top:0px; padding: 0px; width: 246px;	float: left; z-index: 15; border-top: 1px solid #E8E8E8; }
#right { margin: 0px; padding: 15px; float:right; width: 613px; background: white url(../imgs2/motiv.jpg) bottom right no-repeat; min-height: 700px; _height: 700px; }
#right div.important { clear: both; margin-top: 10px; border: 1px solid #E8E8E8; background: #F8FEFF url(../imgs2/panebigbbg.jpg) no-repeat bottom right; padding: 20px; }

#right p { text-align: justify;}


h2 { font-size: 18px; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-weight: normal; margin-top: 10px; margin-bottom: 8px; color: #007BC4; }
h3 { font-size: 15px; font-family: Tahoma, Verdana; color: #868B8F; font-weight: bold; margin: 15px 0px 5px 0px;}
h4 { }
h5 { font-size: 12px; }

p.first { margin-top:8px; }
p.titulek { font-size: 80%; margin-top: 0px; margin-bottom: 5px; text-indent: 10px; }


/* ************************************************************************* */

#news { padding: 0px 0px; }

#news .newshead { text-align: left; margin-bottom: 3px; }
#news .newshead h3 { margin: 0px; padding: 0px; margin-bottom: 10px; font-family: Tahoma, Verdana; font-weight: normal; font-size: 18px; color: #0072BB; 	}
#news .newsblock hr { border: 1px solid #E8E8E8; margin: 0px; padding: 0px; margin-bottom: 4px; _margin-bottom: 0px; }
#news .newsblock { background: #F8FEFF url(../imgs2/panebg.jpg) no-repeat bottom right; color: #868B8F; padding: 15px 10px 20px 20px; font-size: 11px; }
#news .newsblock p { margin: 2px 0px 5px 0px; _margin-bottom: 0px; }
#news .newsblock a { color: #00ADDE; }
#news .newsblock span.datum { font-size: 80%; color: black; font-weight: normal; }
#news p.newstext { margin: 2px 4px 2px 4px;	text-align: left; }

#anketa a { font-weight: normal; color: #868B8F; }
#anketa div.teplomer { background-color: #E8E8E8; font-size: 8px; line-height: 8px; width: 200px; margin: 0px; padding: 0px; height: 8px; }
#anketa div.teplomer div { background: #00ADDE url(../imgs2/menubg.png) 0 -9px repeat-x; }
#anketa .otazka { font-weight: bold; } 
#anketa .odpoved { margin-top: 3px;}
#anketa .odpoved a { color: #868B8F; }

.block { background: #F8FEFF url(../imgs2/panebg.jpg) no-repeat bottom right; color: #868B8F; padding: 15px 10px 20px 20px; font-size: 11px; }
.blockhead { text-align: left; margin-bottom: 3px; }
.blockhead h3 { margin: 0px; padding: 0px; margin-bottom: 10px; font-family: Tahoma, Verdana; font-weight: normal; font-size: 18px; color: #0072BB; 	}

#minilogin label { width: 55px; }
#minilogin input[type="text"],#minilogin input[type="password"] {	width: 140px; }

.orderform { width: 275px; height: 89px; float: left; background: #F1FBFF url(../imgs/pbg.jpg) 0 0 no-repeat; padding: 10px; margin-right:10px; margin-bottom: 10px; overflow: hidden; }
.over { background: url(../imgs/pbg_over.jpg) 0 0 no-repeat; }
.orderform img { float: left; margin-top: 10px; margin-left: 5px; }
.orderform p { margin:0; margin-left: 55px; text-align: left!important }
.orderform p.price { font-size: 18px; margin-top: 0px; margin-bottom: 5px; color: #007BC4; }
.orderform img.btn { border: none; margin:0; padding:0; float: right; background: none; }

.desingselect img { border: 4px solid #E8E8E8; } 
.desingselect img.selected { border: 4px solid #00ADDE; } 
.desingselect input { border: none; background: none;}


.tip { color: #fff; width: 125px; z-index: 13000; }
.tip-title { font-weight: bold; font-size: 11px; margin: 0; color: #00ADDE; padding: 8px 8px 0px; background: url(../imgs/tooltip2.png) top left; _background: url(../imgs/tooltip.gif) top left; }
.tip-text { font-size: 11px; padding: 4px 8px 8px; background: url(../imgs/tooltip2.png) bottom right; _background: url(../imgs/tooltip.gif) bottom right; }

#bottom { clear: both; background-color: #0072BB; width: 873px; height: 30px; color: white; font-size: 11px; padding: 10px; } 
#bottom .left { float:left; width:50%; text-align:left; }
#bottom .right { float:right; }
#bottom a { font-weight: normal; }

ul.podm li { list-style-type: decimal; margin-bottom: 5px; }
ul.podm li li{ list-style-type: disc; }

.bordered { border:4px solid #E8E8E8; margin-left: 15px; margin-top: 0px; }

a.blue { color: #00ADDE; }

select { background: #FFF none; border: 1px solid #898989; font-size: 9pt; }

.highlight { color: black; }

input, textarea { border: 1px solid #00ADDE; background: white url(../imgs2/inputbg.gif) top left repeat-x; font-size: 9pt; color: #868B8F; padding-left: 3px; margin-top: 3px; }
option { font-size: 9pt; color: #868B8F; }
label { margin-top: 3px; }
select { margin-top: 3px; }

input.check, input.radio { border: 0px none;	background: none; }
input.button { padding: 1px 3px 1px 3px; font-size: 11px; font-weight: bold; color: white; background: #868B8F url(../imgs2/graybutton.gif) bottom left repeat-x;; margin-top: 8px; border: 1px solid #868B8F; }
input.bbutton { padding: 1px 6px; font-size: 11px; color: white; background: #868B8F url(../imgs/graybutton.gif) bottom left repeat-x; border: 1px solid #868B8F; margin: 0px;  margin-top: 3px; margin-left: 55px; _margin-left: 58px; }

div.domains p { margin: 0px; }
p.line { border-left:4px solid #B9BABD; padding-left:8px }

.formlabel { width: 100px; }

.red { color:#0072BB; }

.linkout { cursor: help; }

/* *************************************************************** */

#administrace h4 { float: left; font-size: 18pt; font-weight: bold; font-family: Arial; margin: 0px; margin-bottom: 10px; _margin-bottom: 0px; padding-top: 10px; }
#administrace h4 img { margin:  0px; float: left; margin-right: 10px; margin-top: -10px; }
#administrace hr { clear: both; border: 1px solid #E8E8E8; margin: 10px 0px; _margin: 0px; color: #E8E8E8; }
#administrace h4 a:hover { text-decoration: none; color: #007BC4; }
#administrace a span { color: #00ADDE; }

#administrace span.info { dispaly: block; width: 500px; float: left; color: #868B8F; font-size: 10pt; font-weight:normal; }

table { font-family: tahoma, sans-serif; font-size: 10pt; }

.smaller { font-size: 8pt!important; }
.right {text-align:right;}

table.userlist { margin-top: 10px; border-collapse: collapse; border: 0px; }
table.userlist th { background-color: #0072BB; padding: 1px 5px; color: #FFF; border-right: 1px solid white; font-size: 8pt; line-height: 20px; }
table.userlist td{ padding: 1px 3px; border-right: 1px solid white; font-size: 8pt; }
table.userlist tr.light { background-color: #F6F6F6; }
table.userlist tr.dark { background-color: #EBEBEB; }
table.userlist .dlight { background-color: #D0D0D0; }
table.userlist .ddark { background-color: #CACACA; }
table.userlist tr.trhover, #tablelist .trhover { background-color: #DAF2FC!important; }
table.userlist a { color: #00ADDE; }

fieldset { border: 1px solid #E8E8E8; background: #F8FEFF url(../imgs2/panebigbg.jpg) no-repeat bottom right; margin-top: 10px; padding: 0px 10px 10px 10px; }
fieldset legend { font-weight: bold; color: #0072BB; padding: 0px 5px; }
fieldset div { padding: 2px; }
fieldset label, label { display: block; width: 120px; float: left; }
fieldset input, select { width: 150px; }

div.succinfo { background-color: #0072BB; text-align: center; color: white; font-weight: bold; margin-bottom: 10px; padding: 2px; }
div.unsuccinfo { background-color: #D80110; text-align: center; color: white; font-weight: bold; margin-bottom: 10px; padding: 2px; }
div.back2main { text-align: right; }

/* **************************************************************** */

#reference h3 { margin: 5px; font-size: 18px; color: black; font-weight: normal; }
#reference h3 a  { color: black; font-weight: normal; }
#reference h4 { font-family: tahoma, sans-serif, 'helvetica ce'; font-size: 12px; color: #007BC4; margin: 0px; margin-top: 10px; }
#reference div { background: transparent url(../imgs2/refbg.png) top left repeat-x; _background: transparent url(../imgs2/refbg.jpg) top left repeat-x; padding: 10px; }
#reference hr { clear: both; visibility: hidden; margin: 0px; }
#reference div div { border: 1px solid #E8E8E8; background: white; padding: 8px; float:left; margin-right: 10px; }

.aktualne { width: 161px; height: 126px; padding: 14px 23px 10px 17px; margin-right: 2px; float: left; background: url(../imgs2/newsbg.png) 0 0 no-repeat; overflow: hidden;  }
.aktualne h3 { font-weight: normal; font-size: 12px; color: #0072BB; margin: 0 0 10px 22px; }
.aktualne p { margin:0; padding: 0; font-size: 11px; color: #868B8F; text-align: left!important; }


/* LightBox */
#lightbox { background-color:#eee; padding: 6px; display:none; } 
#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; }	
#lightboxCaption { float: left; } 
#keyboardMsg { float: right; } 
#closeButton { top: 0px; right: 0px; }
#lightbox img { border: none; clear: both; z-index: 100;} 
#overlay img { border: none; display:none; }
#overlay { background-color: #333; -moz-opacity: .80; filter: alpha(opacity=80); opacity: .80 }

#upoutavka { position: relative; margin-left: 0; margin-top: 20px; margin-bottom: 20px; height: 313px;  }
#upoutavka .tema { overflow: hidden; float: left; width: 70px; height: 313px; color: black; font-size: 8pt; }
#upoutavka .tema#up4 { width: 338px; }
#upoutavka .tema h2 { display: none; }
#upoutavka .tema-in { margin: 15px 5px 20px 70px; overflow: hidden; width: 244px;}
#upoutavka .tema-in ol { padding: 0 0 0 22px; margin: 0; }
#upoutavka .tema-in ol li { margin: 2px 0 0 0px; text-align: left; padding: 0; line-height: 1.2;}
#upoutavka .tema-in p { text-align: left; }
#up1 { background: #CFF4FE url(../imgs/up-1.jpg) 0 0 no-repeat; }
#up2 { background: #C1E6FF url(../imgs/up-2.jpg) 0 0 no-repeat; }
#up3 { background: #DBDBDB url(../imgs/up-3.jpg) 0 0 no-repeat; }
#up4 { background: #F4F4F4 url(../imgs/up-4.jpg) 0 0 no-repeat; }

#abeceda { margin-top: 15px;}
#abeceda a { padding: 4px 5px; font-size: 14pt; text-decoration:none;}
#abeceda a:hover { background-color: #EEE; }

.slovnik p a { color:#888; text-decoration: none; font-weight: normal; }
.slovnik p a:hover { text-decoration: underline; }

.cCMSDocument img { border: 4px solid #E8E8E8; margin: 0 15px 15px 0; max-width: 400px; max-height: 500px;}

.cCMSDocumentList hr { display: none; }
.cCMSDocumentList h3 { font-size: 13px; }

div#slideshow { display: block; position: relative; z-index: 0; width: 180px; height: 165px; overflow: hidden; }
div#slideshow div { width: 180px; height: 165px; } 

.tree ul.l1 { display: none; }
.tree li { padding-left: 19px; margin: 0; line-height: 18px; background-position: 2px 5px;}
.tree li.word { background: none; padding-left: 0; }
.tree li.hover { background-color: #F8F8F8; cursor: pointer;}
.tree .datum { font-size: smaller; color: #868B8F; }