/* CSS Document */

.mceToolbarTop * { float:left; }
.mceToolbarTop select { width:auto!important; }
.mceToolbarTop option { float:none; }

html  { height: 100%; }
body  {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; padding: 0; margin: 0;  color: #000000; height: 100%; 
}
body.body  {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; padding: 0; margin: 0;  color: #000000; height: 100%; 
    background-color: #52aed6;
    background-image: url(../pic/layout/droom/sky.jpg); 
    background-position: center -150px ; 
    background-repeat: repeat-x;
}
img   { border: 0; margin: 0; }
a     { text-decoration: none; color: Maroon; }
a:hover{ text-decoration: underline; color: #dd5218;}
blockquote{ margin-left: 25px; }
p{  margin: 0; margin-top: 6px;}
ul{ /*list-style: inside;*/ margin: 4px 0px 4px 15px; }
h1 {margin: 0;}

.table3{	width: 100%; }
.table3 td{	width: 33%; }
.obal{}
.delimiter{ font-size: 0.1em; } 
.hidden{ display: none; }

#window{ width: 100%; margin: 0 auto 0 auto; /*height: 100%; */ padding-top: 30px; padding-bottom: 40px;
          }
#in_window { 
    width: 781px; 
    background-image: url(../pic/layout/droom/white40.png); 
    background-position: left top; 
    background-repeat: repeat; 
    margin: 0px auto 00px auto; 
    padding: 4px; }
/*
#postwindow{}
#postwindow .left{}
#postwindow .right{}
#postwindow .center{}
*/
.maindel    { display: block; height: 8px; }
.oddelovac  { display: block; height: 4px; }
.cleaner    { clear: both; }
.veta070    { font-size: 0.70em; }
.veta075    { font-size: 0.75em; }
.veta080    { font-size: 0.80em; }
.veta085    { font-size: 0.85em; }
.veta090    { font-size: 0.90em; }
.veta095    { font-size: 0.95em; }
.colorRed   { color: Red;   }
.colorBlue  { color: Blue;  }
.colorWhite { color: White; }
.colorLime  { color: Lime;  }
.colorGreen { color: Green; }
.colorBlack { color: Black; }
.toleft     { text-align: left; }

/*header*********************************************/
#header { 
    width: 781px; 
    height: 131px; 
    background-image: url(../pic/layout/droom/header.jpg); 
    background-position: left top; 
    background-repeat: no-repeat; 
    margin: 0px auto 0px auto; }
#page { 
    clear: both; 
    display: block; 
    width: 781px; 
    min-height: 200px; 
    margin: 0px auto 0px auto; 
    text-align: left; 
    font-size: 0.8em; 
    background-color: #f7fbfb; }
#page #top_line{
    display: block; 
    margin: 0px; 
    height: 14px; }
#in_page{
    margin: 0px;
    width: 100%; }
#in_page .maintable tr.maintr{
    display: block; 
    vertical-align: top; }
#in_page .maintable td.maintd{
    float: left; 
    vertical-align: top; 
    padding: 0px; 
    margin: 0px; 
    height: 100%;
    padding-top: 10px; }
#in{  
    min-height: 300px; 
    width: 550px; 
    margin: 0px 0px 0px 0px; 
    float: right;
    padding: 0px;
    overflow: hidden; }
#inadmin{
    width: 781px; 
    margin: auto; 
    padding: 0px; }
div#left_column{
    width: 221px;
    float: left;
    overflow: hidden; }

#page #in .dtop{ }
/*výška vnitřku*/
#page #in .dcenter{ }


/*****MODULY VPRAVO***************/
#right_column .modulebox{	display: block; float: left; margin: 5px 0px 5px 0px; width: 200px;text-align: center; font-size: 0.8em; padding-top: 4px; padding-bottom: 4px; }
#right_column .modulebox .moduletop{	font-weight: bold; }
#right_column .modulebox .modulein{	 padding: 5px;}
/*****MODULY vlevo***************/
#left_column .modulebox{	display: block; float: right; width: 212px;  text-align: center; font-size: 0.8em; margin: 4px 0px 4px 9px; padding: 4px 0px; }
#left_column .modulebox .moduletop{	font-weight: bold;}
#left_column .modulebox .modulein{	 padding: 5px;}
/*POCITADLO*********************/
.pocitadlo table{ font-size: 0.9em; width: 100%; }
.pocitadlo table td{  width: 33% }
.pocitadlo table thead{ font-weight: bold; color: #545454; }


.dcenter .childmenu{
    font-size: 0.8em;  
    text-align: center; 
    padding: 3px 0px 0px 15px; }
.dcenter .childmenu ul{ 
    margin: 0; 
    list-style: none; 
    padding: 0px; 
    display: block; }
.dcenter .childmenu ul li{ 
    display: inline; 
    display: inline-block; 
    float: left; 
    cursor: pointer; }
.dcenter .childmenu ul li a:hover{ 
    text-decoration: none; 
    color: red; }
.dcenter .childmenu ul li a{ 
    display: inline; 
    display: inline-block; 
    margin: 0px 4px 2px 4px; 
    font-weight: bold; }
.dcenter .childmenu ul li a.btn_active{ 
    /*background-image:url(../pic/transparent.png); 
    background-repeat: repeat;*/  }
.dcenter .childmenu ul ul{ 
    border: 1px solid white; 
    margin-top: -1em; 
    float: left; 
    margin-left: 150px; 
    margin-bottom: -100%; }
.dcenter .childmenu ul li{ 
    display: block; }
.dcenter .childmenu a {
    cursor: pointer;}

.dcenter .childmenu a:hover span.left{background-image:url(../pic/btn_images/btn_child_left_h.png);}
.dcenter .childmenu a:hover span.cener{background-image:url(../pic/btn_images/btn_child_center_h.png);} 
.dcenter .childmenu a:hover span.right{background-image:url(../pic/btn_images/btn_child_right_h.png);} 

.dcenter .childmenu a.btn span.left{
    display: block;
    float: left;
    width: 2px; 
    height: 34px; 
    background-image:url(../pic/btn_images/btn_child_left.png);
    background-position: left top; 
    background-repeat: no-repeat; }
.dcenter .childmenu a.btn span.center{
    display: block;
    float: left;
    padding: 10px 5px 0px 5px; 
    height: 24px; 
    background-image:url(../pic/btn_images/btn_child_center.png);
    background-position: left top; 
    background-repeat: repeat-x; }
.dcenter .childmenu a.btn span.right{
    display: block;
    float: left;
    width: 2px; 
    height: 34px; 
    background-image:url(../pic/btn_images/btn_child_right.png);
    background-position: left top; 
    background-repeat: no-repeat; }
    
.dcenter .childmenu a.btn_active span.left{
    display: block;
    float: left;
    width: 2px; 
    height: 34px; 
    background-image:url(../pic/btn_images/btn_child_left_a.png);
    background-position: left top; 
    background-repeat: no-repeat; }
.dcenter .childmenu a.btn_active span.center{
    display: block;
    float: left;
    padding: 10px 5px 0px 5px; 
    height: 24px; 
    background-image:url(../pic/btn_images/btn_child_center_a.png);
    background-position: left top; 
    background-repeat: repeat-x; }
.dcenter .childmenu a.btn_active span.right{
    display: block;
    float: left;
    width: 2px; 
    height: 34px; 
    background-image:url(../pic/btn_images/btn_child_right_a.png);
    background-position: left top; 
    background-repeat: no-repeat; }

.dcenter .childmenu a.btn:hover span.left{background-image:url(../pic/btn_images/btn_child_left_h.png);}
.dcenter .childmenu a.btn:hover span.center{background-image:url(../pic/btn_images/btn_child_center_h.png); color: #ffffff; } 
.dcenter .childmenu a.btn:hover span.right{background-image:url(../pic/btn_images/btn_child_right_h.png);} 

.dcenter .childmenu a.btn_active:hover span.left{background-image:url(../pic/btn_images/btn_child_left_a_h.png);}
.dcenter .childmenu a.btn_active:hover span.center{background-image:url(../pic/btn_images/btn_child_center_a_h.png); color: #ffffff; } 
.dcenter .childmenu a.btn_active:hover span.right{background-image:url(../pic/btn_images/btn_child_right_a_h.png);} 

#pagechildren {  }
#pagechildren a { }
#pagechildren a:hover { text-decoration: none; color: Red; background-image:url(../pic/transparent.png); background-repeat: repeat; }


/*menu1*********************************************/
.menu_1 { float: left; width: 212px; font-size: 1em; margin: 0px 0px 0px 9px; }
.menu_1 a{ color: #00646c; cursor: pointer; }
.menu_1 a:hover { text-decoration: none; }
.menu_1 a:hover .center{ color: #c1002b; text-decoration: underline; }
/*NASTAVENI MENU*/
.menu_1 ul{ margin: 0; list-style: none; padding: 0px; display: block; color: #000000; font-weight: bold; }
.menu_1 ul li{ display: block; float: left; cursor: pointer; /*clear: left;*/ margin-bottom: 6px; }
.menu_1 ul li:hover{  }
.menu_1 ul li a{ display: block; display:inline-block; width: 100%; margin: 0; }
.menu_1 ul li a.btn_active{ color: #c1002b; }
.menu_1 ul ul{ display: block; font-size: 0.95em; }
.menu_1 ul ul li{ margin: 6px auto 0px 5px; }

.menu_1 ul li .left{ display: block; float: left; height: 31px; width: 13px; background-image: url(../pic/layout/droom/menu_btn_left.jpg); background-position: 0px 0px;  background-repeat: no-repeat; }
.menu_1 ul li .center{ display: block; float: left; height: 22px; padding-top: 7px; width: 186px; text-align: center; background-color: #d6e3eb; border-top: 1px solid #dee9ef; border-bottom: 1px solid #dee9ef; }
.menu_1 ul li .right{ display: block; float: left; height: 31px; width: 13px; background-image: url(../pic/layout/droom/menu_btn_right.jpg); background-position: 0px 0px; background-repeat: no-repeat; }

.menu_1 ul li .btn_active .left{ background-image: url(../pic/layout/droom/menu_btn_left_a.jpg); background-position: 0px 0px;  background-repeat: no-repeat; }
.menu_1 ul li .btn_active .center{ background-color: #f2d1cf; border-top: 1px solid #f7dee0; border-bottom: 1px solid #ffeaea; }
.menu_1 ul li .btn_active .right{ background-image: url(../pic/layout/droom/menu_btn_right_a.jpg); background-position: 0px 0px; background-repeat: no-repeat; }

.menu_1 ul ul li .left{ display: block; float: left; height: 31px; width: 13px; background-image: url(../pic/layout/droom/menu_btn_left.jpg); background-position: 0px 0px; background-repeat: no-repeat; }
.menu_1 ul ul li .center{ display: block; float: left; height: 22px; padding-top: 7px; width: 176px; text-align: center; background-color: #d6e3eb; border-top: 1px solid #dee9ef; border-bottom: 1px solid #dee9ef; }
.menu_1 ul ul li .center span{ margin: 0;}
.menu_1 ul ul li .center span span{ margin: 0}
.menu_1 ul ul li .right{ display: block; float: left; height: 31px; width: 13px; background-image: url(../pic/layout/droom/menu_btn_right.jpg); background-position: 0px 0px; background-repeat: no-repeat; }
/*
.menu_1 ul li a.btn_active .left, .menu_1 ul li a:hover .left{  background-position: 0px 0px;}
.menu_1 ul li a.btn_active .center, .menu_1 ul li a:hover .center{  background-position: 0px 0px;}
.menu_1 ul li a.btn_active .right, .menu_1 ul li a:hover .right{  background-position: 0px 0px;}
*/
#head_top_link{
    display: block; 
    width: 100%; 
    height: 70px; }
#head_top_link:hover{
    text-decoration: none; }
h1#top_title{
    width: 300px;
    float: right;
    font-size: 0.9em; 
    color: #ffffff; 
    font-family: verdana; 
    font-weight: bold; 
    padding: 24px 5px 5px 25px; 
    text-align: center; 
    line-height: 1em; }

#langs{ 
    float: left; 
    margin: 0px 0px 0px 260px; 
    padding: 38px 0px 0px 0px; 
    height: 21px;}
#langs a span{ 
    color: black; 
    display: none; }
#langs a{ 
    display: block; 
    width: 30px; 
    height: 21px; 
    float: left; }
#langs .fdelimiter{ 
    width: 2px; 
    height: 21px; 
    float: left; }

#langs a.language{  background-position: 0px 0px; }
#langs a.language:hover{ background-position: 0px -21px; }
#langs a.language_selected{  background-position: 0px -21px; }
#langs a.language_selected:hover{  background-position: 0px 0px; }

#langs .cz { float: left; width: 30px; height: 21px;}
#langs .de { float: left; width: 30px; height: 21px;}
#langs .en { float: left; width: 30px; height: 21px;}
#langs .pl { float: left; width: 30px; height: 21px;}
#langs .nl { float: left; width: 30px; height: 21px;}
#langs .ru { float: left; width: 30px; height: 21px;}
#langs .cz a{ background-image: url(../pic/flag_cz.jpg); background-repeat: no-repeat; }
#langs .de a{ background-image: url(../pic/flag_de.jpg); background-repeat: no-repeat; }
#langs .en a{ background-image: url(../pic/flag_en.jpg); background-repeat: no-repeat; }
#langs .pl a{ background-image: url(../pic/flag_pl.jpg); background-repeat: no-repeat; }
#langs .nl a{ background-image: url(../pic/flag_nl.jpg); background-repeat: no-repeat; }
#langs .ru a{ background-image: url(../pic/flag_ru.jpg); background-repeat: no-repeat; }

/*footer*********************************************/
#footer .top{ margin-left: 0px; color: #42393a; font-size: 1.1em; padding: 4px; }
#footer .top ul{ list-style: none; clear: both; margin: 0; padding: 0; }
#footer .top ul li{ display: block; float: left; margin: 0; padding: 0; height: 16px }
#footer .top ul a{ display: block; float: left; color: #42393a; }
#footer .top ul a.btn_active{ color: black; }
#footer .top ul a:hover{ color: #dd5218; text-decoration: none; }
#footer .top ul .delimiter{ display: block; float: left; width: 10px; height: 12px; border-right: 1px solid #42393a; margin: 2px 10px 2px 0px; }

#footer{ width: 781px; /*height: 24px;*/ margin: auto; margin-top: 0px; font-size: 0.75em; line-height: 1.5em; clear: both;}
#footer .bottom{ width: 95%; /*border-top: 1px solid #42393a;*/ padding-bottom: 4px; margin: auto; }
#footer #rights{ display: block; float: left; }
#footer #rights{ color: #42545c; }
#footer #rights a { color: #42545c; }
#footer #rights a:hover { color: #dd5218; }
#footer #admin{ display: block; float: right; }
#footer #admin{ color: #42545c; }
#footer #admin a { color: #42545c; }
#footer #admin a:hover { color: #dd5218; }

.adminicons{ border-bottom: 1px solid #938a8b; height: 14px; font-size: 0.8em; padding: 2px; text-align: right; }
.adminicons a{ margin-left: 10px; }

#pagepath { border-bottom: 1px solid #938a8b; height: 14px; font-size: 0.8em; padding: 2px; }

.loginform{ width: 100%; text-align: left; margin: 0; padding: 0; }
.loginform .logintable { width: 50%; text-align: left; margin: auto; padding: 0; }
.loginform .logintable .loginlabel        { display: block; width: 150px; margin: auto; height: 15px; }
.loginform .logintable .logininput        { display: block; width: 150px; margin: auto; height: 13px;  font-size: 1em; border: 1px solid silver; background-image: url(../pic/input_back.png); background-position: left top; background-repeat: no-repeat; }
.loginform .logintable .logininput:hover  { border-color: #9932CC; }
.loginform .logintable .loginsubmit       { display: block; width: 50px; margin: auto; height: 17px; border: 1px solid maroon; border-width: 1px; font-weight: bold; background-color: white; color: black; }
.loginform .logintable .loginsubmit:hover { border-color: #9932CC; color: #9932CC; }
.loginform .logintable .logout            { display: block; position: relative; top: 60px; width: 59%; margin-left: 20%; margin-right: 20%; height: 16px; padding-top: 1px; border: 1px solid maroon; font-weight: bold; background-color: white; color: black; text-align: center; }
.loginform .logintable .logout:hover      { border-color: #9932CC; color: #9932CC; }
.loginodkaz        { display: block; text-align: right; padding-right: 6px;}

.utform{ margin: 0; padding: 0; }
.uttable{ width: 50%; margin: auto; }
.uttable td{ width: 33%; }

.utlabel        { display: block; width: 150px; margin: auto; height: 15px; text-align: right;}
.utinput        { display: block; width: 150px; margin: auto; height: 13px; border: 1px solid silver; font-size: 1em; background-image: url(../pic/input_back.png); background-position: left top; background-repeat: no-repeat; }
.utinput:hover  { border-color: #9932CC; }
.utsubmit       { display: block; width: 60px; margin: auto; height: 18px; border: 1px solid maroon; border-width: 1px; font-size: 1em; font-weight: bold; background-color: white; color: black; }
.utsubmit:hover { border-color: #9932CC; color: #9932CC; }

.more{ display: inline; font-size: 0.9em; font-weight: bold; text-align: left; text-decoration: underline; margin: 2px; padding: 2px; color: #76c33e; }
.more:hover{ color: red;  }

.morep{ display: block; font-size: 0.9em; font-weight: bold; text-align: right; text-decoration: underline; float: right; margin: 2px; margin-top: -2.3em; padding: 2px; width: 110px; border: 0px; color: #76c33e; }
.morep:hover{ color: red; }

.agal{ display: block; font-size: 0.9em; font-weight: bold; text-align: center; float: right; margin: 2px; padding: 2px; width: 100px; border: 1px solid black; color: black; margin-left: -100%; }
.agal:hover{ color: #0066ff; border: 1px solid #0066ff; }

#page .mainbox{ 
    display: block; 
    width: 97%; 
    margin-left: 3%; 
    margin-top: 5px;
    clear: both; 
    min-height: 50px;
    padding: 0px;
    background-color: #d6e3eb; }
#page .mainbox .boxhead{ 
    display: block; 
    width: 100%; 
    padding: 15px 15px 5px 15px; 
    background-image: url(../pic/layout/droom/left_top_c.jpg); 
    background-position: left top; 
    background-repeat: no-repeat; }
#page .mainbox .boxhead .heading h2{ 
    color: #c1002b; 
    font-size: 1.15em; 
    margin: 0; 
    padding-left: 4px; 
    padding-top: 0px; 
    width: 90%; }
#page .mainbox .boxbody{ 
    display: block; 
    font-size: 0.8em; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    padding: 5px 15px 15px 15px; 
    background-image: url(../pic/layout/droom/left_bottom_c.jpg); 
    background-position: left bottom; 
    background-repeat: no-repeat; }
#page .mainbox .boxbody .text{ 
    margin: 6px; 
    margin-top: 0px; }

/*************************************************/
/*SIRKA GALERIE**********************************/
#page .mainbox_gal{ display: block; float: left;  min-height: 50px; margin: 5px 6px 10px 6px; 
background-image: url(../pic/transparent.png); background-repeat: repeat; }
#page .mainbox_gal .boxhead{ display: block; width: 100%; }
#page .mainbox_gal .boxhead .heading h2{ color: white; font-size: 1em; margin: 0; padding-left: 8px; padding-right: 8px; padding-top: 3px; }
#page .mainbox_gal .boxhead .heading1{ float: left; height: 21px; width: 5px;}
#page .mainbox_gal .boxhead .heading{ float: left; height: 21px; min-width: 25px; }
#page .mainbox_gal .boxhead .heading2{ float: left; height: 21px; width: 11px;}

#page .mainbox_gal .boxbody{ display: block; clear: left; width: 100%; font-size: 0.8em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#page .mainbox_gal .boxbody .top{ display: block; padding: 5px; min-height: 131px; }
#page .mainbox_gal .boxbody img{display: block; margin: auto; }
#page .mainbox_gal .bottom{ display: block; clear: both; width: 100%; height: 5px; }
#page .mainline_gal{ display: block; float: left; width: 95%; margin: 5px 10px 15px 10px; border: 1px solid #E6E6E6; border-left-color: #F4F4F4; border-top-color: #F2F2F2; font-size: 0.9em; }
#page .mainline_gal .heading h2{ color: #275d1d; font-size: 1.15em; margin: 0; display: inline; }
#page .mainline_gal .heading h2 a{ color: #131313;}
#page .mainline_gal .heading h2 a:hover{ color: red;}
/******************************************************/

#biggalpic{	display: table; margin: auto;}
.galtext{ display: block; clear: both; }
.galthumb{ display: block; margin: auto; color: #0066ff; }
/************************************/
/******sirka maleho nahledu obrazku v galerii******************************/
.galthumb table { width: 100%; color: #dfb710; text-align: center; }
.galmain{ float: left; margin: 25px 25px 10px 75px; padding: 10px; }
/************************************/
/******sirka maleho nahledu obrazku v galerii detail******************************/
.galmain table td{ width: 185px; color: #dfb710; text-align: center; background-color: Black;}
/************************************/

.galother{ display: block; clear: both; }
.galother table {   text-align: center;}
.galother table table {margin: 0; width: 100%; }
.galother table td{ background-color: #ffffff; border: 1px solid #bbbbbb; }
.galother table td:hover{ border-color: #dfb710; }
.galother table td.empty{ background: none; border: 0px none; }
.galother table td:hover{ border-color: #dfb710; }
.galother table td.empty:hover{ border-color: transparent; }
.galother table td table td{ border: 0; }
.galother a{ display: block; margin: 0px auto 0px auto; text-align: center; width: 100%; height: 100%;}
.galother a img{ margin: 6px; border: 1px solid #bbbbbb; }

table.picture{ width: 200px; max-width: 205px; margin: 5px; margin-top: 1px; float: left; text-align: center; border: 1px solid #E1E1E1; border-top-color: #EAEAEA; border-left-color: #EAEAEA;}
table.picture_main{   width: 200px; max-width: 215px; margin: 5px; margin-top: 1px; float: right; clear: right; text-align: center; border: 1px solid #E1E1E1; border-top-color: #EAEAEA; border-left-color: #EAEAEA; }
table.pictures  {
}
.plabel{	font-weight: bold;}
.ptext{	font-size: 0.9em;}

a.picture img{ border: 5px solid #E6E6E6; }
a.picture:hover img{ border: 5px solid #D1D1D1; }

#page .mainbox_dl{ display: block; width: 994px; min-height: 30px; margin: auto; margin-top: 6px; margin-bottom: 6px;  border: 1px solid #535353; border-bottom-color: #101010; border-right-color: #101010; }
#page .mainbox_dl .boxhead{ display: block; width: 994px; height: 20px; /*background-color: #dfb710; background-image: url(../pic/layout1/box_corner.png); background-position: 0px 0px; background-repeat: no-repeat; */}
#page .mainbox_dl .boxhead .heading h2{ color: #dfb710; font-size: 1.20em; margin: 0; padding-left: 150px; padding-top: 2px; width: 650px; }
#page .mainbox_dl .boxbody{ display: block; width: 986px; margin: 4px; font-size: 0.8em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#page .mainbox_dl .boxbody .dl_picture{ float: left; margin-left: 6px; margin-right: 6px; margin-top: -20px; padding: 2px; padding-left: 4px; padding-right: 4px; border: 1px dashed #dfb710; }
#page .mainbox_dl .boxbody .dl_files{ float: right; border: 1px dashed #dfb710; padding: 4px; min-width: 300px; }

.boxlink{	
    width: 100%; 
    height: 127px; 
    font-size: 0.8em;
    margin-top: 10px;
    background-image: url(../pic/layout/droom/info_box_left.jpg);
    background-position: left top;
    background-repeat: no-repeat; }
.boxlink .boxbody{	
    height: 125px;
    margin-left: 31px;
    padding-left: 5px; 
    padding-right: 5px;
    background-color: #d6e3eb;
    border-top: 1px solid #e7f0f4;
    border-bottom: 1px solid #e7f0f4; }
.boxlink a{  color: #00646C; cursor: pointer;}
.boxlink h3{
    font-size: 1.4em;
    padding-top: 35px;
    color: #00646c; 
    margin : 0;}

.boxlinkfloat{
    margin: 20px 20px;
}
.boxlinkfloat .boxbody{
    padding: 15px;
}
.boxlinkfloat .boxbody h3{
    text-align: center;
    font-size: 1em;
    margin: 0;
}

table#fieldbox {
	border: 1px solid #333333;
}
table#fieldbox input.fieldtext{
	display: block; width: 80px;
}


.boxuserform{
    display: block; 
    width: 97%; 
    margin-left: 3%; 
    margin-top: 10px; 
    clear: both; 
    min-height: 50px;
    padding: 0px;
    background-color: #d6e3eb;
    font-size: 0.8em; }
.boxuserform h3{	
    font-size: 1.3em;
    color: #00646C;
    display: block; 
    width: 80%; 
    padding: 15px 15px 5px 15px; 
    background-image: url(../pic/layout/droom/left_top_c.jpg); 
    background-position: left top; 
    background-repeat: no-repeat; }
.boxuserform .boxbody{
    display: block; 
    background-image: url(../pic/layout/droom/left_bottom_c.jpg); 
    background-position: left bottom; 
    background-repeat: no-repeat; }
.boxuserform .boxbody .inbody{
    padding: 5px 15px 15px 15px; }

.userform .input{	float: left; background-image: url(../pic/input_back.png); background-repeat: no-repeat; background-position: 0 0; display: block; width: 35%;  border: 1px solid #666666; margin-top: 4px;}
.userform .input:hover{	border-color: #90ba31;}
.userform .input_select{	float: left; display: block; width: 35%;  border: 1px solid #666666; margin-top: 4px;}
.userform .input_select:hover{	border-color: #90ba31;}
.userform .input_datepick{	float: left; display: block; width: 31%;  border: 1px solid #666666; margin-top: 4px;}
img.ui-datepicker-trigger{ margin: 5px 0 0 2px; cursor: pointer; }
.userform .input_datepick:hover{	border-color: #90ba31;}
.userform .uasubmit{ color: #00646C;	float: left; background: none; font-size: 1.2em; background-color: #ffffff; border: 1px solid #666666; cursor: pointer; margin: 4px 0 6px 30%; padding: 4px 6px; font-weight: bold;}
.userform .uasubmit:hover{	color: red; border: 1px outset #90ba31;}
.userform textarea{	width: 60%;	height: 6em;	display: block;	background-image: url(../pic/text_back.png); background-repeat: no-repeat; background-position: 0 0;  border: 1px solid #666666; margin-top: 4px;}
.userform textarea:hover{	border-color: #90ba31;}
.userform label{	float: left; margin-top: 4px; width: 30%;}
.userform .font090{	display: block; font-size: 0.9em; clear: left; float: left;}
.userform .button1{ margin: 4px 5px 4px 30%; }
.userform .button2{ margin: 4px 5px 4px 5px; }

.coninput{ background-image:url("../pic/input_back.png"); background-position:0 0; background-repeat:no-repeat; border:1px solid #666666; display:block; float:left; margin-top:4px;}
.coninput:hover{	border-color: #90ba31;}
#myForm #date_to, #myForm #date_from_v{ background-image:url("../pic/input_back.png"); background-position:0 0; background-repeat:no-repeat; border:1px solid #666666; display:block; float:left; margin-top:4px;}
#myForm #date_to:hover {border-color: #90ba31; }
.conarea{	height: 6em; width: 100%;	display: block;	background-image: url(../pic/text_back.png); background-repeat: no-repeat; background-position: 0 0;  border: 1px solid #666666; margin-top: 4px;}
.conarea:hover{	border-color: #90ba31;}


.uacode{ display: block; float: right; height: 40px; width: 100px; margin-bottom: -40px; }
div.codeicons{ width: 22px; float: right; margin-right: 5px; }
div.codeicons a span{ display: none; }
a.codeenlarge{ display: block; width: 20px; height: 20px; float: right; margin: 1px; background-image: url(../pic/zoom20.png); background-repeat: no-repeat; }
a.codereload{ cursor: pointer; display: block; width: 20px; height: 20px; float: right; margin: 1px; background-image: url(../pic/reload20.png); background-repeat: no-repeat; }
.codeall{ float: right; margin-right: 5px; margin-top: 0px; width: 140px;}
.ualabel4{ display: block; float: left; width: 30%; margin-top: 4px; }
.uainput4{ display: block; float: left; width: 17%; margin-right: 0px; border: 1px solid #666666; background-image: url(../pic/input_back.png); background-position: left top; background-repeat: no-repeat; }
.uainput4:hover{ border-color: #90ba31; }

#validateUsercode{ display: block; float: left; width: 16px; height: 16px; margin: 0px; border: 1px solid #666666; background-color: #ffffff; }

#validateUsercode .super{	display: block; float: left; width: 16px; height: 16px; }
#validateUsercode .superbad{	display: block; float: left; width: 16px; height: 16px; }
#validateUsercode span{display: none;}
#validateUsercode.super span{	display: none;}
#validateUsercode.superbad span{	display: none;}
#validateUsercode:hover span{ display: block; }
#validateUsercode.super:hover span{ position: absolute; z-index: 10; display: block; width: 175px; height: 30px; margin-top: -55px; margin-bottom: -32px; margin-right: -182px; background-color: #eeeeee; border: 1px solid #000000; color: #000000; padding: 2px; }
#validateUsercode.superbad:hover span{ position: absolute; z-index: 10; display: block; width: 175px; height: 30px; margin-top: -55px; margin-bottom: -32px; margin-right: -182px; background-color: #eeeeee; border: 1px solid #000000; color: #000000; padding: 2px; }

#validateUsername{ display: block; float: left; width: 16px; height: 16px; margin: 0px; border: 1px solid #666666; background-color: #ffffff; }
#validateUsername .super{	display: block; float: left; width: 16px; height: 16px; }
#validateUsername .superbad{	display: block; float: left; width: 16px; height: 16px; }
#validateUsername span{display: none;}
#validateUsername.super span{	display: none;}
#validateUsername.superbad span{	display: none;}
#validateUsername:hover span{ display: block; }
#validateUsername.super:hover span{  position: absolute; z-index: 10; display: block; width: 175px; height: 30px; margin-top: -55px; margin-bottom: -32px; margin-right: -182px; background-color: #eeeeee; border: 1px solid #000000; color: #000000; padding: 2px; }
#validateUsername.superbad:hover span{ position: absolute; z-index: 10; display: block; width: 175px; height: 30px; margin-top: -55px; margin-bottom: -32px; margin-right: -182px; background-color: #eeeeee; border: 1px solid #000000; color: #000000; padding: 2px; }

#validateMail{ display: block; float: left; width: 16px; height: 16px; margin: 0px; border: 1px solid #666666; background-color: #ffffff; }
#validateMail .super{	display: block; float: left; width: 16px; height: 16px; }
#validateMail .superbad{	display: block; float: left; width: 16px; height: 16px; }
#validateMail span{display: none;}
#validateMail.super span{	display: none;}
#validateMail.superbad span{	display: none;}
#validateMail:hover span{ display: block; }
#validateMail.super:hover span{ position: absolute; z-index: 10; display: block; width: 175px; height: 30px; margin-top: -55px; margin-bottom: -32px; margin-right: -182px; background-color: #eeeeee; border: 1px solid #000000; color: #000000; padding: 2px; }
#validateMail.superbad:hover span{ position: absolute; z-index: 10; display: block; width: 175px; height: 30px; margin-top: -55px; margin-bottom: -32px; margin-right: -182px; background-color: #eeeeee; border: 1px solid #000000; color: #000000; padding: 2px; }



/*
table.picture{ float: right; margin: 0; text-align: center; }
table.next_pictures{ width: 95%; margin: auto; text-align: center; }
table.next_pictures table.picture{ float: none; margin: auto; }
table.next_pictures td{ width: 25%; }
*/
/**************************************
sirka nahledu obrazku!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
***************************************/
/*
table.picture td{ width: 210px; font-size: 0.95em; border: 1px dashed #2e280f; padding: 3px; margin: auto; }
table.picture td:hover{ border-color: #dfb710; }
table.picture td.plabel{ font-weight: bold; color: #dfb710; }
table.picture td.ptext{ color: #dfb710; }
.picture a.main_picture{  display: block; text-decoration: none;}
*/


#logmsg{ display: block; position: absolute; z-index: 200; width: 240px; height: 40px; border: 4px solid #FF8C00; background-color: White; color: Black; top: 200px; left: 50%; margin-left: -129px; padding: 5px; text-align: center; font-size: 0.8em; }
#logmsg a{ display: block; float: right; width: 20px; height: 14px; font-size: 0.7em; }
.not_found{
	display: block; text-align: center; border: 1px dotted red; color: #dfb710; font-size: 1.1em; margin: auto;
}

#vzkazy { font-size: 1.1em; color: #000000; }

div #mainmsgform{
    width: 444px; margin: auto; background-color: #f7fbfb; border: 1px solid silver;
}

form#pole_vzkazy{ width: 98%; margin: auto; }
form#pole_vzkazy table{ width: 100%; }
form#pole_vzkazy table tr td.prvni{ width: 18%;}
form#pole_vzkazy table tr td.druhy{ width: 32%;}
#vzkazy .ualabel{ display: block; text-align: right;}
#vzkazy .uainput{ display: block; float: left; height: 16px; width: 85%; border: 1px solid silver; font-size: 1em; background-image: url(../pic/input_back.png); background-position: left top; background-repeat: no-repeat; }
#vzkazy .uainput:hover{ border-color: #9932CC; }

#vzkazy .uatext{ display: block; width: 100%; height: 50px; margin: auto; border: 1px solid silver; font-size: 1.0em; background-image: url(../pic/text_back.png); background-position: left top; background-repeat: no-repeat; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#vzkazy .uatext:hover{ border-color: #9932CC; }
#vzkazy .uasubmit{ display: block; float: right; cursor: pointer; width: 70px; height: 21px; border: 1px solid maroon; font-size: 1em; font-weight: bold; background-color: white; color: black; }
#vzkazy .uasubmit:hover{ border-color: #9932CC; color: #9932CC; }
#vzkazy .gb2lista{ text-align: center; }
#vzkazy .gb2lista a:hover img{ border: 1px solid #dfb710; margin: -1px; }

form#pole_vzkazy #validateUsercode{
  border-color: silver;
}
form#pole_vzkazy #validateUsername{
  border-color: silver;
}
form#pole_vzkazy #validateMail{
  border-color: silver;
}

#vzkazy .vzkazyleft{ width: 100%; margin: 10px auto; }
#vzkazy .msgthread { width: 90%; margin: auto; padding-top: 2px; margin-bottom: 5px; color: Black; }
#vzkazy .vrchvzkazu { border-bottom: 1px solid silver; padding-left: 2px; padding-right: 1px; padding-top: 1px;}
#vzkazy .vrchvzkazu .from { display: block; float: left; }
#vzkazy .vrchvzkazu .date { display: block; float: left; }

#vzkazy .spodekvzkazu { background-color: #f7fbfb; min-height: 15px; padding-left: 2px; padding-right: 2px; padding-top: 1px; text-align: left; min-height: 30px;}
#vzkazy .vzkazadmin .vrchvzkazu    { background-color: #e6b79d; }
#vzkazy .ovzkazadmin .vrchvzkazu   { background-color: #e6b79d; }
#vzkazy .vzkazvisitor .vrchvzkazu  { background-color: #b0e8ef; }
#vzkazy .ovzkazvisitor .vrchvzkazu { background-color: #b0e8ef; }
#vzkazy .vzkazadmin { display: block; width: 444px; margin-left: 2px; margin-right: 2px; margin-bottom: 5px; border: 1px solid silver; line-height: 1.3em;}
#vzkazy .vzkazvisitor { display: block; width: 444px; margin-left: 2px; margin-right: 2px; margin-bottom: 5px; border: 1px solid silver; line-height: 1.3em;}
#vzkazy .ovzkazadmin { display: block; width: 424px; margin-left: 22px; margin-right: 2px; margin-bottom: 5px; border: 1px solid silver; line-height: 1.3em;}
#vzkazy .ovzkazvisitor { display: block; width: 424px; margin-left: 22px; margin-right: 2px; margin-bottom: 5px; border: 1px solid silver; line-height: 1.3em;}

#vzkazy .msg_strankovani span.strana:hover{ background-color: Silver; cursor: pointer; }
#vzkazy .vrchvzkazu .re { display: block; float: right; border: 1px solid white; }
#vzkazy .vrchvzkazu .del { display: block; float: right; border: 1px solid white; }
#vzkazy .re{ display: block; width: 12px; height: 12px; overflow: hidden; margin: 0; padding: 0; margin-left: 1px; }
#vzkazy .del{ display: block; width: 12px; height: 12px; overflow: hidden; margin: 0; padding: 0; }
#vzkazy .re:hover{ margin-top: -2px; margin-bottom: 2px; }
#vzkazy .del:hover{ margin-top: -2px; margin-bottom: 2px; }

#vzkazy .mailto { display: block; float: left; width: 17px; height: 12px; overflow: hidden; border: 1px solid white; margin: 0; padding: 0; margin-left: 2px;  }
#vzkazy .mailto:hover{ margin-top: -2px; margin-bottom: 2px; overflow: visible; }
#vzkazy .mailto span { display: none;}
#vzkazy .mailto:hover span{ display: block; position: absolute; cursor: pointer; /*position: relative; top: -7px; left: 1px; */  padding: 3px; border: 1px solid silver; background-color: White; text-align: center; margin-top: -32px; font-weight: bold; color: red; }

#vzkazy .msgnick { display: block; float: left; }
#vzkazy .msgdate { display: block; float: left; }
#vzkazy .left{ display: block; float: left;  padding-left: 10px; text-align: left; }
#vzkazy form{ margin-bottom: 0px; }

#vzkazy .realyform{
	font-size: 1.3em; position: fixed;  top: 300px; color: black;
}
span#msghidebtn{
    margin-left: 30px;
}


.box_pages { display: table; float: right; padding: 2px; font-size: 0.8em; cursor: default; text-align: right; color: #8D8D8D; }
.box_pages div{ padding: 2px; color: Black;  }
.box_pages .strana{ margin: 1px; padding: 4px; cursor: pointer; font-weight: bold; font-family: "MS Serif", "New York", serif; padding-top: 2px; color: Black;}
.box_pages span.strana:hover{ border: 1px solid Gray; background-color: #DCDCDC; padding: 3px; padding-top: 1px;}
.box_pages a.strana:hover{ border: 1px solid Red; background-color: #DB7093; padding: 3px; padding-top: 1px;}

#adminpage .box_pages{ text-align: center; display: block; margin: auto; margin-top: 2px; margin-bottom: 2px; padding: 0; font-size: 0.9em; border: 1px solid #3399cc; width: 21.8em; background-color: #CFF6F1; cursor: default; }
#adminpage .box_pages .strana{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0; display: block; float: left; margin-left: 1px; margin-bottom: 1px; border: 1px solid #3399cc; width: 5em; background-color: White; cursor: pointer; }
#adminpage .box_pages span.strana:hover{ background-color: #D5D5D5; border-color: Gray; }
#adminpage .box_pages a.strana:hover{background-color: #FFB7FF; border-color: red; }

.admin_res_top{
  display: block;
  clear: both;
  overflow: hidden;
}
.admin_res_top a{
  float: left;
  background-color: #dedede;
  border: 1px solid #cccccc;
  padding: 3px;
  margin-right: 5px;
}
.admin_res_in{

}
.admin_res_in .form{
  float: left;
  margin-left: 8px;
  width: 260px;
}
.admin_res_in .form table{
  /*width: 300px;*/ margin: 10px auto; border: 1px solid #cccccc; background-color: #ffffff; text-align: center; font-weight: bold; float: left;
  font-size: 0.8em;
  padding: 5px; 
}
.admin_res_in .res_table{
  background-color: #ffffff;
}
.admin_res_in .form table input{
  width: 140px;
}
.admin_res_in .form table input.small{
  width: 60px;
}
.admin_res_in .form table input.long{
  width: 190px;
}
.admin_res_in .form table input.date_pick{
  width: 80px;
}
.admin_res_in .form table select{
  width: 140px;
}
.admin_res_in .form table select.long{
  width: 190px;
}
.admin_res_in #j_cal{
  float: right;  border: 1px solid #cccccc; background-color: #ffffff; min-height: 20px; min-width: 460px; margin-top: 26px; margin-right: 8px; padding: 0px 0px 8px 4px; font-size: 0.8em;

}
.admin_res_in #j_cal_data{
  display: block;
  /*margin: 10px; border: 1px solid black;*/
  clear: both;
  min-height: 20px;

}
.admin_res_in #j_cal_data table tr.tr1{
  background-color: #dddddd;
}
.admin_res_in #j_cal_data table tr.tr2{
  background-color: #efefef;
}