/* -------------------------------------------------------
   * Filename		screen.css
   * Updated		2010-01-21
   * Author     	Dariusz Pobożniak
   * Website		http://pobozniak.pl
   * Description 	CSS Document main default file
   ----------------------------------------------------- */
   

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


body {
	background: #000;
	color: #fff;
	font: normal 62.5%/170% Verdana, Arial, Helvetica, sans-serif;
}


a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 1em 0; }
strong { font-weight: bold; }
em { font-style: italic; }
.input, textarea, select {
	background: #fff;
	border: 1px solid #888;
	display: block;
	float: left;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
	padding: .2em;
	width: 500px;
}
textarea { overflow: auto; }
.input:focus, textarea:focus { border-color: #555; }
@font-face {
	font-family: 'Diavlo';
	src: url('DiavloLight_Regular.eot');
	src: local('Diavlo Light'), local('Diavlo-Light'), url('DiavloLight_Regular.ttf') format('truetype');
}
h2, h3, h4, .newslist dt, .devicelist a {
    font-family: 'Diavlo', Arial, sans-serif;
    line-height: 130%;
}
h2, h3, h4 {
    font-weight: normal;
}
h2 {
    font-size: 3em; 
    margin-bottom: .5em;
}
h3 {
    font-size: 1.8em;
    margin-bottom: .3em;
}
h4 {
    font-size: 1.4em;
}

/* --- COLORS --- */
h2 {
    color: #51c4ff;
}
h3, h4, .newslist dt, .textwrapper a, .devicelist a {
    color: #d40041;
}



/* STRUCTURE
 ---------------------------------------------------------------------------- */
#header, #content, #footer { 
	font-size: 1.4em;
	margin: 0 auto;
	width: 770px; 
}
#header {
    /* background: url(../gfx/bgHeader.jpg) 0 0 no-repeat; */
    margin-bottom: 2em;
    width: 1092px;
}
#footer {
    border-top: 1px solid;
    color: #656565;
    font-size: 1.2em;
    margin: 4em auto 1em;
}

#header:after, #content:after, #footer:after { 
	content: "."; display: block; font-size: 0; 
	height: 0; clear: both; visibility: hidden; 
}


/* HEADER
 ---------------------------------------------------------------------------- */
h1 { display: none; }
#header ul {
    background: url(../gfx/bgMainnav.gif) 50% 0 no-repeat;
    float: left;
    margin: 0 auto;
    padding: 0 159px;
    text-align: center;
    width: 776px;
}
#header li {
    float: left;
}
#header li a {
    float: left;
    line-height: 3em;
    padding: 0 .5em;
}
#header li a:hover { background: #d40041 url(../gfx/bgMainnavHov.gif) 0 0 repeat-x; text-decoration: none; }
#about #tab-about a, #devices #tab-device a, #studio #tab-studio a, #effects #tab-effects a,
#study #tab-study a, #gallery #tab-gallery a, #distribute #tab-distribute a, 
#contact #tab-contact a, #news #tab-news a { background: #007ab7 url(../gfx/bgMainnavAct.gif) 0 0 repeat-x; }

#logo {
	background: url(../gfx/vacufit_logo.png) 0 0 no-repeat;
	width: 160px;
	height: 58px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
	margin: 10px 0 0 130px;
}
#logo a {
	display: block;
	text-indent: -999px;
	overflow: hidden;
	width: 160px;
	height: 58px;
}
#language {
	position: absolute;
	z-index: 11;
	margin: -25px 0 0 905px;
}
#language a {
	display: inline-block;
	text-indent: -999px;
	overflow: hidden;
	width: 18px;
	height: 12px;
}
#language .vpl {
	background: url(../gfx/fl_pl.png) 0 0 no-repeat;
}
#language .ven {
	background: url(../gfx/fl_en.png) 0 0 no-repeat;
}
#language .vde {
	background: url(../gfx/fl_de.png) 0 0 no-repeat;
}

#flash {
    height: 421px; 
    margin: 0 auto;
    width: 850px;
	/* margin-top: 30px; */
}



/* CONTENT
 ---------------------------------------------------------------------------- */
 
 .home {
	 display: block;
	 position: absolute;
	 width: 128px;
	 height: 35px;
	 overflow: hidden;
	 text-indent: -999px;
	 top: 370px;
	 left: 885px;
	 background: url(../gfx/home.gif) no-repeat;
 }
.textwrapper, .newslist, .devicelist {
    margin-left: 120px;
}
.newslist { margin-bottom: 2em; }
.newslist dt, h4 { font-size: 1.8em; }
.gallerylist { float: left; margin-left: 75px; }
.gallerylist ul { 
    color: #707070; 
    float: left; 
    margin-bottom: 1.5em;
    width: 100%; 
}
#content .gallerylist li { 
    float: left; 
    list-style: none;
    margin: 0 25px 1em; 
    width: 175px; 
}
.gallerylist h3 { margin-left: 25px; }
.gallerylist li a { display: block; }
.devicelist p { 
    background: url(../gfx/vacufit_logo.gif) 195px 0 no-repeat;
    float: left; 
    margin: 2em 0; 
    width: 100%; 
}
.devicelist img, .devicelist a { float: left; }
.devicelist a { font-size: 1.6em; margin: 45px 0 0 65px; }



/* Markdown & common styles */
.positive, .negative {
	border: 1px solid;
	padding: 1em;
	text-align: center;
}
.positive { border-color: #139136; }
.negative { border-color: #f51616; }
.textwrapper ul, .textwrapper ol { margin: 1em 0 1em 20px; }
.textwrapper ul li { list-style: disc; }
.textwrapper ol li { list-style: decimal; }
/* gallery-box */
.gallery-box {
    margin: 1em 0;
    padding: 1em;
    text-align: center;
}
.gallery-box dl { text-align: left; }
.gallery-box a img { padding: 3px; margin: .7em; }

/* 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 { margin-left: 190px; }
.gallery-desc .right p { margin-right: 190px; text-align: right; }
.gallery-desc .center { 
    clear: none; 
    max-height: 210px; 
    overflow: hidden; 
    width: 190px; 
}
* html .gallery-desc .center { height: 210px; }

.map_details { display: none; }
.handimap {
    color: #000;
    float: right;
	height: 290px;
	font-size: 12px;
	margin: 1em 0 1em 1.5em;
	width: 325px;
}
.handimap h5 { margin: 0; font-size: 13px; font-weight: bold; }

/* table */
table {
    border: 1px solid #ccc;
    margin: 1em 0;
    border-collapse: collapse;
    width: 100%;
}
table td, table th { 
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: .2em .4em; 
}
table th, table .header { font-weight: bold; }
.ytmovie { clear: both; display: block; margin: .2em auto; }


 
/* FOOTER
 ---------------------------------------------------------------------------- */
#footer p { margin: .2em 0; }