@import url("config.css");
@import url("panel.css");
@import url("content.css");
@import url("../common.css");

@import url("_ad.css");
@import url("_form.css");
@import url("_table.css");
@import url("menu.css");
@import url("typography.css");

.fotogalerie td { background: white; border: .5em solid white; }
.fotogalerie img { border: .5em solid #DD3731; }

.box { background: #33cc99; color: black; }
.box a { color: black; text-decoration: none; }
.box a:hover { text-decoration: underline; }
.box ul { padding-left: 1.4em;  _margin: 0; }
.box-title { color: black; }

#box-poll { margin-top: 4px; background: url("../../../home/box-bottom-bg.png") right bottom no-repeat; }
#box-poll-title { background: url("../../../home/box2-bg.png") right top no-repeat; }
#box-poll-title div { height: 21px; padding: 8px 0 0 3.5em ; font-weight: bold; font-style: italic; }
#box-poll-content { border-right: 24px solid #A5AEBA; margin-bottom: 4px; padding-left: .5em;}
#box-poll label { font-size: .8em; }
#poll-question { color: #CC1014; padding: .5em 0; }  

#box-newsletter { background: url("../../../home/box-bottom-bg.png") right bottom no-repeat; }
#box-newsletter-title { background: url("../../../home/box2-bg.png") right top no-repeat; }
#box-newsletter-title div { height: 21px; padding: 8px 0 0 3.5em ; font-weight: bold; font-style: italic; }
#box-newsletter-content { border-right: 24px solid #A5AEBA; margin-bottom: 4px; padding: .5em;}

#box-categories { background: #A4ADB9; color: #E70000; padding-bottom: 1em;}
#box-categories .box-title { background: url("../../../home/seznam-produktu.png") right top no-repeat; padding-left: 3em; padding-top: 6px; color: black; font-style: italic; font-weight: bold; height: 23px; }
#box-categories ul { list-style-type: square; }
#box-categories a { color: white; }

#quick-contact { font-size: 90%; float: right; width: 280px; margin: 40px 1em 0 0; text-align: right; }
#quick-search { float: right; background: url("../../../home/search-bg.png") right top no-repeat; width: 288px; height: 66px; position: relative; top: 190px; left: 217px; _padding-top: -20px; }
#quick-search div { padding: 1em;}

#box-send-order { background: #A4ADB9; color: white; padding-bottom: 1em;}
#box-send-order a { color: white; }
#box-send-order .box-title { background: url("../../../home/objednavka-bg.png") right top no-repeat; padding-left: 3em; padding-top: 6px; color: black; font-style: italic; font-weight: bold; height: 23px; }
#box-send-order .box-padding { padding: 1em; }
.fader { border: 1px solid #222; background: #eee; }
.fader img { }
#extra .box {
	padding: 1em;
}

#extra-bg {
	
}

body {
	font-family: "Trebuchet MS", sans-serif;
	color: black; 
	font-size: .8em;
	margin: 0;
	padding: 0;
	background: url("../../../home/bg.jpg") center top no-repeat ;
	text-align: center;
}



#extra .padding {
	padding: 1em;
}

#navigation .padding {
	padding: 1em;
}



#insider { margin: 0 0 0 5px; padding: 0; }

#topmenu { position: relative; float: left; left: 10px; top: 33px; color: #eee; font-size: 90%; padding: 0.5em 1em; }

#topmenu a { background: url("../../../home/bull.png") left center no-repeat; padding-left: 2em; padding-right: 1em; color: #eee; font-weight: bold; font-size: 1.2em; text-decoration: none; } #topmenu a:hover { color: red; }


#bar {
	

}

#bar input {
	float: left;
}

#container-bg { }

#right {

}

#right .padding {
	padding: 1em;
}

#root #right-panel {
	width: 20%;
	float: right;
	color: white;
}

#root #right-panel a {
	color: white;
}

#tools { background: #D4D0C8;  padding: 0.5em 1em; text-align: right; }
#tools a { color: black; border: 1px outset; text-decoration: none; padding: 2px;}
#tools a:hover { background: #CCCC99; border: 1px outset #CCCC99; }
.published {
	color: #999;
	font-size: 80%;
}

.ViewProducts {
	font-size: 85%;	
}

.ViewProducts th {
	text-align: center;	
}

.ViewProducts td {
	padding: 1em;	
	border-top: solid 1px #F0F0F0;
	text-align: center;
}

.ViewProducts h1 {
	font-size: 90%;
	margin-top: 0.2em;
}

.ViewProducts img {
	border: none;
}

.imgCategory {
	border: none;
	background-color: #F0F0F0;
	padding: .4em;
	
}

.imgProduct {
	width: 54px; 
	height: 54px; 
	float: left; 
	margin: .3em; 
	text-align: center;
	background: #eee;
	padding: .2em;
}

.view-product-picture {
	float: left;
	background: #eee;
}

#motto {
	font: normal normal 160%/100% "Georgia", serif;
	color: #bbb;
	float: right;
	position: relative;
	top: 2.3em;
	left: -1em;
}

/**
 * Frontpage
 */
 
.suppages {
	font-size: 80%;
}
 
.hi {
	position: relative; 
	left: -1em;
	padding: 1em 0 0 0;
}

.frontpage {
	width: 95%;
}

.frontpage, .frontpage td, .frontpage th {
	border: none;
}
 
.frontpage th {
	color: white;
	padding: .3em .5em;
	background: #7C7B7A;
}

.frontpage th a {
	color: white;
	text-decoration: none;
	display: block;
}

.frontpage th a:hover {
	color: white;
	text-decoration: underline;
}

.frontpage td {
	padding: 1em;
}
 
.frontpage img {
	margin-right: 1em;
}



/**
 * Typography and colors
 */



.price {
	font-size: 200%;
}


p {
	margin-top: 0;
}

/**
 * Layout and dimensions
 */


#header a { color: white; }


#header img {
	margin: 0;
	padding: 0;
	border: 0;
}

#logo {
	float: left;
	margin: 0 0 0 1em;
	_margin: 1em;
}

#logo h1 {
	padding: 0;
}

#shop-left-panel {
	float: left;
	width: 20%;
}

.shop-content {
	float: right;	
	width: 60%;
}

#minigallery {
 	width: 230px;
 	float: left;
 	margin-right: 1em;
 	background: white;
}
#box-subpages-content { padding: 0; }
#box-subpages a { color: black; background: #33CC99; }
#box-subpages a:hover { color: black; background: #FFDF5E; }
#box-subpages ul { padding: 0; padding-left: 1.4em; margin: 0 0 .5em 0; }
#sortiment-overview { padding: 1em; background: #7f7f7f; color: white; }
#sortiment-overview img { border: 2px solid white; background: #7f7f7f; padding: 12px; }
#sortiment-overview h1 { color: white; }
#screen-area { padding: 0 1em; }
#toolbar {
	background: #33cc99;
	color: white;
	text-align: right;
	border: solid white;
	border-width: 2px 0;
	margin: 0 -1em;
	_height: 10px;
}
#toolbar a { color: white; }
#toolbar div {
	padding: 2px .5em;
}

.comment {
	background: #eee;
	padding: 1em;
	margin: .5em 0;
	border: 1px solid #ccc;
}



#footer a {
	color: white;
	font-size: 100%;
}