/*** global ***/
html, body{
text-align: center;
background: white url(/images/main/back.png) top center repeat-x;
color: black;
margin: auto;
font-family: verdana, sans-serif;
}
body{
font-size: 0.8em;
padding: 0px;
}
div{
margin: auto;
text-align: left;
}
a{
color: rgb(216,38,28);
text-decoration: underline;
}
table{
table-layout: fixed;
border-collapse: collapse;
margin: auto;
border-spacing: 0px;
border-width: 0px;
text-align: left;
font-size: 1em;
}
table td{
border-collapse: collapse;
padding: 0px;
border: 0px solid red;
}
form, input{
margin: auto;
padding: 0px;
}
input, textarea, select, button{
font-family: verdana, sans-serif;
font-size: 0.9em;
border: 1px solid black;
padding: 2px 2px;
}
select, optgroup{
font-size: 1em;
padding: 2px;
}
optgroup{
font-size: 1em;
padding: 0px 3px 0px 0px;
}
.input-radio input{
border: none;
}
.radio{
border: none;
}
img{
font-family: courier, sans-serif;
font-size: 0.75em;
border: 0px;
}
ul, ol{
margin: 0px 5px 5px 15px;
padding: 0px 5px 5px 15px;
}
li{
padding: 0px;
margin: 3px;
text-indent: 0px;
}
.col-10{width: 10px;} .col-15{width: 15px;} .col-20{width: 20px;} .col-25{width: 25px;} .col-30{width: 30px;} .col-35{width: 35px;} .col-40{width: 40px;} .col-45{width: 45px;} .col-50{width: 50px;} .col-55{width: 55px;} .col-60{width: 60px;} .col-65{width: 65px;} .col-70{width: 70px;} .col-75{width: 75px;} .col-80{width: 80px;} .col-85{width: 85px;} .col-90{width: 90px;} .col-95{width: 95px;} .col-100{width: 100px;} .col-105{width: 105px;} .col-110{width: 110px;} .col-115{width: 115px;} .col-120{width: 120px;} .col-125{width: 125px;} .col-130{width: 130px;} .col-135{width: 135px;} .col-140{width: 140px;} .col-145{width: 145px;} .col-150{width: 150px;} .col-155{width: 155px;} .col-160{width: 160px;} .col-165{width: 165px;} .col-170{width: 170px;} .col-175{width: 175px;} .col-180{width: 180px;} .col-185{width: 185px;} .col-190{width: 190px;} .col-195{width: 195px;} .col-200{width: 200px;} .col-205{width: 205px;} .col-210{width: 210px;} .col-215{width: 215px;} .col-220{width: 220px;} .col-225{width: 225px;} .col-230{width: 230px;} .col-235{width: 235px;} .col-240{width: 240px;} .col-245{width: 245px;} .col-250{width: 250px;} .col-255{width: 255px;} .col-260{width: 260px;} .col-270{width: 270px;} .col-280{width: 280px;} .col-290{width: 290px;} .col-300{width: 300px;} .col-310{width: 310px;} .col-320{width: 320px;} .col-330{width: 330px;} .col-340{width: 340px;} .col-350{width: 350px;} .col-360{width: 360px;} .col-370{width: 370px;} .col-380{width: 380px;} .col-390{width: 390px;} .col-400{width: 400px;} .col-410{width: 410px;} .col-420{width: 420px;} .col-430{width: 430px;} .col-440{width: 440px;} .col-450{width: 450px;} .col-460{width: 460px;} .col-470{width: 470px;} .col-480{width: 480px;} .col-490{width: 490px;} .col-500{width: 500px;} .col-520{width: 520px;} .col-540{width: 540px;} .col-560{width: 560px;} .col-580{width: 580px;} .col-600{width: 600px;} .col-620{width: 620px;} .col-640{width: 640px;} .col-660{width: 660px;} .col-680{width: 680px;} .col-700{width: 700px;} .col-710{width: 710px;} .col-720{width: 720px;} .col-740{width: 740px;} .col-760{width: 760px;} .col-780{width: 780px;} .col-800{width: 800px;} .col-820{width: 820px;} .col-840{width: 840px;} .col-860{width: 860px;} .col-880{width: 880px;} .col-900{width: 900px;} .col-920{width: 920px;} .col-940{width: 940px;} .col-960{width: 960px;} .col-980{width: 980px;} .col-1000{width: 1000px;}
/*** top ***/
.top{
width: 986px;
height: 233px;
background: url(/images/main/top_back.png) no-repeat;
position: absolute;
margin-top: -235px;
}
.top-01{
width: 986px;
padding: 1px 0px;
}
.top-011{
width: 101px;
height: 199px;
background: url(/images/main/top_back_04.gif) no-repeat;
position: absolute;
margin-top: -1px;
margin-left: 326px;
}
.top-012{
width: 986px;
height: 20px;
background: rgb(216,38,28);
}
.top-012 a{
display: block;
float: right;
color: white;
text-decoration: none;
background: url(/images/main/top_menu_01.gif) no-repeat left center;
padding: 3px 10px 2px 11px;
font-size: 0.85em;
}
.top-012 a:hover{
text-decoration: underline;
}
a.top-012-active{
text-decoration: underline;
font-weight: bold;
}
.top-02{
width: 984px;
height: 104px;
background: url(/images/main/top_back_02.png) repeat-x;
}
.top-02 img{
display: block;
width: 220px;
height: 90px;
position: absolute;
margin-left: 7px;
margin-top: -13px;
}
img.prihlasit-se {
width: 96px;
height: 17px;
margin-left: 600px;
margin-top: 75px;
}
img.ucet {
width: 88px;
height: 17px;
margin-left: 600px;
margin-top: 75px;
}
.top-right{
/*width: 213px;*/
width: 256px;
height: 88px;
position: absolute;
margin-left: 709px;
background: url(/images/main/top_back_05.png) no-repeat top;
}
.top-right form{
position: relative;
margin-top: 64px;
/*margin-left: 70px;*/
}
.top-right-search{
width: 187px;
background: url(/images/main/top_form_01.gif) repeat-x bottom;
}
* html .top-right-search{
position: relative;
top: 1px;
}
input.top-right-submit{
border: none;
position: relative;
/*top: 3px;*/
top: 7px;
left: 5px;
}
.top-03{
width: 986px;
padding: 1px 0px 0px;
background: white;
}
.top-031{
width: 986px;
height: 73px;
background: url(/images/main/top_back_03.jpg) no-repeat;
}
.top-032{
width: 986px;
height: 33px;
background: rgb(43,123,187);
}
.top-032-new{
width: 986px;
height: 33px;
}
.top-0321{
float: left;
width: 230px;
height: 33px;
background: url(/images/main/top_back_06.gif) no-repeat bottom right;
}
.top-0321 strong{
display: block;
padding: 9px 0px 0px 68px;
color: white;
}
.top-0322{
width: 756px;
color: white;
float: left;
background: url(/images/main/top_back_07.png) repeat-x;
}
.top-0322-new{ /* uprava width pro titulni stranu */
width: 986px;
color: white;
float: left;
background: url(/images/main/top_back_07.png) repeat-x;
}
.top-034{
height: 33px;
padding-left: 22px;
float: left;
}
.top-034 span{
display: block;
float: left;
padding: 8px 0px 8px;
}
.top-034 a{
display: block;
float: left;
color: white;
text-decoration: none;
padding: 10px 10px 8px;
font-size: 0.85em;
}
.top-034 a:hover{
text-decoration: underline;
}
a.top-034-active{
text-decoration: underline;
font-weight: bold;
}
.top-035{
float: left;
}
.top-033{
position: absolute;
margin-top: 33px;
}
.top-033 a{
display: block;
width: 130px;
color: white;
border: 1px solid white;
border-bottom: 0px;
background: rgb(43,123,187);
text-align: center;
padding: 5px 0px 4px;
text-decoration: none;
font-size: 0.85em;
display: none;
}
.top-033 a:hover{
background: rgb(73,153,217);
text-decoration: underline;
}
.top-033-new{
position: absolute;
margin-top: 33px;
margin-left: 105px;
|margin-left: 60px;
}
.top-033-new a{
display: block;
width: 130px;
color: white;
border: 1px solid white;
border-bottom: 0px;
background: rgb(43,123,187);
text-align: center;
padding: 5px 0px 4px;
text-decoration: none;
font-size: 0.85em;
display: none;
}
.top-033-new a:hover{
background: rgb(73,153,217);
text-decoration: underline;
}
.top-036{
width: 194px;
height: 33px;
background: rgb(177,216,248) url(/images/main/backcart.png) no-repeat;
position: absolute;
margin-left: 792px;
}
.top-036 a{
display: block;
color: black;
padding: 10px 35px 6px 0px;
text-align: center;
font-weight: bold;
}
.top-036 a:hover{
color: rgb(216,38,28);
}
/*** bottom ***/
.bottom, .bottom-full, .bottom-full2{
width: 986px;
position: relative;
top: 235px;
/*background: url(/images/main/bottom_back_01.png) repeat-y;*/
background: url(/images/main/bottom_back_new.png) repeat-y;
}
.bottom-full{
background: url(/images/main/bottom_back_011.png) repeat-y;
}
.bottom-full2{
/*background: none;*/
background: white;
}
.bottom-double{
width: 756px;
margin-left: -200px;
float: right;
}
.bottom-center{
/*width: 562px;*/
width: 756px;
float: left;
}
.bottom-center-full{
width: 756px;
}
.bottom-full-kosik{
width: 986px;
position: relative;
top: 235px;
padding: 10px 0 10px 0;
background-color: white;
}
.bottom-right{
width: 194px;
float: right;
background: rgb(235,247,255);
}
.bottom-left{
width: 229px;
float: left;
background: rgb(235,247,255);
}
.bottom-center2{
width: 791px;
float: left;
background-color: white;
}
.bottom-bottom{
clear: both;
}
/* kosik v horni liste*/
.kosik-top-right {
WIDTH: 194px; background-color: #1d1d1d; height: 33px; FLOAT: right;
}
img.kosik-ikonka {
margin-left: 10px;
margin-right: 5px;
float: left;
}
.kosik-text {
padding-top: 8px;
}
a.kosik-zavrit {
padding-left: 58px;
}
.hp {
padding-top: 8px;
padding-left: 15px;
margin-right: -20px;
}
.hp a {
display: block;
color: white;
border-bottom: 0px;
text-align: center;
padding: 2px 0px 4px;
text-decoration: none;
font-size: 0.85em;
font-weight: bold;
}
.hp span{
|margin-right: 15px;
}
/* nova uvodni stranka */
.new-hp-all {
padding-left: 20px;
}
.bannery-hp {
text-align: center;
margin-bottom: 20px;
}
.bannery-hp span a img {
width: 315px;
height: 160px;
padding: 1px;
border: 2px solid #aacfed;
}
.banner_a {
margin-right: 5px;
}
.new-hp-all h1 {
font-size: 1.3em;
font-weight: normal;
color: #b1150c;
padding-top: 15px;
padding-bottom: 10px;
}
.new-hp-all h2 {
font-size: 1.1em;
color: black;
text-decoration: underline;
/*text-decoration: none;*/
padding-bottom: 5px;
}
a.kategorie-uvod {
color: black;
}
.new-hp-all h3 {
font-size: 1.0em;
font-weight: normal;
text-decoration: none;
color: #ba1e15;
padding-bottom: 25px;
}
a.subkategorie-uvod {
color: #ba1e15;
}
.new-hp-all p {
line-height: 17px;
padding-right: 20px;
padding-bottom: 20px;
text-align: justify;
}
.new-hp-all table {
margin-right: 50px;
margin-bottom: 20px;
}
.new-hp-all td {
width: 235px;
height: 80px;
text-align: center;
}
table.zpravy-hp {
width: 753px;
margin-left: 22px;
padding: 5px;
}
table.zpravy-hp th{
width: 328px;
padding: 5px;
padding-left: 15px;
padding-right: 15px;
background-color: #e8f2fe;
text-align: justify;
vertical-align: top;
font-weight: normal;
}
table.zpravy-hp td.leva{
float: left;
}
table.zpravy-hp td.prostredni{
width: 10px;
background-color: white;
}
table.zpravy-hp tr.prostredni{
height: 15px;
background-color: white;
}
table.zpravy-hp h1 {
font-size: 1.3em;
font-weight: bold;
color: #b1150c;
padding: 5px 0 10px 0;
}
.cely-clanek a {
float: right;
color: #b1150c;
padding-top: 10px;
padding-bottom: 10px;
}
/*** right ***/
.right-name{
width: 194px;
background-image: url(/images/main/partneri-pozadi.gif);
background-repeat: repeat-x;
}
.right-name a{
color: white;
text-decoration: none;
margin-left: -18px; /* kvuli PROC NAKUPOVAT U NAS PRAVY SLOUPEC */
}
.right-name b{
display: block;
padding: 6px 0px 5px 34px;
color: white;
}
.right-login{
width: 194px;
margin-top: 8px;
background: rgb(132,184,226);
padding-bottom: 3px;
}
.right-login-name{
height: 24px;
background: rgb(235,247,255);
}
.right-login-name b{
display: block;
float: left;
width: 32px;
height: 24px;
background: rgb(132,184,226) url(/images/main/bottom_back_03.gif) no-repeat center center;
}
.right-login-name strong{
display: block;
float: left;
padding: 4px 0px 0px 7px;
}
.right-login-form{
padding: 6px 0px 5px;
font-size: 0.85em;
}
.right-login-input{
text-align: right;
vertical-align: baseline;
}
.right-login-input span{
position: relative;
top: -3px;
}
.right-login-input input{
width: 91px;
margin: 3px 11px 3px 12px;
}
input.right-login-submit{
border: none;
width: 57px;
height: 21px;
margin: auto 9px auto auto;
display: block;
}
.right-login-a-01{
width: 181px;
display: block;
margin: auto;
background: rgb(219,237,253) url(/images/main/bottom_back_04.gif);
color: black;
text-decoration: none;
border: 1px solid white;
}
.right-login-a-01 b{
display: block;
padding: 4px 0px 4px;
text-align: center;
}
.right-login-a-01:hover{
background: rgb(43,123,187) url(/images/main/bottom_back_04.gif);
text-decoration: underline;
color: white;
}
.right-login-a-02{
width: 181px;
display: block;
margin: 3px auto auto;
background: url(/images/main/bottom_back_05.gif) no-repeat left center;
color: black;
font-size: 0.85em;
}
.right-login-a-02:hover{
background: rgb(43,123,187) url(/images/main/bottom_back_05.gif) no-repeat left center;
color: white;
}
.right-login-a-02 span{
display: block;
padding: 4px 0px 4px 24px;
text-align: left;
}
.right-logged-name{
background: url(/images/main/bottom_back_06.gif) no-repeat right center;
padding: 4px 0px;
height: 17px;
}
.right-logged-name span{
display: block;
float: left;
padding: 4px 4px 0px 5px;
}
.right-logged-name b{
border: 1px solid rgb(43,123,187);
display: block;
float: left;
width: 94px;
padding: 3px 2px 2px 3px;
font-weight: normal;
background: rgb(255,242,216);
}
.right-logged{
width: 170px;
display: block;
margin: auto;
padding: 3px 0px 2px;
background: url(/images/main/bottom_back_07.gif) no-repeat left center;
color: black;
font-size: 0.85em;
}
.right-logged-a{
width: 170px;
display: block;
margin: auto;
padding: 3px 0px 2px;
background: url(/images/main/bottom_back_07.gif) no-repeat left center;
color: black;
font-size: 0.85em;
}
.right-logged span{
display: block;
padding-left: 15px;
}
.right-logged-a span{
display: block;
padding-left: 15px;
}
.right-logged span b{
font-weight: normal;
}
.right-logged-a span b{
font-weight: normal;
}
.right-logged-span{
width: 170px;
display: block;
margin: auto;
padding: 3px 0px 2px;
background: url(/images/main/bottom_back_07.gif) no-repeat left center;
color: black;
font-size: 0.85em;
display: block;
padding-left: 15px;
}
.right-logged-discount{
width: 170px;
margin: 8px auto 5px;
padding: 3px 0px 2px;
background: url(/images/main/bottom_back_07.gif) no-repeat left center;
color: black;
font-size: 0.85em;
}
.right-logged-discount span{
display: block;
padding-left: 15px;
}
.right-logged-discount b{
color: rgb(216,38,28);
}
.right-items{
width: 194px;
background: rgb(170,207,237);
margin: 2px auto;
}
.stinovani {
width: 194px;
height: 10px;
}
.ram-stinovani {
background-color: white;
}
.right-items-in{
padding: 5px 0px;
font-size: 0.85em;
}
.right-list-num{
list-style-type: decimal;
padding: 0px 10px;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
left: 5px;
}
.right-list-num li{
padding: 3px 0px 2px;
}
.right-list-num a{
color: black;
text-decoration: none;
font-weight: bold;
}
.right-list-num a:hover{
text-decoration: underline;
}
.right-items-block{
padding: 5px 0px;
}
.right-items-block .items-list-img-block-in-full{
background-color: rgb(170,207,237);
}
.right-cart{
width: 194px;
padding: 12px 0px 2px 0px;
}
.right-cart-name{
height: 24px;
background: rgb(235,247,255);
}
.right-cart-name b{
display: block;
float: left;
width: 32px;
height: 24px;
background: rgb(202,192,221) url(/images/main/bottom_back_08.png) no-repeat center bottom;
}
.right-cart-name strong{
display: block;
float: left;
padding: 4px 0px 0px 7px;
}
.right-cart-name a{
text-decoration: none;
color: black;
}
.right-cart-name a:hover{
text-decoration: underline;
}
.right-cart-in{
background: rgb(202,192,221);
font-size: 0.85em;
}
.right-cart-in div{
padding: 5px 7px;
text-align: center;
}
.right-cart-in b{
display: block;
padding: 10px 0px;
border-bottom: 1px solid rgb(130,130,130);
}
.right-cart-in b span{
display: block;
font-weight: normal;
padding: 3px 0px;
}
.right-cart-in b i{
display: block;
font-weight: normal;
font-style: normal;
}
div.right-cart-bottom{
padding: 10px 0px 0px;
border-top: 1px solid black;
}
.right-cart-bottom strong{
display: block;
padding: 2px 0px 7px;
}
.right-cart-bottom span{
display: block;
padding: 3px 0px;
color: rgb(1,127,1);
font-weight: bold;
}
.right-parts{
padding: 0px 0px 10px;
}
.right-parts img{
display: block;
margin: 15px auto auto;
}
/*** menu ***/
.menu{
width: 229px;
}
.menu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
.menu ul li{
margin: 0px;
padding: 0px;
line-height: 120%;
border-top: 1px solid rgb(65,118,175);
}
.menu ul ul{
border-top: 1px solid white;
border-bottom: 1px solid white;
display: none;
}
.menu ul .menu-active-ul{
display: list-item;
}
.menu ul ul ul{
border: none;
padding: 0px 0px 5px;
}
.menu ul ul li{
border: none;
padding: 0px;
display: none;
}
.menu ul .menu-active-ul li{
display: list-item;
}
.menu ul ul .menu-active-li a{
text-decoration: underline;
}
.menu ul ul .menu-active-li strong{
font-weight: bold;
text-decoration: underline;
}
.menu ul ul a.menu-active-li2{
text-decoration: underline;
}
.menu ul li a{
display: block;
width: 229px;
background: rgb(77,106,138) url(/images/main/menu_01.gif) no-repeat left center;
color: white;
text-decoration: none;
padding: 5px 0px 4px;
font-size: 0.95em;
}
.menu ul li a:hover{
background-color: #102135;
}
.menu ul ul li a{
background: rgb(207,232,252) url(/images/main/menu_02.gif) no-repeat left center;
color: black;
padding: 4px 0px 3px;
font-size: 0.85em;
}
.menu ul ul li a:hover{
background-color: rgb(180,221,253);
}
.menu ul ul ul li a{
background: url(/images/main/menu_03.gif) no-repeat left center;
color: rgb(216,38,28);
padding: 3px 0px 2px;
font-size: 0.8em;
}
.menu ul ul ul li a:hover{
background-color: white;
}
.menu ul a:hover{
text-decoration: underline;
}
.menu ul li a strong{
display: block;
padding-left: 27px;
}
.menu ul ul li a span{
display: block;
padding-left: 49px;
font-weight: bold;
}
.menu ul ul ul li a strong{
padding-left: 62px;
font-weight: normal;
}
.menu-search{
width: 229px;
padding: 8px 0px 10px;
font-size: 0.85em;
}
.menu-search table{
width: 229px;
}
.menu-search td{
padding: 2px 0px 2px;
}
.menu-search-col-01{
width: 80px;
}
.menu-search select{
width: 130px;
font-weight: normal;
margin-left: 7px;
border: 1px solid rgb(220,202,180);
}
.menu-search table input{
display: block;
border: none;
width: 61px;
height: 21px;
margin-right: 11px;
}
.menu-search b{
display: block;
text-align: right;
}
.menu-jakou{
display: block;
width: 227px;
border: 1px solid rgb(22,78,129);
font-size: 0.85em;
color: white;
margin: auto;
text-decoration: none;
}
.menu-jakou:hover{
text-decoration: underline;
}
.menu-jakou b{
display: block;
background: black url(/images/main/menu_jak.gif) repeat-x;
text-align: center;
border: 1px solid rgb(235,247,255);
padding: 6px 0px 5px;
}
.menu-name{
width: 229px;
/*background: rgb(216,38,28);*/
background-image: url(/images/main/partneri-pozadi.gif);
background-repeat: repeat-x;
color: white;
padding: 7px 0px 6px;
font-size: 0.9em;
border-bottom: 3px solid white;
margin-top: 12px;
}
.menu-name b{
display: block;
text-align: right;
padding-right: 26px;
}
.menu-name a{
color: white;
text-decoration: none;
}
.menu-name a:hover{
text-decoration: underline;
}
/*** home ***/
.home-blocks{
width: 524px;
padding-top: 15px;
}
.home-blocks-left{
float: left;
width: 240px;
}
.home-blocks-right{
margin-right: 0px;
width: 240px;
}
/*** main-proc ***/
.menu-proc{
/*width: 229px;*/
width: 189px;
padding-left: 5px;
background: rgb(170,207,237);
margin-bottom: 6px;
}
.menu-proc div a{
color: white;
}
.menu-proc a{
text-decoration: none;
color: black;
}
.menu-proc ul{
list-style-type: none;
background: url(/images/main/proc2.gif) no-repeat top left;
/*margin: auto;*/
margin:auto;
padding: 0px;
height: 276px;
font-size: 0.9em;
}
.menu-proc li{
margin: auto;
padding: 0px;
/*width: 215px;*/
width: 185px;
position: absolute;
margin-left: 3px;
display: none;
line-height: 130%;
}
.menu-proc span{
display: block;
padding: 19px 10px 0px 30px;
}
.menu-proc li b{
display: block;
padding-bottom: 8px;
}
li.menu-proc-actual{
display: list-item;
}
.proc{
padding-top: 20px;
padding-bottom: 20px;
margin-right: 14px;
}
.proc li{
padding-top: 8px;
padding-bottom: 8px;
text-align: justify;
}
/*** main-footer ***/
.main-footer-mw{
font-size: 0.8em;
text-align: center;
padding: 10px 0px 30px;
}
.main-footer-mw strong{
display: block;
padding-bottom: 5px;
}
.main-footer-mw a{
color: rgb(123,104,87);
}
.main-footer-mw a:hover{
text-decoration: none;
}
#counterimg{
width: 1px;
height: 1px;
margin: 0px;
border: none;
visibility: hidden;
}
img.footer-ewait{
display: block;
width: 1px;
height: 1px;
visibility: hidden;
position: absolute;
}