HTML,BODY {margin:0; padding:0; border:0 none; background:url("/uploads/images/css/background4.jpg") center top repeat-x #a9acb2; color:#a0a0a0; font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; text-align:center; }
BODY {font-size:71%; line-height:130%;}
FORM {margin:0; padding:0;}
IMG {border:0 none;}
TABLE {font-size:100%;}
INPUT,TEXTAREA,SELECT {font-family: font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; font-size:100%;}

P,H1,H2,H3,H4,H5,H6 {margin:0; padding:8px 0; }

H1 { font-size:130%; font-style:italic; font-weight:normal; color:#ffffff; }
H2 { font-size:120%; font-style:italic; font-weight:normal; color:#eee;}
H3 {font-size:100%; color:#ffffff;}
H4 {font-size:110%; color:#ff0000;}
H5 {font-size:100%; color:#ff0000;}
H6 {font-size:100%; color:#ff0000;}

.nadpis {padding:0 0 8px 18px; font-size:120%; font-weight:normal; text-transform:uppercase; font-style:italic;  background:url("/uploads/images/css/title-back.gif") 0 100% no-repeat; }
.podnadpis {padding:0px 0 12px 0; font-size:120%; font-weight:normal; text-transform:uppercase; font-style:italic;}
.podnadpis STRONG,.nadpis STRONG {color:#ff0000; font-weight:normal;}

.podnadpis2 {padding:0px 0 8px 0; background:url("/uploads/images/css/dashed.gif") 0 100% repeat-x; font-size:120%; font-weight:normal; text-transform:uppercase; font-style:italic; color:#ff0000;}
.podnadpis2 A {color:#ba1900; text-transform: uppercase;}



A {color:#bbb; text-decoration:underline; outline-width: 0;}
A:hover {text-decoration:none; color:#aa0303;}

#site-case {}
#site {margin:0 auto; padding:20px 0;  width:835px; text-align:left;  position:relative;}


div.lang {position:absolute; top:20px; left:-22px; width:18px;}
div.lang IMG {margin-let:5px; display:block; margin-bottom:8px; overflow:hidden; width:18px; height:12px; }

div.content-left {float:left; width:182px;  position:relative; }
* HTML BODY div.content-left {overflow:hidden;}
/*
div.content-left div.lang {position:absolute; top:-40px; left:0px; width:182px; height:36px; background:url("/uploads/images/css/lang-back2.png") no-repeat; padding:10px 0 0 0; color:#cecece; text-align:center;}
div.content-left div.lang A {color:#494949; font-weight:bold; text-decoration:none; }
div.content-left div.lang A:hover {color:#494949; text-decoration:underline;}
div.content-left div.lang span,div.content-left div.lang a {position:relative; top:8px;padding-left:10px;}*/

#logo {padding-bottom:0px;}
#logo H2 {margin:0; padding:0; font-size:100%; }

div.block-bottom,div.block-top {height:12px; line-height:0; font-size:0;}
div.block-top {background:url("/uploads/images/css/block-top.png") no-repeat;}
div.block-bottom {background:url("/uploads/images/css/block-bottom.png") left top no-repeat; height:18px; *margin-bottom:8px;}
* HTML BODY div.block-bottom { height:10px;}
div.block {background:url("/uploads/images/css/block-back.gif") 0 100% repeat-x #000000; padding:8px 14px;}
* HTML BODY div.block {width:100%;}
div.block .podnadpis2  A {color:#ff0000; text-decoration:none}
div.block .podnadpis2  A:hover {color:#ff0000; text-decoration:underline}

div.online {}
div.online UL,div.online UL LI {margin:0; padding:0; list-style:none; backgorund:none;}
div.online UL LI {padding:5px 0 5px 18px; background:url("/uploads/images/css/newstitle-back.gif") 0 100% no-repeat;}
div.online UL LI A {color:#aaa; text-decoration:none;}
div.online UL LI.active A,div.online UL LI A:hover {color:#aaa; text-decoration:underline;}
div.online UL LI.active A {color:#ba1900}
div.online UL LI STRONG A {text-transform:uppercase; letter-spacing:1px;}

div.news H2 {margin:10px 0 0 0; padding:0 0 5px 18px; font-size:100%; color:#ba1900; font-size:110%; font-weight:bold; background:url("/uploads/images/css/newstitle-back.gif") 0 100% no-repeat;}
div.news H2 A,div.news H2 A:hover {color:#ba1900; text-decoration:none;}
div.news H2 A:hover {text-decoration:underline;}
div.news P.date { margin:0; padding:4px 0 0 0; color:#b1b1b1;}
div.news P {margin:0; padding:3px 0 6px 0; color:#a0a0a0;}
div.news P A,div.news P A:hover {color:#808080; text-decoration:none;}
div.news P A:hover {text-decoration:underline;}

div.block div.kontakt {width:150px;}
* HTML BODY div.block div.kontakt {overflow:hidden; }
div.block div.kontakt strong {colo:#b1b1b1;}
div.block div.kontakt A {color:#808080; text-decoration:none;}
div.block div.kontakt A:hover {color:#808080; text-decoration:underline;}
div.block div.kontakt p.karty {margin:0 0 -15px 0; padding:0; position:relative; left:-10px;}

div.content-blocks div.news H2 {padding-bottom:2px;}

div.content div.news H2 {padding-bottom:5px; background:url("/uploads/images/css/title-back.gif") 0 100% no-repeat;  }
div.content div.news .viac {display:none }

 
div.content-right {float:right; width:642px;}

div.menu {width:100%; background:url("/uploads/images/css/menu-back2.gif") 0 0px no-repeat; position:relative; top:0; left:0; height:76px; font-size:110% }
div.menu UL,div.menu UL LI {margin:0; padding:0; list-style:none; background:none;}
div.menu UL {padding-left:10px;;}
div.menu UL LI  {position:relative; top:0; width:97px; height:1em;    float:left; text-transform:uppercase; color:#a3a2a2; font-style:italic; text-align:center;}
div.menu UL LI A {display:block; padding-top:33px; color:#ccc; text-decoration:none; width:97px; height:48px; position:absolute; top:-11px; left:0; }
div.menu UL LI A:hover {text-decoration:none; color:#eee; text-decoration:underline;}
div.menu UL LI.active { color:#ffffff;}
div.menu UL LI.active A {color:#ffffff; text-decoration:none; background:url("/uploads/images/css/menu-hover2.png") no-repeat;}

#top {width:100%; height:244px; margin-top:2px; margin-bottom:10px; position:relative; top:0; left:0; overflow:hidden; }
#top .promo {position:relative; width:100%; height:244px;}
#top div.promo img {display:block;}
#top div.promo .caption {position:absolute; top:0; right:30px; }
#top div.promo .caption .pleft {float:left; width:10px; height:32px; background:url("../uploads/images/css/promo-title-left.png") no-repeat;}
#top div.promo .caption strong {float:left; padding:10px 15px; height:12px; background:url("../uploads/images/css/promo-title-back.gif") repeat-x #000000; color:#bbb;}
#top div.promo .caption .pright {float:left; width:10px; height:32px; background:url("../uploads/images/css/promo-title-right.png") no-repeat;}
#top .jquery-corner {position:relative; z-index:10;}

div.content-top,div.content-bottom {width:100%; height:13px; font-size:0; line-height:0; background:url("/uploads/images/css/content-top.png") 0 100% no-repeat; clear:both;}
div.content {padding:12px 20px; background:url("/uploads/images/css/content-back.gif") 0 100% repeat-x #000000; }
div.content-case {position:relative;}
div.content-bottom {background:url("/uploads/images/css/content-bottom.png") no-repeat; height:22px;}

div.content .viac {float:right; margin:0; padding:0;}

.content-blocks {}
.content-text-case {clear:both;}
.content-text-case .perex-image,.content-blocks .perex-image {float:left;  padding-bottom:8px; background:url("/uploads/images/css/perex-shadow.png") 50% 100% no-repeat;  }
.content-text-case .perex-image .case, .content-blocks .perex-image .case {position:relative;  width:172px; height:162px;}
.content-text-case .perex-image A, .content-blocks .perex-image A { float:left;}
.content-text-case .perex-image IMG, .content-blocks .perex-image IMG {  float:left; display:block; width:172px; height:162px;}
.content-text-case .content-text,.content-blocks .content-text {float:right; width:415px;}
.content-blocks .news {padding:10px 0;}
table.preprava .perex-image {width:130px; height:90px; float:none; }
table.preprava .perex-image .case {width:130px; height:90px}
table.preprava .perex-image img {width:130px; height:90px; }

div.products {padding-top:10px; padding-bottom:10px; clear:both; border-bottom:1px solid #444}
div.products .perex-image {padding-top:10px;}
div.products .perex-image .case {width:216px; height:124px;}

div.products .perex-image  IMG {width:auto; height:auto; width:216px; height:124px;}
div.products .content-text {}
div.products .content-text  {width:370px;}
div.products .content-text .objednat {padding:1px 10px; float:right; background:#cd0000; font-weight:bold; color:#fff;}
* HTML BODY div.products .content-text .objednat {width:60px; text-align:center;}
div.products .content-text .objednat A {color:#fff; text-decoration:none; }
div.products .content-text .objednat A:hover {text-decoration:underline}

div.products .content-text TABLE {margin-bottom:5px; margin-top:4px; width:100%; font-size:90%; border-collapse:collapse; }
div.products .content-text TABLE TR TH,div.products .content-text TABLE TR TD {padding-left:5px; padding-right:5px; text-align:left;}
div.products .content-text TABLE TR TH {border-bottom:2px solid #666;}
div.products .content-text TABLE TR TD {border-bottom:1px solid #666;}
div.products .content-text TABLE TR TD .old {text-decoration: line-through;}
div.products .content-text TABLE TR TD.td-hover {background:#333;}
div.products .content-text TABLE TR .price {text-align:right;}
div.products .content-text P {margin:0; padding:0;font-size:90%;}
div.products div.product-info {padding-top:3px; clear:both;}
div.products div.product-info P {marign:0; padding:0; }

div.product-akcia .content-text TABLE TR TD.price, .content-text TABLE TR TD.price .akciaclass {color:#ff0000;}
div.product-akcia .content-text TABLE TR TD.price .old, .content-text TABLE TR TD.price .akciaclass  .old{color:#808080; }

div.doplnky  .akciaclass {color:#ff0000;}
div.doplnky .akciaclass  .old{color:#808080; text-decoration: line-through;}

div.doplnky {float:left; width:32%; padding:10px 0 0 0;}
div.doplnky H3 {font-size:100%; margin:0; padding:0 5px; font-weight:normal; color:#ddd; font-style:italic; text-transform:uppercase;}
div.doplnky P.price {margin:0; padding:0 5px 5px 5px; font-size:90%; line-height:130%;}  
div.doplnky div.perex-image {width:150px; height:100px; position:relative; margin:0 auto;}
div.doplnky div.perex-image .case {width:150px; height:100px; }
div.doplnky div.perex-image .case img {width:150px; height:100px; }

.tabulka {margin:8px 0; width:100%; font-size:90%; border-collapse:collapse;}
.tabulka TR TH,.tabulka TR TD {padding:2px 5px; text-align:left;}
.tabulka TR TH {border-bottom:2px solid #666; background:#333;}
.tabulka TR TD {border-bottom:1px solid #666;}
.tabulka TR TD .old {text-decoration: line-through;}
.tabulka TR TD.td-hover {background:#333;}
.tabulka TR .price {text-align:right; white-space:nowrap;}
.tabulka TR.akcia  TD,.tabulka TR  TD span.akciaclass   {color:#ff0000;}
.tabulka TR.akcia  TD .old,.tabulka TR  TD span.akciaclass .old {color:#808080;}
.tabulka TR.blank TD { height:2em;}


.tabulka tr.head td {background:#c00000; text-align:center; color:#fff; font-weight:bold; border-bottom:0 none}

div#autopark {z-index:1; position:relative; width:100%;}
div.autopark {width:419px;  float:left; height:151px; position:relative; display:block; z-index:1; }
div.autopark .perex-image { width:419px;  position:relative; top:0; left:0; z-index:1}
div.autopark .perex-image .case {width:419px;height:151px;}
div.autopark .perex-image .case a IMG {width:419px; height:151px;}
#content-text {width:160px; float:right;}
#content-text H2 {color:#ff0000; padding:0 0 10px 0; font-weight:normal; font-style:italic; font-size:110%; text-transform:uppercase; background:url("/uploads/images/css/dashed.gif") 0 100% repeat-x;}
#content-text H2 A {color:#ff0000; text-decoration:none;}
#content-text H2 A:hover {text-decoration:underline}
#content-text .desc {padding:6px 0; color:#808080; background:url("/uploads/images/css/dashed.gif") 0 100% repeat-x;}
#content-text .nav {padding:5px 0 5px 0; color:#808080; background:url("/uploads/images/css/dashed.gif") 0 100% repeat-x; text-align:left; }
#content-text .nav strong {color:#ffffff; font-weight:normal; }

.next,.prev {width:32px; height:27px;  position:absolute; z-index:10; top:60px;  display:none; }
.prev {left:-13px; }
.next {left:400px; }

#content-text .button {padding:6px 0 0 0;}
#content-text .button A {display:block; width:160px; height:45px; background:url("/uploads/images/css/button.png") no-repeat; color:#ffffff; text-decoration:none; text-align:center; font-weight:bold; padding-top:7px; line-height:110%; } 
#content-text .button A:hover {color:#ddd;  text-decoration:none;}}
#top div.promo img {display:block;}

div.warning {background:#e8ecf1; padding:5px 0px 5px 26px ;}

body.de div.form  table td {padding-left:16px;}
body.de div.form table tr td input,div.form table tr td textarea {width:400px;}

div.form { border-left:1px solid #666; border-right:1px solid #666;  padding:0px; overflow:hidden; clear:both; width:100%; }
div.form  table {width:100%;position:relative;  border-bottom:1px solid #666; }
div.form  table td {padding:4px 0px 4px 26px; vertical-align:middle;}
div.form  table td.label {width:120px !important; font-weight:bold;}
div.form  table tr.empty td {background:#666; padding:0; line-height:0; font-size:0; height:1px;}
div.form  table tr.blank td {}
div.form table tr td input,div.form table tr td textarea {border:0 none; background:#aaa; border:2px solid #fff; }
div.form table tr td select, div.form table tr td select option {background:#aaa; border:0 none; }
div.form table tr td input,div.form table tr td textarea {padding:3px 4px; width:410px; }
div.form table tr td select {border:2px solid #fff;  }
div.form table tr td select option {}
div.form table tr td textarea  {height:80px;}
div.form table tr td .radio input {margin:0; padding:0; width:auto; background:#fff !important; }
div.form table tr td.radio2 input {margin:0; padding:0; width:auto; background:#fff !important; width:auto; }
div.form table TR TD.td-hover {}
div.form table TR TD.td-hover INPUT,div.form table TR TD.td-hover textarea,div.form table TR TD.td-hover select {background:#ccc; border:2px solid #ccc;   }
div.form table TR TD.td-hover select  {border:0 none;} 
div.form table TR TD .input-hover {background:#ddd;}
div.form table tr td  .login-info {padding:0px 16px; float:right;}
div.form table tr.result td {font-weight:bold;}
div.form table tr.result td H6 {margin:0; padding:0; font-weight:bold; font-size:130%; color:#ccc}

/*
div.form {background:#333; padding:0px; overflow:hidden; clear:both;}
div.form  table {width:100%;position:relative;}
div.form  table td {padding:2px 0px 2px 26px;}
div.form  table td.label {width:120px !important;}
div.form  table tr.empty td {background:#000; padding:0; line-height:0; font-size:0; height:2px;}
div.form  table tr.blank td {}
div.form table tr td input,div.form table tr td textarea {border:0 none; background:#888; }
div.form table tr td select, div.form table tr td select option {background:#888; }
div.form table tr td input,div.form table tr td textarea {width:98%;}
div.form table tr td select option {padding:4px 5px;}
div.form table tr td textarea  {height:80px;}
div.form table tr td .radio input {width:auto; background:none; }
div.form table TR TD.td-hover {background:#494949;}
div.form table TR TD .input-hover {background:#bbb}
div.form table tr td  .login-info {padding:0px 16px; float:right;}
div.form table tr.result td {font-weight:bold;}
div.form table tr.result td H6 {margin:0; padding:0; font-weight:bold; font-size:130%; color:#ccc}*/

div.form .error  {padding:10px 26px;}
div.form span.error {padding:0;}
.submit input,div.form table tr td .submit input {width:auto !important; background:#cc0000; border:1px solid #cc0000; cursor:pointer; cursor:hand; color:#fff; font-weight:bold; text-transform:uppercase;}
.radio input {background:none !important; border:0 none !important; color:none !important}

div.icons {padding-top:6px;}
div.icons A:hover {opacity:0.7; filter: alpha(opacity=70);}
div.icons IMG {margin-left:6px; margin-right:0px; overflow:hidden;}

#foot {clear:both; color:#5d5d5d; padding-top:5px;}
#foot A {color:#5d5d5d; text-decoration:none;}
#foot A:hover {color:#777; text-decoration:underline;}
#foot p.copy {float:left; margin:0; padding:0; width:40%;}
#foot p.links {float:right; width:55%; margin:0; padding:0; text-align:right;}
#foot p.links strong {color:#5d5d5d; }
#foot .dph {clear:right; float:right; padding-top:10px; padding-bottom:5px; text-align:right; color:#111; width:410px;}
#foot .cards {width:420px; float:left; clear:left; margin:0; padding:12px  0 5px 0 ;}

div.cleaner {clear:both; width:1px; height:0; font-size:0; line-height:0; }
.perex-image .case .jquery-corner {position:relative;}
.viac {margin:0; padding:0 0 0 18px !important; color:#b1b1b1; background:url("/uploads/images/css/arrow.gif") 0 100% no-repeat;}
.viac A {color:#b1b1b1; text-decoration:underline;}
.viac A:hover { text-decoration:none;}
.error {color:#dd0000; font-weight:bold;}
.cervena {color:#cc0000;}
.cervena2 {color:#ff0000;}
.biela {color:#fff;}
.eurocena {font-weight:bold;}

div.vip {padding-top:20px; clear:both;}
div.vip IMG {float:left;} 
div.vip H2 { padding:20px 0 0 30px;  float:left;}
div.vip .cleaner {height:15px;}

div.logininfo {padding:10px 0 0 0;}
div.logininfo H2 {padding:0 0 10px 0; background:transparent url(/uploads/images/css/dashed.gif) repeat-x scroll 0 100%;}
div.logininfo P.link {padding:0; margin:0; float:right; text-transform:lowercase}
