/* CSS Style - Design By: Martin Ondrejmiška 14.5.2010 */

/*                                                              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, 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; } 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; }

/*                                                           Všeobecné
------------------------------------------------------------------- */
html {      min-height: 100%; }
body {      color: #000; font: normal 12px arial; line-height: 20px; background: #f5db87 url(img/background.png) top left repeat-x; }

.hidden {   display: none; }

.clr { clear: both; width: 100%; }

/*                                   Zarovnanie / Kontainer / Odstavce
------------------------------------------------------------------- */
.inner {            width: 100%; float: left; }
.inner_half {       width: 50%; float: left; } 
.inner_quarter {    width: 25%; float: left; } 

.float_right {      float: right; }
.float_left {       float: left; }

.align_center {     text-align: center; }
.align_right {      text-align: right; }
.align_left {       text-align: left; }

p {     padding: 5px 10px 5px 10px; color: #333; text-align: justify;}
p.p {   padding: 5px 10px 5px 10px; color: #333; text-indent: 5px; }

/*                                                            Nadpisi
------------------------------------------------------------------- */

h1, h2, h3, h4, h5 {  font-weight: bold; }
h1 {    color: #444444; display: inline; font-size: 22px; padding-left: 21px; width: 100%; }
h2 {    color: #444444; display: block; font-size: 17px; margin-bottom: 0;  width: 100%; }
h3 {    display: inline; font-size: 14px; color: #858585; }
h4 {    display: inline; font-size: 13px; color: #858585; }
h5 {    display: inline; font-size: 12px; color: #858585; }

.nadpis {   float: left; font-size: 20px; width: 99%; padding-bottom: 5px; color: #808080; }

/*                                                          Hyperlinky
------------------------------------------------------------------- */ 
a {         color: #004cab; text-decoration: none; border-bottom: dotted 1px #004cab; }
a:hover {   color: #4088e1; text-decoration: none; border-bottom: dotted 1px #4088e1; }

/*                                                            Formulár
------------------------------------------------------------------- */ 
input, textarea, select {
     padding: 2px 3px 2px 3px; border: solid 1px #999; background-color: #fff; color: #555; font-family: Arial; margin: 1px;
}

input.green {   border: solid 1px #283d00; background-color: #4b7200; color: #fff; }
input.orange {  border: solid 1px #bf4800; background-color: #ff6000; color: #fff; }

/*                                                         Farby / Text
------------------------------------------------------------------- */
.red    { color: #ff0000; }
.green  { color: green; }
.silver { color: silver; }
.gray   { color: gray; }
.blue   { color: blue; }
.black  { color: black; }
.white  { color: white; }
.yellow { color: yellow; }
.orange { color: orange; }

.nostrong { font-weight: normal; }

/*                                                            Odrážky
------------------------------------------------------------------- */
li { padding: 3px; line-height: 15px; }

/*------------------------------------------------------------------- 
                                                           L a y o u t 
------------------------------------------------------------------- */

/*                                                             Statika
------------------------------------------------------------------- */
#out {
    margin-left: auto; margin-right: auto; width: 1006px;
}

#head {
    float: left; width: 1006px; height: 174px; background: url(img/head.jpg) top left no-repeat;
}
#navi {
    float: left; width: 930px; height: 35px;
}

#main {
    float: left; width: 968px; margin-left: 10px; border: solid 9px white; background: white;
}
#foot {
    float: left; width: 958px; margin-left: 10px; padding: 0 0 0 10px; height: 35px; margin-top: 5px; line-height: 35px; color: #193014; font-family: Georgia;
}
#foot a {
    color: #193014; border: none; text-decoration: underline;
}

#bottom-blok {
    float: left; width: 968px;
}
#bottom-blok .mod-clanok {
    float: left; width: 948px; padding: 10px; margin: 0px; border-top: solid 9px white; background: #fff6db;
}

/*                                                       Bloky stránky
------------------------------------------------------------------- */
#main-left {
    float: left; width: 271px; 
}
.main_right {
    float: left; width: 696px;
}

#head a {
    border: none;
}

#head-fb-logo {
    float: left; width: 45px; height: 45px; padding: 129px 0 0 35px;
}
#head-logo {
    float: left; width: 150px; height: 174px;
}
#head-logo img {
    float: left; width: 150px; height: 174px;
}

#head-right {
    float: left; width: 776px; height: 174px;
}

#head-right-top {
    float: left; width: 776px; height: 115px;
}
#horny-text {
    float: left; width: 530px; height: 65px; color: White; text-align: center; padding: 50px 0 0 0; line-height: 17px;
}
#horny-text a {
    color: White;
}

#pocasie {
    float: left; width: 221px; height: 95px; padding: 20px 0 0 25px; 
}
#pocasie .den {
    float: left; width: 65px; height: 75px; text-align: center; font-family: Georgia; color: White;
}
#pocasie .den .nazov {
    float: left; width: 65px; line-height: 15px;
}
#pocasie .den .obrazok {
    float: left; width: 65px; height: 45px;
}
#pocasie .den .obrazok img {
    height: 45px;
}
#pocasie .den .teplota {
    float: left; width: 65px;
}

#head-right-bottom {
    float: left; width: 776px; height: 59px;
}
#horne-menu {
    float: left; width: 554px; height: 59px;
}
#jazyk {
    float: left; width: 207px; height: 42px; padding: 17px 0 0 15px;
}
#jazyk a {
    padding: 0 0 0 4px;
}

/*                                              Vnútorné bloky stránky
------------------------------------------------------------------- */

.th-2-part {
	float: left; 
	width: 130px;
	font-size: 12px;
}
.th-3-part {
    float: left;
    font-size: 12px;
    width: 87px;
}

table { 
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	font-size: 12px;
	width: 100%;
	margin-bottom: 20px;
	}

th {
	font-size: 13px;
	background: #ddd;
	min-width: 150px;
}

 td {
	padding: 2px 5px;
	text-align: center;
    vertical-align: middle;
}

.skoly td {
	width: 129px;
}

.pozadie_hotel, 
.pozadie_bungalov, 
.pozadie_leto,
.pozadie_special,
.pozadie_tabor,
.pozadie_skoly,
.pozadie_seminar,
.pozadie_klub,
.pozadie_vylet { background-size: 697px auto; min-height: 530px; }

.pozadie_hotel      { background: #fff url(img/pozadia/hotel_2.jpg) top left repeat-y; }
.pozadie_bungalov   { background: #fff url(img/pozadia/bungalov_2.jpg) top left repeat-y; } 
.pozadie_leto       { background: #fff url(img/pozadia/leto-zima_2.jpg) top left repeat-y; }
.pozadie_special    { background: #fff url(img/pozadia/special_2.jpg) top left repeat-y; }
.pozadie_tabor      { background: #fff url(img/pozadia/bungalov_2.jpg) top left repeat-y; }
.pozadie_skoly      { background: #fff url(img/pozadia/skoly_2.jpg) top left repeat-y; }
.pozadie_seminar    { background: #fff url(img/pozadia/seminar_2.jpg) top left repeat-y; }
.pozadie_klub       { background: #fff url(img/pozadia/klub_2.jpg) top left repeat-y; }
.pozadie_vylet      { background: #fff url(img/pozadia/vylety_2.jpg) top left repeat-y; }