@charset "UTF-8";
body {
background : #fff;
margin : 0 auto;
font : 11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}



#head {
width : 960px;
height : 69px;
margin : 0 auto;
background : #fff;
margin-bottom : 10px;
margin-top : 5px;
}

#logo {
float:left;
width:320px;
cursor:pointer; }

#logo * {margin: 0;padding: 0;}

#logo h1 {
display: block;
width: 292px;
height: 69px;
text-indent: -9999px;
background: transparent url(images/logo-header.png) no-repeat 0 0;
}

#topnav {
float:right;
width:630px;}

#topnav ul {
padding : 24px 0px 0 0;
list-style-type : none;
clear : both;
text-align:right;
}
#topnav ul li {
display : inline;
}
#topnav ul li a {
font : 11px Verdana, Arial, Helvetica, sans-serif;
color : #333;
text-decoration : none;
text-align:right;
padding-right:10px;
}
#topnav ul li a:hover {
text-decoration : underline;
}

.chromestyle {
width : 960px;
height : 42px;
background : #fff;
font-weight : normal;
margin : 0 auto;
margin-bottom : 15px;
}
.chromestyle:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.chromestyle ul {
border : 0 solid #bbb;
width : 100%;
padding : 11px 0;
margin : 0 0 0 0;
text-align : left;
}
.chromestyle ul li {
display : inline;
}
.chromestyle ul li a {
color: #006EB2;
padding : 0px 10px 0px 10px;
margin : 0;
font : 20px Calibri, Verdana, Tahoma;
text-decoration : none;
border-right : 1px solid #f60;
}
.chromestyle ul li.last a {
border-right : none;
}
.chromestyle ul li a:hover {
color : #f60;
}
.chromestyle ul li a[rel]:after {
content : "";
}

#content {
width : 960px;
margin : 0 auto;
background : #fff;
margin-bottom : 25px;
overflow:hidden;}

#hello {
float:left;
width:370px;
background : #FAF8F8;
}

#hello * {margin: 0;padding: 0;}

#hello h2 {
font : bold 24px Calibri, Verdana, Tahoma;
color: #006EB2;
padding: 5px;	
}

#hello p {
font : 16px Calibri, Verdana, Tahoma;
color: #006EB2;
padding: 5px;	
}


#page {
float:left;
width:735px;
background : #fff;
}

#page h2 * {margin: 0;padding: 0;}

#page h2 {
font : bold 24px Calibri, Verdana, Tahoma;
color: #006EB2;
padding: 5px;	
}

#page p {
font : 14px Calibri, Verdana, Tahoma;
color: #666;
padding: 5px;	
}

#motto {
float:left;
width:590px;
}

#pagelinks {
float:left;
width:221px;
border-left: 1px dashed #ccc;
}

#pagelinks ul {
padding : 10px 0px 0 0;
list-style-type : none;
clear : both;
text-align:left;
}
#pagelinks ul li {
display : block;
margin-bottom: 10px;
border-bottom:1px dotted #666;
}
#pagelinks ul li a {
font : 18px Calibri, Verdana, Tahoma;
color: #006EB2;
text-decoration : none;
padding:5px 5px 5px 10px;
}
#pagelinks ul li a:hover {
color: #f60;
}

#products { 
width: 735px;
text-align:center;
margin:0 auto;
}

#products ul{ 
width: 735px;
text-align:center;
margin: 0 auto;
}


#products li {
	float: left;
	display: inline;
}




#image { 
height:110px;
text-align:center;
margin: 0px auto;
padding:1px;
border:#ccc solid 1px;
margin-right: 25px;
margin-bottom: 35px;
margin-left: 0px;
}



#adsense {
padding-top:25px;
text-align:center;
}

#sform {
width : 960px;
margin : 0 auto;
background : #fff;
margin-bottom : 10px;
overflow:hidden;}

#formfields {
float:left;
width:370px;
background : #fff;
}

#formfields_in {
float:left;
width:590px;
background : #fff;
}

#keimena {
float:left;
width:590px;
}

#keimena *{
margin:0;
padding:0;
}

#keimena h3{
font : bold 18px Calibri, Verdana, Tahoma;
color: #f60;
padding: 5px;
}

#keimena p{
font : 14px Calibri, Verdana, Tahoma;
color: #333;
padding: 5px;
}

#rightleft {
float:left;
width:590px;
}

#catalogue {
float:left;
width:270px;
margin-right:10px;
}

#catalogue img{
border: 5px solid #ccc;
}

#catalogue *{
margin:0;
padding:0;
}

#catalogue h3{
font : bold 18px Calibri, Verdana, Tahoma;
color: #f60;
padding: 5px;
}

#catalogue a{
font : bold 14px Calibri, Verdana, Tahoma;
color: #016EB2;
}

#catalogue p{
font : 14px Calibri, Verdana, Tahoma;
color: #333;
padding: 5px;
}

#articles {
float:right;
width:270px;
}

#articles *{
margin:0;
padding:0;
}

#articles h3{
font : bold 18px Calibri, Verdana, Tahoma;
color: #f60;
padding: 5px;
}

#articles a{
font : bold 14px Calibri, Verdana, Tahoma;
color: #016EB2;
}

#articles p{
font : 14px Calibri, Verdana, Tahoma;
color: #333;
padding: 5px;
}

.align-right { float:right; margin: 0 0 8px 8px; }

.cleanform * { margin:0; padding: 0 }	

        .cleanform {
			font-size:1em;
        	width:360px;
        	color:#1b1b1b;
        	text-align:left;
			position:relative;
        }

		/* Elements */

		.cleanform  label,.cleanform legend{  
        	padding:0;
			margin:0.3em 0;
        }

		.cleanform fieldset{ 
			padding:0.7em;
			border:0px solid #ddd;
			margin:0 0 0.5em 0;
		}
	             
        .cleanform label {
            font-weight:bold;
        }
        
        .cleanform fieldset input {
            width:70%;
            line-height:1.5em;
			padding:0.15em;
        }
		
		.cleanform fieldset select {
            width:70%;
            line-height:1.5em;
			padding:0.15em;
        }
        
         .cleanform .radio input,
		 .cleanform .checkbox input {
            width:auto;
			border:none;
         }
        
        .cleanform input, .cleanform textarea, .cleanform select {
        	display:block;
        	margin-bottom:1em;
        	font-size:1em;
        	border:1px solid #bbb;
			padding:0.15em;
			margin-right:1em
        }

        .cleanform .radio label, .cleanform .radio input,
		.cleanform .checkbox label, .cleanform .checkbox input{
        	display:inline;
			margin:0 1.5em 0 0
        }


 		.cleanform .radio input, .cleanform .checkbox input{
			margin:0 0.3em 0 0
        }

		/* Button */

		.cleanform button {
			margin:0.3em 0;
        	border:1px solid #ccc;
        	background-color:#eee;
        	font-size:1em;
        	cursor:pointer;
        	padding:0.5em
        }

		.cleanform button:hover {
		    background-color:#f60;
		    border:1px solid #C6D880;
		    color:#fff;
		}

        .cleanform button:active {
        	background-color:#333;
        	color:white;
			border:1px solid #000;
        }
		
		/* information */
		
        .cleanform .formInfo {
            margin-bottom:1em;
            padding-bottom:0.5em;
            border-bottom:0.1em solid #ddd;
        }

        .cleanform .formInfo h2 {
        	color:#00889e;
        	font-weight:bold;
        	font-size:1.2em;
        	margin-bottom:1em
        }

        .cleanform .formInfo p{
        	text-align:justify
        }

        .cleanform .required {
        	color:#ff3838;
        	font-weight:bold;
        	font-size:0.8em;
		}
		
#footer {
width : 960px;
height : 70px;
margin : 0 auto;
color : #e3e3e3;
background:#3E3F40;
}
#footerleft {
float : left;
width : 600px;
padding : 10px;
}
#footerright {
float : right;
width : 300px;
text-align : center;
padding : 10px;
}
#footerleft a {
color : #e3e3e3;
text-decoration:none;
}		
		
.Newsletter {

font : 13px Calibri, Verdana, Tahoma;
color: #ccc;
background-color: #323B3B;
height: 45px;
width: 250px;
padding:5px;
}

div.pagination {
	padding: 3px;
	margin: 3px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ccc;
	text-decoration: none; /* no underline */
	color: #333;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #333;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #c00;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ccc;
	font-weight: bold;
	background-color: #c00;
	color: #FFF;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
		color: #ccc;
		font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	}	
#article {
float:left;
width:735px;
}

#article h2 {margin: 0;padding: 0;}

#article h2 {
font : bold 24px Calibri, Verdana, Tahoma;
color: #006EB2;
}

#article h2 a{
font : bold 19px Calibri, Verdana, Tahoma;
color: #f60;
text-decoration:none;
}


#smalldescr_companies {
float:left;
width:710px;
background : #f8f8f8;
border: 1px dotted #ccc;
margin:16px 0px 11px 0px;
font : 14px Calibri, Verdana, Tahoma;
color: #666;
padding: 5px;	
}
#smalldescr {
float:left;
width:710px;
background : #fff;
border-bottom: 1px dotted #ccc;
margin:16px 0px 11px 0px;
font : 14px Calibri, Verdana, Tahoma;
color: #666;
padding: 5px;	
}
.error {
color: red;
font: 14px Calibri, Verdana, Tahoma;
padding-left: 10px;
display:block;}

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:pointer;
}
.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#069;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	margin-right:80px;
	margin-top:15px;
	color:#fff;
	text-decoration: none;
	float:right;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
	float:right;
}