/* CSS Style - Design By: Martin Ondrejmiška - IT PROFI Servis s.r.o. (16.10.2009) */

/*                                                            Reset
------------------------------------------------------------------- */ 
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after
{ content: '';
    content: none; }
:focus { outline: 0; }
ins {text-decoration: none;} 
del { text-decoration: line-through; } 
table { border-collapse: collapse; border-spacing: 0; }
 

/*                                                           Obecné
------------------------------------------------------------------- */
html
{
    font-size: 11px;
    min-height: 100%;
}
body
{
    background: #2d91cd url(img/main_body_back.jpg) top center no-repeat;
    color: #112;
    font-family: Arial;
    padding-bottom: 1px;
}
.red
{
    color: Red;
}
.blue
{
    color: #000099;
}
.BigRed
{
    color: Red;
    font-size: 13px;
}
.green
{
    color: Red;
} 
div.center
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;  
}
.hidden 
{
    float: left; visibility: hidden; display: none;
}
p
{
  padding: 8px;
  color: #666;
}
table
{
  width: 100%;
}
td
{
  padding: 5px;
  text-align: center;
}
.big
{
  padding: 10px;
  color: #666;
  font-size: 14px;
}


/*                                                            Linky
------------------------------------------------------------------- */
a { color: #888; text-decoration: underline; }
a:hover { color: #336699; text-decoration: none; }

/*                                                          Textboxi
------------------------------------------------------------------- */
input, textarea, select
{
    border: solid 1px Silver;
    font-size: 11px;
    color: #555;
}

/*                                                            Nadpisi
------------------------------------------------------------------- */
h1
{
   display: inline;
   font-size: 24px;
   color: #336699;
}
h2
{
   display: inline;
   font-size: 18px;
   color: #336699;
}
h3
{
   display: inline;
   font-size: 15px;
   color: #336699;
}


/*                                                      L a y o u t 
------------------------------------------------------------------- */ 
/* ****** Hlavný DIV ****** */
#main
{
    width: 850px;
    margin-left: auto;
    margin-right: auto; 
} 
#main div.inner
{
    width: 100%;
    float: left;
} 
#main div.inner_half
{
    width: 50%;
    float: left;
} 
/* ****** Hlavička ****** */
#header
{
    float: left;
    width: 850px;
    height: 365px;
}
#header div.jazyk
{
    float: left;
    width: 850px;
    height: 30px;
}
#header div.jazyk div.in
{
    float: right;
    width: 200px;
    height: 30px;
}
#header div.flash
{
    float: left;
    width: 850px;
    height: 328px;
}
#header div.flash div.in
{
    float: right;
    width: 762px;
    height: 272px;
    margin-top: 17px;
}
/* ****** Menu ***** */
#header div.menu
{
    float: left;
    width: 850px;
    height: 42px;
    text-align: center;
}

#header div.menu ul
{  
    list-style-type: none;  
    list-style: none;
    padding: 0px; 
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    margin-bottom: 0px;
    text-align: center;
}
#header div.menu ul li
{ 
   text-align: center;
   margin: 0px;
   padding: 0px;
   background-color: inherit;
   display: inline;
} 
#header div.menu ul a
{
   color: White;
   font-size: 12px;
   margin: 0px;
   padding: 3px 8px 2px 8px;
   font-weight: bolder;
   text-decoration: none;
}

#header div.menu ul a:hover
{
   background-color: #2b8fdc;
   text-decoration: none;
}     
#header div.menu div.inner
{
    padding: 0px;
    margin: 0px;
}


 
ul.menu_down
{
    width: 100%;
    float: left;
    list-style-type: none;  
    padding: 0px;
    margin: 0px;
    border-bottom: dashed 1px silver;
}
ul.menu_down li
{
   float: left; 
   text-align: center;
   margin: 0px;
}
ul.menu_down li a
{
   color: #336699;
   width: 160px;
   font-size: 13px;
   margin: 0px;
   padding: 5px 10px 5px 10px;
   font-weight: bolder;
   text-decoration: none;
   display: block;
}
ul.menu_down li a.small
{
   width: 80px;
}
ul.menu_down li a:hover
{
   background-color: #dfe9f7;
}




/* ****** Obsah ****** */
#obsah 
{ 
    float: left;
    width: 840px;
    padding: 5px;
    background-color:White;
}
#obsah div.left
{
    float: left;
    width: 230px;
    padding-right: 10px;
    min-height: 150px;
}
#obsah div.right
{
    float: left;
    width: 600px;
    min-height: 150px;
}

/* ****** Päta ****** */
#pata
{
    padding: 10px;
    padding-top: 16px;
    float: left;
    width: 830px;
    height: 18px;
    background: #fff url(img/main_pata.jpg) no-repeat top center;
    color: #fff;
}
#pata a
{
    font-size: 11px;
    color: #fff;
    text-decoration: none;
}
#pata a:hover
{
    font-size: 11px;
    color: #fff;
    text-decoration: underline;
}

/* ****** Partneri ****** */
#partneri
{
    float: left;
    width: 830px;
    padding: 5px 10px 5px 10px;
    background-color: White;
}
#partneri a img
{
    float: left;
    margin-left: 5px;
}

/*                                                      O B S A H 
------------------------------------------------------------------- */ 
/* ****** Tabuľka ****** */
div.table
{
    padding: 5px;
    float: left;
    background-color: #c3dbea;
}
div.table div.header
{
    float: left;
    width: 99%;
    padding-top: 15px;
    height: 25px; 
    background-color: #2d91cd;
    color: White;
    font-weight: bold;
}
div.table div.row
{
 float: left;
 width: 99%; 
 padding-top: 7px;
 padding-bottom: 7px;
 background-color: #9fcde7;
 cursor: default;
}
div.table div
{
 float: left;
 width: 68px;
 padding-left: 2px;
 padding-right: 2px; 
}

div.table div.cell
{
 text-align: center;
}
div.table div.cell_left
{
 text-align: left;
}

/* ****** Počasie ****** */
div.pocasie
{
  float: left;
  width: 230px;
  height: 200px;    
}
div.pocasie div.teplota
{
  float:left;
  width: 230px;
  height: 30px;
  margin: 45px 0 0 0;
  font-size: 35px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
div.pocasie div.nahlad
{
  float: left;
  width: 230px;
  height: 110px;
  text-align: center;
}


/* ****** Počasie 2 ****** */
div.pocasie2
{
  float: left;
  width: 230px;
  height: 130px;    
}
div.pocasie2 div.teplota2
{
  float:left;
  width: 230px;
  height: 55px;
  line-height: 55px;
  margin: 45px 0 0 0;
  font-size: 35px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-shadow: 0px 1px 5px #002f4d;
}




/* Kamera */
div.kamera
{
  float: left;
  width: 230px;
  height: 200px;
  background: #fff url(img/kamera_back.jpg) no-repeat top center;  
}
div.kamera img
{
  width: 203px;
  height: 152px;
  margin: 41px 0 0 14px;
}

/* ****** NewsLetter ****** */
div.newsletter
{
  float: left;
  width: 230px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
div.newsletter .nadpis
{
  font-size: 13px;
  color: #336699;
  font-weight: bold;
}
div.newsletter .hlaska
{
  color: red;
}
div.newsletter input
{
  border: solid 1px #444;
  color: #444;
}
div.newsletter p
{
  padding: 3px;
}

/* Fotky */
div.fotky img
{
  float: left;
  height: 60px;
  border: solid 2px silver;
  margin: 5px;
}
div.fotky img:hover
{
  border: solid 2px #69a0e7;
}






/* PopUP */
.popup {
    background-color: #fff; float: left; color: Black; width: 400px; padding: 10px; font-size: 11px; text-align: center;
}
.popupBackground {
    background-color:Black;	filter:alpha(opacity=70); opacity:0.7;
}




.jazyky {
    float :left; width: 120px; padding: 2px 0 5px 15px; 
}
.jazyky img {    
 -moz-box-shadow: 0 0 5px #888;
 -webkit-box-shadow: 0 0 5px#888;
 box-shadow: 0 0 5px #888;
}


.links {
    float :left; 
}