/* CSS Document */
body {padding:0; margin:0}
#body-in {font-family: Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
	font-size:70%;  color:#000;  padding:0; margin:0;  text-align:center; background:#EEEEEE url('background.png') top left repeat-x}


a img{border:none;}
a.description {text-decoration:none}
a.description:hover {text-decoration:underline}
p {margin:0;padding:3px 0}
form {padding:0 0 5px 0; margin:0; line-height:1.5em}
table {font-size:100%}
table td, table th {text-align:left;}

.field_warning {background:#FFCFDE;}
.tac {text-align:center}
.tar {text-align:right}
.tal {text-align:left}
.vat {vertical-align:top}
.vam {vertical-align:middle}
.clearer-l {clear:left; height:1px; overflow:hidden; margin:0; padding:0;}
.clearer-r {clear:right; height:1px; overflow:hidden; margin:0; padding:0;}
.red {color:#FF0000}
.big-strong {font-size:120%; font-weight:bold}
.hide {display:none;}
.w100p {width:100%;}
.w150 {width:148px;}
.w450 {width:450px;}
.info, .userNotify {border:3px double #80B041; padding:10px; color:#80B041; font-weight:bold;}
.info a, .userNotify a {color:#618F23; font-weight:bold;}
.input_warning {background:#FFCFDE;}

hr {background:#E71F3A; color:#E71F3A; border:0; height:2px;}

#page-container {width:1088px; margin:0 auto;}
#page-container-l {background: url('background-l.png') top left no-repeat}
#page-container-r {background: url('background-r.png') top right no-repeat}
#page-container-in {width:916px; text-align:left; margin: 0 auto; position:relative}
#page-container-top {height:26px;}
#page-container-top1 {background: url('background-top1.png') top left no-repeat; position:absolute; top:0; left:0; width:492px; height:26px;}
#page-container-top2 {background: url('background-top2.png') top left no-repeat; position:absolute; top:0; left:492px; width:424px; height:26px;}

#content { background:#FFF; }

#col-main {margin-left:215px; padding-bottom:100px; padding-top:8px;}
#col-main-in {float:left; width:478px}
#col-main-in-basket {float:left; width:700px}
#col-main-in1{position:relative; width:100%}

#col-main h1, #col-main h2 { background:#F6F6F6 url('col-main-bar.png') bottom left repeat-x;font-size:120%; color:#E71F3A;margin:10px 0 0 0}
#col-main h1 span, #col-main h2 span {display:block; padding:10px 0 10px 10px;  background: url('col-main-bar-r.png') bottom right no-repeat; }


/*#col-main h1.himg,#col-main h2.himg { height:32px; position:relative; margin:10px 0 0 0; line-height:32px; font-size:120%; color:#E71F3A; background:#F6F6F6}*/
#col-main h1.himg,#col-main h2.himg { min-height:32px; position:relative; margin:10px 0 0 0; line-height:16px; font-size:120%; color:#E71F3A; background:#F6F6F6}
#col-main h1.himg span,#col-main h2.himg span {width:478px; min-height:32px; position:absolute; top:0; left:0; padding:0}
#col-main h2.actualits span {background: url('actualits.png') top left no-repeat}
#col-main h1.velcome span {background: url('velcome.png') top left no-repeat}
#col-main h1.col-main-conversation span {background: url('col-main-conversation.png') top left no-repeat}
#col-main h1.col-main-foto span {background: url('foto.png') top left no-repeat}
#col-main h1.col-main-akcion span {background: url('col-main-action.png') top left no-repeat}
#col-main h1.registration span {background: url('registration.png') top left no-repeat}


/*
h1, h2 { height:32px; position:relative; margin:10px 0 0 0; line-height:32px; font-size:120%; color:#E71F3A; background:#F6F6F6}
h1 span, h2 span {width:478px; height:32px; position:absolute; top:0; left:0}
h2.actualits span {background: url('actualits.png') top left no-repeat}
h1.velcome span {background: url('velcome.png') top left no-repeat}
h1.col-main-conversation span {background: url('col-main-conversation.png') top left no-repeat}
h1.col-main-foto span {background: url('foto.png') top left no-repeat}
h1.col-main-akcion span {background: url('col-main-action.png') top left no-repeat}
h1.registration span {background: url('registration.png') top left no-repeat}
*/




.col-main-actualits {border-bottom: solid 2px #E71F3A}
.col-main-actualits a  { text-decoration:none}
.col-main-actualits a:hover {text-decoration:underline}
.black {color:#000}




#goodsOneInList {}
/*
#goodsOneInList h1, #detail h1 {background:#F6F6F6 url('col-main-bar.png') top left repeat-x;}
#goodsOneInList h1 span, #detail h1 span {background: url('col-main-bar-r.png') top right no-repeat; display:block; width:468px ; margin:0 0 0 10px}
*/
#goodsOneInList h2 span {background:#F6F6F6; padding:10px }
#goodsOneInList h2 span a {color:#E71F3A; text-decoration:none}
#goodsOneInList h2 span a:hover {text-decoration:underline}
#detail form {padding:0}

.goods {width:100%; border: solid 1px #BFBFBF; border-left:none;}
table.goods tr td.style1 {vertical-align:top;}
table.goods tr td.style2 {border-top: solid 1px #BFBFBF;  padding:5px}
table.goods tr td.style2 img {padding-left:3px;}
table.goods tr td.style4 {border-top: solid 1px #bfbfbf; padding:3px 0;}

table.goods  {border-right:solid 1px #BFBFBF;border-bottom:solid 1px #BFBFBF; border-collapse:collapse}
table.goods tr td p a {color:#000; text-decoration:none}
table.goods tr td p a:hover {text-decoration:underline}
table.goods tr td {border:none}
table.goods .to-detail {padding-right:10px; text-align:right; margin:5px 0;}
table.goods .to-detail a {color:#000; font-weight:bold;}



#detail-in {border-bottom:solid 1px #BFBFBF; }
#detail-left {float:left; width:248px;}

#detail-right {float:right; width:229px; }
.equipment {padding:5px; border-bottom:solid 1px #BFBFBF}
.buttons {padding:10px}

.schedule { margin-top:10px; width:100%;}
.schedule #table-termin .priceList {border:1px solid #DAD7D7; border-right:none; font-size:90%;}
.schedule #table-termin .priceList th{border:1px solid #DAD7D7; border-left:none; padding:5px; background:#FFE65F; font-weight:100; color:#000;}
.schedule #table-termin .priceList td{border:1px solid #DAD7D7; border-left:none; padding:5px; background:#fff;}

.schedule #table-termin td {background:#F6F6F6; color:#000; padding:3px;}
.schedule #table-termin th {background:#D91933; color:#fff; vertical-align:middle; padding:5px;}
/* registrace */
#registration form {line-height:1em; margin:0 0 10px 0}
#registration h2 {width:250px; height:23px; margin-bottom:5px; background:#E82C46; color:#FFF; text-align:center; font-size:120%; line-height:23px}
#registration p {margin-bottom: 10px; padding:0}
#registration p span.comentation {color:#A9A0A0; font-size:90%;}
.registration-sections-left {float:left; margin:0 10px 0 0; padding:0; width:250px}
.registration-sections-right {float:left; margin:5px 0; padding:0; width:200px}
#registration table {font-size:100%;width:250px}
#registration table td {width:120px}
#registration table td input {width:130px}
#registration .dealer input{width:35px; display:inline;vertical-align:middle}
#registration .instrukcion {color:#414141; width:100%}
#registration .instrukcion span {color:#A9A0A0;font-size:80% }
#registration .button {width:122px}
/* konec registrace */






#conversation-form {width:100%}
#conversation-form td textarea {width:100%; height:100px}
.messenge {width:366px; padding:0;border:solid 1px #E4E4E4; margin:5px 0 0 0; float:left}
.messenge .top { padding:0 5px; margin:0; height:2em;line-height:2em; color:#014298; background:#E4E4E4;}
.messenge .top-left {float:left}
.messenge .top-right {float:right}
.messenge-in { padding:5px}
.messenge-in .react {width:355px; text-align:right; }
.indent {width:12px; height:15px; background: url('indent.png') top left no-repeat; float:left}
.indent-null {width:12px; float:left; height:15px}

.pagination {margin:10px 0;}
.pagination strong {padding:0 5px;}
.pagination a {color:#000; text-decoration:none; padding:0 5px;}
.pagination a:hover {text-decoration:underline}
.pagingInfo {padding:5px;}




#foot {margin-left:220px; border-top:2px solid #F6F6F6; padding:10px 0;}

#bottom {height:38px; background: url('bottom-bg.png') top left repeat-x}
#bottom-l {background: url('bottom-bg-l.png') top left no-repeat; display:block; height:38px}
#bottom-r {background: url('bottom-bg-r.png') top right no-repeat; display:block; height:38px; padding:0 10px; line-height:38px}
#bottom-text {text-align:right; color:#fff;}
#bottom-text a {color:#fff; font-weight:bold;}

#bottom-mirror {background: #F40C2B url('bottom-mirror-bg.png') top left repeat-x; border:solid 3px #C7C7C7; border-width:0 3px; padding: 10px 5px; color:#EEEEEE; text-align:justify; font-size:90%}
#bottom-mirror a { color:#EEEEEE; text-decoration:underline}





#col-left {position:absolute; top:270px ;left:0px; width:210px; background:#FFF; }
.col-left-right-content {background: #F6F6F6 url('col-left-content-bg.png') bottom left no-repeat; margin:0 0 0 3px; padding:10px}
#col-left .col-left-informace {margin:0px; padding:0px;}

#col-left h2.h2-informace {width:176px; height:auto; font-size:100%; text-align:left; display:block; margin:0 0 5px 0; padding:2px 0; background:none;} 
#col-left h2.h2-informace a {text-decoration:none; color:#000; font-weight:normal; display:block; background:url(arrow.gif) no-repeat left center; padding-left:15px;} 
#col-left h2.h2-informace a:hover {text-decoration:underline} 
 
.registration {width:135px}


#col-right {float:right; width:210px;margin-right:4px;  background:#FFF;}

#col-left .boxTitle, #col-right .boxTitle {width:210px; height:46px; font-size:120%; line-height:46px; margin:10px 0 0 0 ; position:relative; text-align:center; background:#DCD9D9; color:#E82C46}
#col-left .boxTitle span, #col-right .boxTitle span {position:absolute; top:0; left:0; width: 210px; height:46px;}
#col-left .boxTitle.conversation span {background: url('conversation.png') top left no-repeat}
#col-left .boxTitle.partners span {background: url('partners.png') top left no-repeat}
#col-left .boxTitle.infobox span {background: url('info.png') top left no-repeat}
#col-left .boxTitle.login span {background: url('login.png') top left no-repeat}
#col-left .boxTitle.questionnaire span {background: url('questionnaire.png') top left no-repeat}
#col-right .boxTitle.contact span {background: url('contact.png') top left no-repeat}
#col-right .boxTitle.catalogue span {background: url('catalogue.png') top left no-repeat}
#col-right .boxTitle.pictograph span {background: url('pictograph.png') top left no-repeat}

ul.list {margin:0; padding:0;list-style-type:none;}
ul.list li {line-height:1.2em}
ul.list li a {display:block; text-decoration:none; color:#000}
ul.list li a:hover {text-decoration:underline}
ul.list li span {display:block; background: url('arrow.gif') center left no-repeat; margin-bottom:5px; padding:0 0 0 14px }






#head {height:242px}
#head-in {width:916px; height:242px; position:absolute; top:26px; left:0; background:#FFF}

#head-bg1 {position:absolute; top:176px; left:0; background: url('head-bg1.png') top left no-repeat; width:155px; height:67px}
#head-bg2 {position:absolute; top:42px; left:0; background: url('head-bg2.png') top left no-repeat; width:24px; height:134px}
#head-bg3 {position:absolute; top:0px; left:0px; background: url('head-bg3.png') top left no-repeat; width:155px; height:42px}
#head-bg4 {position:absolute; top:0; left:155px; background: url('head-bg4.png') top left no-repeat; width:135px; height:200px}
#head-bg5 {position:absolute; top:0px; left:290px; background: url('head-bg5.png') top left no-repeat; width:157px; height:195px}
#head-bg6 {position:absolute; top:81px; left:447px; background: url('head-bg6.png') top left no-repeat; width:192px; height:114px}
#head-bg7 {position:absolute; top:0px; left:447px; background: url('head-bg7.png') top left no-repeat; width:192px; height:81px}
#head-bg8 {position:absolute; top:0px; left:639px; background: url('head-bg8.png') top left no-repeat; width:277px; height:37px}
#head-bg9 {position:absolute; top:37px; left:639px; background: url('head-bg9.png') top left no-repeat; width:277px; height:110px}
#head-bg10 {position:absolute; top:147px; left:639px; background: url('head-bg10.png') top left no-repeat; width:200px; height:48px}
#head-bg11 {position:absolute; top:147px; left:839px; background: url('head-bg11.png') top left no-repeat; width:157px; height:48px}

#head-menu {position:absolute; top:209px; left:161px; width:755px; height:34px; background:#ED112F url('head-menu-bg.png') top left repeat-x; }
#head-menu-bgl {background: url('head-menu-bg-l.png') top left no-repeat;width:755px; height:34px;}
#head-menu-bgr {background: url('head-menu-bg-r.png') top right no-repeat;width:755px; height:34px;}
#head-menu-in {position:relative; padding:2px 10px 0 10px}

#logo {position:absolute; top:68px; left:24px}

#head-menu ul {margin:0px 10px 0 10px; padding:0; list-style-type:none;}
#head-menu li {position:relative; display:block; line-height:26px; font-size:85%; float:left;}
#head-menu li a {color:#FFF; text-decoration:none; display:block; padding:0 5px; border-right:solid 1px #FFF;}
#head-menu li a:hover {text-decoration:underline}
#head-menu li:first-child {border:none}

#head-menu li ul {display:none; position:absolute; top:26px; left:0; white-space:nowrap; background:#DF0023; margin:0 0 0 0; padding:0px 0 0 0; border:1px solid red; border-top:none;}
#head-menu li.hover ul {display:block; position:absolute; top:0; left:0;  background:#B2B2B2; margin:11px 0 0 0; padding:0px 0 0 0;}
#head-menu li:hover ul, #head-menu li.hover ul {visibility:visible;}
#head-menu li li{float:none; font-size:100%; padding:3px 5px 0 5px; margin:0; display:block;}
#head-menu li li a {display:block; color:#fff;  border-bottom:1px solid #a0a0a0; border:none;}
#head-menu li li.topmenu_li_even {background:#AB1428;}



#newsDetail {width:100%;}
#newsDetail #newsDetailMainImage {float:left; margin-right:10px;}

#newsDetailOtherImages h2 {margin:5px; background:transparent url(col-main-bottom.png) repeat-x left top; color:#F60E2D; font-size:120%; padding:5px;}
#newsDetailOtherImages h2 span {padding-left:5px; font-weight:bold;}
.newsDetailOtherImages-image {float:left; width:101px; border-right:1px solid #FFF9CF;}



#basket {font-size:80%; text-align:left;}
#basket table .price-sum {font-size:120%; color:red;}
#basket h2 {padding:10px 0; background:none; font-size:11pt; text-align:center;}

#basket table .head {font-size:110%; text-decoration:underline;}
#basket table th {padding-left:3px;}
#basket table td {padding:5px 0;}
#basketFormFamilyWinter{padding:5px;}
#basketFormFamilyWinter-in{width:100%;}
#basket_family_note {text-align:center;}
#basket_family_note textarea{width:95%;}

#basket .sumary_children {margin:10px 0;}
#basket .sumary_children th {font-size:120%;}
#basket .sumary_children td {font-size:120%;}

#basket .sumary_children {}

#basket-not-price-list {font-size:10pt; color:#000; text-align:center; font-weight:bold; margin:10px;}



/*******usermenu*********/
#usermenu-menu ul {display:block;}
#usermenu-menu li {display:inline; height:25px; line-height:25px; }
#usermenu-menu li span {margin-left:10px;display:block; line-height:26px; height:28px; width:121px; float:left; text-align:center; background: url('btn-empty.gif') no-repeat left bottom}
#usermenu-menu li a {color:#fff;}
#usermenu-menu li a.bold span {font-weight:bold;}

#usermenu-order-list {margin:0 auto; width:100%; border-left:1px solid #A6CD5F;}
#usermenu-order-list th {background:#A6CD5F; color:#fff; padding:5px; border:1px solid #fff; border-right:1px solid #A6CD5F;}
#usermenu-order-list th a {color:#fff;}
#usermenu-order-list td {border:1px solid #A6CD5F; border-top:0; border-left:0; padding:5px}

#usermenu-order-goods-list {margin:0 auto; width:100%; border-left:1px solid #A6CD5F;}
#usermenu-order-goods-list th {background:#A6CD5F; color:#fff; padding:5px; border:1px solid #fff; border-right:1px solid #A6CD5F;}
#usermenu-order-goods-list th a {color:#fff;}
#usermenu-order-goods-list td {border:1px solid #A6CD5F; border-top:0; border-left:0; padding:5px}
.summary-goods {background:#A6CD5F; color:#fff;}
.summary {background:#A6CD5F; color:#fff; font-weight:bold; font-size:110%;}

#usermenu-order-info {margin:10px auto 0 auto; border-left:1px solid #A6CD5F;}
#usermenu-order-info th {border:1px solid #A6CD5F; border-top:0; border-left:0; padding:5px}
#usermenu-order-info td {border:1px solid #A6CD5F; border-top:0; border-left:0; padding:5px}
#usermenu-order-info th.head {background:#A6CD5F; color:#fff; padding:5px; border:1px solid #fff; border-right:1px solid #A6CD5F;}
#usermenu-order-backbutton {margin-top:20px;}
#usermenu-order-backbutton a {color:#A6CD5F; font-weight:bold;}



/**** info *******/
#infoBox {width:300px; _height:70px; min-height:70px; background:#fff; position:absolute; top:300px; text-align:center; border:1px solid black;}
#infoBox h1 {width:100%; background:url('infobox-h1.png') no-repeat top left; font-size:80%; text-align:center; height:29px; margin:0; padding:0;}
#infoBox #infoBox-in {width:100%; margin:5px 0; padding:0 0; font-size:80%;}
#infoBox #infoBox-in ul {margin:0; padding:5px 10px; text-align:left;}
#infoBox #infoBox-in li {margin:0; padding:0; list-style-type:none; text-align:left; color:#000; font-weight:bold;}
#infoBox a {margin-top:10px;}


/* diskuze */

#discussion {margin:0; padding:0}
#discussion h2 {margin:0 0 10px 0}
#discussion h3 {margin:0; padding:0;text-align:left;font-size:160%; height:27px; line-height:27px; background:#F80B2B; color:#FFF; font-weight:normal}
#discussion h3 span {padding:0 10px}
#discussion-new {border:solid 1px #F80B2B; border-top:none; padding:0px; text-align:center }
#discussion-new-in {margin:0; padding:0}
#discussion-new .pole {width:90px; margin:0 10px 0 0}
#discussion-new .send {width:84px; }
#discussion-new .text {margin:0px; padding:0px}
#discussion table {margin:5px 5px;line-height:1.5em; font-size:100%;text-align:left}
#discussion table td.cell-1 {width:50px; text-align:right;}
#discussion table td.cell-4 {width:50px; text-align:right; padding:0 5px 0 0}
#discussion table td.cell-5 {}


.discussionItem {border:1px solid #E4E4E4; border-top:none;}
.discussionItem .discussionItemHead {background:#E4E4E4; padding:5px 10px; margin-top:5px;}
.discussionItem .discussionItemHeadDate {float:right; color:#014298;}
.discussionItem .discussionItemHeadName {color:#F80B2B; font-weight:bold;}
.discussionItem p {margin:0; padding:0 5px;}
.discusionPagingUl {list-style-type:none; margin:0px;padding:0;}
.discusionPagingUl li {background:url('indent.png') top left no-repeat; padding-left:20px;}
/* konec diskuze*/


