@charset "utf-8";

/* GENERAL STYLES
-------------------------------------------------------------------- */

* { outline: none;}

html {background:url(/images/bg-html.jpg) left top repeat-x #737373; margin: 0; padding: 0;}
body {background:url(/images/bg-body.jpg) top center no-repeat; margin: 0 0 20px 0; padding: 0;}

body {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}

p, label, input, textarea, dl {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
p {line-height:17px;}
b {line-height:16px;}

ul {margin: 0px 0 1em 0; padding: 0; list-style: none; }
ul li {padding: 0 0 0 20px; margin: 0 0 0.95em 1em;}
ul li {background: url(/images/li_001.png) no-repeat 0% 0%; padding-left: 30px;}
ul li {background-position: 0 0.3em; line-height:18px;}

/* ul li {background-image: url(/images/icons/icon-checkmark.gif); background-repeat: no-repeat; 	background-position: 0 3px; padding: 0 0 0 20px; margin: 0 0 0.95em 1em;} */

a, 
a:link, 
a:visited, 
a:active { color: #ff4904; text-decoration: none; margin: 0; padding: 0;}
a:hover { color: #434343; text-decoration: underline;}

h1, h2, h3, h4, h5, h6 { margin: 0 0 12px;}

h1 {font-family: Tahoma; font-size: 2.1em; font-weight: normal; color: #434343;}
h2 {font-family: Tahoma; font-size: 1.7em; font-weight: normal; color: #ff4904;}
h3 {font-family: Tahoma; font-size: 1.6em; font-weight: normal; color: #666666;}
h4 {font-family: Tahoma; font-size: 1.3em; font-weight: normal; color: #666666;}
h5 {font-family: Tahoma; font-size: 1.1em; font-weight: normal; color: #434343;}
h6 {font-family: Tahoma; font-size: 1.0em; font-weight: normal; color: #434343;}

#info {color:#00aeef;}

.clear { clear: both; height: 0px; visibility: hidden; font-size: 1px; }

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


#wrap {width:960px; margin:auto; overflow:visible; display:block; overflow:auto;  margin-top: 0px;  padding-top: 0px;  }
#topInfoBar {width:960px; height: 20px; display:block; text-align: right;  color: #565656; color: #565656 ; font-size:11px; line-height:16px;}
#topInfoBar p {color: #565656 ; font-size:11px;}
#topInfoBar a:link, #topInfoBar a:active #topInfoBar a:visited {color: #ffffff;	text-decoration: none;}
#topInfoBar a:hover {color: #ffffff;text-decoration: underline;}

.language { top: 1px; margin: 0px 10px 0px 0px;  position: relative;  }
.sitemapimg { top: 1px; margin: 0px 20px 0px 0px;  position: relative;  }
.headinfo { color: #565656;}
.white { color: #ffffff; margin: 0px 3px 0px 0px; }

#contentHolder {width:960px; height: 112px;}
#topContent {width:960px;  height: 78px; background:url(/images/top_bar.jpg) top center no-repeat; }
#logo {width:270px; margin:auto; overflow: hidden; display:block; height: 78px;  float: left;  }
#shadowContent {width:960px;  height: 34px; background:url(/images/menu_shadow.jpg) top center no-repeat; }
#ShowBoxHolder {width:960px;  height: 295px; background:url(/images/references_bg.jpg) top center no-repeat; }
#ShowBoxHead {width:960px;  height: 296px;}
#ShowBoxContent {width:900px; float: left; min-height: 300px; padding: 15px 30px 30px 30px; background: #ffffff}

.content-separator-2 {min-height: 300px; padding: 15px 30px 30px 30px; background: #ffffff url(../images/bg_main_separator.gif) repeat-y;}

.content-full {float: left; width: 900px ;padding: 0px 0px 0px 0px;}
.content-main {float: left; width: 600px ;padding: 0px 0px 0px 0px; }
.content-right {float: right; width: 250px ;padding: 0px 0px 0px 0px;}

#ShowBoxLeft {width:560px;  height: 295px; float: left}
#ShowBoxRight {width:400px;  height: 295px; float: left}
.ShowBoxIn {display:block; margin: 0; padding: 30px 0px 0px 30px; color: #ffffff; font-family: Tahoma; overflow: hidden;}
.ShowBoxIn p {color: #ffffff; font-size: 12px;}
.ShowBoxIn h1 {color: #ffffff; margin: 0; padding: 0;}
.ShowBoxIn h2 {color: #ffffff; margin: 0; padding: 0; font-size: 1.2em;}

.ShowBoxScroll {margin: 0; padding: 25px 0px 0px 0px;}

#buttons {margin: 0; padding: 0; list-style: none; display: block; float: left;}
#buttons a {display: block;}

#QuickInfHolder {width:960px; height: 530px; background: #ffffff url(/images/boxes_bg.gif); overflow: hidden;}
.box01 {width:240px;  height: 265px; float: left; padding: 0px;  margin: 0px;}
.box02 {width:240px;  height: 265px; float: left; padding: 0px;  margin: 0px;}
.box03 {width:240px;  height: 265px; float: left; padding: 0px;  margin: 0px;}
.box04 {width:240px;  height: 265px; float: left; padding: 0px;  margin: 0px;}
.box05 {width:240px;  height: 265px; float: left; padding: 0px;  margin: 0px;}
.box06 {width:240px;  height: 265px; float: left; padding: 0px;  margin: 0px;}
.box07 {width:240px;  height: 265px; float: left; padding: 0px;  margin: 0px;}
.box08 {width:240px;  height: 265px; float: left; padding: 0px;  margin: 0px;}

#QuickInfHolder a, 
#QuickInfHolder a:link, 
#QuickInfHolder a:visited, 
#QuickInfHolder a:active { color: #434343; text-decoration: none; margin: 0; padding: 0;}
#QuickInfHolder a:hover { color: #434343; text-decoration: none;}


.InsideBoxFoto  {width:220px;  height: 125px; float: left; display:block;  padding: 10px 0px 0px 10px; }
.InsideBoxInfo  {width:200px;  height: 90px; float: left; display:block;  padding: 0px 0px 0px 20px;}
.InsideBoxInfo  {font-family: Tahoma; font-size:11px; color:#7f8082;}
.InsideBoxInfo h2 {padding: 0px 0px 0px 0px; margin: 0px 0px 3px 0px; font-size:20px; color:#7f8082; font-family: Arial;}
.InsideBoxInfo h3 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Tahoma; font-size:11px; color:#7f8082;}

#BlackBoxHolder {width:960px;}

.InsideBlackBox  {float: left; display:block;  padding: 0px 0px 0px 0px;  margin: 55px 17px 20px 17px; color:#ababab;}
.InsideBlackBox p {color:#ababab;margin: 0px 0px 5px 0px;}
.InsideBlackBox h2 {margin: 0px 0px 0px 0px; font-size: 1.1em; font-weight: bold; color: #ababab;}
.InsideBlackBox h3 {margin: 0px 0px 0px 0px; font-size: 1.2em; font-weight: bold; color: #ababab;}
.InsideBlackBox a:hover {color: #d8d8d8;}

.InsideBlackBoxLong  {float: left; display:block;  padding: 0px 0px 0px 0px;  margin: 55px 20px 20px 17px;}
.InsideBlackBox, .InsideBlackBoxLong {font-family: Tahoma; font-size:12px; color:#ababab;}
.InsideBlackBox a, .InsideBlackBoxLong a {color:#ababab;}
.InsideBlackBoxLong a:hover {color: #d8d8d8;}


#footer {float:left; width:960px; height: 86px; display:block; background:url(/images/footer.jpg) center top no-repeat #e4e4e4; overflow: hidden;}
#footerLeft {float:left; width:630px; height: 86px; display:block; overflow: hidden; padding: 28px 0px 0px 30px;}
#footerRight {float: right; width:300px; height: 86px; display:block; overflow: hidden;}
#footer p {font-size:11px; color:#8f8f8f; margin: 28px 0px 0px 0px; padding: 0px 30px 0px 0px; text-align: right;  }
#footer H2 {font-size:11px; color:#8f8f8f; margin: 0px 0px 0px 0px; }
#footer a, 
#footer a:link, 
#footer a:visited, 
#footer a:active { color: #8f8f8f; text-decoration: none; margin: 0; padding: 0;}
#footer a:hover { color: #d2d2d2; text-decoration: underline;}
#footer .copyright {font-size:11px; color:#8f8f8f; margin: 28px 0px 0px 0px; }

.references { list-style: none; margin: 0; padding: 0;}
li.ref0000 {background-image:  url(/images/reference/0000.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }
li.ref0001 {background-image:  url(/images/reference/0001.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }
li.ref0010 {background-image:  url(/images/reference/0010.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }
li.ref0011 {background-image:  url(/images/reference/0011.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }
li.ref0100 {background-image:  url(/images/reference/0100.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }
li.ref0101 {background-image:  url(/images/reference/0101.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }
li.ref0110 {background-image:  url(/images/reference/0110.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }
li.ref0111 {background-image:  url(/images/reference/0111.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }
li.ref1000 {background-image:  url(/images/reference/1000.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }
li.ref1001 {background-image:  url(/images/reference/1001.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }
li.ref1010 {background-image:  url(/images/reference/1010.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }
li.ref1011 {background-image:  url(/images/reference/1011.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }
li.ref1100 {background-image:  url(/images/reference/1100.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }
li.ref1101 {background-image:  url(/images/reference/1101.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }
li.ref1110 {background-image:  url(/images/reference/1110.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }
li.ref1111 {background-image:  url(/images/reference/1111.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0 0px 50px; margin: 0; }

.iconlist { list-style: none; margin: 0; padding: 0;}
li.pdf {background-image:  url(/images/pdf.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin: .4em 0; }
li.doc {background-image:  url(/images/doc.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin: .4em 0; }
li.text {background-image:  url(/images/txt.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin: .4em 0; }
li.htm {background-image: url(/images/htm.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin: .4em 0;}

.left {float: left}
.center {text-align:center}
.right {float: right}
.clear {clear: both}

/* root element for the whole scrollable setup */
div.scrollable {
	position:relative;
	overflow:hidden;
	width: 330px;
	height:240px;
	border: 3px solid #ffffff;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {
	position:absolute;
	width:20000em;
	clear:both;
}

/* custom positioning for navigational links */

a.prev, a.next {
	float: left;
}


/* single item */
#thumbs div {
	float:left;
	width:330px;
	height:240px;
	color:#fff;
	cursor:pointer;
	background-color: #656565;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#444;
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#066;
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;
}

#thumbs h3 em {
	font-style:normal;
	color:yellow;
}

.ScrollText{
	color:#fff;
	background-color: #404040;
	top: -30px;
	position: relative;
	left: 10px;
	padding: 2px;
	}

.contactForm {width:550px; float:left;  padding: 10px;  border: 1px solid #e2e2e2; }
.contactForm fieldset {float:left; border:0;}
.leftContactBox {float:left; width:200px;}	
.rightContactBox {float:left; width:300px;}
.contactForm fieldset label {font-weight:bold; line-height:14px; padding:11px 0 3px 0;}
.contactForm fieldset input {line-height:1em; padding:2px; border: 1px solid #e2e2e2; margin: 5px 0px 5px 0px;}
.contactForm fieldset input:focus {outline:none;}
.contactForm fieldset input.selected { background: #ff4500; }
.contactForm fieldset textarea {width:280px; height:100px; padding: 2px; border: 1px solid #e2e2e2;  margin: 5px 0px 5px 0px;}
.contactForm fieldset textarea:focus {outline:none;}

/* boxes right============================= */

.homebox {
	display:block;
	float: left;
	margin:0;
	padding: 10px;
}

a:hover.homebox {
	background-color:#F3F4F5;
}

.homebox h2 {
	padding: 3px 0 0 67px;
	margin: 0 0 10px;
	color: #666;
	font-size: 150%;
	line-height: 118%;
	background-repeat: no-repeat;
	border: none;
	height:50px;
}

.homebox h2 a, .homebox h2 a:link, .homebox h2 a:visited {
	color: #666;
}

.homebox h2.admin {
	background-image: url(/images/icons/icon-admin.png);
}

.homebox h2.webmail {
	background-image: url(/images/icons/icon-webmail.png);
}

.homebox h2.karantena {
	background-image: url(/images/icons/icon-karantena.png);
}

.homebox h2.seo {
	background-image: url(/images/icons/icon-seo.png);
}

.homebox h2.info {
	background-image: url(/images/icons/icon-info.png);
}


.homebox p a, .homebox p a:link, .homebox p a:visited {
	color: #666;
}

.homebox p {
	padding:0;
	margin:0 0 5px 0;
}

.last {
	margin-right: 0;
}


#form_contact{
}

#form_content{
	border:1px solid #C2C2C2;
	padding: 15px;
	background: #f1f1f1;
}

#form_contact ul.sitemap-list {
	float: left;
	margin: 0 90px 0 0;
	padding: 0;
}

#form_contact ul.sitemap-list li {
	margin: 7px 0 15px;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	background-image: none;
}

#form_contact ul.sitemap-list ul {
	font-weight: bold;
	padding: 0 0 0 7px;
}


#form_contact li {
	background-image: url(../images/icon-checkmark.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin: 0 0 6px;
}

#contactform li {
	padding: 0;
	float: left;
	width: 278px;
	background-image: none;
}

#contactform .textbox {
	border: 1px solid #ccc;
	margin: 0 0 10px;
	width: 250px;
	padding: 4px 0;
	text-indent: 5px;
	font-size: 115%;
}

#contactform select {
	margin: 0 0 10px;
	width: 250px;
}

#contactform textarea {
	border: 1px solid #ccc;
	margin: 0 0 10px;
	padding: 4px;
	width: 535px;
	height: 120px;
}
	
#contactform li.textarea {
	clear: left;
	width: 557px;
}

/* CLEAR */
.clearform:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearform {	height: 1%;}/* ie6 */
*:first-child+html .clearform {min-height: 1px;}/* ie7 */

.reference	{width: 180px;	height: 134px; float: left; margin: 5px; display: block;  }
.reference img	{	border: 4px solid #ccc; margin: 5px;}
.reference img a, .reference img a:link, .reference img a:visited, .reference img a:active { border-color: #b4b4b4; }
a:hover { color: #434343; text-decoration: underline;}

.reference p	{}
.ref_foto {width: 340px; height: 250px; float: left; margin: 5px; display: block; }
.reference-detail {width: 200px; height: 250px; float: left; margin-left: 10px;  display: block; }
.reference-link {margin-top: 5px; }
.reference-link h2 {font-family: Tahoma; font-size: 1.4em; font-weight: normal; color: #ff4904;}
.reference_nextfoto {}

.thanks { border-bottom: 1px solid #b4b4b4;  margin-bottom: 10px; }

.news_home { border-bottom: 1px solid #6C6C6C; padding: 5px 1px 5px 1px;  font-weight: bold; }