/*
*
    www.kompletniweb.cz
    Autor: Jan Weber (info@kompletniweb.cz), www.kompletniweb.cz   
*
*/
/***** vynulovani *****/
* { margin: 0; padding: 0;}
body, p, div, span, table, tr, td, th, img { margin:0; padding:0; border: 0;}

/* defaultni nastaveni */
/* body { background:#ffffff; font:0.75em/1.5 "arial",sans-serif;  color:#353434;  } */
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; line-height:16px; color:#8a8c8e; padding-bottom:11px; background: url("images/bg.png") center repeat-y; }








img { border: 0; }
a { color:#df1a1d; }
a:hover { text-decoration: none; }
.noscreen   {display:none;}
.f-left     {float:left !important;}
.f-right    {float:right !important;}
.t-left     {text-align:left !important;}
.t-center   {text-align:center !important;}
.t-right    {text-align:right !important;}
.t-justify  {text-align:justify !important;}
.va-top     {vertical-align:top !important;}
.va-middle  {vertical-align:middle !important;}
.va-bottom  {vertical-align:bottom !important;}
.cleaner    { height:1px; margin: -1px 0 0 0; padding: 0; clear:both; visibility:hidden; }
.cleaner2   { font-size: 0; line-height: 0; height: 0; clear: both; margin:0; padding: 0; }
.bold { font-weight: bold; }
.cervena {color: #e2001a;}
.smallfont { font-size: 0.85em; }
.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}

.nobg { background: none !important; }

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:150%; margin:0; padding:0;}
h2 {font-size:140%;}
h3 {font-size:130%;}
h4 {font-size:120%;}
h5 {font-size:110%;}

p {margin:10px 0; }



table { border-collapse: collapse; padding: 0; margin:10px 0;  }
td, th { padding: 3px 8px;  }
th { background: #eee; }



.error { color:#df1a1d; }

/* zakladni layout  */
#main-box { width: 990px;  margin: 0 auto;  }
#main-box-in { position: relative; }

/*** HLAVICKA ***/
#header { height: 160px;  }

#header-login-buttons { height: 30px; line-height: 30px; text-align: right; padding: 0 25px 0 0; font-size: 0.9em;}
#header-login-buttons a {  }

#header-top-menu { height: 27px; background: url("images/gradient-light-gray.jpg") no-repeat 0 100%; float: right; padding: 0 15px; }
#header-top-menu li { list-style: none; float: left; margin: 0 10px 0 0px; background: url("images/red-divider.gif") no-repeat 0 50%; padding: 0 0 0 10px; line-height: 27px;}
#header-top-menu li a { color: #888; font-size: 0.9em; text-decoration: none; }
#header-top-menu li a:hover { text-decoration: underline; }

#banner-logo { height: 37px;  margin: 3px 0 0 0;  }

#menu-box { height: 60px; background: url("images/gradient-big.jpg") repeat-y 100% 0; margin: 5px 0 0 0; position: relative; }


/***** kosik *****/

#infoPanel { width: 260px; height:60px;  position:absolute; top:0; right:0; color: #777; }
#infoPanel a { color: #777; }
#infoPanel .tdnone { color: #777; }
#infoPanel .bold { font-weight: bold;}
.kosik_box { background: url(img/kosik3.gif) no-repeat -13px 5px; padding-left: 36px; height:50px; position:absolute; top: 7px; left:0; width:auto;  }
#infoPanel a.kosik_cb { font-weight: normal; text-decoration: underline:  }
#infoPanel .loginName { position:absolute; top: 90px; left:0px; color: #777;}
#infoPanel .oddelovac { margin: 0 4px; color: #777;}

.kosik_box p { margin: 5px 0; }

/*** patička  ***/
#paticka { margin: 0 0 -19px 0; padding: 0 10px;  background: url(img/bg_gray_menu2rev.gif) repeat-x 0 -1px;  font-size: 0.9em;}
/* #paticka .shape { height:27px; background: url(img/grey_menu_shape2.jpg) no-repeat 100% 2px; } */
#paticka .text { font-size: 1em; font-weight:normal; line-height: 2em; color:#7a7879; }

#paticka a { color:#7a7879; text-decoration: none; }

/*** šedé menu eshopu   ***/
#menu_eshop {}

/*** obsah těla stránky - default  ***/
#box_obsah_stranky { padding: 0 5px 0 6px;  }

.cervena { color: #ff0000; }
.cerne { color: #000000; }


/*** hlavní strana - loga výrobců  ***/
#sponsor { margin: 0; }
/*** hlavní strana - loga výrobců  ***/

.zprava { text-align: center; border-bottom:solid 1px #ccc; padding: 0 0 10px 0;  }
.zprava h3 { color:#df1a1d; font-size: 1.4em; }


/* produkty */
#productpage {  position:relative; }
#productpage .productpage_header {  margin: 0 0 0 0; }

.doporucujeme { font-size: 1.4em; margin: 15px 0 0 0; }

a.kosik { background:url("img/kosik.gif") 0 50% no-repeat; padding-left:32px; }


#SubCategories { width: 924px; border: solid 1px #ddd; background: url(img/product_bg.gif) repeat-x 0 0;}
#SubCategories ul { list-style-type: none;  }
#SubCategories li { float: left; display: block; width: 120px;  padding: 3px 8px;   }
#SubCategories li a { color: #777; }
#SubCategories li a:hover { color: #df1a1d; }

h2 {
    font-family: Tahoma, Arial, Sans-Serif; font-size: 1.6em;
    color: #df1a1d; font-weight: bold; margin:10px 8px 10px 0; 
}
h2 span { color: #999; }



/***** panel razeni produktu *****/

.panelSortBox { position: relative;  margin: 10px 0;  background: url("images/gradient-light-sort-box.jpg") repeat-y 0 0;  height: 30px; line-height: 30px; padding: 0 0 0 15px; left: -21px; }
.panelSort { position: absolute; top:0; right:0; padding: 0; }
.panelSort select { font-family: Arial, Sans-Serif; }
.highlight { color:#df1a1d; font-weight: bold;  }
.highlight_box { color:#df1a1d;  width: 300px; position: absolute; top: 35px; right: 0; } 


/***** info o kategorii - náhledy motorek *****/
#catinfo {  margin-bottom: 10px; }
#catinfo-in { width: 940px; margin: 0 auto; }
#catinfo .cattext { font-size: 1.1em; color: #999; line-height: 18px;  }
#catinfo .catimages a { }
#catinfo .catimages img { margin-right: 10px; width: 300px;   }





/***** fotogalerie na strance *****/
#Fotogallery {  margin: 10px 0 0 0;  }
#Fotogallery .fg_header { color:#777; }
#Fotogallery .foto { float: left; margin: 10px 10px 10px 0; width:120px; font-size:0.8em; text-align: center; }
#Fotogallery .foto img { margin: 0; border: solid 1px #666; width: 110px;   }
#Fotogallery .foto p { text-align: center; margin: 0; }


a.link-gallery { background:#ffe9ca; padding: 3px 5px 3px 5px; border: 1px solid #ccc;}
a.link-gallery:hover { background:#ffcf8c; text-decoration: none; }

.gray { color: #777; }

.hlaska { padding: 3px 6px; background: #eee; border: solid 1px #ccc;}

/***** fotogalerie na strance *****/
#mapa_stranek { margin-left: 50px;}
#mapa_stranek ul { margin: 0 0 0 25px; }
#mapa_stranek td { vertical-align: top; width: 290px;}

/* kontaktní formular */
#EmailForm table { margin: 5px 0;} 
#EmailForm th, #EmailForm td { border:0; background: none; color: #353434;}
#EmailForm th { text-align: right; text-align: left; }
#EmailForm textarea { width: 390px; height: 120px; }
#EmailForm .objednavka { color: #c34a06; }
.error { font-size: 1.2em; color: Red; }

#flashbanner2 { position:relative; z-index: -10; }
a.wmv {  Background: url(img/wmv.jpg) no-repeat 0 0; padding: 10px 15px 10px 50px; }
a.mov {  Background: url(img/mov.jpg) no-repeat 0 0; padding: 10px 15px 10px 50px; }




/********************* PRODUCT ********************/
#box_obsah_stranky { width: 946px; margin: 0 auto; }
#product_box { width: 946px !important; margin: 0 auto; }
.product {
	font-size: 0.9em; width: 300px; height: 450px;
	text-align: center; float: left; margin: 20px 20px 0 0; border: solid 1px #dedede;
}
#cols .product p { margin: 0;}

.mr { margin-right: 0;}
.product h2 {
	font-size: 1.1em; padding: 0 10px; margin: 0 0 5px 0;
	color: #555;
}
.product h2 a {
	font-size: 1em; 
	color: #555;
}

.product_img_box { text-align: center; height: 350px; overflow: hidden; position: relative; }
.product_img_box img { width: 300px; }
.new, .action { width: 56px; height: 16px; line-height: 16px; background: #1dcd2e; position: absolute; top:0; left:0; font-size: 0.9em; color: #fff; }
.action { background: #c04022;}
.product p { margin: 3px 0; line-height: 2.2em;}
.boxCena
{
    font-weight: bold; color: #666;	padding: 2px 8px;
	background: #eee; border-bottom: #ccc 1px solid; border-right: #ccc 1px solid;
}
.price { font-size: 1.2em; color: #777; font-weight: normal; }
.price_discount { font-size: 1.2em; color: #626262; text-decoration: line-through; }
a.add_to_cart { background: url("img/kosik.gif") no-repeat 0 55%; padding: 0 0 0 34px; font-size: 1em;  }
a.add_to_cart:hover { text-decoration: none;}

#product_images img { border: 1px solid #ccc;  }
#product_image { margin: 0 20px 0 0; float: left; }
#product_image img { width: 400px; }
.product_small_image { margin: 10px 10px 0 0; float: left; text-align: center; }
.product_small_image { width: 120px; }		
.product_small_image p {   color: #666; font-size: 0.9em; margin: 5px 0; }
#prodcust_detail_text { width: 500px;}

#breadcrumbs {  font-size: 1em; margin: 15px 0; background: url("images/catstitlebg.png") repeat-y 0 0; color: #eee; height: 25px; line-height: 25px; padding: 0 0 0 15px; position: relative; left: -22px;}
 
#breadcrumbs2 { margin: 10px 0 10px 0; }
#breadcrumbs a  { font-weight: bold; color: #eee;}

.short_description { font-weight: bold; color: #3a1d0d; margin: 5px 0; }

#product_variations_table td, #product_variations_table th, .listtab td, .listtab th  { border: solid 1px #ccc; }
#product_variations_table tr.suda td { background: #f9f9f9;}

#sleva_partner { position: absolute; top: 130px; left: 0; font-size: 1.1em; font-weight: bold; color: #df1a1d; border: solid 1px #ccc; padding: 5px; background: #eee; }
/******************** FORMULARE ********************/

/******************** formulare ********************/

input.shadow { padding: 1px 3px; margin: 0;  background: url("img/input_bg.gif") repeat-x 0 0; font-size: 0.9em    }
input.search { border: 1px solid #1e6ba3; width: 160px; border-bottom: none; border-right: none;  } 
input.login { border: 1px solid #c4c4c4; width: 160px; border-bottom: none; border-right: none; }
.btn-search { margin:9px 0 0 0;}


/****** INFO MESSAGES *******/
#error { color: #bf3f21;  }
#notifications { font-weight: bold; margin:15px 0 0 0; padding: 10px; background: #faf7f3; border: 1px solid #bf3f21;}
.msg {}
.done { font-weight: bold; padding: 10px; border:1px solid #BBDF8D; background-color:#EAF7D9; }

input.txt {
	border: 1px solid #ccc; padding:3px; margin: 2px;
	padding: 1px 3px; margin: 0;  font-size: 0.9em
}
input.btn {
	margin: 2px;
	padding: 2px 3px;  font-size: 0.9em
}

#search input[type = text] {
	width: 120px;
} 
textarea {
	border: 1px solid #949494; 
	margin-bottom: 10px;
}
br {
	clear: both;
}
.glForms input, .glForms label {
	float: left;
	font-size: 8pt;
	margin-bottom: 10px;
} 

.glForms label {
	width: 200px;
	
	text-align: right;
	margin-right: 10px;
	clear: both;
	padding-top: 0.6%;
	padding-bottom: 0.6%;
} 
.glForms input {
	padding: 2px;
}

form.glForms {
	margin-top: 20px;
} 
.glForms fieldset {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #aaa;
	margin-bottom: 10px;
	width: 500px;
	
}

.glForms fieldset.methods {
	padding: 4px 5px;	
	border: 1px solid #aaa;
	margin-bottom: 10px;
	width: 300px;
}
 .m15 { margin: 0 15px 0 0;}
 
.glForms legend {
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
} 
.glForms textarea:focus, .glForms input[type = text]:focus, .glForms input[type = password]:focus {
	border: 1px solid #8CCA51;
} 


#page404 { font-size: 1.1em; margin: 50px 0 0 0; color: #aaa; }
#page404 li { margin: 0 0 0 15px;}
#page404 p { margin: 10px 0 10px 0;}
#page404 em { font-weight: bold; font-size: 1.2em; color: #ccc;}
#page404 a { font-weight: bold; font-size: 1.2em; text-decoration: underline; color: #ccc;}


#register_user th { background: #eee; }


.w500 { width: 500px; }
.w120 { width: 120px; }
.w200 { width: 200px; }
.w30 { width: 30px; }
.w80 { width: 80px; }
.w60 { width: 60px; }
.w40 { width: 40px; }
.h100 { height: 100px; }
.h180 { height: 170px; }



#personal_info, #billing_info { padding: 15px; border: solid 1px #aaa; height: 210px; font-size: 1em; width: 280px; margin: 20px 0 0 0; }
#personal_info h3, #billing_info h3 { margin: 0 0 15px 0; }
#personal_info { margin: 20px 15px 0 0;}
.order_note { width: 90%; padding: 5px; height: 80px; font-family: "arial", sans-serif; font-size: 1em; color:#999; background: #fff; border: solid 1px #aaa;  }


#website_map { margin: 20px;}
#website_map ul { margin: 0 20px;}
#website_map li { margin: 0 20px;}




h1#brand {
display:block;
font-weight:normal;
font-size:50px;
color:#fff;
text-shadow:-2px 1px 6px #444;
margin: 30px 0;
padding:5px;
letter-spacing:4px;
text-transform:uppercase;
}

h1#product-detail {
display:block;
font-weight:normal;
font-size:1.6em;
color:#777;
text-shadow:-2px 1px 6px #999;
margin: 15px 0;
padding: 0;
letter-spacing:2px;
text-transform:uppercase;
line-height: 28px;
}

h2#model {
display:inline;
font-weight:normal;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase;
}


/*** UNIVERSALI ***/
.universal {padding:10px 0 30px 5px;text-align:center;}

.universal li {
display: block;
float:left;
position:relative;
width:86px;
height:68px;
padding:0 10px;
list-style: none;
margin: 5px 11px 0 0;
}

.universal a, .universal img {height:68px;width:auto;margin:2px;margin-bottom:10px;}

.universal img {
border:1px #fff solid;
position:absolute;
}

.universal img:hover {
border:1px #ccc solid;
width:auto;
height:auto;
z-index:9999;
top:-50%;
left:-30%;
padding:5px;
background:#fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

select.addons {width:auto}

.catTitle {  font-size: 1em; margin: 15px 0; background: url("images/catstitlebg.png") repeat-y 0 0; color: #eee; height: 25px; line-height: 25px; padding: 0 0 0 15px; position: relative; left: -22px;}

.pagination { text-align: center; }