/*****************************************
***    CSS Document by AgiPro s.r.o.   ***
***    http://www.agipro.cz            ***
***    copyright c AgiPro s.r.o.       ***
*****************************************/

/**************************************************************************************
*********************************   XHTML elements   *********************************/
*{
	border: 0;
	text-indent: 0;	
	margin: 0;
	padding: 0;
}
html,body{
	text-align: center;
	height: 100%;
	min-height: 100%;
	width: 100%;
}
body{
	background-color: #E5E5E5;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .75em;
}
h1{
	position: relative;
	font-size: 1.5em;
	height: 43px;
	width: 219px;
	margin-left: 25px;
	overflow: hidden;
}
div>h1{
}
a{
	color: #000;
}
th{
	text-align: left;
}

/*************************************************************************************
********************************   class definition   *******************************/
.textBold{
	font-weight: bold;
}
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
.hideItem,h2.hideItem{
	display: none;
}
.hidden{
	visibility: hidden;
}
.clearer{
	clear: both;
}
div.clearer{
	height: 1px;
}

ul.lineSpacingX li{
	padding: 3px 0;
}

.w50p{
	width: 44%;
	padding-left: 5.5%;
}
#boxContent .w50p h3{
	padding: 25px 50px 5px 0;
	text-align: center;
}
#boxContent .w50p h3 span{
	font-size: .9em;
	font-weight: normal;
}
.paddingL30{
	padding-left: 40px;
}
#boxContent p.marginB25{
	margin-bottom: 15px;
}

.noListPrefix{
	list-style-type: none;
}

.newsImage{
	margin: 3px 10px 10px 0; 
}
#boxContent div.lineBlock{
	border: 1px solid #F0F0F0;
	-moz-border-radius: 5px;
	background-color: #E0F1FE;
	margin-bottom: 10px;
}

.openTime caption{
	font-weight: bold;
}
.openTime th{
	font-size: .9em;
	font-weight: normal;
	padding-right: 5px;
}
h3.opened{
	margin-bottom: 10px;
	text-align: center;
	padding-left: 0!important;
}

/*************************************************************************************
*******************************   LAYOUT definition   *******************************/
#boxScreen{
	position: relative;
	text-align: left;
	width: 940px;
	margin: 0 auto;
}
#boxHeader{
	position: relative;
	background-image: url(../images/header_bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	height: 394px;
}
#divBreadCumNavigation{
	position: absolute;
	bottom: 0px;
	left: 300px;
	background-color: #000;
	color: #FFF;
	font-size: .9em;
	padding: 6px 5px 6px 10px;
}
#boxContainer{
	position: relative;
	background-color: #FFF;
	background-image: url(../images/container_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	border: 1px solid #DADADA;
	border-top: none;
	min-height: 450px;
	_height: 450px;
	padding: 45px 10px 20px 20px;
}
#boxContent{
	float: right;
	position: relative;
	color: #272727;
	width: 630px;
}
#boxMenu{
	position: absolute;
	top: 143px;
	left: 38px;
	background-color: #000;
	background-image: url(../images/menu_bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 1em;
	height: 251px;
	width: 254px;
	margin: 0;
	padding: 15px 60px 20px 45px;
}
div>#boxMenu{
	height: 211px;
	width: 149px;
	padding-bottom: 25px;
}
#boxFooter{
	float: left;
	font-size: .8em;
	height: 48px;
	padding: 20px 0 7px 20px;
}

/*************************************************************************************
*****************************   boxHeader definition   ******************************/
#divLogo{
	position: relative;
	background-color: #FFF;
	background-image: url(../images/header_CLB.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 200px;
	width: 270px;
	padding-top: 65px; 
	overflow: hidden;
}
div>#divLogo{
	height: 135px;
}
#divLogo a{
	display: block;
	color: #000;
	text-align: left;
	height: 43px;
}
#divLogo a span{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	background-image: url(../images/header_logo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 43px;
	width: 219px;
	cursor: pointer;
}
#boxHeader strong{
	position: absolute;
	bottom: 39px;
	right: 55px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 1.25em;
	letter-spacing: 3px;
	text-align: right;
}
#divBreadCumNavigation strong{
	position: static;
	color: #FFF;
	font-size: .9em;
	letter-spacing: 0;
}
#divBreadCumNavigation a{
	color: #FFF;
	font-size: 1em;
}
#divBreadCumNavigation span{
	text-transform: lowercase;
}


/*************************************************************************************
****************************   boxContainer definition   ****************************/
#boxContainer #boxLT{
	position: absolute;
	top: -42px;
	left: -1px;
	background-color: #FFF;
	background-image: url(../images/container_boxLT.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 42px;
	width: 257px;
}
#boxContainer #cornerLB, #boxContainer #cornerRB{
	position: absolute;
	bottom: -1px;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 0;
	height: 5px;
	width: 5px;
}
#boxContainer #cornerLB{
	left: -1px;
	background-image: url(../images/container_CLB.gif);
}
#boxContainer #cornerRB{
	right: -1px;
	background-image: url(../images/container_CRB.gif);
}

/*************************************************************************************
*****************************   boxContent definition   *****************************/
#boxContent h2{
	font-size: 1.4em;
	padding: 0 0 10px 50px;
}
#boxContent h2 span{
	color: #077ED9;
	font-size: 1.7em;
}
#boxContent p{
	font-size: 1em;
	text-align: justify;
	text-indent: 10px;
	padding: 0 40px 20px 0px; 
}
#boxContent address, #boxContent #contants{
	font-style: normal;
	padding: 0 10px 15px;
}
#boxContent ul{
	margin: 5px 0 0 40px;
}

/*************************************************************************************
************************   boxRandomRealization definition   ************************/
#boxRandomProduct{
	position: absolute;
	top: 20px;
	left: 29px;
	border: 1px solid #D8D8D8;
	background-color: #F6F6F6;
	background-image: url(../images/submenu_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	text-align:center;
	width: 220px;
	padding: 20px 20px 15px;
}
div>#boxRandomProduct{
	width: 180px;
}
#boxRandomProduct.empty{
	height: 285px;
}
div>#boxRandomProduct.empty{
	height: 250px;
}
#boxRandomProduct h3{
	font-size: .9em;
	text-align: left;
	text-indent: 10px;
	padding: 0 0 5px 0;
}
#boxRandomProduct h3 a{
	color: #0059B5;
	text-decoration: none;
}
#boxRandomProduct img{
	border: 2px solid #D8D8D8;
	width: 160px;
}
#boxRandomProduct p{
	font-size: .8em;
	text-align: left;
	padding-top: 5px;
}
#boxRandomProduct #next{
	float: right;
	font-size: .75em;
	font-weight: bold;
	margin: 10px 10px 0 0;
}
#boxRandomProduct #CLB, #boxRandomProduct #CRB,
#boxRandomProduct #CLT, #boxRandomProduct #CRT{
	position: absolute;
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 0;
	height: 6px;
	width: 6px;
}
#boxRandomProduct #CLB, #boxRandomProduct #CRB{
	bottom: -2px;
}
div>#boxRandomProduct #CLB, div>#boxRandomProduct #CRB{
	bottom: -1px;
}
#boxRandomProduct #CLB{
	left: -1px;
	background-image:	url(../images/submenu_CLB.gif);
}
#boxRandomProduct #CRB{
	right: -1px;
	background-image:	url(../images/submenu_CRB.gif);
}
#boxRandomProduct #CLT, #boxRandomProduct #CRT{
	top: -1px;
}
#boxRandomProduct #CLT{
	left: -1px;
	background-image:	url(../images/submenu_CLT.gif);
}
#boxRandomProduct #CRT{
	right: -1px;
	background-image:	url(../images/submenu_CRT.gif);
}

/*************************************************************************************
*****************************   boxContact definition   *****************************/
#boxContact{
	position: relative;
	border: 1px solid #D8D8D8;
	background-color: #F7F7F7;
	background-image: url(../images/contact_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	width: 220px;
	margin: 350px 0 0 9px;
}
div>#boxContact{
	margin-top: 290px;
}
*+html #boxContact{
	margin-top: 330px;
}
#boxContact div{
	border-bottom: 1px solid #D8D8D8;
	background-color: #FFF;
	background-image: url(../images/contact_top_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 32px;
}
#boxContact h3{
	color: #0059B5;
	font-size: 1.1em;
	padding: 8px 0 0 20px;
}
#boxContact address{
	font-size: 1em;
	font-style: normal;
	padding: 10px 20px;
}
#boxContact table{
	margin: 0 0 20px 20px;
}
#boxContact #corLT, #boxContact #corRT{
	position: absolute;
	top: -1px;
	border-bottom: none;
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 0;
	height: 6px;
	width: 6px;
}
#boxContact #corLT{
	left: -1px;
	background-image: url(../images/contact_CLT.gif);
}
#boxContact #corRT{
	right: -1px;
	background-image: url(../images/contact_CRT.gif);
}
#boxContact #corLB, #boxContact #corRB{
	position: absolute;
	bottom: -1px;
	border-bottom: none;
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 0;
	height: 6px;
	width: 6px;
}
#boxContact #corLB{
	left: -1px;
	background-image: url(../images/contact_CLB.gif);
}
#boxContact #corRB{
	right: -1px;
	background-image: url(../images/contact_CRB.gif);
}

/*************************************************************************************
*******************************   boxMenu definition   ******************************/
#boxMenu ul{
	color: #FFF;
	line-height: 2.15em;
}
*+html #boxMenu ul{
	line-height: 2.25em;
}
#boxMenu ul ul{
	position: absolute;
	top: 271px;
	left: -8px;
	border: 1px solid #D8D8D8;
	background-color: #F6F6F6;
	background-image: url('../images/submenu_bg.gif');
	background-position: top left;
	background-repeat: repeat-x;
	list-style-image: url('../images/submenu_bullet.gif');
	list-style-position: outside;
	width: 220px;
	height: 270px;
	padding: 20px 20px 10px 40px;
}
div>#boxMenu ul ul{
	width: 160px;
}
#boxMenu ul ul ul{
	position: relative;
	top: 0;
	left: 0;
	border: none;
	background-color: transparent;
	background-image: none;
	list-style-image: url('../images/sub_submenu_bullet.gif');
	height: auto;
	width: auto;
	padding: 3px 0 8px 20px;
}

/*******************  first level  *******************/
#boxMenu li{
	font-size: .95em;
	list-style-type: none;
	text-align: right;
}
#boxMenu>ul>li>a{
	text-transform: uppercase;
}
#boxMenu li a:first-letter{
	text-transform: uppercase;
}
#boxMenu li.borderTop{
	border-top: 1px solid #4E4E4E;
}
#boxMenu ul li a{
	position: relative;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#boxMenu ul li>a{
	display: block;
}
#boxMenu ul:first-letter,#boxMenu li a:first-letter{
	font-size: 1.3em;
}

#boxMenu ul li a span{
	display: block;
	position: absolute;
	top: 7px;
	right: -27px;
	visibility: hidden;
	background-image: url('../images/menu_arrow.gif');
	background-position: top right;
	background-repeat: no-repeat;
	height: 11px;
	width: 13px;
}
*+html #boxMenu ul li a span{
	top: 0;
}
#boxMenu ul li a:hover span, #boxMenu ul li a:focus span{
	visibility: visible;
}
#boxMenu ul li a span span, #boxMenu ul li a:hover span span,
#boxMenu ul li a:focus span span{
	display: none;
}
#boxMenu ul li.active{
	padding-right: 15px;
}
#boxMenu ul li.active a span{
	visibility: visible;
	right: 30px;
	top: 0;
}
#boxMenu ul li.active a>span{
	right: -42px;
	top: 7px;
}
*+html #boxMenu ul li.active a span{
	top: 0;
}
#boxMenu ul li.active a span span{
	display: none;
}

/*******************  second level  *******************/
#boxMenu ul ul li{
	border: none;
	font-size: 1em;
	line-height: 1em;
	text-align: left;
	padding-bottom: 7px;
}
#boxMenu ul ul li #CLB, #boxMenu ul ul li #CRB, #boxMenu ul ul li #CLT, #boxMenu ul ul li #CRT{
	position: absolute;
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 0;
	height: 6px;
	width: 6px;
}
#boxMenu ul ul li #CLB, #boxMenu ul ul li #CRB{
	bottom: -1px;
}
#boxMenu ul ul li #CLB{
	left: -1px;
	background-image:	url('../images/submenu_CLB.gif');
}
#boxMenu ul ul li #CRB{
	right: -1px;
	background-image:	url('../images/submenu_CRB.gif');
}
#boxMenu ul ul li #CLT, #boxMenu ul ul li #CRT{
	top: -1px;
}
#boxMenu ul ul li #CLT{
	left: -1px;
	background-image:	url('../images/submenu_CLT.gif');
}
#boxMenu ul ul li #CRT{
	right: -1px;
	background-image:	url('../images/submenu_CRT.gif');
}
#boxMenu ul ul a:first-letter{
	font-size: 1em;
}
#boxMenu ul ul a{
	background-color: transparent;
	background-image: none;
	color: #181818;
}
#boxMenu ul ul a:hover, #boxMenu ul ul a:focus{
	text-decoration: underline;
}

/*******************  third level  *******************/
#boxMenu ul ul ul li{
	font-size: 1em;
	padding-bottom: 0;
}

/*************************************************************************************
******************************   boxFooter definition   *****************************/
#boxFooter,#boxFooter a{
	color: #5F5F5F;
}
#boxFooter span{
	color: #ED3707;
}

/*********************** boxLeftSide **************************/
#boxLeftSide h3{
	text-align: center;
	margin: 10px 30px 5px 0;
}
#boxLeftSide img{
	margin-left: 20px;
}
#boxLeftSide table{
	border-collapse: collapse;
	font-size: 1.1em;
	width: 95%;
	margin-top: 10px;
}
#boxLeftSide caption{
	display: none;
}
#boxLeftSide th{
	border: 1px solid #B3D7F4;
	background-color: #E0F1FE;
	font-size: .8em;
	text-align: center;
	padding: 4px;
}
#boxLeftSide th sup{
	font-size: .7em;
}
#boxLeftSide td{
	border: 1px solid #B3D7F4;
	background-color: #F0F8FF;
	font-size: 1em;
	text-align: center;
	padding: 4px;
}
#boxLeftSide td.textLeft{
	text-align: left;
	padding: 0 0 0 5px;
}
#boxLeftSide .floatLeft{
	float: left;
	width: 50%;
}
#boxLeftSide .floatRight{
	float: right;
	width: 50%;
}
/*
#boxLeftSide .floatLeft table, #boxLeftSide .floatRight table{
	font-size: .9em;
	margin-bottom: 20px;
	margin-top: 0;
}
*/

/********************* boxBlues ***********************/
#boxRightSide ul{
	font-size: 1em;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
}
#boxRightSide li{
	background-color: #E0F1FE;
	padding: 3px 0 4px 10px;
	margin: 4px 0;
}

/********************* boxBlues ***********************/
#boxContent div.boxBlue{
	border: 1px solid #B3D7F4;
	background-color: #F0F8FF;
	margin: 0 10px;
	padding: 6px 4px 0;
}
#boxContent div.boxBlue div{
	float: left;
	text-align: center;
	padding-bottom: 5px;
}
#boxContent div.boxBlue div.clearer{
	float: none;
}
#boxContent div.boxBlue div img{
	height: 96px;
	width: 96px;
	margin: 0 2px;
}
#boxContent div.boxBlue a{
	text-decoration: none;
}

