/**********************/
/*HLAVNI LAYOUT START*/
/*********************/

* {
margin:0;
padding:0;
vertical-align:middle;
outline:none;
}

a {
outline:none;
}
 
html, body{ 
 margin:0; 
 padding:0;
background-color:#F6F6F6;

}

html {
  font:11px/1.231 Trebuchet MS,Tahoma,Arial,Helvetica,clean,sans-serif;
  height:101%;
}

img{
vertical-align:bottom; /*workaround for FF extra space under image*/
}

.centered { text-align: center;}

a, a img {
border:0;
}        

#fullwheader a {
color:black;
}
#pagewidth a {
color:white;
}

#pagewidth{ 
 width:960px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 

#fullwheader {
width:100%;
}
 
#header{
 width:960px;
 background-color:#F6f6f6; 
 margin-left:auto; 
 margin-right:auto;  
} 


#fullwbottom {
width:100%;
background-color:lightblue;
}

#fullbottomin{
 width:960px;
 height:190px; 
 background-color:#cec; 
 margin-left:auto; 
 margin-right:auto;  
}

#wrapper { /*cely hlavni obsah*/
  background:url(images/pagebgd.png) #24201F 100% 0 repeat-y ;
}
#wrapperWhite { /*cely hlavni obsah*/
  background: #FFF  ;
}


#menucol{
 width:190px; 
 float:right; 
 }
 
#twocols{
 width:720px; 
 float:left; 
 position:relative; 
 padding:0;
 padding:0;
 color:#DDD;
 
 
 }

#rightcol{
 width:240px; 
 float:right; 
 position:relative; 
 }
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:530px; 

 }
#content {
padding:25px 31px 25px 35px;
} 
 
#bottom {
padding:10px;
color:#999;
}

/*pokud pridame k #pagewidth class .col2layout, prepnem na 2 sloupce ****/


#pagewidth.col2layout #rightcol{
  display:none;
}
#pagewidth.col2layout #twocols{
 width:100%;
}
#pagewidth.col2layout #maincol{
 width:770px;
}


 
/*************************/
/*Layout - bloky podrobně*/
/*************************/

#pagewidth ol{ 
padding: 1em 2em;
line-height:1.6em;
}


#logoarea {
display:block;
width: 220px;
float:left;
padding:12px 10px;
}

#regarea {
float:right;
width:650px;
padding:10px;
text-align:right;

}
.topmenu {
background:url(images/titlemenu.gif) 0 0 repeat-x;
font-size:100%;
}

.topmenuitem a{
display:block;
color:black;
float:left;
padding:12px 26px;
text-decoration: none;
background:url(images/titlemenu.gif)  0 0 repeat-x;
color:#666;
}

.topmenuitem.active a, .topmenuitem a:hover {
background:url(images/titlemenu_active.gif) #9C240C 0 0 repeat-x;
display:block;
}

.topmenuitem a span.menuheader {
color:#000;
}
.topmenuitem a:hover span.menuext {
color:#D6775B;
}
.topmenuitem a:hover span.menuheader {
color:#FFF;
}

.topmenuitem.active a span.menuheader,  .topmenuitem.active a:hover  {
color:#FFF;
}
.topmenuitem.active a span.menuext, .topmenuitem.active a:hover span.menuext{
color:#D6775B;
}

.titleimage {
 height:209px;
 background-color:black;
}


.titleimage img {

}
.topmenuitem p{
display:block;
float:left;
}

.topmenuitem span {
display:block;
}
.topmenuitem .menuheader {
font-weight:bold;
text-transform:uppercase;
}

.breadcrumb {
background:url(images/breadcrumb_bgd.gif) 0 0 repeat-x;
width:100%;

}
.breadcrumb p {
line-height:40px;
color:black;
font-weight:bold;
padding-left:30px;
}

/*Pravý sloupec-titulka aktuality*/
#rightcol h2 {
padding:11px 10px 18px 10px;
background:url(images/side_header2.jpg);
font-size:120%;
color:white;
text-transform:uppercase;
font-weight:normal;
} 

.novinkaNahled{
padding:6px 2em;
background-color:#2F2B2A;
color:#DDD;
}

.novinkaNahled.odd{
background-color:#272322;
}

.novinkaNahled h3{
font-size:110%;
padding:.2em 0;
color:#FFF;
}

#content ul {
padding-left:2em;
margin-bottom:1em;
color:#bbb;
line-height:1.6em;
}

#content h2 {
font-size:100%;
text-transform:uppercase;
font-weight:bold;
}

#content h2 {
line-height:31px;
background:url(images/lista_hdr_black_narrow.png) transparent 100% 0 no-repeat;
padding: 0 10px;
margin:2em 0 1em 0;

}

#content .highlight {
background-color:#555;
color:#fff;
padding:.5em 1.5em;
border:1px solid #999
}

/*************************/
/* subMenu */
/*************************/
.basemenu ul {
 margin:0;
 padding:0;
}

.basemenu ul {
 display:block;
 padding:0;
 list-style:none;
 border:0;
}

.basemenu li{
 clear:both;
 list-style:none;
 text-transform:uppercase;
 }

/*vsechny polozky stromu spolecne*/
.basemenu li.level0 a {
 list-style:none;
 text-indent:0;
 display:block;
 padding:10px 10px 10px 10px;
 background: url(images/images/menu_active.gif) #a3290e 0 0 repeat-x;
 text-decoration:none;
 width:170px;
 line-height:25px;
}


.basemenu li li a {
 padding:15px 10px 15px 10px;
 text-transform:uppercase;
 line-height:10px !important;
}


/*...a individualne*/

.basemenu li.level1 a {
 text-transform:none;
 background:url(images/odr_plus.gif) #494643 8px 50% no-repeat;
 text-indent:16px;
 color:#A2A09F;
}
.basemenu li.level1 a.active {
background-image:url(images/odr_minus.gif) ;
}



.basemenu li li.odd a {
 text-transform:none;
 background-color:#413e3b;
}

.basemenu li.level2 a {
 text-transform:none;
 background: #ebeaea !important;
 color:#A2A09F;
}
.basemenu li.odd.level2 a {
 text-transform:none;
 background: #dfdede;
}





.basemenu li li li {
display:none;
}
.basemenu li li.active li {
display:block;
}
.basemenu li li li li a{
text-indent:20px;
}
.basemenu li li li li a.active{
color:red;
font-weight:bold;
}


.basemenu li.level2 a.active, .basemenu li.level2 a:hover {
color:#b32514 !important;
}

.basemenu li.level2 a.active {
font-weight:bold;
}

.basemenu li.level2 a {
color:#444 !important;
}


.basemenu li li li.even a{
background-color:#ebeaea !important;
}

.basemenu li li li.odd a{
background-color: #dfdede !important;
}


 .basemenu li li li a:hover{
background-color:#cfcece !important;
}
.basemenu li li a:hover{
background-color:#514E4B !important;
}

/**********************
*   Logovací formulář        *
**********************/

form.loginform {
padding: 43px 0 0 0;
}

form.loginform .textfield {
background: url(templates/images/inputbgd.gif) 0 0 repeat-x;
padding:3px;
width:150px;
border:1px solid #C0C0C0;
}

.loggedarea {
padding: 43px 0 0 0;
}



/************************/
/*        Paticka stránky       */
/************************/
#bottom {
background-color:#C4C4C3;
padding:16px 20px;

}
#bottom, #bottom a{
color:#696461;
}

#bottomleft {
float:left;
width:200px;
}
#bottomright {
float:right;
width:700px;
text-align:right;
text-transform:uppercase;
}
#bottomright a {
text-decoration:none;
}
#bottomright a:hover {
text-decoration:underline;
}









/*************************/
/*Hlavní obsah stranky   */
/*************************/
#content h1, #content h2, #content h3 {
margin-bottom:.67em;
} 

#content p {
margin-bottom:1em;
font-size:100%;
line-height:1.6em;
text-align:justify;
color:#EEE;
} 

#content.product p {
color:#000;
} 





/*************************/
/*Produkt - detail produktu ma bile pozadi  */
/*************************/

.prodtopheader {
display:block;
background:url(templates/images/lista_horninadpis.jpg) repeat scroll 0 0 #A3290E;
width:100%;
height:45px;
padding:0;
color:white;
overflow:hidden;
}
p.inbasket {
vertical-align:center;
}
.inbasket img {
margin-right:1em;
}

.prodtopheader h2{
padding:14px 10px 5px 30px;
font-size:100%;
height:26px;
}
.col2layout #twocols {
background:url("templates/images/prodcolumn_shadow.gif") repeat-y scroll 0 0 white;
color:black;
}

#content.product {
/*background:url(templates/images/prodcolumn_shadow.gif) 0 0  white repeat-y ;
color:black;*/
}

#content.product h1{
color:#a42313;
}

#content.product a {
color:black;
}

#brotherlinks {
padding: 0 0 2em 0;
line-height:40px;
}

#brotherlinks a{
color:black;
background-color:#D0D2D4;
padding:9px 23px;
text-decoration: none;
text-transform:uppercase;
white-space: nowrap;
margin-right:5px;

}
#brotherlinks a.active, #brotherlinks a:hover{
background-color:#B6BD15;
}

#brotherl_shop {
background:transparent;
padding: 10px 0;
text-transform:uppercase;
}

#brotherl_shop a{
background:transparent;
}

#brotherl_shop a.active {
font-weight:bold ;
text-decoration: none;
}









#content .prodleftcolumn h2 {
background:url(images/descriptionhdr.png) -130px 0 no-repeat;
color:white;
font-size:10px !important;
text-transform:uppercase;
padding:6px 10px 5px 10px;
border-bottom:1px solid #8D1E0F;
line-height:1.5em;
}

#content .prodleftcolumn p {
line-height:1.55em;
text-align:justify;
color:black;
}
#content .prodleftcolumn ul, #content .prodleftcolumn li {
line-height:1.55em;
text-align:justify;
color:black;
}

table.tabspec {
width:100%;
border-collapse:collapse;
}
table.tabspec th{
background-color:#696969;
color:white;
font-weight:normal;
text-transform:uppercase;
padding:8px 15px;
}

table.tabspec  td {
padding:6px 15px;
}
table.tabspec tr.odd td {
background-color:#e6e6e6;
}

#content h2.techspec {
background:url(images/lista_hdr_white.png) black 0 0 no-repeat;
color:white;
line-height:31px;
font-size:100%;
text-indent:15px;
text-transform:uppercase;
}

.breakshadow {
height:28px;
background:url(images/oddel_stin.png) white 0 0 no-repeat;

}

/**strankovani obrazky***/
a.browse  {
display:block;
float:left;
width:26px;
height:26px;
background-color:gray;
cursor:pointer;
}

.imgpcont {
width:700px;
display:block;
text-align:center;
padding:5px 0;
}


p.imgpaging {
width:90px;
height:30px;
margin:auto;
}

a.prevPage {
background:url(images/page_left.gif) 0 0 no-repeat;
margin-right:7px;

}
a.nextPage {
background:url(images/page_right.gif) 0 0 no-repeat;
}





/*************************/
/*Layout - Text styles*/
/*************************/

/*
#content h1 { font-size:150%; font-weight:normal;}
#content h2 { font-size:130%;}
#content h3 { font-size:130%; font-weight:normal;}
#content h4 { font-size:120%;}
#content h5 { font-size:120%; font-weight:normal;}
#content h6 { font-size:100%;}
*/


.basemenu ul li.open {
display:block;
}

/*
#menucol li.active a.active{
color:white;
font-weight:bold;
}
*/



h1.flir {
color:white;
font-size:25px;
letter-spacing:-0.1en;
/*visibility:hidden;*/
}

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






.prodleftcolumn {
float:left;
width:300px;
padding:0 20px 0 0;
}

.prodrightcolumn {
float:left;
width:375px;
position:relative;
}

.prodrightcolumn .prevPage {
position:absolute;
left:0;
top:100px;
z-index:9;
}
.prodrightcolumn .nextPage {
position:absolute;
right:0;
top:100px;
z-index:9;
}
.prodrightcolumn .navi {
 padding-left:170px;

}




.illu {
display:block;
width:100%;
text-align:center;
}
.imggallery * {
text-align:center;
}


/*****scrollable***/
div.scrollable { 
    position:relative; 
    overflow:hidden; 
    width: 380px; 
    height:300px; 
} 
div.scrollable2 { 
    position:relative; 
    overflow:hidden; 
    width: 700px; 
    height:303px; 
} 

div.items {
    width:20000em; 
    position:absolute; 
}


div.scrollable .imggallery {
display:block;
float:left;
width:380px;
height:280px;
position:relative;
}
div.scrollable2 .imggallery {
display:block;
float:left;
width:700px;
text-align:center;
height:280px;
position:relative;
}

.blue {
border:2px solid blue;
}

/********novinky********/

.novinkaNahled a {
text-decoration: none;
}

/********pomocne (obrazkove) ikony v textu*********/
.cnheader {
display: block;
padding:0px 0 0 10px;

}

#contentnav {
padding:0 0 20px 0;
}

.cnheader a {
display:block;
float:left;
width:144px;
line-height:28px;
text-align: center;
background: url(templates/images/cnheader_inactive.gif) transparent 0 0 no-repeat;
text-transform:uppercase;
text-decoration: none;

}

.cnheader a.active {
background: url(templates/images/cnheader_active.gif) transparent 0 0 no-repeat;

}

.cnblocktop, .cnblockbtm {
display:block; width:464px; height:17px;
}
.cnblocktop {
background: url(templates/images/cnblock_top.gif) transparent 0 0 no-repeat;
}
.cnblockbtm {
background: url(templates/images/cnblock_btm.gif) transparent 0 0 no-repeat;
}
.cnpage {
background-color:#201C1B;
padding:7px;
}
.cnbutton a {
text-decoration: none;

}

.cnbutton {
display: block;
width:145px;
float:left;
height:70px;
vertical-align:middle;
position:relative;
}

.cnbutton a {
display:block;
float:left;
line-height:1.3em;
vertical-align:middle;
}

.cnbutton span {
/*line-height:70px;*/
vertical-align:middle;
display:block;
float:left;
padding-left:3px;
position:relative;
}

.txtdesc {
width:74px;
}


/*****e-shop product list*****/

#content .shp_product p,#content .shp_product ul {
color:black;
}

 

.shp_productlist .shp_product { /*po 3*/
display:block;
float:left;
position:relative;
width:195px;
margin-right:15px;
padding-left:15px;
}
.shp_productlist img {
/*border:1px solid #b7b7b7;*/
}
.shp_productlist .shp_product p {
width:190px;
}
.shp_productlist .shp_product h3 {
padding:10px 0 7px 0;
border-bottom:1px solid #b02515;
font-size:100%;
text-transform:uppercase;
color:#b02515;
width:190px;
}
a.pinfo img {display:block; float:left;  border:0; width:29px;height:22px;padding:0 5px;}

a.pbuy {
 color:white !important;
 text-decoration: none;
}
.pdescr p a {
text-decoration: none;
}

.pbuy {
display:block;
width:62px;
line-height:22px;
background:url(images/shp_koupit.gif) maroon;
color:white;
text-transform:uppercase;
float:left;
text-align: center;
}
.pprice {
display:block;
width:87px;
line-height:22px;
background:url(images/shp_cenabgd.gif) maroon;
color:#444;
float:right;
text-align:center;
font-weight:bold;
position:relative; /*IE doubled content hack*/
}

.pbtnblock {
position:relative;
}

#content .paging p{
text-align:right;
padding-right:55px;
}

.paging a.page, .paging span.page{
background:url(images/paging_bg.gif) 50% 50% white no-repeat;
color:white !important;
padding:3px 7px;
}


/*****e-shop product detail*****/
form.shopCase {
line-height: 60px;
}


input.itempcs {
display:inline;
background-color:#ddd;
color:black;
font-size:120%;
font-weight:bold;
border:0;
padding:2px;
width:50px;
text-align:right;
}
.pcsinput {
margin:0 20px;
}

div.cena {
line-height:60px;
width:700px;
height:60px;
font-weight:bold;
padding-bottom:14px;
position:relative;
}
span.name {
width:250px;
float:left;
line-height:1.5em;
padding-top:2.2em;
}

span.priceblock {
font-weight:bold;
display:block;
line-height:1.6em;
padding-top:13px;
width:200px;
height:40px;
text-align:right;
position:absolute;
right:0;
top:0;
}

span.priceblock {
display:block;
float:right;
width:195px;

}





.priceincvat {
font-size:200%;
color:#bc252a;
vertical-align:baseline;
}
.priceNoVat {
font-weight:normal;
text-align: center;
}

span.itemname {
display:block;
float:left;
width:260px;
overflow:hidden;
line-height:1.6em;
padding-top:2em;
}


/***eshop formular***/
.radek {
padding-bottom:5px;
}

#shop {
width:700px;
overflow:hidden;
}

#shop p{
  color:black;
}

#shop label {
display: block;
float:left;
width:100px;
margin: 5px 15px 5px 0;
}

#shop .textfield {
background: url(templates/images/inputbgd.gif) 0 0 repeat-x;
padding:3px;
width:150px;
border:1px solid #C0C0C0;
}

#shop .textfield, #shop .selectfield {
float:left;
margin: 5px 30px 5px 0;
}

#shop .checkbox {
float:left;
}

#shop label.wide {
width:300px;
}

#shop .textfieldalign {
display:block;
float:left;
width:188px;
}
#shop .dyncheckbox, #shop .radio {
float:left;
display:block;
height:16px;
margin-right:10px;
outline: none;
}

#shop .radio {
height:25px;
}

#shop .ta_objednavka {
width:698px;
background: url(templates/images/inputbgd.gif) 0 0 repeat-x;
border:1px solid #C0C0C0;
overflow:auto;
height:100px;
}



#shop .notice, #shop .hl {
background-color:#eee;
padding:10px 17px;
}


/**obsah kosiku**/
.skrytform {display:none;}

#content h2.tabheader {
background:url("images/descriptionhdr.png") no-repeat scroll -130px 0 transparent;
border-bottom:1px solid #8D1E0F;
color:white;
font-size:10px !important;
line-height:1.5em;
padding:6px 10px 5px;
text-transform:uppercase;
}






#table-kosik img {
border:0;
}

#table-kosik td{
padding: 12px;
border-bottom:5px solid #e6e6e6;
text-align:right;
}


#table-kosik td.centered { text-align: center;}


#table-kosik th {
padding: 8px 12px;
font-weight:normal;
text-align:right;
}

#table-kosik {
width:100%;
}

#kosik_vypis {
width:100%;
}
#table-kosik {
border-collapse:collapse;
}
#table-kosik .col1 {
text-align:left;
}

#table-kosik tr.headr {
background-color:#696969;
color:white;
padding: 8px 10px;
font-weight:normal;
}

#table-kosik .atm_mnz {
background: url(templates/images/inputbgd.gif) 0 0 repeat-x;
padding:3px;
text-align: center;
width:35px;
border:1px solid #C0C0C0;

}
.atm_cenabezdph, .atm_cenaxks  {
font-weight:bold;
}

#table-kosik .col1 a{
font-weight:bold;
}

#content h2.lista {
background:url(images/lista_hdr_white.png) black 0 0 no-repeat;
color:white;
line-height:31px;
font-size:100%;
text-indent:15px;
text-transform:uppercase;
margin-bottom:2em;
}
#table-kosik tr.noline td{
border-bottom:0px;
font-size:110%;
padding:9px 12px;
font-weight:bold;
}


#table-kosik tr.sumprice td{
background-color:#B12514;
color:white;
}
#table-kosik .col2 {
width:110px;
}

 
/***formatovani textu WYSIWYG****/
.floatright {
float:right;
margin-left:1em;
}

.floatleft {
float:left;
margin-right:1em;
}

.nutne {
border:1px solid #D32C18 !important;
}

#shop input.need {
background: url(templates/images/inputbgdneed.gif) 100% 0 repeat-x !important;
padding-right:15px;
width:138px;
border:1px solid #C0C0C0;
}

.result {
background-color:#f6f6f6;
padding:7px;
text-align:center;
font-size:120%;
}

#content .result p {
margin-bottom:0;
}

.err {
border:1px solid #D32C18;
}


.shp_product .dobracena span, .shp_product .novinka span, .shp_product .vyprodej span, .shp_product .akce span {
display:none;
}

.shp_product .dobracena {
background:url(images/cb_dobracena.gif) 0% 0 no-repeat;
display:block;
position:absolute;
width:100px;
height:100px;
top:-3px;
left:12px;
}
.shp_product .akce {
background:url(images/cb_akce.gif) 0% 0 no-repeat;
display:block;
position:absolute;
width:100px;
height:100px;
top:-3px;
left:144px;
}

.shp_product .novinka {
background:url(images/cb_novinka.gif) 100% 0 no-repeat;
display:block;
position:absolute;
left:113px;
top:-3px;
width:100px;
height:100px;
}

.shp_product .vyprodej {
background:url(images/cb_vyprodej.gif) 100% 0 no-repeat;
display:block;
position:absolute;
left:113px;
top:-3px;
width:100px;
height:100px;
}
.shp_product .prodimg {
border:1px solid #c7c7c7;
}
.shp_product .prodimg img {
display:block;
margin:0 auto;
}

 
 /* *** Float containers fix:*/
.clearfix:after {
 content: " "; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }                    
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



.basemenu li a{
background-color:red;
}