/*
*
    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;  }
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;}


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  */
#hlavni_box { width: 982px;  margin: 0 auto; background: #FFFFFF url(img/bg.gif) repeat-y 0 0; }
#hlavni_box2 { padding: 0 22px; position: relative; }
#hlavicka { height: 105px;  }

#logo { position:absolute; top: 10px; left: 60px; overflow:hidden; width:437px; height:77px; font-size:1em; }
#logo span {display:block; position:absolute; left:0; top:0; z-index:100; width:437px; height:77px; background:url("img/logo_barracudamoto.jpg") 0 0 no-repeat;}
#logo2 {  width:224px; height:65px; position:absolute; top:23px; right:50px; z-index:100;  background: url(img/logo_ivansulc.gif) no-repeat 0 0; }

#menu1, #menu2 { height: 22px; background: url(img/bg_red_menu.gif) repeat-x 0 0; }
#menu2 {}

#uvodni_banner { background: url(img/banner4.jpg) no-repeat 0 0; height: 183px; position:relative;}

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

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



/*** patička  ***/
#paticka { margin: 20px 0 -19px 0; padding: 0 10px;  background: url(img/bg_gray_menu2rev.gif) repeat-x 0 0; border-bottom: solid 1px #ccc;}
/* #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 20px 6px;  }

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


/*** hlavní strana - loga výrobců  ***/
.box_logo { width:260px;   float: left; padding:10px 0;}
.box_logo .content { width: 233px; margin: 0 auto; }


#boxy_bottom_img { position: absolute; bottom:0; left:0; width: 300px;  }


#boxy_bottom_img a { font-size: 1em;}


#katalog_prohlidka { }



#box_boxy { position: relative;}
#box_boxy .boxy { margin: 15px 0 0 0; }
.sirkaA {  width: 800px;}
.sirkaB { width: 600px;}
.box_logo_news { margin: 0 0 0 290px; height: 130px; width: 200px; clear: both; }
.newsimg { padding: 30px 0 0 55px; }
.jorge { position: absolute; top: 20px; right: 0; }
.jorge-logo { position: absolute; bottom: 0; right: 40px;}

.news_icon { position: absolute; top: 180px; right: 180px; }

#bannery { margin: 10px 0 0 10px; }
#bannery h2 { font-size: 1.1em; margin: 6px 0 0 0; line-height: 1.3em;}
#bannery p { font-size: 1em; margin: 3px 0; color: #555555;}


#katalog { width: 300px; float: left; margin: 0 30px 0 0 ;  }
#katalog img { float: left; margin-right: 12px;}
#kalendar { float: left; width: 240px;  }
#kalendar img { float: left; margin-right: 16px;}


.shadow { background: url(img/bannery_bg.gif) repeat-x 0 0; padding: 30px 0 0 0; margin: 25px 0 0 0; width: 560px; position: relative; }
.shadow img { margin: 0 25px 0 0;}
.shadow .textik { position: absolute; top: 10px; left: 20px; color:#df1a1d; font-size: 1.1em; }

.spark { margin: 10px 25px 0 0; position: relative; top: 5px; }
.brembo { margin: 0 25px 0 0; }
.ngk { margin: 0 25px 0 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 { width:100%; 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;  padding: 5px;  margin: 10px 0; border: solid 1px #eee;  }
.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 { width: 905px; padding: 10px 10px; background: url(img/product_bg.gif) repeat-x 0 0; border: solid 1px #ccc; margin-bottom: 10px; }
#catinfo .cattext { width: 200px; font-size: 1.2em; color: #666; float: left;  }
#catinfo .catimages a { }
#catinfo .catimages img { margin-right: 10px; width: 120px;  border: solid 1px #888; }
#catinfo .catimages img:hover { border: solid 1px #df1a1d;}




/***** 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 ********************/
.product {
	font-size: 0.9em; width: 175px; background: url(img/product_bg.gif) repeat-x 0 0; height: 250px;
	text-align: center; float: left; margin: 10px 10px 0 0; border: solid 1px #ccc;
}
#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: 135px; overflow: hidden; position: relative; }
.product_img_box img { margin: 10px 0 0 0;}
.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: #555; font-weight: bold; }
.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 { position: absolute; top: 7px; right: 20px; font-size: 1.1em;} 
#breadcrumbs2 { margin: 10px 0 10px 0; }
#breadcrumbs a  { font-weight: bold; }

.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;}