@import 'useful.css';
@import 'text.css';

/*--ESSENTIAL--------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

body {
    background: #CCCCCC url("../images/page/body_bg.png") 0 0 repeat-x;
    padding: 115px 0 20px 0;
}

/*--LAYOUT----------------------------------------------------------------*/

#page {
	width: 872px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
	background: #FFF url("../images/page/page_bottom.gif") 0 bottom no-repeat;
}

#content {
	padding: 0 0 20px 0;
	background: url("../images/page/page_top.gif") 0 0 no-repeat;
}

#leftPart {
	width: 220px;
	padding: 17px 0 0 0;
	float: left;
}

#rightPart {
	width: 600px;
	padding: 32px 17px 0 0;
	float: right;
}

#rightPart h1 {
	width: 600px;
	height: 40px;
	font-size: 18px;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #356997;
	padding: 135px 0 0 5px;
	background: url("../images/page/header_photo.jpg") 0 0 no-repeat;
}

.hp #rightPart h1 {
	padding: 135px 0 0 10px;
}

#rightPart h1 span {
	width: 129px;
	height: 28px;
	display: block;
	background: url("../images/page/title_tocelabs.png") 0 0 no-repeat;
}

#rightPart h1 span strong {
	display: none;	
}

#text {
	padding: 0 10px;
}

#footer {
	width: 840px;
	margin: 9px auto 0 auto;
	padding: 4px 6px 0 11px;
	border-top: 1px #666666 solid;
	font-size: 10px;
}

#footer .copy {
	float: left;
}

#footer .links {
	float: right;
}

#footer .links a {
	text-decoration: none;
	color: #666666;
	padding: 0 5px;
}

#footer .links a:hover {
	text-decoration: underline;
}

/*--HEADER----------------------------------------------------------------*/

#logo {
	width: 280px;
	height: 35px;
	position: absolute;
	left: -2px;
	top: -32px;
}

#breadCrumbs {
	text-transform: lowercase;
	position: absolute;
	left: 254px;
	_left: 234px;
	top: 10px;
	padding: 0 0 0 8px;
	font-size: 11px;
}

#breadCrumbs a {
	color: #990000;
	padding: 0 4px 0 12px;
	background: url("../images/page/breadcrumb.gif") 0 58% no-repeat;
}

#breadCrumbs span {
	color: #666666;
	background: url("../images/page/breadcrumb.gif") 0 58% no-repeat;
	padding: 0 4px 0 12px;
}

#langBox a {
	width: 41px;
	height: 41px;
	margin-bottom: 2px;
	display: block;
}

#langBox a.sk img { background: url("../images/page/flag_sk.png") 0 0 no-repeat; }
#langBox a.cs img { background: url("../images/page/flag_cs.png") 0 0 no-repeat; }
#langBox a.en img { background: url("../images/page/flag_en.png") 0 0 no-repeat; }

#langBox a.sk:hover img, #langBox a.sk img.active { background: url("../images/page/flag_sk.png") -41px 0 no-repeat; }
#langBox a.cs:hover img, #langBox a.cs img.active { background: url("../images/page/flag_cs.png") -41px 0 no-repeat; }
#langBox a.en:hover img, #langBox a.en img.active { background: url("../images/page/flag_en.png") -41px 0 no-repeat; }

#langBox {
	width: 34px;
	height: 138px;
	position: absolute;
	top: 24px;
	left: 872px;
	padding: 0;
	background: url("../images/page/sk/langbox.png") right 0 no-repeat;
}

#langBox a {
	display: none;
}

#langBox:hover {
	width: 83px;
	height: 131px;
	position: absolute;
	top: 24px;
	left: 872px;
	padding: 7px 0 0 8px;
	background: url("../images/page/sk/langbox.png") right 0 no-repeat;
}

#langBox:hover a {
	display: block;
}

/*--HOMEPAGE-----------------------------------------------------------*/

.leftText {
	width: 320px;
	padding: 0 0 0 10px;
	float: left;
}

#bannerReferences {
	width: 250px;
	height: 150px;
	display: block;
	float: right;
}

#bannerReferencesSmall {
	width: 125px;
	height: 75px;
	display: block;
	float: right;
}

h2.offer {
	width: 587px;
	height: 53px;
	display: block;
	margin: 5px 0 0 10px;
	background: url("../images/page/sk/title_our_offer.png") 0 0 no-repeat;
}

h2.offer span {
	display: none;
}

h2.offercs {
	width: 587px;
	height: 53px;
	display: block;
	margin: 5px 0 0 10px;
	background: url("../images/page/cs/title_our_offer.png") 0 0 no-repeat;
}

h2.offercs span {
	display: none;
}

.offerButtons {
	padding: 0 0 0 10px;
}

.offerButtons a {
	width: 146px;
	height: 159px;
	display: block;
	float: left;
	margin-right: 1px;
}

.offerButtons a span {
	display: none;
}

.offerButton1sk { background: url("../images/page/sk/button_offer1.jpg") 0 0 no-repeat; }
.offerButton1cs { background: url("../images/page/cs/button_offer1.jpg") 0 0 no-repeat; }
.offerButton2 { background: url("../images/page/sk/button_offer2.jpg") 0 0 no-repeat; }
.offerButton3 { background: url("../images/page/sk/button_offer3.jpg") 0 0 no-repeat; }
.offerButton4sk { background: url("../images/page/sk/button_offer4.jpg") 0 0 no-repeat; }
.offerButton4cs { background: url("../images/page/cs/button_offer4.jpg") 0 0 no-repeat; }

.offerButton1sk:hover { background: url("../images/page/sk/button_offer1.jpg") -146px 0 no-repeat; }
.offerButton1cs:hover { background: url("../images/page/cs/button_offer1.jpg") -146px 0 no-repeat; }
.offerButton2:hover { background: url("../images/page/sk/button_offer2.jpg") -146px 0 no-repeat; }
.offerButton3:hover { background: url("../images/page/sk/button_offer3.jpg") -146px 0 no-repeat; }
.offerButton4sk:hover { background: url("../images/page/sk/button_offer4.jpg") -146px 0 no-repeat; }
.offerButton4cs:hover { background: url("../images/page/cs/button_offer4.jpg") -146px 0 no-repeat; }

/*--MENU----------------------------------------------------------------*/

#menu {
	width: 220px;
	margin: 0 0 25px 0;
	padding: 0;
}

#menu li {
	margin: 0 0 3px 0;
	padding: 0;
}

#menu li a {
	display: block;
	width: 22.pngpx;
	height: 42px;
}

#menu li a span { display: none; }

#menu li a.item1 { background: url("../images/page/menu_item1.png") 0 0 no-repeat; }
#menu li a.item2 { background: url("../images/page/menu_item2.png") 0 0 no-repeat; }
#menu li a.item3 { background: url("../images/page/menu_item3.png") 0 0 no-repeat; }
#menu li a.item4sk { background: url("../images/page/sk/menu_item4.png") 0 0 no-repeat; }
#menu li a.item4cs { background: url("../images/page/cs/menu_item4.png") 0 0 no-repeat; }
#menu li a.item5sk { background: url("../images/page/sk/menu_item5.png") 0 0 no-repeat; }
#menu li a.item5cs { background: url("../images/page/cs/menu_item5.png") 0 0 no-repeat; }
#menu li a.item6 { background: url("../images/page/menu_item6.png") 0 0 no-repeat; }

#menu li a.item1:hover, #menu li.active a.item1 { background: url("../images/page/menu_item1.png") 0 -42px no-repeat; }
#menu li a.item2:hover, #menu li.active a.item2 { background: url("../images/page/menu_item2.png") 0 -42px no-repeat; }
#menu li a.item3:hover, #menu li.active a.item3 { background: url("../images/page/menu_item3.png") 0 -42px no-repeat; }
#menu li a.item4sk:hover, #menu li.active a.item4sk { background: url("../images/page/sk/menu_item4.png") 0 -42px no-repeat; }
#menu li a.item4cs:hover, #menu li.active a.item4cs { background: url("../images/page/cs/menu_item4.png") 0 -42px no-repeat; }
#menu li a.item5sk:hover, #menu li.active a.item5sk { background: url("../images/page/sk/menu_item5.png") 0 -42px no-repeat; }
#menu li a.item5cs:hover, #menu li.active a.item5cs { background: url("../images/page/cs/menu_item5.png") 0 -42px no-repeat; }
#menu li a.item6:hover, #menu li.active a.item6 { background: url("../images/page/menu_item6.png") 0 -42px no-repeat; }

#map {
	margin: 0 0 10px 18px;
	display: block;
}

/*--FORM-----------------------------------------------------------------*/

#form {
	border: 1px #E4E4E4 solid;
	padding: 10px 30px;
}

#form table {
	margin: 0;
}

#form td {
	border: none;
	vertical-align: top;
}

#form td textarea{
	width: 220px;
	height: 80px;
}

#form td .button {
	margin-right: 8px;
	cursor: pointer;
}