/* -------------------------------------------------------
   * Filename	screen.css
   * Updated	2009-08-26 | 2010-04-23
   * Author     Dariusz Pobożniak
   * Website	http://pobozniak.pl
   ----------------------------------------------------- */

/* CSS Document main default file */

@import url("reset.css"); 	    /* reset browser defaults */
@import url("fancybox.css");    /* lightbox styles */

body {
    background: #fff url(../gfx/bgBody.jpg) 50% 0 no-repeat;
	color: #006d9c;
	font: normal 62.5%/170% Verdana, Arial, Helvetica, sans-serif;
	font-smooth: always;
}
a { color: #003a76; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 1em 0; }
strong { font-weight: bold; }

label { display: block; }
.input, textarea, select {
	background: #fff;
	border: 1px solid #fff;
	display: block;
    font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: .5em;
	padding: .3em;
	width: 220px;
}
textarea { overflow: auto; }
.input:focus, textarea:focus { border-color: #555; }

@font-face { font-family: "Helvetica Neue LT Pro"; src: url('HelveticaNeueLTPro-MdEx.otf'); }

h2, #topnav, #subnav, .submit { font-family: "Helvetica Neue LT Pro", Arial, sans-serif; ;}
h2 { 
    border-bottom: 1px solid #2dc0d8;
    color: #cfb06e; 
    font-weight: normal; 
    font-size: 2.2em; 
    line-height: 100%;
    margin-bottom: .5em;
}
h4 { font-weight: bold; font-size: 130%; }
#topnav a, .partner, .map {
    overflow: hidden;
    text-indent: -9999px;
}
#sidebar, #sidebar a, #footer, #footer a { color: #fff; }


/* STRUCTURE
 ---------------------------------------------------------------------------- */
#header {
    height: 230px;
    margin: 0 auto; 
    overflow: hidden;
    width: 950px;
}
#container {
    background: url(../gfx/bgContainer.gif) 0 570px no-repeat;
    font-size: 1.2em;
    margin: 0 auto;
    padding: 0 18px 0;
    width: 930px;
}
#content, #sidebar { float: left; }
#content { width: 748px; }
#sidebar { width: 182px; }
#footer {
    background: url(../gfx/bgFooter.gif) 0 100% no-repeat;
    font-size: 1.2em;
    margin: 0 auto;
    padding: 0 18px 2em;
    width: 930px;
}
#header:after, #container:after, #footer:after { 
	content: "."; display: block; font-size: 0; 
	height: 0; clear: both; visibility: hidden; 
}


/* HEADER
 ---------------------------------------------------------------------------- */
h1 {
    height: 70px;
    overflow: hidden;
    text-indent: -9999px;
    width: 200px;
}
h1 a {
    display: block;
    height: 100%;
    width: 100%;
} 
#topnav {
    font-size: 1.8em;
    margin: 110px 0 0 1em;
    overflow: hidden;
}
#topnav li, #topnav li a { float: left; }
#topnav li a {
    background-position: 0 0;
    height: 16px;
}
#tab-about a { background-image: url(../gfx/bgTabAbout.gif); width: 63px; }
#tab-ventilation a { background-image: url(../gfx/bgTabVentilation.gif); width: 116px; }
#tab-refrigeration a { background-image: url(../gfx/bgTabRefrigeration.gif); width: 129px; }
#tab-airconditioning a { background-image: url(../gfx/bgTabAirconditioning.gif); width: 131px; }
#tab-service a { background-image: url(../gfx/bgTabService.gif); width: 78px; }
#tab-references a { background-image: url(../gfx/bgTabReferences.gif); width: 115px; }
#tab-contact a { background-image: url(../gfx/bgTabContact.gif); width: 85px; }

#topnav li a:hover, #ventilation #tab-ventilation a, #contact #tab-contact a,
#refrigeration #tab-refrigeration a, #airconditioning #tab-airconditioning a, 
#service #tab-service a, #references #tab-references a, #about #tab-about a {
    background-position: 0 -16px;
}


/* CONTENT
 ---------------------------------------------------------------------------- */
#intro {
    background: url(../gfx/bgIntroTitle.gif) 30px 11px no-repeat;
    border-right: 1px solid #fff;
    color: #fff;
    font-size: 120%;
    line-height: 110%;
    padding: 35px 30px 14px;
    width: 680px;
}
#intro h3 { display: none; }
.box {
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 3px 3px 3px #357797;
    -webkit-box-shadow: 3px 3px 3px #357797;
    border-radius: 10px;
    float: left;
    margin: 0 10px 10px 0;
    min-height: 500px;
    padding: 20px;
    width: 698px;
}
#contact div.box { width: 415px; }
#contact form.box {
     background-color: #95c6db; 
     color: #fff; 
     font-weight: bold;
     width: 230px;
}
#home .box               { min-height: 232px; position: relative; width: 485px; float: right; }
#home .box.references    { float: right; width: 163px; }
#home .box.references h2 { font-size: 1.7em; }
#home .references p      { text-align: center; }
#contact form h2 { color: #fff; border-color: #fff; }
.references p { margin-bottom: 2em; }

.more {
    background: #fefdfc url(../gfx/bgMore1.gif) 0 0 repeat-x;
    border: 1px solid #e3c974;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    bottom: 20px;
    float: right;
    font-size: 90%;
    line-height: 100%;
    padding: .3em 1.5em;
    position: absolute;
    right: 20px;
}
.more:hover { border-color: #cfb06e; text-decoration: none; }
.map {
    background: url(../gfx/bgMap.gif) 0 0 no-repeat;
    float: right;
    height: 142px;
    position: relative;
    top: -3.5em;
    width: 258px; 
}

.submit { color: #fff; float: right; font-size: 1.5em; }
#map { height: 230px; background: #ddd; widht: 415px; }
#contact .con1 { clear: left; float: left; width: 150px; }
#contact .con2 { margin-left: 170px; }
.photos { float: left; margin-bottom: 2em; }
.photos a img {
    float: left;
    margin: 4px 9px 9px 0;
}

/* Markdown & common styles */
.positive, .negative {
	border: 1px solid;
	padding: 1em;
	text-align: center;
}
.positive { border-color: #139136; }
.negative { border-color: #f51616; }
#content ul, #content ol { margin: .2em 0 .2em 20px; }
#content ul li { list-style: disc; }
#content ol li { list-style: decimal; }
/* gallery-box */
.gallery-box {
    background: #fefefe;
    border: 1px dashed #ccc;
    margin: 1.5em 0;
    padding: 1em;
    text-align: center;
}
.gallery-box dl { text-align: left; }
.gallery-box dt { color: #4c4c4c; font-size: 120%;}
.gallery-box dd { margin: .4em 0; }
.gallery-box a img { border: 1px solid #ccc; margin: .3em; padding: 3px; }
.gallery-box a:hover img { border-color: #888; cursor: -moz-zoom-in; }
/* gallery-desc */
.gallery-desc { float: left; margin: 1em 0; width: 100%; }
#content .gallery-desc ul, .gallery-desc li p { margin: 0; }
#content .gallery-desc ul li { list-style: none; }
.gallery-desc li {
    clear: both; 
    float: left; 
    margin: .5em 0;
    width: 100%;
}
.gallery-desc .left img { float: left; }
.gallery-desc .right img { float: right; }
.gallery-desc .left p, .gallery-desc .left h4 { margin-left: 180px; }
.gallery-desc .right p, .gallery-desc .right h4 { margin-right: 180px; text-align: right; }
.gallery-desc .center { 
    clear: none; 
    max-height: 210px; 
    _height: 210px; 
    overflow: hidden; 
    width: 190px; 
}
#references .gallery-desc dt, #references .gallery-desc dd > p { display: none; }

/* table */
table {
    border: 1px solid #ccc;
    margin: 1em 0;
    border-collapse: collapse;
}
table td, table th { 
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: .2em .4em; 
}
table th { font-weight: bold; } 


/* SIDEBAR
 ---------------------------------------------------------------------------- */
.partner {
    background: url(../gfx/bgFrigoLogo.gif) 0 0 no-repeat;
    height: 195px;
}
.partner, #subnav { border-bottom: 1px solid #fff; }
#subnav { 
    font-size: 1.8em; 
    line-height: 130%;
    margin: 1em 0; 
    padding-bottom: 1em;
}
#subnav a:hover { color: #CFB06E; text-decoration: none; }
#sidebar .goshop, #sidebar .forum {
    background: url(../gfx/bgAdv2.jpg) 0 0 no-repeat;
    display: block;
    height: 114px;
    overflow: hidden;
    text-indent: -9999em;
    width: 182px;
}
#sidebar .forum {
    background: url(../gfx/bgAdv3.jpg) 0 0 no-repeat;
    border-bottom: 1px solid #fff;
    height: 154px;
    margin: 0 0 11px;
    padding-bottom: 6px;
}

 
/* FOOTER
 ---------------------------------------------------------------------------- */
#footer p { margin: 0; padding: .6em 0 0 .5em; }
#footer span { 
    border-top: 1px solid #fff;
    float: right;
    margin-top: -3em;
    padding: 1.4em .5em 0 0;
    text-align: right;
    width: 175px;
}