@font-face     { font-family: bristle; src: url(/fonts/bristle.otf); } /* NO  unless for headers only*/
@font-face     { font-family: calligri; src: url(/fonts/calligri.otf); } /* NO unless for headers only */
@font-face     { font-family: clearwater; src: url(/fonts/clearwater.otf); } /* decent */
@font-face     { font-family: eamon; src: url(/fonts/eamon.otf); } /* not bad */
@font-face     { font-family: churchill; src: url(/fonts/churchill.otf); } /* good */
@font-face     { font-family: lollipop; src: url(/fonts/lollipop.otf); } /* candidate */
@font-face     { font-family: zadoka; src: url(/fonts/zadoka.otf); } /* not bad */

body               { background-color: #FEC9EC; }

h1             { font-size: 160%; margin: 0 }
h2             { font-size: 120%; line-height: 1.4em; margin: 0 0 10px 0; }

h1, h2, #cal, #vuluq ul li                     { font-family: lollipop; }

#resolution { background-color: #d0d0d0; color: #000}
#resolution span:after  { content:"default desktop, no media query" }


#vox          { min-width: 960px; max-width: 1440px; }

#pivat           { box-shadow: 0 0 10px #606; margin-bottom: 20px; min-width: 960px;
			           background: #9f4188; 
                 background: -webkit-linear-gradient(top,  #6a1453 0%,#fe99e9 100%); 
                 background: linear-gradient(to bottom,  #6a1453 0%,#fe99e9 100%);} 


                
#rito             { min-width: 960px; max-width: 1440px; padding-left: 20px; margin: 0 auto; background-image: url(../img/bg_top.png);  }
#nywana                  { float:left; line-height: 0 }
#nywana img              { width: 280px; height: 80px; border: 0 }
#nywana .home { display: none }

#zupa             { float: left; height: 80px; width: 430px; padding-left: 20px; position: relative;  }
#cal                 { padding-top: 10px; font-size: 18px; color: #fff; font-weight: bold}
#cal a               { color: #fc0; text-decoration: none }

#fef              { float: right; padding-top: 10px; padding-right: 20px }

.fafineq                { }
.fafineq a              { display: block; text-decoration: none} 
.fafineq ul             { }
.fafineq li             { float: left; list-style-type:none;  }
.fafineq a.butabe         { background-color: #ffc; background-image: url(../img/selector_arrow.png); background-position: top right; background-repeat: no-repeat;  color: #000; border: 1px solid #666; width: 200px; padding: 5px 10px; position: relative }
.fafineq a.butabe.chosen  { background-color: #531643; color: #fff }  
.fafineq a.butabe:hover   { background-color: #531643; color: #fff}
.fafineq li:hover ul    { display: block }
.fafineq ul             { width: 200px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #666; background: #d0d0d0; display: none; position: absolute; z-index: 10 }
.fafineq ul li          { float: none}
.fafineq ul li a        { background: #ffc; color: #000; padding: 5px 10px;  }
.fafineq ul li a:hover  { background: #531643; color: #fff}



#vuluq                   { width: 480px; position: absolute; bottom: 0; float: left;  }
#vuluq ul                { padding: 0; margin: 0; list-style-type: none}
#vuluq ul li             {  font-size: 18px; list-style-type: none; float: left; }
#vuluq ul li a           { border-width: 2px 2px 0 2px; border-style: solid; border-color: #fff; border-radius: 5px 5px 0 0; background-color: #963B7F; margin-right: 10px; color: #fff; padding: 3px 10px; text-decoration: none; text-align: center; display: block; }
#vuluq ul li a:hover, #vuluq ul li a.zule   { background-color: #B30C31; color: #fff; }


#ryla, #gupoba, #error, #seekbar, #judy, #search, #empty, #filter, .line           { margin-bottom: 20px; margin-left: 20px; margin-right: 20px; }

h1        { float: left }
#ciqemu { float: right }



#regs         { background: #531643; border-color: #B2699E; border-radius: 5px; box-shadow: 0 0 5px #000;  padding: 10px 0 0 10px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px }
#regs div     { float: left; font-size: 14px;   }
#regs a       { display: block; text-align: center; text-decoration: none; background: #EDDDEA; color: #531643; border-width: 1px; border-style: solid; border-color: #000;  padding: 5px 10px; border-radius: 5px; }
#regs a:hover,  #regs a.zule      { border-color: #F05DCD;  background: #531643; color: #fff; box-shadow: 0 0 5px #F05DCD}


#vuneto                          { padding-left: 20px; margin-bottom: 20px }
#tips, #list_e, #xezi, #lines     { padding-left: 20px;   }
.comy                                 { padding-right:20px; padding-bottom: 20px; }


#tips .comy        { width: 25%; float: left}

#tips .tp_4, .tp_5, .tp_6   { display: none }


#zyd             { border-width: 1px 1px 0 1px; margin-left: 20px; margin-right: 20px; border-radius: 5px 5px 0 0  }
#zyd .valati     { width: 50%;  float: left}
#zyd .valati p   { width: 33.333333%; float: left}

#zyd .lidigev     { width: 50%; float: left}


#gimoma               { border-top: 1px solid #A00179 }



#regs div      { width: 20%; padding-right: 10px; padding-bottom: 10px;  }



#duqapo               { width: 50%; float: left; }
#pex               { width: 50%; float: left;  }

.kalo                   { margin-bottom: 20px; padding-right: 20px; float: right }

#filter a img        { float: left; width:30px; height: 30px; margin-right: 5px; position: relative; top: 0 }
#filter p            { float: left; line-height: 30px; padding-right: 10px;   }


#list_e .comy             { width: 50%; float: left; }
#xezi .comy             { width: 33.333333%; float: left ;}

#list_e .nugu           { font-size: 20px; margin-bottom: 20px }
#xezi .nugu           { font-size: 24px; margin-bottom: 5px }

#xezi .melu          { height: 65px; overflow: hidden; font-size: 0.8em; margin-bottom: 10px;  }



.line                { background-color: #CC99CC; color: #606; padding: 5px; border: 1px solid #909; border-radius: 5px; text-align: center }


#judy, #search        { border-width: 2px; border-radius: 5px; box-shadow: 1px 1px 5px #606; border-radius: 5px; box-shadow: 1px 1px 5px #606; }


#judy          { padding: 20px 20px 0 20px}

#hosyxy .jekux   { display: block; width: 100%;  }
.vybyfep            { position: absolute; top: 0; bottom: 0; right: 0; left: 0; text-align: center; overflow: hidden}
.vybyfep img        { height: 100%; }       

#hosyxy         { width: 60%; float: left}
#napeb, #thumbs         { margin-right: 30px; padding: 10px;  }
#pub          { width: 40%; float: left}


#waj p       { width: 50%; }
#waj div     { width: 33.333333%; }

#nom          { display: inline; clear: none}


#edit                { float: right; position :absolute; bottom: 0; right: 0}

#error div             { width: 25%; float: left }


#search                     { padding-top: 20px; }

#search .field              { padding-left: 20px; margin-bottom: 5px; }
#search .cell, #search .scell, #search .bcell            { padding-right: 20px; padding-bottom: 20px}
#search .nr                 { padding-right: 20px }
#search .ncell               { padding-bottom: 20px}

#search .cell, #search .ncell { width: 25%; float: left }
#search .scell { width: 50%; float: left }
#search .bcell { width: 25%; float: left }

input[type="number"]  { -moz-appearance:textfield; }
input::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button  {-webkit-appearance: none }  




@media all and (min-width: 1024px) {
#resolution { background-color: #FF00CC; color: #fff}
#resolution span:after  { content:"5: 1024 to 1279" }





}

@media all and (min-width: 1280px) {
#resolution { background-color: #f60; color: #000}
#resolution span:after  { content:"6: 1280 to 1439" }

#tips .comy        { width: 20% }
#tips .tp_4      { display: block }

#regs div      { width: 14.285714%; padding-right: 10px; padding-bottom: 10px; }
#regs .global  { display: none }

#list_e .comy      { width: 33.333333%; }

#lines .comy       { width: 50%; float: left }
#lines .nukamo     { height: 170px; overflow: hidden }

#xezi .melu          { height: 80px; }

#hosyxy    { width: 50%; }
#pub     { width: 50%; }


}

@media all and (min-width: 1440px) {
#resolution { background-color: #9999CC; color: #fff}
#resolution span:after  { content:"10: 1440px cap" }

#tips .comy        { width: 16.666666% }
#tips .tp_5      { display: block }

#duqapo        { width: 33.333333%; float: left }
#pex        { width: 33.333333%; float: left }
#gak        { width: 33.333333%; float: left; clear: none;  }


#xezi .comy      { width: 25%; float: left; }



}
.cicav {
  font-size: 20px;
  font-weight: bold;
  color: #9D3F86;
  margin: 20px 0 10px;
  text-align: left;
}