/* Author:				Dreamscape Interactive, www.dreamscape.se
*  Version:				2.0
*  Created:				2010-2017
*
* Perfica.se
* CONTENTS
* -----------------
* == INCLUDE
* ----> defaults
* ----> forms
* ----> navigation
* == LAYOUT
**-----------------------------------------------------------------------------------
/* == INCLUDE
-----------------------------------------------------------------------------------*/

@import url(reset.css);
@import url(text.css);
@import url(960.css);

@import url(defaults.css?r=1);
@import url(forms.css);
@import url(navigation.css);

@import url(modules/webshop.css);

@import url(../js/slimbox/css/slimbox.css);

/*-----------------------------------------------------------------------------------
* == LAYOUT
* --------------------------------------------------------------------------------- */


div#bg-main {position: absolute; z-index: 1; width: 110%; top: 0; left: -5%; overflow-x: hidden; min-width: 1000px; } 
div#bg-main img {width: 100%; display: block; margin: 0; padding: 0; outline: none;}
div#bg-main div {height: 16px; background: url("/wwwdocs/img/ribbon.png") repeat-x top left;}

div#wrapper {
	width: 80%; max-width: 980px;
	margin: 0 auto 100px auto; background: #fff;
	position: relative; z-index: 10;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 37px 60px -30px rgba(0,0,0,0.40);
	-moz-box-shadow: 0px 37px 60px -30px rgba(0,0,0,0.40);
	box-shadow: 0px 37px 60px -30px rgba(0,0,0,0.40);
}
div#container {padding: 15px;}

h1 { margin: 5% auto 5% auto; position: relative; z-index: 10; width: 25%; max-width: 120px; }
h1 img {display: block; margin: 0 auto; padding: 0; width: 100%; }

div#content {overflow: hidden; margin: 0 auto;}
div.column_main { }

div#footer {clear: both; margin:0 auto; padding: 0; border-top: 1px solid #ccc; }
div#footer p {padding: 20px 0 5px 0; margin: 0; text-align: center; font-weight: normal; color: #999; }

a#dreamscape_logo {display: block; float: right; width: 147px; height: 57px; margin: 15px 15px 0 0; }

p#madeby {text-align: center;}
p#madeby, p#madeby a {text-shadow: none; color: #aaa; font-weight: normal; font-size: 12px; letter-spacing: 1px;}

div#google_translate_element {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #c0c0c0; }
	#google_translate_element select {width: 100%; }

	
/*-----------------------------------------------------------------------------------
* == INDEX
* --------------------------------------------------------------------------------- */

.index_column, .fb_column {float: left; width: 49%;}
.fb_column {margin-left: 2%; padding-bottom: 20px;}

div#small_logos {height: 65px; overflow: hidden; text-align: center; border-top: 1px solid #efefef; padding-top: 10px;}
#small_logos a {}

div.index_boxes {border-top: 1px solid #ddd; padding-top: 20px;}
div.index_box  {float: left; width: 48%;}
.index_box img {width: 100%; overflow-y: hidden;}
.index_box h3 {font-size: 15px !important;}
.index_box div {position: relative; height: 100px; overflow-y: hidden; margin-bottom: 10px;}
.montmartre {margin-left: 4%;}
.montmartre div img {position: absolute; bottom: 0;}

.news_older {padding-top: 20px;}
.news_older h3 {font-size: 16px;}

/*-----------------------------------------------------------------------------------
* == LOGIN
* --------------------------------------------------------------------------------- */
form#login {background:#efefef; padding:5px 10px; margin-bottom:10px;}
	#login .input_text {width:170px;}
	#login fieldset, #login button {margin:10px 0 0 0;}

	#login ul {margin:5px 0 10px 0;}
		#login ul li {margin-bottom:5px;}

/*-----------------------------------------------------------------------------------
* == CONTENT IMAGES (FOR ARTICLES ETC)
* --------------------------------------------------------------------------------- */	
.index_column ul.images {float: none !important; width: 100% !important; margin: 0 0 20px 0 !important;}

ul.images {list-style-type:none; float:right; margin: 0 0 20px 30px;}
	.images li{ margin-bottom:15px; margin-left:0; }
	.images span {display:block; margin-top:5px; color:#666; text-align:center;}
	.images li img {display: block; margin: 0; width: 100%;}

.alignleft {float:left; margin:0 15px 15px 0; display:block;}
.alignright {float:right; margin:0 0 15px 15px; display:block;}
.aligntop {display:block; margin-bottom:15px;}

ul.news_more_pics {clear: both; float: right; list-style-type: none;}
.news_more_pics li {float: left; margin: 0 10px 7px 0;}
li.npi_row {clear: left; float: left;}
li.npi_last {margin-right: 0;}
/*-----------------------------------------------------------------------------------
* == PROMOTION && SLIDESHOW
* --------------------------------------------------------------------------------- */
div#slideshow_container {position:relative; margin: 0; width: 960px; height: 251px; border-bottom: 4px solid #bbb; }
#slideshow, #slideshow li {height:250px; border-bottom: 1px solid #888;}

div#slideshow_overlay {width: 960px; height: 251px; background: url(../img/slideshow_overlay.png) repeat-x top; position: absolute; z-index: 38; }

div#slideshow {position:relative; overflow:hidden; width: 960px; }
	div#slideshow li {position:absolute; margin:0;}


/*-----------------------------------------------------------------------------------
* == POST
* --------------------------------------------------------------------------------- */
div.post {overflow:hidden; padding-bottom:10px; margin-bottom:20px; overflow:hidden;}
.post img {}

.news div.post {border-bottom: 1px solid #ccc; }

/*-----------------------------------------------------------------------------------
* == VIDEOS
* --------------------------------------------------------------------------------- */

.videos_list div.post {width: 48%; float: left; margin: 0 1% 25px 1%; }
.last_video {margin-right: 0 !important;}

.videos_list span.date, .videos_view span.date {font-style: italic; background: #222; color: #f6c43d; padding: 3px; }

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	margin-bottom: 20px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*-----------------------------------------------------------------------------------
* == STAFF
* --------------------------------------------------------------------------------- */
div.staff {}
	.staff .post {float:left; margin: 0 20px 20px 0; width: 430px; padding: 0 0 0 10px; height: 150px; border: 0; border-left: 4px solid #bbb; }
	.staff .post h4 { margin-bottom:5px;}
	.staff .post img {display: block; float: right;}
	.staff .post div {float: left; width: 270px; margin: 0;}
	.staff .post div ul { margin-bottom: 5px; list-style:none;}
	.staff .post div ul li {padding: 0; margin: 0;}
	.staff .post div p {margin: 0; }
	.staff .odd {margin-right: 0;}

/*-----------------------------------------------------------------------------------
* == CONTACT
* --------------------------------------------------------------------------------- */

div.contact div.dbContent { width: 50%; float: left !important; padding-bottom: 10px; }
div#contact_data { margin-bottom: 15px;}
div#contact_data * {padding: 0; margin: 0;}
div#contact_data table {float: left; width: 250px; margin-right: 16px;}
div#contact_data td {border: 0; border-left: 4px solid #c0c0c0; padding: 0 0 2px 10px;}

/*-----------------------------------------------------------------------------------
* == COMMENTS
* --------------------------------------------------------------------------------- */

div#user_comment { border:1px solid #d3d1ce; padding:15px; background:#f9f7f3; overflow:hidden; margin-top: 30px; }
	#user_comment h4 {  margin-bottom: 5px; }
	#user_comment legend { padding-bottom: 0; }
	#user_comment button {display: block; width: 85px; float: left; margin: 31px 0 0 10px; }

/*-----------------------------------------------------------------------------------
* == LATEST
* --------------------------------------------------------------------------------- */	
div#news_latest { }
	#news_latest ul {list-style-type:none;}
	#news_latest ul li {margin-left:0;}

div.latest_news_post { }
.latest_news_post h3 {margin-bottom: 15px;}
.latest_news_post img {padding-bottom: 10px;}
.latest_news_post p {margin: 4px 0 15px 0; line-height: 17px; }
.latest_news_post p span {font-weight: bold;}
p.read_more_news {font-weight: bold;}
p.latest_news_data { padding-top: 4px; }
p.latest_news_data span {display: block; float: left; width: 40%; font-weight: bold;}
p.latest_news_data a {display: block; float: right; width: 40%; font-weight: bold; color: #96b85c; text-align: right; }

div#news_index_section {border-top: 1px solid #c0c0c0; padding-top: 20px; }
div#news_index_section .post h3 { }
div#news_index_section .post {border-bottom: 1px solid #c0c0c0; }

/*-----------------------------------------------------------------------------------
* == SUPPLIERS
* --------------------------------------------------------------------------------- */	

table.reference_list { table-layout:fixed; width: 100%; margin-bottom: 20px; border-collapse:collapse; border: none !important;}
.reference_list tr td {vertical-align:middle; padding: 20px 10px; border-top: 1px solid #ddd;}
.reference_list h3 {background: none; padding: 0; margin: 0 0 10px 0; text-indent: 0;}
.reference_list div {border-left: 1px solid #ddd; padding-left: 10px; padding-bottom: 1px;}
td.ref_image {width: 30%; text-align: center;}
td.ref_image img {display: block; margin: 0 auto; max-width: 90%;}


/* Small list of companies in the right column */

div#companies_box {}
#companies_box h3 { }

div.box_company { }
.box_company img {margin: 8px auto 12px auto; padding: 0; cursor:pointer;}

img.comp_gray {display: block;}
img.comp_color {display: none;}

div.company_more {background: #ffffff; padding: 20px; border: 4px solid #e8b519; position: absolute; width: 240px; display: none; margin-left: -310px; z-index: 20;}

img#yarrow {display: none; margin: 0; padding: 0; position: absolute;}

/*--------------------------------------------------------------------------------------------------------
/* ==  AddThis Toolbox
------------------------------------------------------------------------------------------------------- */

.addthis_toolbox {padding-top: 20px;}
.addthis_box {text-align: right; margin: 15px 0; }


/*--------------------------------------------------------------------------------------------------------
/* ==  NOTIFIER
------------------------------------------------------------------------------------------------------- */

div.notifier_container {width:420px; height:320px; padding:15px; position:fixed; left:50%; top:50%; margin-top:-175px; margin-left:-225px; display:none; background:#fff; border:5px solid #666; z-index:9999;}
	.notifier_container h2 {background:#efefef; color:#000;}
a.close_notifier {position:absolute; bottom:15px; left:15px; margin:0;}
a.notify {text-decoration:; font-family:Verdana, Arial, Helvetica, Georgia; padding:5px;}
#content a.notify {font-weight:bold; font-size:18px; }

/*-----------------------------------------------------------------------------------
* == PROMOTION && SLIDESHOW
* --------------------------------------------------------------------------------- */

/*-----------------------------------------------------------------------------------
* == ATTACHED FILES
* --------------------------------------------------------------------------------- */

div.file_list { clear: right; float: right; width: 250px; margin:0 0 20px 20px; }
.file_list h3 {background: #999; color: #fff; padding: 5px 0; text-align: center; }
.file_list ul {list-style-type:none; margin: 0; padding: 0;}
.file_list ul li {margin: 0; padding: 5px 0; border-bottom: 1px dotted #c0c0c0;}