/* CSS Document */ /* http://meyerweb.com/eric/tools/css/reset/ *//* v1.0 | 20080212 */ @import url('reset.css'); /* CSS Document */ @CHARSET "UTF-8"; /* Easy Slider */ #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider, #slider li{ /* define width and height of container element and list item (slide) list items must be the same size as the slider area */ width:696px; height:241px; overflow:hidden; } span#prevBtn{} span#nextBtn{} /*afocus border*/ a:link.focus {border: none;} a:focus {border: none; outline: none;} a:hover { outline: none; } a:hover {border: none; outline: none;} a:focus {border: none; outline: none;} a:focus:hover {border: none; outline: none;} iframe {border: 1px solid #c0c0c0;} /* // Easy Slider */ /* Media types all Suitable for all devices. aural Intended for speech synthesizers. See the section on aural style sheets for details. braille Intended for braille tactile feedback devices. embossed Intended for paged braille printers. handheld Intended for handheld devices (typically small screen, monochrome, limited bandwidth). print Intended for paged, opaque material and for documents viewed on screen in print preview mode. Please consult the section on paged media for information about formatting issues that are specific to paged media. projection Intended for projected presentations, for example projectors or print to transparencies. Please consult the section on paged media for information about formatting issues that are specific to paged media. screen Intended primarily for color computer screens. tty Intended for media using a fixed-pitch character grid, such as teletypes, terminals, or portable devices with limited display capabilities. Authors should not use pixel units with the "tty" media type. tv Intended for television-type devices (low resolution, color, limited-scrollability screens, sound available). Media type names are case-insensitive. */ /* TODO - Pomocou podmienok oddelujeme štýly pre rôzne zariadenia Umožňuje to mať v jednom súbore štýly pre všetky zariadenia zároveň */ /* Štýly pre tlač dokumentu */ @media print { @import "print.css"; /* hidden from nearly all v4 browsers */ @import url('print.css'); /* IE4 can understand, but not NN4 */ } /* Štýly pre handheld pc */ @media handheld { @import "handheld.css"; /* hidden from nearly all v4 browsers */ @import url('handheld.css'); /* IE4 can understand, but not NN4 */ } /* Štýly pre ostatné zariadenia */ @media all { } /* Štýly pre ostatné zariadenia */ @media screen { @import "screen.css"; /* hidden from nearly all v4 browsers */ @import url('screen.css'); /* IE4 can understand, but not NN4 */ } /* Štýly pre handheld pc */ @media handheld { /* Elementy s touto triedou budu skryte pred tlaciarnami, mobilnymi zariadeniami a pod. */ .noprint {display:none; visibility:hidden;} } /* HTML tagy */ body {font-family: sans-serif, Arial, Helvetica; font-size: 75%; margin: 0px auto; background-color:#d9e53b; background-image:url(../images/body.jpg);background-repeat: repeat-y; background-position: top center;} h1 {color: #35380d; font-style: italic; font-weight: normal; font-size: 180%;} h2 {color: #35380d; font-style: italic; font-weight: normal; font-size: 150%;} /* id - identifikatory */ #web {width: 100%; height: 100%; margin: 0px auto; background-image:url(../images/header.jpg);background-repeat: no-repeat;background-position: top center;} #header {height: 230px;clear: both;} #headerin {width: 960px; height: 230px; margin: 0px auto;} #nav {width: 750px; height: 218px; float: right; clear: right;} #navtop {width: 750px; height: 40px; clear: both; color: #bdbdbd; font-size: 95%;} #navtopleft {width: 500px; height: 20px; float: left; /*border:1px solid red;*/} #navtopright {width: 250px; height: 20px; float: right; clear: right; } #navtopright a {display: block; width: 75px; height: 20px; float: left; text-align: center;} #navtopin {width: 750px; height: 20px; margin-left: 20px; margin-top: 6px;} #navtop a {text-decoration: none; color: #bdbdbd;} #navtop a:hover {text-decoration: underline; color: #808080;} /* Odkazy navigacie*/ #navlinks {width: 750px; height: 51px; clear: both; color: #bfd237; font-size: 150%; font-style: italic;} /*#navlinks ul {margin: 0px; padding: 0px; }*/ #navlinks li {width: 110px; height: 51px; display: block; float: left;} #navlinks a {padding-top: 8px; margin: 0px auto; width: 95px; height: 51px; display: block; color: #aec129; /*background-position: middle center; background-image:url(../images/navnull.gif); background-repeat: no-repeat;*/ text-decoration: none; text-align: center;} #navlinks a:hover {padding-top: 8px; margin: 0px auto; width: 95px; height: 51px; display: block; color: #ffffff; background-position: middle center; background-image:url(../images/nav.gif); background-repeat: no-repeat;} #navlinks a.active {padding-top: 8px; margin: 0px auto; width: 95px; height: 51px; display: block; color: #ffffff; background-position: middle center; background-image:url(../images/nav.gif); background-repeat: no-repeat;} /* Odkaz na eshop */ #eshop {width: 750px; height: 130px; clear: both; color: #bdbdbd;} #eshop a {width: 300px; height: 130px; display: block; float: right;} #content {margin: 0px auto; background-image:url(../images/content.jpg);background-repeat:repeat-y; background-position: top center;} #contentbg {margin: 0px auto; background-image:url(../images/topcontent.jpg);background-repeat: no-repeat; background-position: top center;} #contentin {width: 960px; /*background-color: red;*/ margin: 0px auto; /**/} #bottom {margin: 0px auto; /*width: 960px;*/ height: 40px; clear: both; background-position: bottom center; background-image:url(../images/bottom.jpg);background-repeat: no-repeat;} #bottom2 {margin: 0px auto; /*width: 960px;*/ height: 40px; clear: both; background-position: bottom center; background-image:url(../images/bottom2.jpg);background-repeat: no-repeat;} #logo {width: 210px; height: 218px; float: left; background-position: top left; background-image:url(../images/logo.gif);background-repeat: no-repeat;} #logo a {display: block; width: 210px; height: 170px;} /* Lavy panel kategorii alebo odkazov podstranok */ #left {width: 210px; height: 100%; float: left; background-image:url(../images/cellbg.jpg);background-repeat: repeat-y; } #leftin {width: 210px; background-position: bottom center; background-image:url(../images/cell.jpg);background-repeat: no-repeat; clear: both;} #left a {font-size: 160%; font-style: italic; width: 140px; margin: 0px auto; display: block; color: #ffffff; text-decoration: none;} #leftaddress {font-size: 120%; font-style: italic; width: 160px; margin: 0px auto; color: #ffffff; text-align: left;} #data {width: 750px; height: 100%; float: right; clear: right; text-align: justify; line-height: 180%; background-image:url(../images/cntx.gif);background-repeat: repeat-y; background-position: top right;} /*#akcia_data {width: 750px; height: 100%; float: right; clear: right; text-align: justify; line-height: 180%; }*/ #datain {width: 720px; margin: 0px auto; clear: both; } #datasub {width: 730px; font-size: 130%; margin: 0px auto; background-image:url(../images/cnt.gif);background-repeat: repeat-y; background-position: top right;} #datasubbg {background-image:url(../images/top.jpg);background-repeat: no-repeat; background-position: top center;} #datasubin {width: 670px; padding-top: 20px; margin: 0px auto; text-align: justify;} #altnav {width: 960px; margin: 0px auto; clear: both; text-align: center;} #altnav a {color: #35380d; text-decoration: none;} #altnav a:hover {color: #35380d; text-decoration: underline;} /* class - triedy */ /* Ukoncenie pre bunky v lavom stlpci */ .cellend {visibility: hidden; width: 210px; height: 88px; background-position: bottom left; background-image:url(../images/cell.jpg);background-repeat: no-repeat;} /* Oddelovac blokov */ .cleaner {clear:both; border-width:0px;height:0px;margin:0px;padding:0px;font-size:0px;display:block;_display:none;visibility:hidden;} .fleft {width: 320px; float: left; height: 170px; } .fright {width: 320px; float: right; height: 170px; } /*ram obrazka*/ .gallery {width: 210px; height: 180px; float: left; text-align: center; margin-right: 10px;} .gallery img {border: 6px solid #e7ecf0; }/*dee6eb*/ .right {text-align: right;} .googlemap {border: 6px solid #cbdf4b;} /* otvaracie hodiny */ .hours tr {height: 31px;} .day {color: #ffffff; text-align: center; width: 110px; background-position: top left; background-image:url(../images/day.gif); background-repeat: no-repeat;} .cboth {clear: both;} .center {text-align: center;margin: 0px auto;}