/* CSS Document */
@import url("menu.css");

body { 
  margin:0; 
  padding:0;
  background:#d9d6c8 url("../images/bg.gif") repeat-y center top;
  font-family:Arial;
}

img { border:0; }
hr {color: #ecebe5;background-color:#ecebe5;height:1px;border:0;}
a {color:#4f3259;}
a:hover {text-decoration:none;}


.clear { clear:both;	line-height:0; _font-size:0; }
.invisible { display:none; }
.left {float:left;}
.right {float:right;}

.purple {color:#4f3259 !important;}
.warn {color:#f00;font-weight:bold;}
.msg {color:#4EB478;font-weight:bold;}
.price {font-size:200% !important;font-weight:bold;}

#head {
  position:relative;
  margin:auto;
  width:944px;
  height:90px;
  background:#fff;
}

/* logo */
#logo {
	position:absolute;
	top:29px;
	left:25px;
	margin:0; 
	padding:0;
	width:175px; 
	height:37px;
	overflow:hidden;
	font:120% Arial;
	z-index:0;
}
#logo span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  	top:0; 
	z-index:0;
	width:175px; 
	height:37px;
	cursor:pointer;
	background:url("../images/logo.gif") no-repeat left top;
}
#logo a { color:#000;text-decoration:none; }
#logo a:hover { color:#abc; text-decoration:underline; }

/*obrazek pod menu*/
#head-info {
	margin:0 0 10px 0; 
	padding:0;
	width:634px; 
	height:139px;
	overflow:hidden;
	font:120% Arial;
	z-index:0;
}
#head-info span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
    top:0; 
	z-index:0;
	width:634px; 
	height:139px;
	background:url("../images/kancelarsky-nabytek.jpg") no-repeat left top;
}

#extraDiv1 {
	width:48%;
	position:absolute;
	top:90px;
	left:0;
	height:198px;
	background:#bc88ea;
	z-index:0;
}
#extraDiv2 {
	width:45%;
	position:absolute;
	top:90px;
	right:0;
	height:198px;
	background:#a9a387;
	z-index:0;
}
#extraDiv3 {
	position:absolute;
	top:0px;
	left:-114px;
	width:114px;
	height:198px;
	background:#9662c4;
}

#content {
  position:relative;
  margin:auto;
  width:944px;
  min-height:400px;
  _height:400px;
  background:#fff;
  z-index:9;
}
#leftbox {
	float:left;
  	width:204px;
}

#kalkulace {
  position:relative;
  margin-top:20px;
  width:204px;
  height:179px;
  background:url("../images/kalkulace-bg.jpg") no-repeat left 43px;
}

#kalkulace h3 {
	margin:0; 
	padding:0;
	width:204px; 
	height:43px;
	overflow:hidden;
	font:1.15em Arial;
	z-index:0;
}
#kalkulace h3 span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  top:0; 
	z-index:0;
	width:204px; 
	height:43px;
	background:url("../images/kalkulace-zdarma.gif") no-repeat left top;
}
#kalkulace p {
  margin:0;
  padding:0 13px 0 0;
  font-size:70%;
  color:#4f3259;
  text-align:right;
  line-height:15px;
}
#kalkulace p strong {
  font-size:110%;
}
#kalkulace a {
  position:absolute;
  top:125px;
  left:95px;
  color:#4f3259;
  font-size:70%;
  font-weight:bold;
}
#kalkulace a:hover {
  color:#867a47;
}

#content-text {
    float:right;
    position:relative;
	padding:0 0 25px 0;
    right:100px;
    width:634px;
    min-height:600px;
    _height:600px;
}
#content-text h3 {
    margin:0 0 10px 0;
    padding:10px 10px 5px 10px;
    font-size:130%;
    color:#4f3259;
    font-weight:normal;
}
/*titulek stranky*/
/*h3.underline {
    padding-bottom:15px !important;
    border:solid #ecebe5;
    border-width:0 0 1px 0;
}*/
#page-title {
	margin:17px 0 0 10px;
	padding:0;
	line-height:30px;
	font-size:21px !important;
	font-weight:normal !important;
	color:#4f3259;
}

/*#page-title h1 {	
	float:left;
	margin:0 6px 0 0;
	padding:0;
	line-height:30px;
	font-size:21px !important;
	font-weight:normal !important;
}
#page-title h2 {
	float:left;
	margin:0 6px 0 0;
	padding:0;
	line-height:30px;
	font-size:21px !important;
	font-weight:normal;
}
#page-title span {
	display:block;
	float:left;
	margin:0 6px 0 0;
	padding:0;
	line-height:30px;
	font-size:21px !important;
}*/

#padded-text {
    padding:0 10px;
}
#padded-text ul {
	margin:0 0 0 20px;
}
#padded-text ul li{
    font-size:70%;
    color:#4e4627;
}

#content-text h4 {
    margin:0 0 5px 0;
    padding:0;
    font-size:95%;
    color:#4f3259;
    font-weight:bold;
}
#content-text h1 {
    margin:0 0 5px 0;
    padding:0;
    font-size:95%;
    color:#4f3259;
    font-weight:bold;
}
#content-text h5 {
    margin:0 0 5px 0;
    padding:0;
    font-size:70%;
    color:#4f3259;
    font-weight:bold;
}
#content-text p {
    margin:0 0 10px 0; 
    font-size:70%;
    color:#4e4627;
}

#footer {  
  position:relative;
  margin:auto;
  width:944px;
  z-index:100;
}
#foot {
  float:right;
  position:relative;
  top:-10px;
  right:90px;
  width:634px;
  height:90px;
  background:#ccc8b7;
  border:solid #b8b39d;
  border-width:10px 0 0 0;
  color:#8f896b;
}
#foot span {
    position:relative;
    top:35px;
    padding:0 10px;
    font-size:70%;
}

.in-box {
    padding:4px 4px;
    background:#ecebe4;
    text-align:right;
    overflow:hidden;
}
.img-box-l {
    float:left;
    margin:5px 5px 5px 0;
    padding:1px;
	line-height:13px !important;
    border:1px solid #edebe0; 
    overflow:hidden;
}
.img-box-r {
	position:relative;
    float:right;
    margin:5px 5px 5px 0;
    padding:1px;
    border:1px solid #edebe0; 
}

.fotodetail {
    display:block;
    padding:0 17px 0 0;
    font-size:10px;
    line-height:13px;
	background:url("../images/fotoplus.gif") no-repeat right top;
}
.fotodetail:hover {
    text-decoration:none;
}
.productsmalla {
	font-size:12px;
	font-weight:bold;
    text-decoration:none;
}
.productsmalla:hover {
	color:gray !important;
}

.senda {
    padding:4px 8px;
    background:#4f3259;
    color:#fff;
    font-weight:bold;
}

form {
    padding:1px 1px;
    border:1px solid #edebe0;
    font-size:75%; 
}
fieldset {
    margin:0;
    padding:15px 10px;
    background:#ecebe4;
    border:0;
}
legend {
    display:none;
}
.i-text {
    width:270px;
    border:1px solid #d3cfb8;
}
.i-textarea {
    width:510px;
    height:150px;
    border:1px solid #d3cfb8;
    overflow:auto;
}
form button {
    margin:5px 10px 0 0;
    padding:2px 10px;
    background:#4f3259;
    color:#fff;
    border:0;
    font-size:100%;
    text-decoration:underline;
    cursor:pointer;
}
#submit-button {font-weight:bold;}

form table th {
    width:70px;
    line-height:20px;
    text-align:left;
    vertical-align:top;
}

/*testovaci obrazky
.img-box {
    margin:0;
    padding:1px 1px;
    width:210px;
    height:163px;
    border:1px solid #edebe0; 
	background:url("../images/img-box-bg.jpg") no-repeat 1px 1px;
}*/


.index-menu {
    position:relative;
    float:left;
    width:210px;
    height:163px;
	background:url("../images/index-menu.jpg") no-repeat left top;
	border:0;
}
.bt {border-top:1px solid #edebe0;} 
.bl {border-left:1px solid #edebe0;} 
.br {border-right:1px solid #edebe0;} 
.bb {border-bottom:1px solid #edebe0;} 

.index-menu-arrow {
    position:absolute;
    bottom:0;
    right:0;
    display:block;
    width:44px;
    height:44px;
    border:5px solid #fff;
	background:url("../images/index-menu-arrow.gif") no-repeat left top;
	z-index:10;
}
.index-menu-arrow:hover {
	background:url("../images/index-menu-arrow-hover.gif") no-repeat left top;
}

.index-menu-title {
    display:block;
    margin:13px 0 0 11px;
    font-size:80%;
    font-weight:bold;
    color:#4f3259;
}
.index-menu-title:hover {
    color:#867a47;
    text-decoration:underline;
}

.index-menu img {
    position:relative;
    top:8px;
    display:block;
    margin:auto;
    width:190px;
    height:115px;
    overflow:hidden;
    border:0;
}

.gallery-item {
	float:left;
	margin:3px 3px;
}

.gallery-item img {
	border:1px solid gray;
}

#selected-product {
	color:#abc !important;
}

#pagescounter {
	margin:15px 0 15px 0;
}
#pagescounter a {
	float:left;
	display:block;
	padding:3px 5px;
	margin:0 2px;
	border:1px solid #ccc8b7;
	color:#2e1537;
	background:#fff;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}
#pagescounter a:hover {
	color:#fff;
	background:#2e1537;
}
#activepage {
	float:left;
	display:block;
	padding:3px 5px;
	margin:0 2px;
	border:1px solid #ccc8b7;
	color:#fff;
	background:#2e1537;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}