/**************************************************************************************/
/*                                                                                    */
/* CST Standard website CSS - GLOBAL DESIGN                                           */
/*                                                                                    */
/* Central menu:    right, vertical                                                   */
/* Submenu:         none                                                              */
/*                                                                                    */
/* Version:         2008-06-25 12:00                                                  */
/* Last changed by: Josef Vondracek                                                   */
/*                                                                                    */
/**************************************************************************************/

/* GLOBAL TAGS FORMAT ================================================================*/


*{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0 0 80px 0;
	padding: 0;
	background: #404040 url(../images/images-style4/img01.jpg) repeat;
	font-size: 13px;
	text-align: justify;
	color: #000000;
	font-family: Trebuchet MS,Geneva CE,lucida,sans-serif;
	font-family: "Trebuchet MS","Geneva CE",lucida,sans-serif;
	
}

form, ul, li
{
	margin: 0;
	padding: 0;
}

img
{
	border: none;
}

/* HEADER ============================================================================*/

/* div - header panel */
#header
{
	height: 160px;
	margin: 0;
	padding: 0;
	border: 10px solid #FFFFFF;
	background: #B8E33C url(../images/images-style4/img04.jpg) no-repeat left top;

}

/* p - header panel */
#header p
{
	padding: 0 0 0 30px;
}

/* img in div - logo */
#logo img
{
	display: none;
	padding: 50px 0 0 30px;
}

#banner
{
	display: none;
	width: 330px;
	position: absolute;
	top: 30px;
	left: 700px;
	text-align: right;
}

#banner img
{
	margin: 0;
	padding: 0;
}

/* CENTRAL ELEMENT ===================================================================*/

/* div - central page element */
#page
{
	width: 740px;
	margin: 0 auto;
	text-align: left;
	}

/* MAIN MENU =========================================================================*/

/* div - panel for menu */
#menu
{
	width: 150px;
	position: absolute;
	top: 200px;
	right: 343px;
	background: #B8E33C url(../images/images-style4/img02.jpg) no-repeat right top;
	color: #974805;
	margin: 0 0 15px 0;
}

*html #menu
{
	right: 276px;
}

/* p - panel for menu */
#menu p
{
	text-align: right;
	margin: 0 15px 0 0;
}

/* ul - menu list */
#menu ul
{
	margin: 0;
	list-style: none;
	padding: 0 0 0 20px;
}

/* li - menu list item */
#menu li
{
	display: inline;
}

/* a - link in menu list li item */
#menu li a
{
	padding: 0 0 0 20px;
	display: block;
	text-decoration: none;
	text-align: left;
	color: white;
	background: url(../images/images/menu_arrow.gif) no-repeat 8px center;
}

/* a - class - last link item in menu li */
#menu li a.last
{
	border-right: 1px solid #DEDEDE;
}

/* a - cursor activity on menu link */
#menu li a:hover, #menu li a.active
{
	text-decoration: underline;
}

/* MAIN MENU BOTTOM	================================================================*/

/* div - panel for menu */
#menu-bottom
{
	display: none;
}

/* SUB MENU =========================================================================*/

/* div - panel for sub_menu */
#sub_menu
{
	display: none;
	position: absolute;
	top: 240px;
	}

/* ul - menu list */
#sub_menu ul
{
	margin: 0;
	list-style: none;
	padding: 0 0 0 10px;
}

/* li - menu list item */
#sub_menu li
{
	display: inline;
}

/* a - link in menu list li item */
#sub_menu li a
{
	padding: 0 0 0 20px;
	display: block;
	text-decoration: none;
	text-align: left;
	color: black;
	background: url(../images/images/menu_arrow.gif) no-repeat 8px center;
}

/* a - class - last link item in menu li */
#sub_menu li a.last
{

}

/* a - cursor activity on menu link */
#sub_menu li a:hover, #sub_menu li a.active
{
	text-decoration: underline;
}


/* PAGE'S CONTENT ====================================================================*/

/* div - central content panel */
#sub_page
{
	width: 770px;
	position: relative;
	top: 20px;
}
/* CONTENT - LEFT PANEL ==============================================================*/

/* div - central left panel */
#left-panel
{
	width: 500px;
	margin: 0;
	padding: 0;
	float: left;
	background: #B8E33C url(../images/images-style4/img03.jpg) no-repeat right bottom;
}

/* div - universal left panel */
#left-panel-uni
{
	width: 500px;
	margin: 0;
	padding: 5px;
	float: left;
	background: #B8E33C url(../images/images-style4/img03.jpg) no-repeat right bottom;
}

/* div - content panel of central left panel */
#left-panel-content
{
	margin: 0;
	padding: 0px 8px 20px 30px;
	min-height: 150px;
}

/* div - content panel of central left panel */
#left-panel-content-right
{
	margin: 0;
	padding: 0 0 0 30px;
}

/* ul - ul in left panel */
#left-panel-content ul
{
	padding: 0 0 0 20px;
}

/* h2 - the first level header in content left panel */
#left-panel-content h2,#left-panel-content h1, #left-panel-content-right h2, #left-panel-content-right h1
{
	margin-top: 18px;
	padding: 15px 0 5px 0;
	color: #88CC00;
	font-size: 18px;
	text-transform: uppercase;
	clear: both;
}

/* h2 - the first level header in content left panel */
#left-panel-content h2 a,#left-panel-content h1 a, #left-panel-content-right h2 a, #left-panel-content-right h1 a
{
	color: #88CC00;
	font-size: 18px;
	text-transform: uppercase;
	clear: both;
	text-decoration: none;
}

/* a - links in right panel */
p a, .box a, ul.documents li a, ul.documents li
{
	color: #669900;
	text-decoration: none;
}

/* a - links cursor interactions */
p a:hover, .box a:hover, ul.documents li a:hover
{
	text-decoration: underline;
}

/* div - right panel little contents box */
.box
{
	width: 120px;
	margin: 0 10px 15px 0;
	padding: 5px;
	float: left;
	text-align: center;
}

/* ul - label in left panel */
#left-panel-content label, #left-panel-content-right label
{
	width: 50px;
	float: left;
	padding: 2px 0;
}

/* ul - input in left panel */
#left-panel-content input, #left-panel-content-right input
 {
	width: 153px;
 	height: 18px;
	margin: 0 0 0 10px;
	background: white;
	border: 1px solid #C6C6C6;
}

/* ul - input in left panel */
#left-panel-content .button, #left-panel-content-right .button
 {
 	height: 17px;
	margin: 7px 0;
	padding: 0 0 3px 0;
	background:#2F7D9B;
	border: 0;
	color: white;
	text-align:center;
}

/* ul - input in left panel */
#left-panel-content p.banner img, #left-panel-content-right p.banner img
 {
	margin: 5px;
}

/* CONTENT - RIGHT PANEL =============================================================*/

/* div - central right panel */
#right-panel
{
	width: 150px;
	margin: 0;
	float: right;
}

/* div - universal right panel */
#right-panel-uni
{
	width: 150px;
	margin: 0;
	padding: 0 0 0 10px;
	float: right;
}

/* div - central content panel of right panel */
#right-panel-content
{
	display: none;
	margin: 0;
	padding: 0;
	
}

/* h1 - the first header level of right panel */
#right-panel-content h1
{
	margin: 18px 0 0 0;
	color: #88CC00;
	font-size: 18px;
	text-transform: uppercase;
}

/* h2 - the second header level of right panel */
#right-panel-content h2
{
	margin: 18px 0 0 0;
	color: #88CC00;
	font-size: 18px;
	text-transform: uppercase;
}

/* h3 - the second level header in content left panel */
#right-panel-content h3, #right-panel-content h3 a, #right-panel-content h3 a:hover 
{
	margin: 6px 2px 6px 0;
	padding: 0;
	text-decoration: none;
	color: #446600;
	font-size: 14px;
}


/* img - class - content image */
#right-panel-content .detail_image, #left-panel-content .detail_image 
{
	margin: 4px 8px 0px 0px;
	padding: 1px;
	float: left;
	border: 1px solid #DEDEDE;
}

/* a - class - content link */
#right-panel-content a.more, #left-panel-content a.more
{
	float: right;
	color: #FF6600;
}

/* div - contact panel */
#contact 
{
	width: 305px;
	margin: 10px 11px 0 0;
	padding: 1px;
	float: right;
	clear: right;
	border: 1px solid #DEDEDE;
}

/* h2 - the first level header in contact panel */
#contact h2 
{
	margin: 0px;
	padding: 8px 10px 6px;
	line-height: 10px;
	color: white;
	background: #88CC00 none repeat scroll 0%;
	border-bottom: 1px solid #669900;
}

/* p - text in contact panel */
#contact p
{
	margin: 20px;
}


/* FOOTER ============================================================================*/

/* div - central footer panel */
#footer
{
	border: 10px solid #FFFFFF;
	width: 720px;
	height: 50px;
	margin: 0;
	position: relative;
	top: 55px;
	clear: both;
	background: #B8E33C;
	color: #878787;
}

/* a - link for  footer panel */
#footer-right a, #footer-left a, #footer-full a
{
	color: #606060;
}

/* div - left part of footer's content */
#footer-left
{
	width: 49%;
	margin: 0;
	padding: 7px 0 0 4px;
	float: left;
}

/* div - right part of footer's content */
#footer-right
{
	width: 49%;
	margin: 0;
	padding: 7px 4px 0 0;
	float: right;
	text-align: right;
}

/* div - next line full size part of footer's content */
#footer-full
{
	width: 740px;
	position: relative;
	top: 55px;
	clear: both;
	padding: 10px 0 3px 4px;
	text-align: center;
}

/* div - styles switch panel */
#switch
{
	width: 740px;
	margin: 0;
	position: relative;
	top: 60px;
	clear: both;
	text-align: right;
	color: #878787;
}

/* p - text in switch panel */
#switch p 
{
	padding: 5px;
}

/* CONTACT FORM ======================================================================*/

/* div - class - central panel of contact form */
.TextBoxtb,.SelectslReq
{
	float: left;
	width: 400px;
	padding: 5px 0 5px 0;
}

/* div - class - container for input name */
.tbTextSTextBox, .slTextSReqSelect
{
	width: 100px;
	font-weight: bold;
}

/* div - class - container for input itself */
.tbTextBox
{
	width: 200px;
}

/* input - styling input */
#left-panel-content .tbTextBox input
{
	width: 206px;
	position: relative;
	left: -10px;
}

/* div - class - central panel for textarea */
.TextAreata
{
	float: left;
	width: 450px;
	}

/* div - class - container for textarea name */
.taTextSTextArea
{
	width: 100px;
	font-weight: bold;
}

/* textarea - styling itselft */
.taTextArea
{
	width: 205px;
	height: 100px;
	position: relative;
	top: -10px;
	float: left;
	margin: 0 0 0 100px;
	border: 1px solid #C6C6C6;
}

/* div - class - container for checkbox itself */
.CheckBox
{
	float: left;
	clear: both;
	width: 400px;
}

/* div - class - container for checkbox name */
.cfLeft
{
	font-weight: bold;
}

.cfLeft div
{
	float: left;
}

/* div - class - container for checkbox input */
#left-panel-content .cfCenter input
{
	width: 15px;
	border: none;
}

/* div - class - container for checkbox name */
.cfRight
{
	margin: 0 0 0 5px;
	text-align: left;
	font-weight: bold;
}

.slReqSelect select
{
	width: 205px;
	border: 1px solid #C6C6C6;
}


/* div - central panel for buttons */
#formButtons
{
	float: left;
	text-align: left;
	padding: 10px 13px 0 30px;
}

/* input - styling inputs */
#formButtons input, #left-panel-content .searchButton
{
	font-size: 90%;
	height: 20px;
	padding: 2px 0 4px 0;
	color: #fff;
	font-weight: bold;
	background:#CD3541;
	border:0;
}

/* LOGIN FORM ========================================================================*/

/* p - text in login form */
#left-panel-content .login p, #left-panel-content-right .login p
{
	width: 450px;
	float: left;
	margin: 0;
	padding: 2px 0;
} 

/* label - label in login form */
 #left-panel-content label, #left-panel-content-right label
{
	float: left;
	width: 50px;
	padding: 2px 0;
} 

/* input - input login form */
#left-panel-content .login input.login, #left-panel-content-right .login input.login
{
	width: 180px;
	height: 18px;
	padding:0 0 0 10px;
	border: 1px solid grey;
	background: #fff;
}

/* input - input button in login form */
#left-panel-content .login input.loginButton, #left-panel-content-right .login input.loginButton
{
	width: 193px;
	height: 18px;
	padding: 2px 0 2px 0;
	text-align: center;
	border: 1px solid grey;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	background: #CD3541;
}


/* CHANGE VALUES =====================================================================*/

/* p - text in login form */
#left-panel-content .change p
{
	width: 500px;
	float: left;
	margin: 0;
	padding: 2px 0;
	} 

/* label - label in login form */
 #left-panel-content .change label
{
	float: left;
	width: 100px;
	text-align: right;
	padding: 2px 0;
	margin: 0 5px 0 0;
} 

/* input - input login form */
#left-panel-content .change input
{
	width: 180px;
	height: 18px;
	padding:0 0 0 2px;
	border: 1px solid grey;
	background: #fff;
}

/* input - input login form */
#left-panel-content .change input.checkbox
{
	width: 15px;
	height: 18px;
	padding:0 0 0 2px;
	border: none;
	background: none;
}

#left-panel-content .change select
{
	width: 183px;
	height: 18px;
	margin: 0 0 0 10px;
	padding:0 0 0 2px;
	border: 1px solid grey;
	font-size: 10px;
	background: #fff;
}

/* input - input button in login form */
#left-panel-content .change input.loginButton
{
	width: 184px;
	height: 18px;
	padding: 2px 0 2px 0;
	text-align: center;
	border: 1px solid grey;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	background: #CD3541;
}

/* input - input button in login form */
#left-panel-content .change input.loginButton2
{
	width: 184px;
	height: 18px;
	padding: 2px 0 2px 0;
	text-align: center;
	border: 1px solid grey;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	background: #CD3541;
	position: relative;
	left: 105px;
}

/* BANNERS ===========================================================================*/

/* p - text in banners */
#banners p
{
	padding: 0 0 15px 0;
}

/* ARTICLES DOCUMENTS ================================================================*/

/* ul - documents list */
ul.documents ul
{
	padding: 10px 0 20px 0;
}

/* li - documents list item */
ul.documents li
{
	color: #669900;
}

/* a - link in documents list li item */
ul.documents li a
{
	color: #669900;
	text-decoration: none;
}

/* a - hover in menu list li item */
ul.documents li a:hover
{
	text-decoration: underline;
}


/* NEWS FORM  ========================================================================*/

/* p - text in news form */
#left-panel-content .news p, #left-panel-content-right .news p
{
	width: 450px;
	float: left;
	margin: 0;
	padding: 2px 0;
} 

/* label - label in news form */
 #left-panel-content label, #left-panel-content-right label
{
	float: left;
	width: 80px;
	padding: 2px 0;
} 

/* input - input button in news form */
#left-panel-content .news input.loginButton, #left-panel-content-right .news input.loginButton
{
	width: 163x;
	height: 18px;
	padding: 2px 0 2px 0;
	margin: 0 0 0 90px;
	text-align: center;
	border: 1px solid grey;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	background: #CD3541;
}

/* input - checkbox button in news form */
#left-panel-content checkbox,  #left-panel-content-right checkbox
{
	margin: 0 0 0 50px;
	border: 1px solid grey;
}


/* LANGUAGES ========================================================================*/

/* span - global style classes for languages */
.language1, .language2, .language3, .language4, .language5, .language6, .language7
{
	margin: 0 0 0 3px;
}

/* span - EN language */
.language1
{

}

/* span - CZ language */
.language2
{
	
}

/* span - DE language */
.language3
{
	
}

/* span - NL language */
.language4
{
	
}

/* span - IT language */
.language5
{
	
}

/* span - ES language */
.language6
{

}

/* span - PT language */
.language7
{
	
}

/* PAGING  ==========================================================================*/

/* div - paging panel */
#paging
{
	width: 100%;
	margin: 0 auto;
	clear: left;
	text-align: center;
}

/* div - header panel */
#paging div
{
	margin: 0;
	float: left;
	color: #669900;
	padding: 0 0 0 5px;
	font-weight: bold;
}

/* a - link in header panel */
#paging div a,#paging span a, #paging a.next, #paging a.previous
{
	color: #669900;
	text-decoration: none;
}

/* a - hover in header panel */
#paging div a,#paging span a, #paging a.next, #paging a.previous
{
	text-decoration: underline;
}

/* ADRESS  ==========================================================================*/

/* div - adress panel */
#adress
{
	width: 100%;
	padding: 3px 0 0 5px;
	margin: 0;
	clear: left;
	}
	
	/* a - links in adress panel */
#adress p a
{
	margin: 0;
	color: #669900;
	text-decoration: none;
}

/* a - links in adress panel */
#adress p a:hover
{
	text-decoration: underline;
}

/* GLOBAL ERROR BOX =================================================================*/

#globalError
{
	width: 100%;
	position: relative;
	top: -10px;
	z-index: 999;
	border: 2px solid black;
	background: red;
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#error_box
{
	width: 300px;
	position: relative;
	border: 1px solid black;
	color: red;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	margin: 0 0 15px 0;
}

/* USER LOGIN INFO  =================================================================*/

#logoutUserInfo
{
margin: 0 0 0 3px;
padding: 0;
height: 20px;
}

#logoutUserInfo a
{
color: #669900;
	text-decoration: none;
}

#logoutUserInfo span.userLoginName a
{
color: #669900;
	text-decoration: none;
}

#logoutUserInfo span.userFullName a
{
color: #669900;
	text-decoration: none;
}

#logoutUserInfo span.userFullName a:hover, #logoutUserInfo span.userLoginName a:hover, #logoutUserInfo a:hover
{
text-decoration: underline;
}


#logoutUserInfo span
{
margin: 0;
padding: 0;
}