/*   
Theme Name: ECLSoft
Theme URI: http://www.eclsoft.pl/
Description: ECLSoft website design
Author: Agencja reklamowa MIDEA
Author URI: http://www.midea.pl/
Version: 1.0
.
Copyright by ECLSoft © 2009
.
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* --------------------------------------------------- MAIN */
@font-face { font-family:'Anivers'; src: url('anivers.otf') format('opentype'); }

body { font-size: 62.5%; background: url("img/background.jpg") center 155px no-repeat white; font-family: Georgia, Arial, serif; }
body#home { background-image: url("img/background_main.jpg"); }
p { text-align: justify;}
#fauxheader { height: 150px; width: 100%; background: black; border-bottom: 5px solid #df0030; position: absolute; top: 0; left: 0; z-index: 0; }
#container { position: relative; width: 960px; margin: 0 auto; z-index: 1; padding-top: 155px; }

#header { width: 261px; height: 119px; background: url("img/logo.gif") no-repeat 10px 10px black; position: absolute; top: 10px; left: 0px; }
#header h1, #header h1 a { width: 261px; height: 119px; display: block; text-indent: -10000px; }
#header h2 { display: none; }

#menu { background: url("img/menu_bg.gif") right top; position: absolute; top: 50px; right: 10px; max-width: 590px; }
#menu li { float: left; height: 3em; line-height: 3em; font-size: 1.2em; padding: 1em 0; }
/*
 #menu li a { height: 3em; width: 117px; display: block; font-family: 'Anivers', Helvetica, sans-serif; color: white; text-decoration: none; text-transform: uppercase; 
*/
#menu li a { height: 3em; width: 85px; display: block; font-family: 'Anivers', Helvetica, sans-serif; color: white; text-decoration: none; text-transform: uppercase; text-align: center; border-left: 1px dashed #df0030; }
#menu li.first { background: url("img/menu_bg.gif") left top #000; }
#menu li.first a { border-left: 1px solid black; margin-top: -1em; padding-top: 1em; }

#rss { position: absolute; top: 10px; right: 10px; background: url("img/rss.gif") no-repeat top right; padding-right: 20px; height: 14px; width: 50px; text-align: right; }
#rss a { display: block; height: 14px; color: white; text-decoration: none; line-height: 14px; font-family: Georgia, Arial, serif; }

#content { font-size: 1.4em; line-height: 1.2em; padding-top: 30px; }

#home #post { margin-bottom: 2em;  zoom: 1; margin-left: 420px; margin-top: 2em; width: 450px; float: none; display: block; }
#home #post p { padding: 0 20px; line-height: 1.4em; }
#home #post .header { color: black; margin-bottom: 0; background: none; width: 400px; }
#home #post .header big { display: block; font-size: 2.4em; margin-bottom: .5em; }

#home .halfleft { width: 470px; }
#home .halfright { width: 470px; float: left; }

#post { float: right; width: 341px; margin-right: 10px; display: inline; margin-bottom: 2em; zoom: 1; }
#post p { padding: 0 20px; line-height: 1.4em; }
#post .header { background: url("img/about.gif"); width: 251px; height: 105px; color: #fffefe; padding: 20px 70px 20px 20px; _padding-bottom: 8px; margin-bottom: 1.5em; float: left;}
#post .header big { display: block; font-size: 2.4em; margin-bottom: .5em; }

#home ol.actions { list-style-type: decimal; list-style-position: inside; float: left; width: 240px; margin-left: 60px; display: inline; background: url("img/ol.gif") left 6px repeat-y; }
#home ol.actions li { display: list-item; font-size: 1.3em; color: #fff; padding-left: 6px; height: 30px; line-height: 30px; _margin-left: 6px; }
#home ol.actions li span { font-size: .7em; color: #2e2e32; }

#home .meta { _height: 1%; zoom: 1; }
#home .meta:after { clear: both; display: block; content: "."; height: 0; width: 0; visibility: hidden; margin-bottom: 2em; }
#home .meta a { background: url("img/buttons.gif") 0 -60px no-repeat; width: 220px; height: 60px; line-height: 60px; font-family: Georgia, Arial, serif; color: black; text-indent: 0; text-align: center; text-decoration: none; font-weight: bold; margin-right: 10px; }
#home .meta a:hover { background-position: 0 0; color: white; }

.boxes { border-top: 5px solid #df0030; clear: both; padding-top: 1em; margin: 2em 10px; font-family: Helvetica, Arial, serif; _height: 1%; }
.boxes:after { content: "."; clear: both; display: block; visibility: hidden; width: 0; height: 0; }
.boxes div.box { float: left; background: url("img/box_bg.gif"); margin-left: 20px; }
.boxes div.box a { width: 180px; height: 70px; padding: 20px; display: block; text-shadow: 0 0 1px #fff; color: #2e2e32; text-decoration: none; font-weight: bold; font-size: .85em; }
.boxes div.first { margin: 0; }

.boxes div.work a { background: url("img/box1.gif") center 40px no-repeat; }
.boxes div.cash a { background: url("img/box2.gif") center 40px no-repeat; }
.boxes div.ideal a { background: url("img/box3.gif") center 40px no-repeat; }
.boxes div.people a { background: url("img/box4.gif") center 40px no-repeat; }

#post .boxes { border: 0; margin-right: -100px; margin-bottom: 0; }
#post div.box { background: none; }
#post div.box a { width: 115px; height: 115px; padding: 0; text-align: center; color: #DF0030; }
#post .boxes div.work a { background: url("img/box1.png") center 30px no-repeat; }
#post .boxes div.cash a { background: url("img/box2.png") center 30px no-repeat; }
#post .boxes div.ideal a { background: url("img/box3.png") center 30px no-repeat; }
#post .boxes div.people a { background: url("img/box4.png") center 30px no-repeat; }

#home .demo {
	clear:none;
	float:left;
	margin-top:1em;
	margin-left: 2em;
	display: inline;
}

.right { width: 344px; float: right; }
.left { width: 580px; float: left; }

.column h2 { height: 50px; line-height: 50px; background: #df0030; -moz-border-radius: 15px; -webkit-border-radius: 15px; font-size: 1.7em; font-family: Georgia, Arial, serif; color: white; padding: 0 10px; margin-bottom: .5em;  }
.is_opera .column h2 { background: url("img/heading.svg"); }

.column { font-size: 1.0em; font-family: Georgia, Arial, sans-serif; }
.column h3 { font-size: 1.07em; font-weight: bold; }
.column h4 { font-size: 1.07em; color: #df0030; font-weight: bold; }
.column h5 { font-size: 1.0em; color: #000000; font-weight: normal; text-align: center; text-transform: uppercase;  } /* font-weight: bold; } */

.column a { color: #df0030; text-decoration: none;  }

.column p.more { text-align: right; font-weight: bold; font-size: 1.07em; margin-bottom: 1em; }
.column p.more a { background: url("img/wdrozenia_more.png") no-repeat left center; padding-left: 16px; }
.column li a { color: #000000; text-decoration: none; display: block; }
.column li a:hover { color: #df0030; text-decoration: none; display: block; }



.contact table { width: 100%; }
.contact table td { vertical-align: top; padding-bottom: 1em; }
/*td.title { color: #df0030; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 1.8em; padding-right: .5em; }*/
td.title { padding-right: 1em; }
td.plain { color: black; }

.halfleft { width: 340px; margin-right: 20px; float: left; }
.halfleft2 { width: 560px; margin-right: 20px; float: left; }
.smallleft { width: 220px; float: left; }

/* .demo { width: 228px; height: 118px; display: block; background: url("img/demo.png"); text-indent: -10000px; margin: 0 auto; clear: both; } */
.clear { width: 228px; height:10px; display:block; float:left; clear: both; }
.demo { width: 228px; height: 118px; display: block; background: url("img/demo.png"); text-indent: -10000px; float:left; }
.demo:hover { background: url("img/demo_hover.png"); }

.map { -moz-border-radius: 15px; width: 580px; height: 300px; }

.information { font-size: 1em; padding-right: 490px; font-family: Georgia, Arial, sans-serif; line-height: 1.4em; background-repeat: no-repeat; background-position: 500px center; zoom: 1; }
.information h2 { font-size: 1.6em; }

.information { font-size: 1em; padding-right: 490px; font-family: Georgia, Arial, Helvetica, sans-serif; line-height: 1.4em; background-repeat: no-repeat; background-position: 500px center; }
.post { font-size: 1em; font-family: Georgia, Arial, Helvetica, sans-serif; line-height: 1.4em; }
.information h2, .post h2 { font-size: 1.6em; }
.information p, .information ul, .information ol, .post p, .post ul, .post ol { margin-bottom: 2em; }

.information ul { color: red; list-style: disc; margin-left: 2em; margin-bottom: 1em; }

strong { color: #df0030; font-weight: normal; }

.archive li { background: url("img/archive_li.png") no-repeat left center; padding-left: 16px; }
.archive li a { color: black; font-weight: bold; font-size: 1.0em; }

.logos ul li { float: left; margin: 1em; }
.logos {margin:0;padding:0;}
.logos li { zoom: 1; }

.product { width: 30%; margin-right: 3%; float: left; }
.product a img { display: block; margin: 0 auto 1em; }
.product a.title { display: block; font-weight: bold; text-transform: uppercase; }

ul.infos { color: red; list-style: disc; margin-left: 2em; line-height: 2em; margin-bottom: 1em; }
ul.infos span { color: black; }

ul.list  {color: black; list-style: disc; margin-left: 2em; line-height: 2em; }
ul.list  a {color: red; }

.productinfo {font-size: 1em; font-family: Georgia, Arial, Helvetica, sans-serif; line-height: 1.4em; zoom: 1; }
.productinfo h2 { font-size: 1.6em; }
.productinfo {font-size: 1em; font-family: Georgia, Arial, Helvetica, sans-serif; line-height: 1.4em;}
.post { font-size: 1em; font-family: Georgia, Arial, Helvetica, sans-serif; line-height: 1.4em; }
.productinfo h2, .post h2 { font-size: 1.6em; }
.productinfo p, .information ul, .information ol, .post p, .post ul, .post ol { margin-bottom: 2em; }
.productinfo .demo { margin-top: 1em; float: left; clear: none; }

.documentation             { margin-top: 0em; width: 228px; height: 118px; display: block; background: url("img/documentation.png"); text-indent: -10000px; float: left;}
.documentation_short { margin-top: 0em; width: 118px; height: 118px; display: block; background: url("img/documentation_short.png"); text-indent: -10000px; float: left;}
.download                       { margin-top: 0em; width: 108px; height: 118px; display: block; background: url("img/short_download.png"); text-indent: -10000px; float:left;}
.questions                     { margin-top: 0em; width: 108px; height: 118px; display: block; background: url("img/questions.png"); text-indent: -10000px; float: left;}
.license                         { margin-top: 0em; width: 108px; height: 118px; display: block; background: url("img/license.png"); text-indent: -10000px; float: left;}

.product_screen { background: url("img/aktualnosci_produkt.gif"); width: 341px; height: 289px; margin: 165px 0 -70px; ?margin-top: 0; }

#footer { position: relative; width: 960px; margin: 0 auto; clear: both; padding: 20px 0; text-align: right; }
#footer img { float: right; margin-left: 1em; }
#footer p { color: #666; font-family: Arial; line-height: 1.2em; }
#footer p a { color: #666; }
#footer p a:hover { color: #000; }

.q { font-weight: bold; font-size: 1.1em; margin-bottom: .5em; }
.q span { float: left; width: 60px; font-size: 0.9em; }
.a { padding-left: 60px; margin-bottom: 2em; }
.ulq { margin-left: 2em; padding-left: 60px; list-style:disc;}

.faq_list { line-height: 1.7em; margin-bottom: 1em; }
.faq_list h3 { font-size: 1.5em; font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: normal; margin: 1em 0; }
.faq_list a { font-size: 1.1em; font-weight: bold; }
.faq_list a:hover { text-decoration: underline; }

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}