/* Content

1. General

2. Div + top + bottom

3. Text formatting

4. Buttons + icons

5. Novinky

6. Produkty

7. Oceneni, podpora

8. Prodejci

9. Kontakt

10. sIFR



*/





/* 1. General

------------------ */

body, p, div, ul, li, address, menu, h1, h2, h3, h4, form {padding: 0; margin:0;}

body { background:url(../images/bg/bg.jpg) repeat-x 0 0 #f3f3f3; font-family:Arial, Helvetica, sans-serif;}

h1, h2 {font-family: Arial, Helvetica, sans-serif;}



img {border: 0;}



.float-left {float:left;}

.float-right {float:right;}

.clear {clear: both; height: 0; font-size:0; line-height:0; display:block; width:100%;}



li {list-style-type: none;}

table {width: 100%; border-collapse:collapse; border:0;}

table th {font-weight: normal; text-align:left;}



textarea, input {font-family:Arial, Helvetica, sans-serif;}



.marright45 {margin-right: 45px;}

.marright25 {margin-right: 25px;}

.marbot20 {margin-bottom: 20px;}







/* 2. Div

------------------ */

#container {width: 100%; height:100%; position:relative; text-align:center;}

#top {width: 100%; position: absolute; top: 0; left:0; z-index:5;}

.flash-anim {height:446px; width:100%;  z-index:0; margin:0 auto;} 

#flashcontent .around-img {margin: 0 auto; width:933px; padding-top:53px;}

#content {width: 100%;position: relative; top: -65px; left:0; z-index:6; text-align:left;}

#bottom {width:100%; background: url(../images/bg/bottom.gif) repeat-x top left #000; padding:45px 0 30px; margin-top:-33px;}

#bottom .inner {width:933px; margin:0 auto;}



/* pod flashem */

a.prvni {width:145px; height:419px; overflow:hidden; background: url(../images/temporary/infinity-m200.jpg) no-repeat top left; display:block; float:left; margin-top:24px;}

a:hover.prvni {background-position: -145px 0;}

a.druhy {width:199px; height:419px; overflow:hidden; background: url(../images/temporary/infinity-v200.jpg) no-repeat top left; display:block; float:left; margin-top:24px;}

a:hover.druhy {background-position: -199px 0;}

a.treti {width:245px; height:419px; overflow:hidden; background: url(../images/temporary/m-cody-m30.jpg) no-repeat top left; display:block; float:left; margin-top:24px;}

a:hover.treti {background-position: -245px 0;}

a.ctvrty {width:188px; height:419px; overflow:hidden; background: url(../images/temporary/infinity-v100.jpg) no-repeat top left; display:block; float:left; margin-top:24px;}

a:hover.ctvrty {background-position: -188px 0; }

a.paty {width:155px; height:419px; overflow:hidden; background: url(../images/temporary/easy-chat.jpg) no-repeat top left; display:block;float:left; margin-top:24px;}

a:hover.paty {background-position: -155px 0;}





/* sirky */

.width933 {width:933px; margin:0 auto; display:block; overflow:hidden;}

.width281{width: 281px;} /* tretina 903 s marginem 45px */

.width86 {width: 86px; float:left; margin:0 35px 0px 0;}

.width86-nomar {width: 86px; float:left;}

.width607 {width: 607px; float:left;}

.width521 {width: 521px; float:right;} /* novinky */

.width291 {width: 291px;} /* polovina width607 */

.width135 {width:135px; float:left;} /* oceneni nadpisy */

.width250 {width: 250px;} /* produkty detail */

.width357 {width: 357px;} /* produkty detail */

.width185 {width:185px; float:left; background:url(../images/line-universal.gif) repeat-x left bottom; margin-bottom:10px;} /* tretina width607 */



.border-bot {background: url(../images/line-universal.gif) repeat-x left bottom; padding-bottom:10px; margin-bottom:10px;}



/* top */

.logo {width:149px; height:107px; position:relative; overflow:hidden; margin-top:24px; float:left;text-indent:-9999px;}

.logo a {cursor: pointer; display:block; width:149px; height:107px;}

.logo span {width:149px; height:107px; display:block; position:absolute; top:0; left:0; background:url(../images/logo.png) no-repeat 0 0; z-index:1; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://client.2fresh.cz/eu3c/html/images/logo.png', sizingMethod='crop');}



.menu-around {float:right;}





#menu {margin-top: 24px; text-align:right;}

#menu a {display: block;}

#menu li.item {float:left; font-size: 75%; margin-left:10px; font-weight:bold;background:url(../images/line-menu.gif) no-repeat left top ; padding-left: 10px;}

#menu li a { color: #555; text-decoration:none;}

#menu li a:hover {color: #f63b09;}



#menu li div, #menu li div.lang {position: absolute; left:-999em; width:113px;}

#menu li:hover div, #menu li.sfhover div  {left: auto; width:113px;}

#menu li:hover div.lang, #menu li.sfhover div.lang  {left: auto; width:113px; margin-left: -80px;}

#menu li div ul {background: url(../images/bg/submenu-top.gif) no-repeat 0 8px; text-align:left;  padding-top:24px; width:113px;}

#menu li div.lang ul {background: url(../images/bg/submenu-lang-top.gif) no-repeat 0 8px; text-align:left;  padding-top:24px; width:113px;}



#menu li div ul li {float:none; font-weight:normal; padding:6px 10px 1px; font-size:90%;}

#menu li div ul li a {display:block;}

.last { width:113px; height:10px; background-image:url(../images/bg/submenu-bot.gif)!important; background-position:left bottom; margin-left:0; _margin-left:-113px; *margin-left:-113px;}



.lang-cz {background:url(../images/ico/lang-cz.gif) no-repeat 0 0; width:13px; height:11px; display:block; float:left; margin:1px 3px 0 0; cursor:pointer;}

.lang-cz-on {background:url(../images/ico/lang-cz.gif) no-repeat; width:13px; height:11px; display:block; background-position: 0 -11px; float:left; margin:1px 3px 0 0;}



.lang-en {background:url(../images/ico/lang-en.gif) no-repeat 0 0; width:13px; height:11px; display:block; float:left; margin:1px 3px 0 0; cursor:pointer;}

.lang-en-on {background:url(../images/ico/lang-en.gif) no-repeat; width:13px; height:11px; display:block; background-position: 0 -11px; float:left; margin:1px 3px 0 0;}







.lang-cz span, .lang-en span, .lang-pl span {display:none;} 





/* bottom */

#bottom .inner .img {width: 43px; height:45px; margin:35px auto 20px; text-align:center;}

#bottom .inner p.cop {text-align: center; font-size:70%;}









/* 3. Text formatting

------------------ */

p, address {font-size: 70%; line-height: 170%; margin-bottom:0.8em; color:#494949;}

.width607 ul, .width281 ul  {font-size: 70%; line-height: 165%; color:#494949;}

table {font-size: 70%; color:#494949; }

table td {padding:6px;}



.header {color: #373a3b; font-size:24px; text-transform:uppercase; margin-bottom:0;}

.header-light {color: #939393; font-size:24px; text-transform:uppercase; margin-bottom:0;}

h2 {color: #101010; font-size:95%; font-weight:bold; margin-bottom: 0.5em; letter-spacing:-0.05em;}

h3 {color: #494949; font-weight:bold; font-size:75%; margin-bottom: 0.5em;}

.bottom-line h3 {color: #757575; font-size:100%; text-transform:uppercase;}

#bottom h4 {margin-bottom: 0.3em; font-size:70%; font-weight:normal}

#bottom h4:first-letter {text-transform: uppercase;}

#bottom h4 a {text-decoration: none; color:#757575;}

#bottom h4 a:first-letter {text-transform: uppercase;}

#bottom h4 a:hover {color: #FFF; text-decoration:underline;}





address {font-style: normal;}



/* links */

#content a {color: #f63b09; text-decoration:none;}

#content a:hover {color: #101010; text-decoration:underline;}



/* header line */

.header-line {background: url(../images/line-header.gif) repeat-x left bottom; margin-bottom:10px; padding-bottom: 5px;}

.bottom-line {border-bottom: 1px solid #757575; margin-bottom:10px; padding-bottom: 5px;}



p.breadcrumb {color: #999999; margin-bottom:1.5em;}

p.breadcrumb a {color: #494949!important;}





/* 4. Buttons + icons

------------------ */

a.button {width:94px; height: 35px; overflow:hidden; position:relative; display:block;}

a.button span {width:94px; height: 35px; display:block; position:absolute; top:0; left:0; cursor:pointer;}

a:hover.button span, a:hover.button {background-position: 0 -35px;}



.archive span {background: url(../images/buttons/archiv.jpg) no-repeat 0 0;}

.archive-en span {background: url(../images/buttons/archive-en.jpg) no-repeat 0 0;}

.more span {background: url(../images/buttons/vice-onas.jpg) no-repeat 0 0;}

.odeslat span {background: url(../images/buttons/odeslat.jpg) no-repeat 0 0;}



a.vsechny-novinky, a.vsechna-oceneni, {width: 136px; height:35px; overflow:hidden; position:relative; display:block;}

a.vsechny-novinky span, a.vsechna-oceneni span, .vsechny-produkty span {width: 136px; height:35px; display:block; position:absolute; top:0; left:0; z-index: 1;}

a.vsechny-novinky span {background:url(../images/buttons/vsechny-novinky.jpg) no-repeat 0 0; }

a.vsechna-oceneni span {background:url(../images/buttons/vsechna-oceneni.jpg) no-repeat 0 0; }

a:hover.vsechny-novinky span, a:hover.vsechna-oceneni span, a:hover.vsechny-novinky, a:hover.vsechna-oceneni {background-position: 0 -35px;}



.hotline {width:243px; height:85px; overflow:hidden; position:relative;}

.hotline span {width:243px; height:85px; display:block; position:absolute; top: 0; left:0; background:url(../images/ico/hotline.gif) no-repeat 0 0; z-index:1;}



a.next, a.prev {width:20px; height:20px; overflow:hidden; position:relative; display:block; float:left;}

a.next span, a.prev span {width:20px; height:20px; display:block; position:absolute; top:0; left:0; cursor:pointer; z-index:1;}

a:hover.next span, a:hover.prev span {background-position: 0 -20px;}



a.next span {background: url(../images/buttons/next.gif) no-repeat 0 0;}

a.prev span {background: url(../images/buttons/prev.gif) no-repeat 0 0;}





/* icons */

.ico-eu3c {background: url(../images/ico/3c.gif) no-repeat 0 0; padding-left: 62px; height:65px;}





/* 5. Novinky

------------------ */



/* homepage */

.width281 .novinka {background: url(../images/line-universal.gif) repeat-x left bottom; margin-bottom:10px;}

.width281 .novinka p {/*background: url(../images/bg/dates-home.gif) no-repeat 0 0; padding-top:2px;*/}

.width281 .novinka p span {color: #333; margin-right:5px;/* padding-left: 5px; font-size:90%;*/}





/* stranka novinky */

.width607 .date {background: url(../images/bg/dates.gif) no-repeat 0 0; padding-top:3px; color: #333; padding-left: 5px;  float:left; width:76px; height:26px;}

.news {background:url(../images/bg/novinka-bot.gif) no-repeat bottom left;margin-bottom:1em; }

.news-in {background: url(../images/bg/novinka-top.gif) no-repeat top left; padding: 10px;}

.width521 h2 {padding-top: 3px;}



.pages {margin: 0 10px; float:left;}





/* 6. Produkty

------------------ */



/* vypis */

.vypis-bg {width: 120px; height:102px; background: url(../images/bg/produkty-vypis.gif) no-repeat 0 0; float:left; margin:3px 0 0px;}

.vypis-bg .inner {width: 90px; height:90px; margin: 5px 0 0 5px; overflow:hidden;}

.vypis-text {float:left; width:171px; margin-bottom:5px;}

.vypis-text h2 {margin-bottom: 0.2em;}



/* detail */

.img-bg {width: 240px; height:230px; background: url(../images/bg/produkty-detail.gif) no-repeat 0 0; padding-top:10px; margin:5px 0 5px;}

.img-bg .inner {width: 209px; height:209px; overflow:hidden; margin-left: 10px;}

.img-bg .inner img {margin: 0 auto;}



ul.sipky li {background: url(../images/ico/sipka-oranzova.gif) no-repeat 0 7px; padding-left:10px;}

.width357 .descrip {background: url(../images/bg/produkt-detail-descript.gif) no-repeat left bottom; margin:5px 0 20px;}

.width357 .descrip h2 span {color: #f63b09;}

.width357 .descrip-top {background: url(../images/bg/produkt-detail-descript-top.gif) no-repeat left top; padding: 10px;}

.cena {font-size:95%; font-weight:bold; color: #f63b09; margin-bottom:10px;}



.width357 table {margin-bottom: 2em; border-top: 1px solid #e8e8e8;}

.width357 table td {border-bottom: 1px solid #e8e8e8;}

.width357 table tr.even {background: #FFF;}

.width357 .leftcell {color: #000;}

.width357 h3 {margin:1em 0 0.5em;}



.vsechny-produkty  {margin-bottom: 2em;text-transform:uppercase;}

.vsechny-produkty a {color: #333!important; text-decoration:underline!important;}

.vsechny-produkty a:hover {text-decoration: none!important; color: #f63b09!important;}





.foto-slide {padding-left:5px; margin-bottom:20px;}



.foto-slide .inner {width: 90px; height:90px; margin: 0 5px 5px 0; overflow:hidden; float:left; border:2px solid #FFF;}













/* 7. Oceneni, podpora

------------------ */

.white-big {background:url(../images/bg/oceneni-bot.gif) no-repeat bottom left; margin-bottom:1em; width:462px; float:right;}

.white-big-in {background: url(../images/bg/oceneni-top.gif) no-repeat top left; padding: 10px 10px 10px 20px;}

.width135 h2 {padding-top: 14px;}



.white-big-in table {margin-bottom: 0.5em;}

.white-big-in table th {background: url(../images/line-universal.gif) repeat-x left bottom #f3f3f3; padding:6px 3px;}

.white-big-in table td {border-bottom: 1px solid #f0f0f0;}

.white-big-in table td.left {background:url(../images/ico/sipka-dolu.gif) no-repeat 5px 0;} 

.white-big-in table .right {width:80px;}







/* 8. Prodejci

------------------ */

.mapa-anim {height: 330px; background: url(../images/line-universal.gif) repeat-x left bottom; margin-bottom:1em;}

.border-bot .width185 {background: none; margin-bottom:0;}





/* 9. Kontakt

------------------ */

table.form td {padding: 5px 5px 5px 0; vertical-align:top;}

table.form td input {width: 210px; padding:3px;}

table.form td textarea {width: 210px; font-size:100%; padding:3px;}

table.form td input.odeslat {width:94px; height:35px;}







/* 10. sifr */

.sIFR-flash {visibility: visible !important; margin: 0;}

.sIFR-replaced {visibility: visible !important;}

span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}

.sIFR-flash + div[adblocktab=true] {display: none !important;}





.sIFR-hasFlash .header {visibility: hidden; font-size:23px; letter-spacing:-1px;}

.sIFR-hasFlash .header-light {visibility: hidden; font-size:23px; letter-spacing:-1px;}

.sIFR-hasFlash .bottom-line h3 {visibility: hidden; font-size:15px; letter-spacing:-1px;}