/*********** HTML + BODY ************************/
html {min-height: 100%;}
* {
margin: 0;
padding: 0;
}

body {
background: #ccd8e0 url(../grafika/styl/zima/pozadi.jpg) repeat-x left bottom;
color: #444;
font: normal 85% "Lucida Sans Unicode", sans-serif; /*t.j. cca 14px v IE*/
}

.mezera {clear: both;} /*prvek se vykresli a pod vsemi plovoucimi prvky*/

.obsah {
background-color: #fff;
margin: 0 auto;
padding: 0 10px 10px;
width: 780px;
}

ul, li {list-style: none;} /*nezobrazuji se odrazeky a jejich vlastnosti - tecky ....*/

h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {font-size: 0.9em;}



/*********** HLAVICKA *********************/
.vrsek {
background: url(../grafika/styl/zima/pozadi_mraky.gif) repeat-x;
padding: 50px 10px 0;
}

.hlavicka {
background-color: #fff;
height: 150px;
margin: 0 auto;
padding: 10px 10px 5px;
width: 780px;
}
.hlavicka .leva, .hlavicka .prava {height: 150px;}

.hlavicka .leva {
background: #a8b5bd url(../grafika/styl/zima/hlavicka_leva.jpg) no-repeat;
color: #fff;
line-height: 150px;
width: 564px;
float: left;
}
.hlavicka .leva h1 {
font: bold 70px "Lucida Sans Unicode", sans-serif;
text-align: center;
letter-spacing: 10px; /*rozestup mezi fonty*/
padding-top: 5px
}
.hlavicka .leva h2 {
font: normal 26px "Lucida Sans Unicode", sans-serif;
text-align: right;
padding: 20px 30px 0 0 ;
letter-spacing: 1px;
}
.hlavicka .leva a {
background-color: transparent;
color: #fff;
font-weight: bold;
text-decoration:none;
}
.hlavicka .leva a:hover {
background-color: transparent;
color: #fff;
}

.hlavicka .prava {
background: #a8b5bd url(../grafika/styl/zima/hlavicka_prava.jpg) no-repeat;
color: #fff;
overflow: auto; /*scrool lista, pokud je treba*/
width: 212px;
float: right;
}
.hlavicka .prava p, h2 {padding: 5px;}
.hlavicka .prava h2 {
font: bold 1.6em "Lucida Sans Unicode", sans-serif;
text-align: center;
}
.hlavicka .prava a {
background-color: transparent;
color: #fff;
font-weight: bold;
}
.hlavicka .prava a:hover {
background-color: #fff;
color: #a8b5bd;
}



/********** HORNI MENU ***********************/
.horni_menu {
background: #d9e1e5 url(../grafika/styl/zima/horni_menu.gif);
border: 1px solid #dfeef7;
border-color: #dfeef7 #cfdee7;
height: 41px;
font-size: 16px;
}
.horni_menu a {
background: #d9e1e5 url(../grafika/styl/zima/horni_menu.gif);
border-right: 1px solid #afbec7;
color: #456;
display: block;
float: left;
font: bold 1.1em sans-serif;
line-height: 41px;
padding: 0 17px;
text-decoration: none;
}
.horni_menu a:hover {
background-position: left bottom;
color: #234;
padding: 0 17px;
}

/*************** MAIN *******************************/
.main {
border-top: 4px solid #fff;
}



/*********** PRAVE MENU ****************************/
.bocni_menu {
background-color: #fafafa;
color: #554;
float: right;
width: 210px;
/*height: auto;*/
margin: 3px 0;
/*overflow: auto; /*scrool lista, pokud je treba*/
}
.bocni_menu h2 {
font-size: 18px;
line-height: 30px;
margin: 0;
padding-left: 12px;
font-weight: bold;
letter-spacing: 1px;
}
.bocni_menu ul {padding: 0; border-top: 1px solid #eaeada;}
.bocni_menu li {border-bottom: 1px solid #eaeada;}
.bocni_menu li a {
font-size: 16px;
color: #554;
display: block;
padding: 8px 0 8px 5%;
text-decoration: none;
width: 95%;
}
.bocni_menu li a:hover {
background-color: #edebe1;
color: #654;
}
.bocni_menu .prvky {text-align: center; margin: 20px 0 10px 0;} /*obrazeka ve stredu*/


/*************** TEXT *******************************/
.text {
background-color: #fafafa;
color: #444;
float: left;
margin: 3px 0;
padding: 0 16px 16px 16px;
width: 531px;
height: auto;
overflow: auto; /*scrool lista, pokud je treba*/
text-align: justify;
font-size: 1.2em;
line-height : 1.2em; /*mezera mezi radky*/
}
.text h1 {padding-top: 20px; padding-bottom: 20px; text-align: center; line-height : 1em; /*mezera mezi radky*/}
.text h2,h3,h4, h5 {padding-top: 25px; padding-left: 10px;}
.text a {background-color: #fafafa; color: #2e4ba8;}
.text a:hover {background-color: #2e4ba8; color: #fafafa;}

.text .update {
color: #664;
font-size: 0.8em;
margin-bottom: 6px;
font-style: italic;
text-align: right;
}
.text .obrazek img {
margin : 5px 20px 20px 3px; padding: 5px;
border-right: 2px solid #666; border-bottom : 2px solid #666;
border-left: 1px solid #ccc; border-top : 1px solid #ccc;
float : left; /*text bude napravo od img*/
}
.text .mapa ul { margin-left: 0; margin-top: 1em;} /* mapa stranek */
.text .mapa li { margin-left: 30px; margin-top: 0.2em;}
.text .mesta {width : 400px; padding : 10px; height: auto;} /* predpoved pocasi */
.text .mapy { width : 500px; padding : 10px; height: auto;} /*mapy radar, pocasi */


/********** PATICKA *********************/
.paticka {
background: #b3c2c7 url(../grafika/styl/zima/paticka.gif) repeat-x;
color: #fff;
font: bold 1em sans-serif;
line-height: 39px;
text-align: center;
font-size: 90%;
}
.paticka a {background-color: transparent; color: #fff;}
.paticka a:hover {background-color: #fff; color: #b3c2c7;}



/*** GALERIE ***/
.foto {
background-color : white;
color : #444;
float : left;
width : 525px;
height : 160px;
margin : 10px 5px 0 auto;
border-right: 1px solid #ccc; border-bottom : 1px solid #ccc;
border-left: 2px solid #666; border-top : 2px solid #666;
overflow :auto; /*zobrazi scroll, pokud bude potreba*/
}
.foto .foto-img {
margin : 5px 20px 100px 5px; padding: 3px;
border-right: 2px solid #666; border-bottom : 2px solid #666;
border-left: 1px solid #ccc; border-top : 1px solid #ccc;
float : left; /*text bude napravo od img*/
}
.foto .foto-titulek {
background-color : white;
color: #444;
margin: 10px auto 5px auto;
font-size: 90%;
text-align : center;
letter-spacing : 0.2em; /*rozestup mezi fonty*/
}
.foto .foto-popis {
margin-top: 10px; margin-right: 10px;
font-size : 80%;
line-height : 1.1em; /*mezera mezi radky*/
/*letter-spacing: 0.1em; /*rozestup mezi fonty*/
}
.foto .foto-info {
background-color : white;
color : #664;
margin-top: 0; margin-right: 10px;
font-style: italic;
text-align : right;
font-size : 75%;
}

.foto_vysoke {
background-color : white;
color : #444;
float : left;
width : 525px;
height : 185px;
margin : 10px 5px 0 auto;
border-right: 1px solid #ccc; border-bottom : 1px solid #ccc;
border-left: 2px solid #666; border-top : 2px solid #666;
overflow :auto; /*zobrazi scroll, pokud bude potreba*/
}
.foto_vysoke .foto-img {
margin : 5px 82px 100px 5px; padding: 3px;
border-right: 2px solid #666; border-bottom : 2px solid #666;
border-left: 1px solid #ccc; border-top : 1px solid #ccc;
float : left; /*text bude napravo od img*/
}
.foto_vysoke .foto-titulek {
background-color : white;
color: #444;
margin: 10px auto 5px auto;
font-size: 90%;
text-align : center;
letter-spacing : 0.2em; /*rozestup mezi fonty*/
}
.foto_vysoke .foto-popis {
margin-top: 10px; margin-right: 10px;
font-size : 80%;
line-height : 1.1em; /*mezera mezi radky*/
/*letter-spacing: 0.1em; /*rozestup mezi fonty*/
}
.foto_vysoke .foto-info {
background-color : white;
color : #664;
margin-top: 0; margin-right: 10px;
font-style: italic;
text-align : right;
font-size : 75%;
}

/*#############################################################
original design :
Name: Beautiful Day
Date: 2006-11-12
Description: A soft and bright two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/*#############################################################
brutal css modification :
Name: Sekyt
URL: http://www.sekyt.cz
:-)
#############################################################*/