* {margin:0; padding:0; }



body {font:12px/17px Arial, Helvetica, sans-serif; color:#333; background:#fff; height: 100%; width:100%; } 	

a {color:White; text-decoration:none }

a:hover {color:White; text-decoration:underline } 

 



.ui-widget {font-size: 15px;}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {

    color: #02659F;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

    color: #02659F;

}



/*Defaults Styling*/

fieldset {background:#f2f2e6; padding:10px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:36px; width:100%;}

input, textarea, select {font:16px/16px Arial, Helvetica, sans-serif; padding:0;}

fieldset.action {background:#007EC7; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px; color:#FFF; border-radius: 10px;}

legend {background:#02659F; color:#fff; font:22px/25px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}

label {font-size:16px; font-weight:bold; color:#666;}

label.opt {font-weight:normal;}



TR {font-size:16px;}



dl {clear:both; line-height:25px;}

dt {float:left; text-align:right; width:150px; line-height:25px; margin:0 10px 10px 0;}

dd {float:left; line-height:25px; margin:0 0 10px 0;}



#footer {font-size:16px;}

#container {width:98%; margin-top: 25px;}





/*p {font-family : Arial, Helvetica, Sans-serif; color : black; font-size: 12px; }

hr {height:0; border-top:1px dotted black; border-bottom:0px; }

*/



.loader {position: relative; top: 2px;  width:"15" height:"15" }

 

.tableseznam {background-color: white; margin-top:3px; width:100%;  border-collapse: collapse; font-family: Arial, Helvetica, Sans-serif; color: black; font-size: 12px; }

.tableseznam td {border-width: 1px; border-style:  none none dotted none ; border-color: #666666; } 

.tableseznam td.tdlast {border-width: 1px; border-style: none dotted dotted none ; border-color: #666666; }



.seznam {cursor: pointer; font-family: Arial, Helvetica, Sans-serif; color: black; font-size: 12px; }

.seznam:hover {background-color: #D4E6FE; color: black;} 

.seznamactive {background-color: #0B72F3; color: white;} 



.bodseznam {font-family: Arial, Helvetica, Sans-serif; color: black; font-size: 12px; }

.detail_popis {font-weight: bold; font-family: Arial, Helvetica, Sans-serif; color: black; font-size: 12px; }





#NadB {position: absolute; left: 230px; top: 55px; font-family : Arial, Helvetica, Sans-serif; color : white; font-size: 18px; }



#NadP {font-family : Arial, Helvetica, Sans-serif; color : black; font-size: 12px; font-weight: bold; }





#banner {background-color: #0B72F3; height: 100px; width:100%; float:left; }



/* position: relative;  */

#horni {position: relative; background-color: #FFF; font-size: 14px; font-family: Arial, Helvetica, Sans-serif; color: black; height: 97px; width:100%; }





#stred {position: absolute; height: auto; width: 100%; bottom: 0px; top: 98px; }





#mapa {position: absolute;  margin-right: 390px; height: 100%; width: 100%; bottom: 0px; }

#apimapa {position: absolute; height: 100%;  width: auto; left: 0px; right: 370px; bottom: 0px; top: 0px; }



/*float:left;*/

#panel {right: 0px; width: 350px; position: absolute; padding: 10px; height: auto; background-color: #efefef; top: 0px; bottom: 15px; }

#panelhorni {position: relative; overflow-x: hidden;  height: auto ; width: 100%; background-color: #efefef;}

#panelsvodka {position: relative; font-family: Arial, Helvetica, Sans-serif; color: black; font-size: 12px; overflow-x: hidden;  height: auto; width: 100%; background-color: #efefef; border-top:1px dotted black;}

#paneldolni {margin-top: 0px; width: 95%; background-color: #efefef; }



#panelfiltr {position: absolute; width: 95%; bottom:0px; background-color: #efefef; }



#panelpasma {height:50%; overflow-x: hidden; overflow-y: auto;  background-color: #FFFFFF; }

#panelohniska {height:50%; overflow-x: hidden; overflow-y: auto;  background-color: #FFFFFF;}



#info {position:absolute; right: 45px; top: 50px}

#info:hover {cursor:pointer}



#stat {position:absolute; right: 5px; top: 50px}

#stat:hover {cursor:pointer}



#copypanel {text-indent: 10px; padding: 3px; position: absolute; height: 13px;  width: 100%; right: 0px; bottom: 0px; background-color: #CCCCCA; }





.tabledetail {width:100%; border-collapse: collapse; font-family: Arial, Helvetica, Sans-serif; color: black; font-size: 12px; }

.tabledetail td {background-color: #D4E6FE; padding: 5px 10px 5px 10px; border-width: 1px; border-style: none none dotted none; border-color: #666666; }

.tabledetail td.tdlast {border-width: 1px; border-style: none dotted dotted none ; border-color: #666666; }

.tabledetail th {background-color: #d6d6d6; padding: 5px 10px 5px 10px; border-width: 1px; border-style: none dotted none none; border-color: #666666; }



#modalniinfo { text-align:justify }



#modalnistat { text-align:justify }

 

.modalzahlavi {font-family: Arial, Helvetica, Sans-serif; color: white; font-size: 16px; }

.modalseznam {font-family: Arial, Helvetica, Sans-serif; color: black; font-size: 12px; }

.tdseznam {vertical-align: middle; padding: 3px;}



.tip {color:green; cursor: pointer; border-bottom-style:dotted; border-bottom-color: Green; border-bottom-width: 1px;}



.sablony {

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    color: #02659F;

    cursor: pointer;

    padding : 10px;

}

.sablony:after {

    color: #0088CC;

    content: "↓";

    font-family: Consolas,Courier New,Arial,sans-serif;

    margin-left: 6px;

}

.sablony:hover {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: #F2F2F2;

    background-image: none;

    background-origin: padding-box;

    background-position: 0 0;

    background-repeat: repeat;

    background-size: auto auto;

}

.sablony.dropdown-open {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: #888888;

    background-image: none;

    background-origin: padding-box;

    background-position: 0 0;

    background-repeat: repeat;

    background-size: auto auto;

    color: #FFFFFF;

}

.sablony.dropdown-open:after {

    color: #FFFFFF;

}

.divsablony{width:100%; text-align:center; margin-top: 13px;}





.list {

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    color: #02659F;

    cursor: pointer;

    padding: 10px;

    font-size: 16px;

}

.list:after {

    color: #0088CC;

  /*  content: "…";*/

    font-family: Consolas,Courier New,Arial,sans-serif;

    margin-left: 6px;

}

.list:hover {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: #F2F2F2;

    background-image: none;

    background-origin: padding-box;

    background-position: 0 0;

    background-repeat: repeat;

    background-size: auto auto;

}

.list.dropdown-open {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: #888888;

    background-image: none;

    background-origin: padding-box;

    background-position: 0 0;

    background-repeat: repeat;

    background-size: auto auto;

    color: #FFFFFF;

}

.list.dropdown-open:after {

    color: #FFFFFF;

}





.tlacitko {color:black; 

           text-decoration:none; 

           cursor: pointer; 

           border-bottom-left-radius: 4px;

           border-bottom-right-radius: 4px;

           border-top-left-radius: 4px;

           border-top-right-radius: 4px;

           padding : 4px;}



.tlacitko:hover {

    color: #0088CC; 

    background-clip: border-box;

    background-color: #F2F2F2;

    background-image: none;

    background-origin: padding-box;

    background-position: 0 0;

 }



 .spinner {

    position: fixed;

    top: 50%;

    left: 50%;

    margin-left: -50px; /* half width of the spinner gif */

    margin-top: -50px; /* half height of the spinner gif */

    text-align:center;

    z-index:100000;

    overflow: auto;

    width: 100px; /* width of the spinner gif */

    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */

}



.validaceFail{

background-color: red;

color: white;

}



.ui-autocomplete {

max-height: 150px;

overflow-y: auto;

/* prevent horizontal scrollbar */

overflow-x: hidden;

}



.infobox {

  border: 1px solid rgb(255,204,0); 

  font-size: 14px; 

  padding: 5px ; 

  width: 98%; 

  margin-bottom: 0px; 

  background-color: rgb(255,255,220);

  cursor: pointer;

  text-align: center;

  }



.infobox2 {

color: red;
position: relative;

overflow: auto;

width: 96%;

height: 100px;

padding: 5px;

padding-left: 20px ;

border: 1px solid rgb(255,204,0);

background-color: white;

margin-left: 5px; 

}   

.infobox2 a:hover {
       color:red;

}

.radio-box{

 text-align:center;

 padding: 10px ;

  -webkit-border-radius: 5;

  -moz-border-radius: 5;

  border-radius: 5px;

 background: #007EC7;

  

  }

  

.radio-box label{

 color:#FFF; 

 }

 

#submit { border-radius: 10px; width: 170px; height: 50px; margin: 10px; font-size: 18px; color: #02659F; cursor: pointer;}



.hDiv tr, #grid tr {font-size: 12px;}