/* ---------------------------------------------- */
/* ----------- styles for omos.ie --------------- */
/* ---------------------------------------------- */

/* ---------------------------------------------- */
/* ---------------- CSS RESET ------------------- */
/* ---------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfot, thead, tr, th, td {
	
	margin: 0;
	padding:  0;
	border:  0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

ol, ul {
	
	list-style: none;
}

blockquote:before, blockquote;after, q:before, q:after {
	
	content: "";
}

blockquote, q {
	
	quotes:  "" "";
}

h1 {
	font-size: 24px;
	
}

p {
	/*margin: 10px 0 0 0;*/
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* ---------------------------------------------- */
/* ------------------ BODY ---------------------- */
/* ---------------------------------------------- */

body {
		line-height: 1;		
		background-color: #9BBF1C;	
		margin:  0;	
		padding:  0;
		font: 12px Arial;
		color: white;	
}

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

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

strong {
	font-weight: bold;
}

/* ---------------------------------------------- */
/* ------------------ COLORS -------------------- */
/* ---------------------------------------------- */

.red {
	color: #cc0000;
}


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

#top {
	/* height: 364px;*/
	background: white;
	color: #333;
	padding: 66px 0 0 0;
}

#top2 {
	min-height: 364px;
	height: 100%;
	background: white;
	color: #333;
	padding: 66px 0 0 0;
}

.wrapper {
	margin: 0 auto;
	width: 974px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
}

* {
	
}

.top {
	width: 974px;
	/* background: url(../img/logo.gif) no-repeat 80px 50px ;
	padding: 50px 0 0 0;  */
} 

.top p {
	margin-bottom: 0 !important;
	margin-bottom: 0\9;
}

.top p img, .top p object {
	margin: -2px 0 0 0 !important;
}

.top .opis p {
	margin: 10px 0 0 0 !important;
}

.top .logo {
	padding: 50px 0 0 80px;
	
}

.top .left {
	width: 444px;
	padding: 50px 0 0 80px;
	height: 314px;
}

.top .left2 {
	
	padding: 50px 0 0 80px;

}

.top .right {
	width: 395px;
}

.bottom {
	border-color: white !important;
	border-bottom: 1px solid #fff;
	border-top: none !important;
	padding: 0 0 50px 0;
	margin: 1px auto;
}

/* ---------------------------------------------- */
/* -------------------- NAV --------------------- */
/* ---------------------------------------------- */
#cos {
	width: 974px;
	background: #9BBF1C;
	height: 36px;
	_height: 36px;
}

#nav {
	width: 944px;
	margin: 0 auto; 
}

#nav ul { /* all lists */
	list-style: none;
	line-height: 1;
	margin: 0 auto;
}

#nav a {
	display: block;
	width: 153px;
	color: white;
	text-decoration: none;
	padding: 12px 0 12px 0;
}

#nav li ul li a {
	padding: 6px 0 6px 0 !important;
}

#nav a:hover, #nav a.current {
	background: #666F19;
}

#nav li { /* all list items */
	border-left: 2px solid #9BBF1C;
	border-right: 2px solid #9BBF1C;
	width: 153px;
	float: left;
	text-align: center;
	background: #8BAC19;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 153px;
	background: #8BAC19;
	margin: 0px 0 0 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
	border-top: 2px solid #9BBF1C;
	font-size: 11px;
	padding: -9px 0 -9px 0 !important;
	margin: 0px 0 0 -2px;
}

#nav li:hover ul, #nav li.sfHover ul { /* lists nested under hovered list items */
	left: auto;
}


/* ---------------------------------------------- */
/* ------------------ CONTENT ------------------- */
/* ---------------------------------------------- */

#content {
	margin: 45px 0 0 0;
	padding: 0 80px 0 80px;
	color: white;
}

#content .news {
	margin: 15px 0 0 0 !important;
}

#content .left {
	width: 320px;
}

#content .right {
	width: 415px !important;
}

#content .snippet {
	margin: 12px 0;
}

#content .snippet .left {
	width: 160px;
	height: 160px;
	padding: 0 10px 0 0;
}

#content .snippet .right {
	width: 250px;
	padding: 30px 0 0 0;
}

#content .snippet h1 {
	font-size: 18px !important;
}

#content .snippet h1 a {
	color: white;
	text-decoration: none;
}

#content .snippet .readmore, #content .snippet .readmore a {
	display: block;
	color: white;
	text-decoration: none;
	font-style: italic;
}

#content .text {
	margin: 0 auto;
	width: 415px;
}

#content .text2 {float: left;
	width: 415px;
}

#content .video {float: right;
	width: 315px;
}

#content .text p {
	margin: 10px 0 0 0;
}

#content .text p a {
	color: white;
	text-decoration: none;
}


/* ---------------------------------------------- */
/* ----------------- SERVICES ------------------- */
/* ---------------------------------------------- */

.services {
	background: url(../img/services.jpg) no-repeat;
}

.ins {
	background: url(../img/ins.jpg) no-repeat;
}

.maint {
	background: url(../img/maint.jpg) no-repeat;
}

.prod {
	background: url(../img/products.jpg) no-repeat;
}

/* ---------------------------------------------- */
/* ----------------- CAROUSEL ------------------- */
/* ---------------------------------------------- */

.jcarousel-skin-tango {
	padding: 0 0 15px 0;
	 position: relative;
	 top: 15px;

}

.jcarousel-control {
	padding: 5px 0 5px 0;
	margin: 10px 0 20px 0;
	text-align: center;
}

.jcarousel-control a{
	color: #888 !important;
	padding: 0 2px 0 2px;
	text-decoration: none;
	background: none !important;
	font-size: 100% !important;
}

#content .text #button {
	cursor: pointer;
	font-size: 18px;
}

#content .text #backgroundPopup{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;   
	z-index:10;  
}  

#content .text #popupContact{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:384px;  
	width:508px;  
	background:#FFFFFF;    
	z-index:20;  
	padding:12px;  
	font-size:13px;  
}  

#content .text #popupContact h1{  
	text-align:left;  
	color:#9BBF1C;  
	font-size:22px;  
	font-weight:700;    
	padding-bottom:2px;  
	margin-bottom:20px;  
}  

#content .text #popupContactClose{  
	font-size:14px;  
	line-height:14px;  
	right:6px;  
	top:4px;  
	position:absolute;  
	color:#9BBF1C;  
	font-weight:700;  
	display:block; 
	cursor: pointer; 
}  

#popupContact p {
	color: #000;
}

/* ---------------------------------------------- */
/* ----------------- IND PROD ------------------- */
/* ---------------------------------------------- */

#presentation {
	margin: 75px 70px 0 80px;
	color: #808080;
}

#presentation .opis {
	width: 420px !important;
	min-height: 250px;
	overflow: hidden;
	float: left;
	padding: 0 0 20px 0;
}

#presentation .image {
	float: right;
	width: 400px;
	margin: -10px 0 0 0;
	z-index: 0 !important;
	position: relative;
}

#presentation h1 {
	font-weight: normal !important;
}


/* presentation - gallery */

.gallery ul {
	margin: 10px 0 0 0;
	
}

.gallery ul li {
	width: 121px;
	height: 121px;
	float: left;
	list-style-type: none;
	margin: 10px 10px 0 0;
}

.gallery_product ul li {
	width: 75px;
	height: 75px;
	float: left;
	list-style-type: none;
	margin: 10px 10px 0 0;
}

.forms {
	width: 360px !important;
}

.forms  label {
	width: 87px;
	float: left;
}

.forms .submit {
	margin: 10px 0 0 87px;
}

.address {
	width: 360px !important;
}
/*
.sf-sub-indicator {
	display: none;
}
*/

div#top2 .text {
	margin-top: -10px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.top .text {
	margin-bottom: -10px !important;
}
}