/**	This CSS stylesheet is based on Abeo standard CSS style sheet
 *	based on experiences from svn://no.cz/projects/www.ihr-autodily.cz/1/www/css/css.css
 *
 *	There are advices in every block of code. Search for "Advice:"
 */


/** ****************************** **
 ** Unification of browser styles - clear all margin and paddings to all visible none-deprecated html tags
 ** ****************************** **
 *
 *	Advice:
 *	Keep as is.
 *	x	Keep HTML tags unchanged.
 *	x	Don't add/remove any css properties.
 *	x	Don't change definitions of css properties
 */

/*	Mask for all elements	*/
*,
/*	Document	*/
html, body, frameset, frame, iframe, noframes,
/*	Headings	*/
h1, h2, h3, h4, h5, h6,
/*	Standard block level elements	*/
p, div, ol, ul, li,
/*	Links	*/
a,
/*	Multimedia	*/
img, object,
/*	Tables	*/
table, caption, col, colgroup, thead, tbody, tfoot, tr, th, td,
/*	Forms	*/
form, fieldset, legend, label, input, textarea, select, optgroup, option, button,
/*	Still used formatting tags	*/
b, i, span, pre, code, strong, big, small, sub, sup
/*	New lines	*/
br, hr,
/*	Other HTML tags	*/
abbr, acronym, address, link, blockquote, cite, q, samp,
dd, del, dfn, dl, dt, em, ins, kbd, tt, var
{
	margin:				0px;
	padding:			0px;
	font-size:			100%;
}

/*	Set all fonts to be smaller	*/
html{
	font-size:			75%;
}


/**	********************** **
 **	Common HTML tag styles **
 **	********************** **
 *
 *	Advice:
 *	x	Keep HTML tags unchanged.
 *	o	Only add/change/remove css properties
 */

html,
body {
	height:				100%;
	background-color:	#fff;
	text-align:			center;
	vertical-align:		top;
}

html, body, frameset, frame, iframe, noframes,
h1, h2, h3, h4, h5, h6,
p, div, ol, ul, li,
a,
table, caption, col, colgroup, thead, tbody, tfoot, tr, th, td
{
	font-family:		Arial,Tahoma,  Verdana, Geneva, Helvetica, sans-serif;
	color: 				#666;
}

/*	Headings	*/
h1 {
	font-size:			150%;
	padding:			0px 0px 6px 0px;
	color:				#000;
}

h2 {
	font-size:			130%;
	padding:			20px 0px 8px 13px;
	color:			#77BE29;
	background-image:	url('../gfx/header_background.gif');
	background-repeat: 	no-repeat;
	background-position: bottom left;
	font-weight:		bold;
	margin-bottom:		10px;
}

h3 {
	font-size:			110%;
	padding:			6px 0px 6px 0px;
}

h4 {
	font-size:			100%;
	padding:			6px 0px 6px 0px;
}

/*	Standard block level elements	*/
div {
}

p {
	padding-top:		6px;
	padding-left:           10px;
}

ol {
}

ul {
}

li {
	margin-left:		15px;
}

/*	Links	*/
a,
a:link,
.fast-navigation ul li a,
.fast-navigation ul li a:link {
	text-decoration:	none;
  	color: 				#1A4151;
}

a:visited,
.fast-navigation ul li a:visited {
	text-decoration:	none;
  	color: 				#1A4151;
}

a:active,
.fast-navigation ul li a:active,
a:hover,
.fast-navigation ul li a:hover {
	text-decoration:	underline;
  	color:				#6892A7;
}


/*	Multimedia	*/
img {
	border:				0px none transparent;
}

/*	Tables	*/
table, th, td{
	border:				0px none transparent;
}

/*	Forms	*/
input, textarea, select{
	border:				1px solid #666;
}


/**	****************** **
 **	Common page layout **
 **	****************** **
 *
 *	Advice:
 *	Define only HTML id|classes, that define common layout of all pages
 */




/**	************************** **
 **	Common end element classes **
 **	************************** **
 *
 *	Advice:
 *	Define only HTML id|classes, that define layout define END tags (tags that doesn't contain any inner tags)
 */
.title{
}

.datetime{
}

.url{
}

.perex{
}

.text{
}

.label{
}

.value{
}

.logo{
}

.logo_empty{
}

.link_more{
}

/*	general forms inputs	*/
#submit_button, #delete_button {
}

.radio {
}

.checkbox {
}

.notice {
}

.error {
}



/**	********************* **
 **	Definition of modules **
 **	********************* **
 *
 *	Advice:
 *	Block of HTML with related content is called module_output_box
 *	Put all definitions of module_output_box together prior to definitions of other module_output_box
 */


 #the_body {
 	width: 				780px;
 	margin:				0 auto;
 	text-align: 		left;
 }



 #header img.logo {
 	float: 				left;
 }


/* styles for pure css menu */

 #menu {
 	float: 				right;
 }

 #menu ul, #menu li {
 	list-style-type: 	none;
 	padding: 			0;
 	margin:				0;
 }

 #menu li {
 	padding:			2px 8px;
 	font-weight: 		normal;
 	behavior:			url('hover.htc/index.html');
 	z-index:			10;
 }



 a.bold {
	font-weight:		bold;
 }


 #menu ul.makeMenu li, #menu ul.makeMenu li.last, #menu ul.makeMenu li.first_element {
 	float: 				left;
 	height:				56px;
 	border-right: 		1px solid #7BB021;
 	padding:			0 6px 0px 6px;
 	position: 			relative;
 }

  #menu ul.makeMenu li a, #menu ul.makeMenu li a:visited, #menu ul.makeMenu li.last a
  , #menu ul.makeMenu li.last a:visited, #menu ul.makeMenu li.first_element a, #menu ul.makeMenu li.first_element a:visited {
  	text-decoration: 	none;
  	color: 				#1A4151;
  }


  #menu ul.makeMenu li a:hover, #menu ul.makeMenu li.last a:hover, #menu ul.makeMenu li.first_element a:hover {
  	color:				#6892A7;
  }

 #menu li div.menu_strip, #menu li.last div.menu_strip, #menu li.first_element div.menu_strip {
 	background-color: 	#7BB021;
 	color: 				#ADCE75;
 	padding:			2px 0 2px 5px;
 	border-right:		1px solid white;
 	margin-bottom:		10px;
 	margin-right: 		-7px;
 	margin-left: 		-6px;
 	font-weight: 		bold;
 	position: 			relative;

 }

#menu li.first_element div.menu_strip {
	margin-left: 		0;
}
#menu ul.makeMenu li.last {
	border-right: 		0;
}

#menu li.last div.menu_strip {
	border-right: 		0;
}


ul.makeMenu li ul {  /** 2.uroven **/
	position: 			absolute;
	top: 				55px;
	left: 				5px;
	background-color: 	#FFFFFF;
	visibility: 		hidden;
	border-top:			1px solid #2B5E71;
	z-index:			10;
}

ul.makeMenu li ul.second_last_item {
	left:				-76px;
}

#menu ul.makeMenu li ul li {
	font-size: 				100%;
	border-bottom:			1px solid #2B5E71;
	border-left:			1px solid #2B5E71;
	border-right:			1px solid #2B5E71;
	clear:					both;
	width:					79px;
	height:					auto;
	padding:				2px 8px;
	z-index:				10;


}

#menu ul.makeMenu li ul.job_offers_menu li {
	width:					102px;
}

#menu ul.makeMenu li ul.second_last_item li {
	width:					114px;
}

ul.makeMenu li ul li a, ul.makeMenu li ul li a {
	font-weight:			normal;
}

ul.makeMenu li ul li ul { /** 3.uroven **/
	position: 			absolute;
	left: 				95px;
	top: 				-1px;
	visibility: 		hidden;
	background-color: 	#FFFFFF;
	border-top:			1px solid #2B5E71;
	z-index:				10;
}

ul.makeMenu li ul li ul {
	color: 				#666666;
}

ul.makeMenu li ul li ul.informations {
	visibility:			hidden;
}

#menu ul.makeMenu li ul li ul.informations li {
	width:					82px;
}


ul.makeMenu li ul li ul li ul { /** 4.uroven **/
	position: 			absolute;
	left: 				149px;
	top: 				-1px;
	visibility: 		hidden;
	width: 				130px;
	background-color: 	#FFFFFF;
	border-top:			1px solid #2B5E71;
}






ul.makeMenu li:hover ul, ul.makeMenu li.hover ul  {
	visibility: 		visible;
}

ul.makeMenu li:hover ul li:hover ul, ul.makeMenu li.hover ul li.hover ul {
	visibility: 		visible;
}


ul.makeMenu li ul li ul li:hover ul, ul.makeMenu li ul li ul li.hover ul  {
	visibility: 		visible;
}


ul.content_submenu li {
	margin-top: 		3px;
	list-style-image: 	url('../gfx/bolt-before-menu-item.gif/index.html');
}

ul.content_submenu li a {
	text-decoration:	none;
	color: 				#666666;
	font-weight: 		bold;
}

ul.content_submenu li a:hover {
	text-decoration:	underline;
	color: 				#ff0033;
}




/*end of styles for css menu */










/* end of menu styles definitions */

#main {
	clear: 				both;
}

div.homepage {
	background-image:	url('../img/homepage/mapa-valeo.jpg');
	background-position:bottom right;
	background-repeat: 	no-repeat;
	clear: 				both;
}

#hp_top img {
	float: left;
}

#hp_top div.sign {
	background-image:	url('../img/homepage/cast-pozadi-01.gif');
	background-repeat: 	repeat-y;
	background-color: 	#235160;
	background-position: top right;
	width:				236px;
	height: 			95px;
	float: 				left;
	margin-top:			15px;
	position:			relative;
	padding: 			20px;
	font-size:			180%;
	color:				white;

	z-index:			2;

}

#hp_top div.sign img {
	position: 			absolute;
	top:				90px;
	left:				0;
}



div.news {
	height:				280px;
	width:				287px;
	background-image:	url('../img/homepage/cast-pozadi-02.gif');
	background-repeat: 	repeat-x;
	background-position: bottom left;
	background-color: 	#B8DA8D;
	float: 				left;
	margin-top:			11px;
	overflow:			hidden;
	font-size:95%;
}

div.news div.news_header {
	height: 			22px;
	background-color:	#7BB021;
	border: 			1px solid #B8DA8D;
	border-bottom:		1px solid #fff;
	padding: 			3px 10px;
	font-size:			130%;
	font-weight: 		bold;
	color: 				white;
}


div.news_item {
	padding: 			10px;
		color: #235160;
}

div.news_item p {
	clear: 				both;

}

span.news_item_title {
	color: 				#235160;
	float: 				left;
	font-weight: 		bold;

}

span.homepage_news_date {
	float: 				right;
	color: 				#6D9576;
}


div.work_offer {
	height:				280px;
	width:				214px;
	background-image:	url('../img/homepage/cast-pozadi-03.gif');
	background-repeat: 	repeat-x;
	background-position: bottom left;
	float: 				left;
	margin-top:			11px;
	overflow:			hidden;
	margin-left:		4px;
	font-size:95%;

}

div.work_offer div.work_offer_header {
	height: 			22px;
	background-color:	#38748B;
	border: 			1px solid #CDDCE2;
	border-bottom:		1px solid #fff;
	padding: 			3px 10px;
	font-size:			130%;
	font-weight: 		bold;
	color: 				white;
}


ul.work_offer_list {
	margin:				10px 5px 20px 15px;
}

ul.work_offer_list li {
	list-style-image: 	url('../img/homepage/volne-pozice-sipka.gif');
	color: 				black;
}


div.guidepost {
	margin-left:		21px;
	margin-top:			5px;
	float: 				left;
}

div.guidepost img {
	float: 				left;
}

ul.guidepost {
	margin-top:			7px;
}

ul.guidepost li {
	list-style-type: 	none;
	margin-left:		0px;
	padding-left:		10px;
	height: 			18px;
	width:				230px;
}

div.guidepost a,div.guidepost a:hover, div.guidepost a:visited {
      color: 			#44555D;
	font-weight:		bold;
	text-decoration:              none;
	font-size:90%;
}

ul.guidepost li.green {
	background-color: 	#7BB021;
	color: 				white;
	height: 			19px;
	padding-top:		1px;
}

ul.guidepost li.green a,ul.guidepost li.green a:hover, ul.guidepost li.green a:visited {
      color: 			white;
      font-size:100%;
}

div.contact {
	background-image:	url('../img/homepage/cast-pozadi-04.gif');
	background-repeat: 	repeat-x;
	background-position: bottom;
	background-color: 	#235160;
	padding:			20px 3px 20px 20px;
	width:				264px;
	height: 			97px;
	color: 				white;
	font-size: 			90%;
	float:				left;
	margin-top:			8px;

}

table.contact_table {
	border-collapse: 	collapse;
}

table.contact_table td {
	color: 				white;
}

div.crossing {
 	// docasne odstrani aktivny prvok
	background-image:	url('../gfx/flash-pozadie.png');
	background-image:	url('../img/homepage/prechod.gif');
	width:				212px;
	height: 			137px;
	margin-top:			8px;
	margin-left:		4px;
	float: 				left;
	background-position: top left;
	background-repeat:	no-repeat;
}


div.clear_div {
	height: 			0px;
	line-height:		0px;
	font-size:			0px;
	clear:				both;
}

img.valeo_map {
	position:			absolute;
	top:				410px;
	left:				450px;
}

div.footer {
	clear:				both;
}


div.valeo_copyright {
margin-top:			10px;
	float: 				left;
}

div.abeo_copyright {
margin-top:			10px;
	float: 				right;
}


span.nadpis
{
font-size:				12pt;
color:					green;
font-weight:			bold;
height:			25px;
}

td.td_nadpis
{
font-size:				12pt;
color:					green;
font-weight:			bold;
padding-bottom:			5px;
}

td.td_vyrazne
{
font-weight:			bold;
}

td.td_vyrazne_b
{
font-weight:			bold;
background-color:		silver;
vertical-align:			middle;
}

td.mainframe
{
padding-top:			15px;
}

td.td_menu
{
padding-left:			10px;
padding-top:			9px;
vertical-align:			top;
}
.td_footer
{
font-family:            Arial CE, Arial, Geneva, Helvetica, sans-serif;
font-size:              10px;
color:                  #C0C0BE;
text-align:				center;
}

.nodepath
{
width:100%;
heigth:44px;
float:left;
margin-top:3px;
margin-bottom:0px;
}

.nodepath_left
{
float:left;
width:562px;
height:44px;
background-image:		url("../gfx/nodepath-left-valeo.gif");
background-repeat:      no-repeat;
background-position: top left;

}

.nodepath_right
{
float:left;
width:218px;
height:44px;
}

.nodepath_header {
margin-top:14px;
margin-left:35px;
font-family:			Arial, Geneva, Helvetica, sans-serif;
font-size:				11pt;
color:				white;
font-weight:			bold;
vertical-align:			top;
}

.picture_right
{
float:			right;
color:			#6892A7;
font-size:		8pt;
text-align:		center;
padding-left:		10px;
padding-bottom:		10px;
}

.picture_left
{
float:			left;
color:			#6892A7;
font-size:		8pt;
text-align:		center;
padding-right:		10px;
padding-bottom:		10px;
}

.picture_middle
{
width:			100%;
float:			none;
color:			#6892A7;
font-size:		8pt;
text-align:		center;
}

a.href_news
		{
		color:				black;
		text-decoration:	none;
		}

a.href_news:visited
            {
            color:				black;
            text-decoration:	none;
            }

a.href_news:hover
            {
            color:				black;
            text-decoration:	underline;
            }

.jobs_more {
width:100;
text-align:right;
margin-right:10px;
}

.product-item {
margin-top:0px;
width:770px;
height:230px;
margin-bottom:10px;
}

.product-image {
      width:300px;
      float:right;
}

.product-description {
      padding-top:0px;
      width:435px;
      float:left;
}

.spratelene-weby {
width:550px;
height:170px;
}

.spratelene-weby a,
.spratelene-weby a:hover,
.spratelene-weby a:visited {
color:#008000;
}

.spratelene-weby-valeo a,
.spratelene-weby-valeo a:hover,
.spratelene-weby-valeo a:visited {
color:#008000;
}

.submenu {
      font-weight: bold;
      margin-left:35px;
      margin-top:5px;
}

.submenu a, .submenu a:hover, .submenu a:visited {
      color:#44555D;
      font-weight: bold;
      text-decoration:none;
      margin-top:15px;
}

.ul-zakladni-udaje {
      margin-left:10px;
}

.historie {
width:770px;
height:250px;
margin-top:15px;
}

.historie-datum {
float:left;
width: 100px;
height: 230px;
text-align:right;
color:#77BE29;
font-size:150%;
font-weight:bold;
margin-left:15px;
margin-right:40px;

}

.historie-datum-big {
font-size:250%;
font-weight:bold;
color:#77BE29;
}

.historie-text {
float:left;
height:230px;
width:230px;
text-align:left;
margin-right:70px;
}

.historie-obr {
width:300px;
height:230px;
float:left;
}


.fast-navigation {
width:779px;
margin-top:-3px;
height:130px;
}
.fast-navigation ul {
      margin-left:0px;
      padding-left: 0px;
}


.fast-navigation ul li {
      color:black;
	list-style-type: none;
	margin-left: 0em;
	padding-left: 20px;
	padding-top:1px;
	padding-bottom:1px;
	background: url('../gfx/fast-navigation-odrazka.gif') no-repeat;
}

.fast-navigation ul li.fast-navigation-last {
	background: url('../gfx/fast-navigation-odrazka-bottom.gif') no-repeat;
}

.fast-navigation .header {
      font-weight: bolder;
      margin-top:0px;
      color:#739BAF;
      padding-left:20px;
      padding-top:4px;
      padding-bottom:4px;
      font-size:130%;
      background: url('../gfx/fast-navigation-header-left.gif') repeat-y top left;
}

.fast-navigation-img {
float:right;
margin-top:5px;
}

.zakladni-udaje-table {
float:right;
width:374px;
height:125px;
color:black;
margin:0px;
padding:0px;
}

.zakladni-udaje-table-header {
text-align:center;
background-color:#235160;
color:white;
font-weight: bolder;
font-size:110%;
border-top:1px solid black;
}

.zakladni-udaje-table-left {
text-align:left;
width:142px;
padding-left:3px;
border-top:1px solid black;
border-right:1px solid black;
background: url('../img/zakladni-udaje-tabulka-background-left.gif') repeat-y top left;
font-weight: bolder;
}

.zakladni-udaje-table-right {
padding-left:3px;
text-align:left;
width:231px;
border-top:1px solid black;
background: url('../img/zakladni-udaje-tabulka-background-right.gif') repeat-y top left;
}

.zakladni-udaje-metodologie {
height:324px;
}

.valeo-group-base-information {
      height:150px;
      padding:0px;
      margin:0px;
}

.valeo-group-base-information a,.valeo-group-base-information a:hover,.valeo-group-base-information a:visited {
      color:black;
      text-decoration:none;
}

.valeo-group-table {
      color:#779FA1;
      width:175px;
      float:right;
      font-size:120%;
}

.valeo-group-table-big {
      font-weight: bolder;
      float:left;
      font-size:170%;
      color:#779FA1;
}

.valeo-group-table-small {
      color:#779FA1;
      height:22px;
      font-size:120%;
      vertical-align:bottom;
      margin-top:8px;
}

.valeo-group-reseni-item {
      width:200px;
      text-align:center;
      float:left;
      margin-left:25px;
      margin-right:25px;
      margin-top:20px;
      font-size:100%;
      color:#8096A3;
      font-weight: bolder;
      height:200px;
}

.valeo-group-reseni-item-text {
      color:black;
      font-size:100%;
      font-weight:normal;
}

.valeo-group-reseni {
      width:750px;
      height:200px;
}

.kontakt {
font-size:110%;
margin-left:40px;
width:700px;
height:300px;
padding-top:20px;
}

.kontakt-left {
text-align:center;
width:270px;
float:left;
}

.kontakt a, .kontakt a:visited, .kontakt a:hover {
      color:black;
      text-decoration:none;
}

.flash {
	position: relative;
	top: 20px;
	left: 0px;
}

div.valeo-group-base-information p a.vyznamny-text-1 {
	font-size: 1.3em;
	color: #7fb021;
	font-weight: bold;
}

div.clearer {
	clear:	both;
}

div.page_not_found {
	padding-top: 30px;
	margin-bottom: 150px;
	font-weight: bold;
}

/**	**************************** **
 **	Administrator included parts **
 **	**************************** **/