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

/*                                                              Reset
------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption { 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; } img { border: none; }

/*                                                           Všeobecné
------------------------------------------------------------------- */
html {      height: 100%; }
body {      color: #000; font: normal 12px arial; line-height: 20px; margin: 0; padding: 0; height: 100%; background: #fcf802 url(img/body-image.jpg) top center no-repeat; }

.hidden {   display: none; }

/*                                   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 0 5px 0; color: #333; }
p.p {   padding: 5px 10px 5px 10px; color: #333; text-indent: 5px; }

/*                                                            Nadpisi
------------------------------------------------------------------- */
h1 {    display: inline; font-weight: normal; font-size: 20px; color: #95250b; }
h2 {    display: inline; font-weight: normal; font-size: 17px; color: #858585; }
h3 {    display: inline; font-weight: normal; font-size: 14px; color: #858585; }
h4 {    display: inline; font-weight: normal; font-size: 13px; color: #858585; }
h5 {    display: inline; font-weight: normal; font-size: 12px; color: #858585; }

.hlavny-nadpis {   float: left; font-size: 20px; width: 100%; padding-bottom: 10px; color: #808080; }
.hlavny-nadpis a { float: right; font-size: 12px; }

/*                                                          Hyperlinky
------------------------------------------------------------------- */ 
a {         color: #a72a0d; text-decoration: none; }
a:hover {   color: #80200a; text-decoration: underline; }

/*                                                            Formulár
------------------------------------------------------------------- */ 
input, textarea, select {   height: 22px; padding: 2px 3px 2px 3px; margin: 1px; border: solid 1px #999; background-color: #fff; color: #000; }
input[type=checkbox] {      height: 14px; margin-right: 4px; }
textarea { padding: 5px 7px; margin: 1px; border: solid 1px #000; background: #bdbdbd url(img/textarea.png) top left repeat-x; color: #555; }

select { height: 25px; padding: 0 7px; margin: 1px; border: solid 1px #000; background: #e3e3e3; color: #000; }

input[type=text],input[type=password] { height: 25px; padding: 0 7px; margin: 1px; border: solid 1px #000; background: #bdbdbd url(img/textbox.png) top left repeat-x; color: #555; }

input[type=submit] {    height: 27px; cursor: pointer; padding: 0 7px; margin: 1px; font-weight: bold; text-shadow: 1px -1px #5e2600; border: solid 1px #5e2600; background: #923a00 url(img/button.png) top left repeat-x; color: #fff; }

input[type=submit].green {   border: solid 1px #283d00; background-color: #4b7200; color: #fff; }
input[type=submit].orange {  border: solid 1px #bf4800; background-color: #ff6000; color: #fff; }
input[type=submit].red {    border: solid 1px #660000; background-color: #990000; color: #fff; }

textarea {  font: inherit; }

/*                                                         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
------------------------------------------------------------------- */
form {                  height: 100%; padding: 0; margin: 0; }
#out {                  position: relative; width: 98%; height: auto !important; height: 98%; min-height: 98%; }

#left, #right {         float: left; width: 50%; padding: 30px 0 0 0; }

#left .in, #right .in { float: left; width: 95%; }
#left .in {             float: right; }

/*                                                       Bloky stránky
------------------------------------------------------------------- */



/*                                              Vnútorné bloky stránky
------------------------------------------------------------------- */
#main-left .blok-nadpis {
    float: left; width: 279px; height: 55px; text-indent: 20px; line-height: 55px; font-size: 20px; color: #fff; text-shadow: 1px -1px #712300; border-bottom: solid 1px black; border-right: solid 1px black; background: url(img/main-left-nadpis.png) top left no-repeat;
}
#main-left .blok-in {
    float: left; width: 96%; padding: 15px 2%;
}

#main-right .blok-nadpis {  display: none; visibility: hidden; }
#main-right .blok-in {      float: left; width: 100%; padding: 0px; }





/* UVOD */
.anim {       float: left; width: 100%; position: relative; }
.anim .info { float: left; width: 100%; height: 100px; }

#title-nadpis, #title-nadpis-2 {    float: left; text-align: center; width: 100%; font-size: 25px; line-height: 30px; color: Black; padding: 10px 0 0 0; }
#title-text, #title-text-2 {        float: left; text-align: center; width: 100%; color: Black; padding: 10px 0 0 0; font-size: 15px; }

#left-but, #left-but-2 {                float: left; width: 50px; height: 61px; left: 50px; bottom: 55px; z-index: 10000; position: absolute; border: none; background: url(img/left.png) top left no-repeat; cursor: pointer; }
#left-but:hover, #left-but-2:hover {    left: 48px; }

#right-but, #right-but-2 {              float: left; width: 50px; height: 61px; right: 60px; bottom: 55px; z-index: 10000; position: absolute; border: none; background: url(img/right.png) top left no-repeat; cursor: pointer; }
#right-but:hover, #right-but-2:hover {  right: 58px; }

#carousel1, #carousel2 {    width: 500px; height: 350px; margin: 0 auto; overflow:scroll; }



.cloudcarousel { border: solid 1px silver; }

#buttons {          float: left; width: 100%; height: 170px; }
#buttons .in {      width: 970px; margin: 0 auto; }
/*.uvod .buttons a {  float: left; width: 197px; height: 146px; margin: 10px 0 0 15px; border: solid 1px white; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }*/

.pics {         float: left; padding: 0; margin: 0 10px; cursor: pointer; }  
.pics img {     padding: 5px; border:  1px solid #ccc; width: 197px; height: 146px; background-color: #eee; } 


#logo {         float: left; width: 100%; text-align: center; padding: 20px 0 20px 0; }
#logo span {    font-size: 15px; font-weight: bold; }