/*******************************************************************************

	Code by Karolina Szczur
	Lucyna Wojtacka

********************************************************************************

	1. BASE
		1.1 Reset
		1.2 Clearfix
		1.3 Default Styles

	2. COMMON
		2.1 Container
		2.2 Header
		2.3 Navigation
		2.4 Content
		2.5 Sidebar
		2.6 Footer
		2.7 Font-face
		2.8 jQuery Lightbox

	3. PAGES
		3.1 Index


	4. PRINT

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------*/


/* 1.1 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, 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,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 1.2 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after,
#navigation:after,
.top-bar:after,
#about:after,
#study:after,
#offer:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}


/* 1.3 Default Styles
------------------------------------------------------------------------------*/

body {
	font: 88%/1.25 Arial, Helvetica, sans-serif;
	color: #384044;
	background: #84becc;
}

hr {
	display: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

th, td {
	vertical-align: top;
}

th {
	font-weight: normal;
	text-align: left;
}

address, cite, dfn {
	font-style: normal;
}

abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	 overflow: auto;
}

a, a:visited {
	text-decoration: none;
	color: #56a3a1;
	
}

a:hover, a:active, a:focus {
	text-decoration: underline;
	color: #56a3a1;
}


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.container {
	position: relative;
	width: 958px;
	margin: 0 auto;
}


/* 2.2 Header
------------------------------------------------------------------------------*/

#header {
	position: relative;
	margin: 55px 0 0 0;
	height: 438px;
}

#header .site-name {
	position: absolute;
	top: 135px;
	left: 45px;
	color: #fff;
	text-decoration: none;
}

#header .site-name strong {
	padding: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: rgba(69, 159, 159, 0.68);
	background: #56a3a1;
	filter: alpha(opacity=68);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=68)";
	text-transform: uppercase;
	font: 37px 'QuicksandBook', sans-serif;
	behavior: url(_ui/js/PIE.htc);
	position: relative;
}

#header .site-name span,
#header .site-name strong {
	display: block;
}

#header a.site-name span {
	margin: 0 0 3px 0;
	cursor: pointer;
	font: 22px 'QuicksandBook', sans-serif;
}

h2 {
	position: absolute;
	font: 98px 'QuicksandBook', sans-serif;
	color: #fff;
}

#header h2 {
	left: 35px;
	bottom: 20px;
}

/* 2.3 Navigation
------------------------------------------------------------------------------*/

.top-bar {
	width: 100%;
	height: 55px;
	position: fixed;
	line-height: 55px;
	background: rgba(255, 255, 255, 0.9);
	filter: alpha(opacity=95);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	top: 0;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
	z-index: 3333;
	behavior: url(_ui/js/PIE.htc);
}

.top-bar-back {
	width: 100%;
	height: 55px;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 3000;
}

#navigation {
	float: left;
}

.top-bar .vcard {
	float: right;
	padding: 0 20px 0 32px;
	color: #3d8394;
	font: 25px/55px 'QuicksandBook', sans-serif;
	background: url(../images/common/ico_phone.png) no-repeat left 15px;
}

#navigation li {
	float: left;
}

#navigation li:first-child {
	margin: 0;
}

#navigation a {
	display: block; 
	padding: 0 18px 0 20px;
	font: 18px/55px 'QuicksandBook', sans-serif; 
	text-decoration: none;
	cursor: pointer;
	behavior: url(_ui/js/PIE.htc);
}

#navigation a:hover,
#navigation .current > a {
	position: relative;
	color: #fff;
	background: #6ac9c6;
	background: -moz-linear-gradient(top,  #6ac9c6 0%, #56a3a1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ac9c6), color-stop(100%,#56a3a1));
	background: -webkit-linear-gradient(top,  #6ac9c6 0%,#56a3a1 100%);
	background: -o-linear-gradient(top,  #6ac9c6 0%,#56a3a1 100%);
	background: linear-gradient(top,  #6ac9c6 0%,#56a3a1 100%);
	-pie-background: linear-gradient(top,  #6ac9c6 0%,#56a3a1 100%);
}

#navigation a .arrow {
	display: none;
}

#navigation a:hover .arrow,
#navigation .current a .arrow {
	display: block;
	height: 11px;
	width: 25px;
	position: absolute;
	bottom: -10px;
	left: 38%;
	background: url(../images/common/ico_arrow.png) no-repeat center top;
}

/* 2.4 Content
------------------------------------------------------------------------------*/

#content {
	width: 958px;
	background: #fff;
}

#content p {
	line-height: 18px;
}

#content section {
	position: relative;
}

/* 2.5 Sidebar
------------------------------------------------------------------------------*/

#sidebar {
	float: right;
	position: relative;
	width: 297px;
	color: #fff;
	margin: -75px 5px 0 0;
}

#sidebar img {
	z-index: 10;
	position: relative;
}

#sidebar p {
	position: relative;
	padding: 30px 20px 13px 20px;
	margin: -13px 0 0 0;
	font-size: 17px;
	background: #a29b97;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 100;
	line-height: 24px;
	behavior: url(_ui/js/PIE.htc);
}

#sidebar .quote {
	display: block;
	position: absolute;
	top: 315px;
	left: 20px;
	height: 39px;
	width: 48px;
	z-index: 1000;
	background: url(../images/common/ico_quote.png) no-repeat;
}


/* 2.6 Footer
------------------------------------------------------------------------------*/

#footer {
	clear: both;
	padding: 37px 0 0 0;
	font-size: 12px;
	text-align: center;
	color: #0e5667;
	background: url(../images/common/bg_bottom.png) no-repeat center top;
}

#footer p {
	margin: 0 0 15px 0;
}

/* 2.7 Font-face
------------------------------------------------------------------------------*/

@font-face {
    font-family: 'QuicksandLight';
    src: url('../fonts/Quicksand_Light-webfont.eot');
    src: url('../fonts/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Light-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Light-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QuicksandLightOblique';
    src: url('../fonts/Quicksand_Light_Oblique-webfont.eot');
    src: url('../fonts/Quicksand_Light_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Light_Oblique-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Light_Oblique-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Light_Oblique-webfont.svg#QuicksandLightOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QuicksandBook';
    src: url('../fonts/Quicksand_Book-webfont.eot');
    src: url('../fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Book-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Book-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QuicksandBookOblique';
    src: url('../fonts/Quicksand_Book_Oblique-webfont.eot');
    src: url('../fonts/Quicksand_Book_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Book_Oblique-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Book_Oblique-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Book_Oblique-webfont.svg#QuicksandBookOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QuicksandBold';
    src: url('../fonts/Quicksand_Bold-webfont.eot');
    src: url('../fonts/Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Bold-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Bold-webfont.svg#QuicksandBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QuicksandBoldOblique';
    src: url('../fonts/Quicksand_Bold_Oblique-webfont.eot');
    src: url('../fonts/Quicksand_Bold_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Bold_Oblique-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Bold_Oblique-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Bold_Oblique-webfont.svg#QuicksandBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QuicksandDash';
    src: url('../fonts/Quicksand_Dash-webfont.eot');
    src: url('../fonts/Quicksand_Dash-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Dash-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Dash-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Dash-webfont.svg#QuicksandDash') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 2.8 jQuery Lightbox
------------------------------------------------------------------------------*/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}

#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}

#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}

#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}

#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			

#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}



/* 3. PAGES
--------------------------------------------------------------------------------*/


/* 3.1 Index
------------------------------------------------------------------------------*/

a.button {
	display: block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #56a3a1;
	text-decoration: none;
	font: 18px/66px 'QuicksandBook', sans-serif;
	color: #fff;
	behavior: url(_ui/js/PIE.htc);
}

a.button.certificates {
	padding: 0 0 0 65px;
	width: 193px;
	background: #56a3a1 url(../images/common/ico_certificates.png) no-repeat 15px center;
}

/* About section */

#content #about {
	padding: 35px 45px;
}

#about strong {
	display: block;
	margin: 0 0 20px 0;
	font-size: 16px;
	font-weight: normal;
	color: #298b88;
	line-height: 23px;
}

#about article {
	float: left;
	width: 495px;
}

#about article p {
	margin: 0 0 20px 0;
}

/* Study */

#study {
	padding: 0 0 70px 0;
}

#study .slideshow {
	float: left;
	width: 300px;
	margin: 35px 0 0 45px;
}

#study .slideshow img {
	margin: 0 0 25px 0;
}

#study .devices {
	float: right;
	width: 540px;
	margin: 30px 40px 0 0;
}

#study .devices h3 {
	margin: 7px 0 0 0;
	color: #56a3a1;
	font-size: 24px;
}

#study h2 {
	top: 300px;
	left: 40px;
}

/* Offer */

#offer .discount {
	position: absolute;
	top: 0;
	padding: 23px 45px;
	height: 45px;
	color: #fff;
	font-size: 12px;
	background: rgba(86, 162, 161, 0.8);
	background: #56a3a1;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#offer .discount h4 {
	float: left;
	margin: 5px 45px 0 0;
	font: 43px 'QuicksandBook', sans-serif;
}

#offer h2 {
	top: 315px;
	left: 40px;
}

#offer .tabs {
	float: left; 
	width: 345px;
	margin: 20px 10px 65px 0;
	height: 650px;
	background: url(../images/common/bg_tabs.png) no-repeat 335px top;
}

#offer .tabs li {
	margin: 0 9px 0 0;
	font: 20px Arial, Helvetica, sans-serif;
}

#offer .tabs li a {
	display: block;
	line-height: 25px;
	padding: 10px 0 13px 43px;
	position: relative;
	behavior: url(_ui/js/PIE.htc);
}

#offer .tabs li a.current,
#offer .tabs li a:hover {
	color: #fff;
	text-decoration: none;
	background: #6ac9c6;
	cursor: pointer;
	background: -moz-linear-gradient(top,  #6ac9c6 0%, #5ba6a4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ac9c6), color-stop(100%,#5ba6a4));
	background: -webkit-linear-gradient(top,  #6ac9c6 0%,#5ba6a4 100%);
	background: -o-linear-gradient(top,  #6ac9c6 0%,#5ba6a4 100%);
	background: linear-gradient(top,  #6ac9c6 0%,#5ba6a4 100%);
	-pie-background: linear-gradient(top,  #6ac9c6 0%,#5ba6a4 100%);
}

#offer .panes {
	float: right;
	margin: 30px 35px 0 0;
	padding: 0 22px;
	width: 523px;
}

#offer .panes h3 {
	margin: 0 0 25px 0;
	color: #56a3a1;
	font-size: 36px;
}

#offer .panes img {
	float: right;
	margin: -5px 10px 5px 20px;
}

#offer .panes ul {
	margin: 9px 9px 0 15px;
	list-style: url(../images/common/li_offer.png);
}

#offer .panes li {
	margin: 0 0 5px 0;
}

/* Contact */

#contact {
	position: relative;
	height: 518px;
}

#contact #map_container {
	height: 100%;
	width: 100%;
}

#contact .box {
	position: absolute;
	top: 60px;
	right: 50px;
	padding: 35px 20px 20px 20px;
	width: 258px;
	z-index: 100;
	font-size: 15px;
	background: rgba(86, 162, 161, 0.8);
	background: #56a3a1;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	behavior: url(_ui/js/PIE.htc);
}

#contact .box h3 {
	margin: 0 0 20px 0;
	font: 35px 'QuicksandBook', sans-serif;
}

#contact .box .org {
	margin: 15px 0 0 0;
}

#contact .box .desc {
	margin: 15px 0 0 0;
}


/* 4. PRINT
--------------------------------------------------------------------------------*/


@media print {

	body { 
		font: normal normal 12pt/1.5em "Times New Roman", Times, serif; 
	}

	a[href]:after { 
		content: " (" attr(href) ") "; 
		font-size: 90%; 
	}

	a[href^="/"]:after { 
		content: " (http://domain.com" attr(href) ") "; 
	}

	ol#accessibility-nav, 
	.hide { 
		display: none !important; 
	}
}