body          { color: #000; padding: 0 0 20px 0; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 100%; }

h1             { color: #909; text-shadow: 1px 1px 2px #fff; }
/*
#bos h2       { color: #909; text-shadow: 1px 1px 2px #fff;  }
#zyd h2     { color: #7C015E }
*/

h1             { }
h2             { color: #c00}
h3             { color: #369; margin: 0; font-weight: normal; font-size: 100%; }
h3 a           { color: #fc0 }


a             { color: #606; text-decoration: underline; }
a:hover       { color: #909; text-decoration: none}

.lo           { color: #fff}
.mid          { color: #ffe; }
.hi           { color: #c00; }

#vox         { margin: 0 auto  }
#bos         { }

.fukon          { color: #606; font-size: 80%; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; }
.fukon a        { color: #c00 }
.fukon a:hover  { color: #900 }

              
#gupoba           {   }
#gupoba ul        { list-style-type: none; }
#gupoba ul li     { float: left; font-size: 12px }
#gupoba ul li a   { background-color: #d0d0d0; color: #600; border: 1px solid #666; border-radius: 2px; padding: 2px 4px; margin-right: 5px; margin-bottom: 5px; display: inline-block; text-decoration: none}
#gupoba ul li a:hover, #gupoba ul li a.zule     { background-color: #600; color: #fff; }

/*
#gupoba ul li.praha        { display: none}
#gupoba ul.pvis li.praha   { display: block}
*/

#tips .typi a         { color: #FEC9EC; }   


.typi                   { border: 2px solid #A00179; border-radius: 0 0 5px 5px; box-shadow: 2px 2px 5px #666; overflow: hidden;   }	
.begami                   { background: #91347A; color: #FEEAF7; border-width: 0 0 1px 0; border-style: solid; border-color: #5A244D; padding: 5px 10px; border-radius: 0 0 3px 3px; box-shadow: 2px 2px 5px #666; white-space: nowrap; overflow: hidden;  
	                        background: -webkit-linear-gradient(top,  #A2438B 0%,#7D2466 100%); 
                          background: linear-gradient(to bottom,  #A2438B 0%,#7D2466 100%);  
                        	}
.begami a, .qefaqa a       { color: #FEEAF7; }
.qefaqa                  { background: #91347A; color: #FEEAF7; clear: both; padding: 5px 10px; 
	                        background: -webkit-linear-gradient(top,  #7D2466 0%,#A2438B 100%); 
                          background: linear-gradient(to bottom,  #7D2466 0%,#A2438B 100%);  
	                      }



#vuneto .nukamo        { padding: 10px;   }
#vuneto .cypot         { float: left; line-height: 0;  }
#vuneto .melu        { padding-left: 10px; height: 150px; overflow: hidden; word-wrap: break-word;}




.pizucyn                                  { border: 1px solid #A00179; box-shadow: 2px 2px 2px #606}
.pizucyn img                              { background: #F2B8DF; color: #9D3F86 }
#gak .cypot img, #lines .cypot img  {  border: 1px solid #A00179; background: #F2B8DF;box-shadow: 2px 2px 3px #606}



#duqapo .cypot          { width: 106px; height: 152px;  }
#pex .cypot          { width: 202px; height: 152px;  }
#gak  img          { height: 150px; float: left; line-height: 1.4em; }



#tips .typi           {  white-space: nowrap; overflow: hidden; padding: 5px; text-align: center; 
                      	 background: #D38BBE; 
                         background: -webkit-linear-gradient(top,  #FDC8EB 0%,#A04289 100%); 
                         background: linear-gradient(to bottom,  #FDC8EB 0%,#A04289 100%);  
                     	 }

#duqapo .typi, #xezi .typi         { background: #D68EC0; color: #000; 
	                        background: -webkit-linear-gradient(top,  #FAB7E4 0%,#AD5F98 100%); 
                          background: linear-gradient(to bottom,  #FAB7E4 0%,#AD5F98 100%);  
	                      }
#pex .typi, #list_e .typi         { background: #A3A4CE; color: #000;
	                        background: -webkit-linear-gradient(top,  #C2BFEA 0%,#7B80A7 100%); 
                          background: linear-gradient(to bottom,  #C2BFEA 0%,#7B80A7 100%);  
	                      }
#gak .typi, #lines .typi         { background: #7E7ECE;  color: #000;
	                        background: -webkit-linear-gradient(top,  #A2A2F1 0%,#5756A7 100%); 
                          background: linear-gradient(to bottom,  #A2A2F1 0%,#5756A7 100%);  
	                      }
.qefaqa .guzoqu       { float: left ; }
.qefaqa .peti       { float: right;  }


      

.kalo a, #ciqemu a        { display: block;  text-decoration: none;
	            	color: #000; text-decoration: none; border: 1px solid black; 
	              background: #f2980a; 
                background: -moz-linear-gradient(top,  #fdd212 0%, #f2980a 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdd212), color-stop(100%,#f2980a)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #fdd212 0%,#f2980a 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #fdd212 0%,#f2980a 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #fdd212 0%,#f2980a 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #fdd212 0%,#f2980a 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd212', endColorstr='#f2980a',GradientType=0 ); /* IE6-9 */
               }
        
.kalo a        { padding: 10px 20px;}    
#ciqemu a    { padding: 5px 10px }




#list_e .cypot          { width: 50%; padding: 10px; float: left }

#list_e .nukamo         { padding-top: 10px; padding-right: 10px; }
#list_e .nugu         { white-space: nowrap; overflow: hidden; }
#list_e .melu         { font-size: 0.8em; height: 80px; overflow: hidden }

#xezi .cypot          { width: 40%; padding: 10px; float: left }
#xezi .nukamo         { padding-top: 10px; padding-right: 10px; margin-left: 40%;   }
#xezi .typi         { }
#xezi .nugu         { white-space: nowrap; overflow: hidden;  }

#xezi .gycipu         { float: left; width: 100%; margin-bottom: 5px; background-color: #95397E; color: #FFDFF4; border-width: 1px 1px 0 0; border-style: solid;  font-size: 0.8em; }
#xezi .gycipu div     { width: 50%; float: left; text-align: center; border-width: 0 0 1px 1px; border-style: solid; }

#xezi .gycipu, #xezi .gycipu div { border-color: #606 }

#xezi .melu         { width: 100%; float: left; font-size: 0.8em; margin-bottom: 10px;  }
#xezi .qefaqa .peti div  { line-height: 0; float: left; margin-left: 5px }
#xezi .qefaqa .peti img  { width: 20px; height: 20px }

#lines .begami .guzoqu       { float: left;  margin-bottom: 5px; }
#lines .begami .peti       { float: right; margin-bottom: 5px; }
#lines .nukamo          { word-wrap: break-word; padding: 10px;  }
#lines .cypot           { float: left; margin-right: 10px}

#judy, #search      { border-style: solid; border-color: #A00179;  }
#judy               { background-color: #fff }
#search               { background-color: #ffe }

#pub                { margin-bottom: 20px; }
#waj               { margin-bottom: 20px; border-width: 1px 1px 0 0; border-style: solid; }
#waj               { background: #95397E; color: #FFDFF4; }
#waj p, #waj div  { border-width: 0 0 1px 1px; border-style: solid; padding: 5px; float: left; text-align: center; white-space: nowrap; overflow: hidden  }
#waj, #waj p, #waj div { border-color: #606 }

#gef             { margin-bottom: 20px;  }

#gef div, #gef a, #gef span           { margin-bottom: 20px; margin-right: 10px; line-height: 1.8em; display: inline-block; padding: 5px 10px; }
#gef div, #gef a, #gef span           { padding: 5px 10px 5px 5px; border-width: 1px; border-style: solid; border-radius: 5px; }


#gef a                           { box-shadow: 1px 1px 2px #303; text-decoration: none }
#gef div img, #gef a img, #gef span img      { float: left; width: 30px; height: 30px; margin-right: 10px }


#gef .vupeq  { border-color: #606; background: #69DE3B; color: #000 }
#gef .phone_off { border-color: #999; background: #c0c0c0; color: #666 }
#gef .vupa     { border-color: #606; background: #fc0; color: #000 }
#gef .map       { border-color: #606; background: #924FD1; color: #fff }
#gef span       { border-color: #d0d0d0; color: #666 }

#gef p           { display: block; background: #ffc; color: #909; border: 1px solid #909;  padding: 10px  }

#hax             { line-height: 1.4em;  }
#hax span        { display: inline-block; padding: 2px 10px; border-radius: 3px;  }
.cibi              { background-color: #69DE3B; color: #000; }
.closed            { background-color: #666; color: #ccc;  }

#nom                { line-height: 1.6em }

.serv             { display: inline-block; background-color: #D2D0F7; font-weight: bold; padding: 3px 6px; margin-right: 10px; line-height: 1em }


#edit a              { color: #999; margin-right: 10px; text-decoration: none;  }
#edit a:hover        { color: #333; text-decoration: underline }   


/* result photo construct */
#hosyxy               { margin-bottom: 20px;}
#napeb, #thumbs      { border: 2px solid #A00179; background: #FEC9EC; box-shadow: 1px 1px 2px #606 }

.vybyfep img        { width: auto; cursor: pointer;  }
.quxofu           { position: relative; line-height: 0;  } 
.quxofu img       { border: 0;  }

#thumbs                 { margin-top: 10px }
#thumbs                 { white-space: nowrap; overflow: auto;  }
#thumbs img             { border: 0 }
#thumbs a               { border-width: 1px; border-style: solid; border-color: #606060; display: inline-block; line-height: 0; background: #d0d0d0; margin-right: 5px; }
#thumbs a.active        { border-color: red; }

/* result photo construct */



#tuwis                             { margin-bottom: 10px; margin-right: 10px; text-align: right }
#tuwis a                           { display: inline-block; background-color: #d0d0d0; border: 1px solid black; border-radius: 5px; text-decoration: none; color: #606; padding: 5px 10px; margin-right: 10px; margin-bottom: 10px }
#tuwis a:hover, #tuwis a.locolu  { background-color: #606; color: #fc0 }

#seekbar .nr                      { float: left; }
#seekbar .arrows                  { float: right; width: 30%; }

#seekbar .prev                     { width: 48%; float: left }
#seekbar .next                     { width: 48%; float: right}
#seekbar a, #seekbar span          { border-radius: 5px; padding-top: 10px; padding-bottom: 10px; text-decoration: none; display: block; text-align: center; }

#seekbar a                         { 
	                        background: #91347A; color: #FEEAF7; clear: both;
	                        background: -webkit-linear-gradient(top,  #7D2466 0%,#A2438B 100%); 
                          background: linear-gradient(to bottom,  #7D2466 0%,#A2438B 100%);  
	                                  }
#seekbar a:hover                   { color: #fc0; }
#seekbar span                      { background-color: #e0e0e0 }



#zyd                { border-style: solid; border-color: #A00179; padding-left: 20px; padding-top: 20px;  
	                       background: #CE84B8; 
	                       background: -webkit-linear-gradient(top,  #ECA7D6 0%,#B96CA3 100%); 
                         background: linear-gradient(to bottom,  #ECA7D6 0%,#B96CA3 100%); 
	}
	
#zyd a              { color: #383763; text-decoration: none }	
#zyd a:hover        { color: #000; text-decoration: underline }
#zyd .valati p      { margin-bottom: 10px; }

#zyd .valati { margin-bottom: 20px }

#zyd .lidigev a   { display: inline-block; margin: 0 5px 5px 0; }

.lidigev .c01   { font-size: 12px }
.lidigev .c02   { font-size: 14px }
.lidigev .c03   { font-size: 16px }
.lidigev .c04   { font-size: 100%  }
.lidigev .c05   { font-size: 120% }


#gimoma                  { padding: 10px; text-align: center; }
#gimoma p             { display: inline-block; padding: 5px 10px;  }

#error                 { border: 2px solid black; background: #fff; padding: 20px 0 0 20px; border-radius: 10px }
#error div a           { background: #606; color: #fff;  margin-right: 20px; margin-bottom: 20px; display: block; text-align: center; padding: 20px; text-decoration: none; border-radius: 10px;  }
#error div a:hover     { background-color: #909 }


#filter              { background: #606; color: #fff; border: 2px solid #F05DCD; border-radius: 5px; padding: 5px 10px; }
#filter a            { background: #ffc; border: 1px solid #900; border-radius: 3px; margin-left: 10px; text-decoration: none;  display: block; float: right;  }
#filter a:hover      { background-color: #fff; color: #606 }
  
#empty                { padding: 10px; background: #ffe; border: 2px solid #c00; border-radius: 5px; line-height: 2em;  }
#empty a              { color: #c00; text-transform: lowercase }

#search                     {  }


#search .topic              { color: #606; margin-bottom: 5px;}


#search label, #search select, #search input[type="number"], #search input[type="submit"], #search input[type="button"] { height: 42px;  font-size: 16px; font-family: Arial, Verdana, Tahoma, sans-serif; border-width: 1px; border-style: solid; border-radius: 5px;  }

#search label      { box-shadow: 1px 1px 3px #999; padding: 2px 10px 2px 0; line-height: 36px; white-space: nowrap; overflow: hidden; display: block; cursor: pointer}
#search label img  { width: 36px; height: 36px; margin-right: 5px;  float: left; }
#search label p    { display: inline-block; line-height: 2.2em}

#search .button             { position: relative;}
#search .button input       { position: absolute; top: 0; left: 0;  z-index: -10 }

#search .button.chosen label { border-color: #000;  box-shadow: 1px 1px 2px #303 inset }
#search .button:hover label  { border-color: #2e2e2e; background-color: #95397E; color: #fff; }




#search select              { width: 100%; padding-left: 10px; padding-right: 10px; }
#search option              { background: #fff; color: #000;  padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;  }






/* shared states */
/* unset state */
#search .button label, #search select, #search input[type="number"][data-chosen=""]  { background-color: #fff; border-color: #95397E; color: #606}

/* chosen state */
#search .button.chosen label, #search select.chosen, #search input[type="number"]  { background-color: #95397E; color: #fff; border-color: #000 }

/* hover state */





#search .button .checked { display: none }
#search .button .unchecked { display: block}
#search .button.chosen .unchecked { display: none }
#search .button.chosen .checked { display: block}

#search .nr    { width: 50%; float: left }
#search .nr input[type="number"] { width: 100%; padding: 10px; font-size: 100%;  }

#search .bcell input      { padding: 10px; width: 100%; box-shadow: 1px 1px 2px #606  }

#search input[type="submit"] { background-color: #95397E; color: #fff; border-color: #000 }
#search input[type="button"] { background-color: #f0f0f0; border-color: #999}

input[type="submit"], input[type="button"] { cursor: pointer }


/* generic shared */
body, p, ul, li { margin: 0; padding: 0; }
a, div, p, ul, li, form, input, select, textarea, label  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 


.nb              { border: 0 }  
.tc              { text-align: center; }
.lh0             { line-height: 0; }
.di              { display: inline }
.dn              { display: none }
.wn              { white-space: nowrap }
.oh              { overflow: hidden }
.cp              { cursor: pointer }
.w100            { width: 100%} 
.h100            { height: 100%} 
.ttl             { text-transform: lowercase }
.pr              { position: relative }

.zupali:before, .zupali:after { content:""; display:table; }
.zupali:after             { clear:both; }
.zupali                   { zoom:1; }

/* generic responsive image construct */
.pizucyn       { position: relative; line-height: 0;  } 
.pizucyn img   { width: 100%; line-height: 1.4em; height: auto;}
.pizucyn a     { display: block; text-decoration: none; position: absolute; top: 0; bottom: 0; right: 0; left: 0;}
/* generic responsive image construct */