/*
 *  Brainds CSS
 * 
 *  @author mh@ovos.at Maciej Hołyszko
 *  @author mg@ovos.at Marcin Gil
*/

body, html
{
	height: 100%;
}

body
{
	font: normal 13px Arial, sans-serif;
	color: #000;
	/*background: #fff url(images/bg.gif) repeat-x;*/
	padding: 0;
	margin: 0;
}

td
{
	font-size: 13px;
}
 
img
{
	border: 0;
}

p
{
	margin: 0 0 1em;
	line-height: 1.4em;
}

ul, ol
{
	margin: 1em 0;
	padding: 0 0 0 1.5em;
}

li
{
	margin: 0 0 0.5em;
}

/* common */
.clear
{
	clear: both;
}

.hidden
{
	display: none;
}


/* links */
a
{
	color: #000;
	text-decoration: underline;
}

a:hover
{
	color: #009ee0;
	text-decoration: underline;
}

img, object
{
	vertical-align: bottom; /* for html5 */
}


/* headers */
h1, h2, h3, h4, h5
{
	font-family: Arial, serif;
	font-weight: bold;
	margin: 0 0 1em;
	color: #000;
	line-height: 1.2;
}

h1
{
	font-size: 1em;
}

h2
{
	font-size: 1em;
}

h3
{
	font-size: 1em;
}

h4, h5
{
	font-size: 1em;
}

h1 a, h2 a, h3 a, h4 a, h5 a
{
	color: #000;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover
{
	color: #009ee0;
	text-decoration: none;
}

hr
{
	border: 1px solid #000;
	margin: 0.5em 0;
}


/* layout */
#page
{
	height: 100%;
}

body > #page
{
	height: auto;
	min-height: 100%;
}

#header, #main, #footer
{
	margin: 0 auto;
	width: 868px;
	padding: 0 10px;
}

#header
{
	position: relative;
	height: 130px;
}

#main
{
	padding-bottom: 58px;
}

#content-left
{
	float: left;
	width: 288px;
	margin-right: 15px;
	min-height: 100px;
}

#content
{
	float: left;
	width: 565px;
}

#footer
{
	font-size: 11px; 
	position: relative;
	margin-top: -45px;
	padding-top: 17px;
	height: 28px;
}


/* header */
#logo
{
	position: absolute;
	top: 37px;
}

#salon
{
	position: absolute;
	right: 0;
	top: 38px;
	display: block;
	white-space: nowrap;
	width: 72px;
	height: 72px;
	text-indent: 75px;
	overflow: hidden;
	background: url(images/salon.png) no-repeat 0 0;
	
	display: none; /* temporarily hidden */
}

#salon:hover
{
	background-position: 0 -72px;
}


/* main menu */
ul#main-nav
{
	position: absolute;
	top: 65px;
	right: 72px;
	
	padding: 0;
	margin: 0;
	list-style: none;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

ul#main-nav li
{
	padding: 0;
	margin: 0;
	float: left;
}

ul#main-nav a
{
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0 21px;
}

ul#main-nav li.active a
{
	color: #999;
	text-decoration: none;
}

ul#main-nav li a:hover
{
	color: #009ee0;
	text-decoration: none;
}

/* Side nav */

ul#sub-nav, ul#sub-nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#sub-nav
{
	clear: both;
	padding-bottom: 1.5em;
}

ul#sub-nav ul
{
	margin: 1.5em 0 0 0.8em;
}

ul#sub-nav li
{
	padding-bottom: 9px;
}

ul#sub-nav ul li
{
	padding-bottom: 0px;
}

ul#sub-nav li a
{
	font-weight: bold;
	text-decoration: none;	
}

ul#sub-nav ul li a
{
	font-weight: normal;
}

ul#sub-nav li a.active
{
	color: #999;
}

ul#sub-nav li a.active:hover
{
	color: #009ee0;
}

ul#sub-nav li.last
{
	padding-bottom: 0;
}

/* Social icons */

ul#social
{
	height: 25px;
	list-style: none;
	margin: 1em 0;
	padding: 0;
	clear: both;
}

ul#social li
{
	float: left;
	display: inline;
}

ul#social li a
{
	display: block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
}

ul#social li.print a
{
	background: url(images/icons-social.png) no-repeat 0 0px;
	margin-right: 12px;
}

ul#social li.print a:hover
{
	background-position: 0 -42px;
}

ul#social li.email a
{
	background: url(images/icons-social.png) no-repeat 0 -84px;
	margin-right: 15px;
}

ul#social li.email a:hover
{
	background-position: 0 -126px;
}

ul#social li.twitter a
{
	background: url(images/icons-social.png) no-repeat 0 -167px;
}

ul#social li.twitter a:hover
{
	background-position: 0 -209px;
}

ul#social li.facebook a
{
	background: url(images/icons-social.png) no-repeat 0 -251px;
}

ul#social li.facebook a:hover
{
	background-position: 0 -293px;
}

/* Footer */
/* footer nav */
ul#footer-nav
{
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#footer-nav li
{
	border-left: 1px solid #000;
	padding: 0 0 0 13px;
	margin: 0 0 0 13px;
	float: left;
}

ul#footer-nav li.first
{
	border-left: 0;
}

ul#footer-nav li.active a
{
	color: #999;
}

ul#footer-nav li a:hover
{
	color: #009ee0;
}

/* address box */
#address address
{
	font-style: normal;
}

#address address span
{
	padding: 0 1.9em 0 0;
}


/* files */
.list-files
{
	margin: 1.5em 0;
}

.list-files ul
{
	list-style: none;
	padding: 0 !important;
	margin: 0.25em 0 0 0;
}

.list-files ul li
{
	padding: 0 !important;
	background-image: none !important;
	margin: 0.25em 0;
}

.list-files-products
{
	float: left;
	width: 270px;
	padding-right: 17px;
}

/* links */
.list-links
{
	margin: 1.5em 0;
}

.list-links ul
{
	list-style: none;
	padding: 0 !important;
	margin: 0.25em 0 0 0;
}

.list-links ul li
{
	padding: 0 !important;
	background-image: none !important;
	margin: 0.25em 0;
}

.list-links-products
{
	float: left;
	width: 270px;
}


/* images */
.list-images
{
	list-style: none;
	padding: 0;
	margin: 1.5em 0;
}

.list-images li
{
	display: inline;
	padding: 0;
	margin: 0;
}

.list-images li a img
{
	border: 1px solid #ddd;
	margin-bottom: 5px;
}

.images-left
{
	float: left;
	margin: 0 1em 0 0;
}

.images-left ul.list-images
{
	margin: 0;
}

.images-left ul.list-images li
{
	display: block;
}


/* ---- Messages ---- */
.messages
{
	margin: 0 0 1em 0;
}

.messages-success
{
}

.messages-error
{
	font-weight: bold;
	font-size: 1.1em;
}

.messages-warning
{
}

.messages-info
{
}

/* ---- Forms ---- */
form
{
	margin: 0;
	position: relative;
}

.form-element
{
	margin: 0 0 11px;
}

label.form-label
{
	display: none;
}

br.form-label-sep
{
	display: none;
}

label.error
{
	display: block;
	margin: 0.2em 0 0;
	color: #D8000C;
}

input.text, textarea, input.submit, select
{
	font: normal 13px Arial, sans-serif;
	
	background-color: #fff;
	border: 1px solid #000;
	border-right: none;
	border-left: none;
	padding: 4px 1px;
	margin: 0;
	color: #000;
	width: 258px;
}

select
{
	width: 262px;
}

textarea
{
	height: 244px;
}

input.submit
{
	font-size: 11px;
	text-transform: lowercase;
	width: 80px;
	height: 22px;
	color: #fff;
	background: url(images/button.png) no-repeat;
	cursor: pointer;
	border: none;
	padding: 0;
}

input.submit:hover
{
	background-position: 0 -44px;	
}

input.text.error, textarea.error, select.error
{
	border-color: #D8000C;
}

.form-element
{
	position: relative;
}

.form-buttons
{
	margin-top: 20px;
	margin-bottom: 11px;
	text-align: right;
}

.required-legend
{
	font-size: 11px;
	margin: 0;
}

.column-left, .column-right
{
	width: 262px;
	float: left;
}

.column-right
{
	margin-left: 41px;
}

.button
{
	letter-spacing: 1px;
}

/* Dropdown */
.dropdowns
{
	margin-top: -8px;	
}

.dropdown
{
	width: 265px;
	margin: 0;
}

.dropdown dd, .dropdown dt, .dropdown ul, .dropdown li
{
	margin: 0px;
	padding: 0px;
}

.dropdown dt
{
	z-index: 10;
}

.dropdown dd
{
	z-index: 20;
}

.dropdown dt, .dropdown dd
{
	position: relative;
}

.dropdown dt a
{
	display: block;
	overflow: hidden;
	height: 25px;
	line-height: 25px;
	
	
	background: url(images/arrow.png) no-repeat right 9px;
    
    padding-right: 20px;
    border-bottom: 1px solid #e1e1e1;
	text-decoration: none;
}

.dropdown dt.active a
{
	color: #999;
	background-position: right -28px;
}

.dropdown dt.hover a
{
	color: #009ee0;
	background-position: right -65px;
}

.dropdown dt a.close
{
	position: absolute;
	right: 11px;
	top: 5px;
	
	width: 14px;
	height: 14px;
	background: url(images/x.png) no-repeat center 4px;
	padding: 0;
	border: 0;
}

.dropdown dt.active a.close
{
	background-position: center -33px;
}

.dropdown dt.hover a.close
{
	background-position: center -70px;
}

.dropdown dt a.close span
{
	display: none;
	padding: 0;
}

.dropdown dt a span
{
	cursor: pointer;
	display: block;
	padding: 0 5px 0 0;
}

.dropdown dd ul
{
	display: none;
    padding: 5px 0px;
    
    position: absolute;
    z-index: 1000;
    left: 0px;
    top: 2px;
    width: 265px;
    
    list-style: none;
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
}

.dropdown dd ul li a
{
	text-decoration: none;
	display: block;
	padding: 5px 5px;
	border-bottom: 1px solid #fff;
}

.dropdown dd ul li a:hover
{
	border-bottom: 1px solid #009ee0;
}

/* Infopudełka */

.infobox
{
	display: block;
	height: 34px;
	padding-left: 78px;
	position: relative;
	
	background: url(images/infobox.png) no-repeat 0 0;
	text-decoration: none;
}

.infobox:hover
{
	background-position: 0 -68px;
}

.infobox .title
{
	font-size: 1.0em;
	color: #fff;
	text-decoration: none;
	
	position: absolute;
	left: 10px;
	top: 3px;
}

.infobox p
{
	line-height: 1em;
}

/* Images gallery */

.gallery-images
{
	padding-bottom: 2.5em;
}

.gallery-images ul
{
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

.gallery-images ul li
{
	background-image: none !important;
	padding: 0 !important;
}

.gallery-images .controls
{
	height: 13px;
	margin-top: 18px;
	
	position: relative;
}

.gallery-images .controls .next,
.gallery-images .controls .prev
{
	cursor: pointer;
	
	width: 16px;
	height: 13px;
	
	background: url(images/arrows-gallery.png) no-repeat 0 0;
	
	position: absolute;
	top: 0;
}

.gallery-images .controls .prev
{
	left: 0;	
}

.gallery-images .controls .prev:hover
{
	background-position: 0 -52px;
}


.gallery-images .controls .next
{
	background-position: 0 -26px;
	
	right: 0;
}

.gallery-images .controls .next:hover
{
	background-position: 0 -78px;
}

.gallery-images .controls .counter
{
	font-size: 1.0em;
	text-align: right;
	
	width: 50px;
	
	position: absolute;
	top: -1px;
	right: 30px;
}

/* Projects gallery */
/* Some styles are common for Products gallery as well */
.gallery-projects, .gallery-products
{
	height: 410px;
	overflow: hidden;
	
	background: url(images/bg-gallery.png) repeat-x;
	
	position: relative;
	-moz-user-select: none;
	-webkit-user-select: none;	
}

.gallery-projects-single
{
	margin: 0 auto 38px auto;
	width: 868px;
}

.gallery-projects .images-container
{
	margin: 0 auto;
	width: 868px;
	
	position: relative;
}

.gallery-projects .images
{
	height: 289px;
	width: 50000px;
	
	position: absolute;
	top: 27px;
	left: 304px;
}

.gallery-projects .images a
{
	display: block;
	float: left;
	height: 289px;
	margin-right: 29px;
	
	position: relative;
}

.gallery-projects .images a img
{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}

.gallery-projects .counter, .gallery-products .counter
{
	font-size: 1.0em;
	text-align: right;
	
	width: 50px;
	
	position: absolute;
	bottom: 35px;
	right: 45px;
}

.gallery-projects .next,
.gallery-projects .prev,
.gallery-products .next,
.gallery-products .prev
{
	cursor: pointer;
	
	width: 16px;
	height: 13px;
	
	background: url(images/arrows-gallery.png) no-repeat 0 0;
	
	position: absolute;
	bottom: 36px;

	display: none;
}

.gallery-projects .prev,
.gallery-products .prev
{
	left: 20px;	
}

.gallery-projects .prev:hover,
.gallery-products .prev:hover
{
	background-position: 0 -52px;
}


.gallery-projects .next,
.gallery-products .next
{
	background-position: 0 -26px;
	
	right: 20px;
}

.gallery-projects .next:hover,
.gallery-products .next:hover
{
	background-position: 0 -78px;
}

/* Products gallery */
.gallery-products .projects-container
{
	margin: 0 auto;
	width: 868px;
	
	position: relative;
}

.gallery-products .projects
{
	height: 289px;
	width: 50000px;
	
	position: absolute;
	top: 27px;
	left: 304px;
}

.gallery-products .projects a
{
	display: block;
	float: left;
	width: 325px;
	height: 222px;
	margin-right: 29px;
	
	text-decoration: none;
	
	position: relative;
}

.gallery-products .project-tricard
{
	cursor: default;
}

.gallery-products .project:hover
{
	text-decoration: none;
}

.gallery-products .project-tricard:hover
{
	color: #000;
}

.gallery-products .project span
{
	display: block;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
		
	font-size: 12px;
	
	border-bottom: 1px solid #c6c5c6;
}

/* Contact */

/* Google Map */

.map-google-container
{
	width: 262px;
	float: right;
	margin-left: 41px;
	margin-bottom: 2em;
}

#map-google
{
	height: 212px;	
	background-color: #f2efe9;
	margin-bottom: 4px;
}

a.magnifier
{
	display: inline-block;
	font-size: 11px;
	background: url(images/magnifier.png) no-repeat left center;
	padding-left: 20px;
	text-decoration: none;
	line-height: 16px;
}

.terms-of-use-link
{
	display: none;
}

/* Bubble */
.bubble-top
{
	height: 9px;
	width: 90px;
	background: url(images/map-bubble.png) no-repeat -180px 1px;
	
	font-size: 0;
}

.bubble-content
{
	width: 70px;
	padding: 6px 10px;
	background: url(images/map-bubble.png) repeat-y -90px;
	
	color: #fff;
	font-weight: bold;
}

.bubble-content a
{
	color: #fff;
	font-size: 11px;
}

.bubble-bottom
{
	height: 3px;
	width: 90px;
	background: url(images/map-bubble.png) no-repeat 0 0;
	
	font-size: 0;
}

.bubble-close
{
	width: 10px;
	height: 10px;
	
	position: absolute;
	top: 13px;
	right: 6px;
	
	background: url(images/map-bubble-x.png) no-repeat center center;
	cursor: pointer;
}

/* Accordion */
.accordion
{
	margin: 0;
}

.accordion div.item
{
	border-bottom: 2px solid #000;
	margin-bottom: 0.8em;
}

.accordion div.header
{
	font-size: 1.7em;
	padding-bottom: 0.5em;
	padding-right: 2em;
	cursor: pointer;
	position: relative;
}

.accordion div.header span
{
	position: absolute;
	display: block;
	right: 0;
	top: 0;
}

.accordion div.content
{
	display: none;
}

.accordion a.more
{
	margin-top: -1em;
}

.module-multicontent-readmore .accordion div.item
{
	padding-bottom: 1.1em;
}

/* Products */
.product-categories-columns
{
	font-size: 1.0em;
	margin-top: 3em;
}

.product-categories-column
{
	float: left;
	margin-left: 28px;
	margin-bottom: 28px;
	width: 169px;
}

.product-categories-column-first
{
	margin-left: 0;
}

.product-categories-column h3
{
	padding: 7px 0;
	margin: 0;
	border-bottom: 2px solid #000;
}

.product-categories-column .product-category
{
	border-top: 1px solid #000;
}

.product-categories-column .product-category-first
{
	border-top: none;
}

.product-categories-column .product-category a
{
	text-decoration: none;
	padding: 7px 0;
	display: block;
}

dl.products
{
	margin: -1em 0 0 0;
}

dl.products dd
{
	margin: 0.4em 0 0 0.5em;
}

dl.products dt
{
	margin-top: 1em;
	
	font-weight: bold;
}

dl.products dt a, dl.products dd a
{
	text-decoration: none;
}

dl.products dt.active a, dl.products dd.active a
{
	color: #999;
}

/* Projects */
.body-wide #main
{
	width: 878px;
	padding-right: 0;
}

.body-wide #content
{
	width: 570px;
}

.projects .project
{
	display: block;
	float: left;
	width: 173px;
	height: 184px;
	
	margin-right: 25px;
	margin-bottom: 20px;
	
	text-decoration: none;
}

.block .projects .project
{
	float: none;
}

.projects .project-last-in-row
{
	margin-right: 0;
}

.projects .project-tricard
{
	cursor: default;
}

.projects .project:hover
{
	text-decoration: none;
}

.projects .project-tricard:hover
{
	color: #000;
}

.projects .project span
{
	display: block;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
		
	font-size: 12px;
	
	border-bottom: 1px solid #c6c5c6;
}

.project-details
{
	margin: 0;
}

.project-details dt
{
	margin-top: 1em;
}

.project-details dt.first
{
	margin-top: 0;
}

.project-details dd
{
	margin: 0;
	font-weight: bold;
}

.contact-persons
{
	margin-top: 2em;
}

.contact-persons a
{
	display: block;
	font-weight: bold;
}

/* Team */
.team-box
{
	float: left;
	width: 134px;
	height: 144px;
	overflow: hidden;
	margin: 0 0 9px 9px;
	cursor: pointer;
	position: relative;
}

.team-box-column-first
{
	margin-left: 0;
}

.team-box .hover
{
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.team-box .team-box-overlay
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #0087d4;
	opacity: 0.4;
}

.team-box .team-box-description
{
	position: absolute;
	left: 9px;
	bottom: 9px;
	right: 9px;
	overflow: hidden;
	color: #fff;
}

.team-name
{
	font-weight: bold;
}

.team-name br
{
	display: none;
}

.team-box .team-first-name, .team-box .team-last-name
{
	display: block;
}

.team-box .team-phone,
.team-box .team-email,
.team-box .team-content
{
	display: none;
}

.team-box-active img.team-color
{
	display: none;
}

.team-box img.team-grayscale
{
	display: none;
}

.team-box .hover img.team-grayscale
{
	display: block;
}

.team-box-active img.team-grayscale
{
	display: block;
}

#team-details
{
	margin: 5em 1.5em 2em 0;
}

#team-details .team-name,
#team-details .team-responsibility,
#team-details .team-phone,
#team-details .team-email
{
	display: block;
	line-height: 1.4em;
}

#team-details .team-box-description
{
	display: block;
	margin-bottom: 1em;
}

/* Pagination */
.pagination
{
	height: 13px;
	margin-top: 18px;
	
	position: relative;
}

.pagination .next,
.pagination .prev
{
	cursor: pointer;
	
	width: 16px;
	height: 13px;
	
	background: url(images/arrows-gallery.png) no-repeat 0 0;
	
	position: absolute;
	top: 0;
}

.pagination .prev
{
	left: 0;	
}

.pagination .prev:hover
{
	background-position: 0 -52px;
}


.pagination .next
{
	background-position: 0 -26px;
	
	right: 0;
}

.pagination .next span, .pagination .prev span
{
	display: none;
}

.pagination .next:hover
{
	background-position: 0 -78px;
}

.pagination .counter
{
	font-size: 1.0em;
	text-align: right;
	
	width: 50px;
	
	position: absolute;
	top: -1px;
	right: 30px;
}

/* Downloads */
.module-downloads h2.title
{
	margin-bottom: 0.6em;
}

.module-downloads hr
{
	margin-top: 0;
	margin-bottom: 1.3em;
}

.module-downloads .item
{
	padding-bottom: 1em;
}

.module-downloads .column
{
	float: left;
}

.module-downloads .column-teaser
{
	width: 120px;
	padding-right: 20px;
}

.module-downloads .column-description
{
	width: 180px;
	padding-right: 20px;
}

.module-downloads .column-files
{
	width: 203px;
	padding-right: 20px;
}

.module-downloads .column .list-files
{
	margin: 0;
}

.module-downloads .column .list-files ul
{
	margin: 0;
}

/* Press */
.module-press h1, .module-press h2
{
	margin-bottom: 0.1em;
}

.module-press .subtitle
{
	margin-bottom: 1em;
}

.module-press .more
{
	text-align: right;
	display: block;
}

/* Clients */
.clients-introduction
{
	margin-bottom: 2em;
}

.clients-column
{
	float: left;
	margin-left: 13px;
	width: 179px;
}

.clients-column-first
{
	margin-left: 0;
}

.clients-column .client
{
	border-bottom: 1px solid #d7d7d7;
	padding: 3px 1px 2px;
}

/* Awards */
.awards-introduction
{
	margin-bottom: 1em;
}

.awards-list .award
{
	padding: 6px 0;
	border-bottom: 2px solid #000;
}

.awards-list .award h2
{
	font-size: 1em;
	margin: 0;
}

.awards-list .award ul
{
	margin: 0 !important;
	padding: 0 !important;
	list-style: none; 
}

.awards-list .award li
{
	margin: 0;
	padding: 0 !important;
}

.awards-list .award li a
{
	text-decoration: none;
}

.awards-list li
{
	background-image: none !important;
}

.awards-list h2
{
	line-height: 1.4em;
}

/* Homepage */
.homepage-top
{
	margin: 0 auto 2em;
	width: 878px;
	height: 468px;
	padding-left: 10px;
	overflow: hidden;
}

#header-slideshow
{
}

.header-slideshow-slide
{
	width: 878px;
	height: 468px;	
}

/* Teasers */
.block-teasers .teaser
{
	margin-bottom: 1em;
	padding-right: 45px;
	position: relative;
}

.block-teasers .teaser h2
{
	margin-bottom: 0;
}

.block-teasers .teaser h2 span
{
	font-weight: normal;
}

.block-teasers .teaser .more
{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}

.block-teasers .teaser .more a
{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}

/* Readmore button for pagebreak feature */
.readmore div
{
	display: none;
}

.readmore a.more
{
	display: block;
	text-align: right;
}

/* Back button */
.back
{
	display: block;
	margin-top: 2em;
	margin-bottom: 1em;
}

/* Content bullet-lists */
#content ul
{
	list-style: none;
	padding-left: 6px;
}

#content li
{
	line-height: 1.4em;
	margin: 0 0 2px;
	padding: 0 0 0 11px;
	
	background: url(images/bullet-point.png) no-repeat 0 6px;
}

/* Sub, sub */
sup, sub
{
	font-size: 0.6em;
}