/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Engisun
Author : Vitor Costa
URL : http://purpleprofile.pt/

Created : 22 November 2011
Modified : Not yet ;)

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* -----------------------------------------------------------------------------------

	css

----------------------------------------------------------------------------------- */

*{
	margin: 0;
	padding: 0;
}	
html{
	background: #f6f6f5;
	font-size: 62.5%;
}	
body{
	background: #f6f6f5;
	border-top: 5px solid #5f5f5f;
	color: #5f5f5f;
	font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.2rem;
	text-align: center;
}

/* links  */

a{
	/*color: #ec2c36;*/
	color: #333;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

/* headings */

h1 {font-size:24px;font-size: 2.4rem;}  /* =24px */
h2 {font-size:16px;font-size: 1.6rem;font-weight: 500;}  /* =18px */
h3 {font-size:15px;font-size: 1.5rem;}  /* =15px */
h4 {font-size:12px;font-size: 1.2rem;}  /* =12px */

/* -----------------------------------------------------------------------------------

	page

----------------------------------------------------------------------------------- */

#wrap{
	text-align: left;
}
#header{
	background: #fff;
	height: 112px;
    position: relative;
	z-index: 10;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 25px;
}
#navigation{
    display:block;
    text-align:left;
    list-style-type:none;
    position:absolute;
    top: 35px;
	right: 10px;
	padding:0 0 0 0;
	z-index: 100;
}
#content{}
#primary-content{
	width: 629px;
	padding: 0 20px;
	float: left;
	text-align: justify;
}
#secondary-content{
	width: 240px;
	padding: 0 15px 15px 25px;
	float: right;
	border-left: 1px solid #d8d8d7;
}
#bottom{
	position: relative;
	margin: 40px 0;
	padding-bottom: 40px;
}
#footer{
    text-align:left;
    margin:0 auto;
    display:block;
    overflow:hidden;
	clear: both;
	width: 920px;
	position:relative;
	height:100px;
	border-top:1px solid #d8d8d7;
}

/* --- */

.center{
	margin: 0 auto;
	position: relative;
	width: 960px;
}

/* -----------------------------------------------------------------------------------

	header

----------------------------------------------------------------------------------- */

#logo{margin: 0;}
#logo a{
	margin: 0;
	background: url("../images/logo.png") no-repeat center center;
	display: block;
	text-indent: -10000px;
	width: 118px;
	height: 79px;
	margin-left: 10px;
	padding: 15px 0;
}

/* search */

#search{
	background: url("../images/search-bg.png") no-repeat;
	width: 289px;
	height: 28px;
	position: absolute;
	right: 55px;
	top: -4px;
	color: #fff;
	font-size: 11px;
	font-size: 1.1rem;
	padding: 0 0 0 30px;
	z-index: 10;
}
#search input.text{
	border: none;
	width: 130px;
	color: #fff;
	background: none;
	margin-left: 15px;
}
#search input.text:focus{
	outline: none;
}
#search input.bt{
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 11px;
}

/* components */

#components{
	position: absolute;
	right: 0;
	top: 0;
	width: 630px;
	border-bottom: 4px solid #e7e7e7;
	z-index: 1;
}

/* --- */

#components .call-center{
	font-size: 13px;
	font-size: 1.3rem;
	color: #6f6f6f;
	font-weight: bold;
	background: url("../images/phone.png") no-repeat 20px center ;
	float: left;
	width: 240px;
	padding: 11px 0 11px 45px;
}

/* --- */

#components .flags{
	float: right;
	width: 100px;
	text-align: right;
	padding: 15px 25px 10px 0;
}

/* -----------------------------------------------------------------------------------

	navigation

----------------------------------------------------------------------------------- */

/* first level */
#navigation ul.menu > li { list-style: none; border: none; float: left; margin: 0; padding: 14px 0 0 14px; line-height: 16px;position: relative; }
#navigation ul.menu > li.current > a,
#navigation ul.menu li:hover > a { list-style: none; display: block;overflow: hidden; }
#navigation ul.menu > li.current > a > strong,
#navigation ul.menu li:hover > a strong { list-style: none; border: none; display: block; color: #a1a1a1; border: 1px solid #e7e7e7; }
#navigation a { text-decoration: none !important; display: block; z-index: 500;position:relative; }
#navigation > ul.menu > li > a > strong { display: block; font-size: 14px; color: #6f6f6f; padding: 10px 10px 8px; text-align: left; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none !important; text-transform: capitalize; font-weight: normal; border: 1px solid #fff; background: #fff; }
#navigation .parent > a > strong { border-bottom: none !important; padding-bottom: 10px !important; }

/* second level */
#navigation ul.menu ul { display: none; top: 38px; position: absolute; padding: 14px 0; background: #fff; border: 1px solid #e7e7e7; }
#navigation ul.menu ul li { display: block; float: none !important; background: none; position: relative !important; line-height: 20px;margin: 0 !important;list-style: none; }
#navigation ul.menu ul li a strong { display: block; background: none; padding: 0 0 0 15px; line-height: 20px; height: 20px; text-align: left; font-size: 12px; width: 156px; color: #737373; float: none !important; font-weight: normal !important;border: none !important; }
#navigation ul.menu ul li a:hover strong { display: block; background: none; line-height: 20px; height: 20px; text-align: left; font-size: 12px; width: 156px; color: #a1a1a1; float: none !important; border: none !important;cursor: pointer; }
#navigation ul.menu ul ul { left: 171px; position: absolute; padding: 14px 0; background: #fff; border: 1px solid #e7e7e7; top: -12px; }
#navigation ul.menu ul li { display: block; float: none !important; background: none; position: relative !important; line-height: 20px; }
#navigation ul.menu ul li a { display: block; line-height: 20px; height: 20px; }
#navigation ul.menu ul li a strong { display: block; background: none; padding: 0 0 0 15px; line-height: 20px; height: 20px; text-align: left; font-size: 12px; width: 156px; color: #737373; float: none !important; font-weight: normal !important;position: relative; }
#navigation ul.menu ul li a:hover,
#navigation ul.menu ul li.current,
#navigation ul.menu ul li:hover { display: block; background: none; line-height: 20px; height: 20px; text-align: left; font-size: 12px; width: 156px; color: #737373; float: none !important; border: none; }
#navigation ul.menu ul li a:hover strong { display: block; background: none; line-height: 20px; height: 20px; text-align: left; font-size: 12px; width: 156px; color: #a1a1a1; float: none !important; border: none !important; }
#navigation ul.menu ul li.active >  a > strong { display: block; background: none; padding: 0 0 0 15px; line-height: 20px; height: 20px; text-align: left; font-size: 12px; width: 156px; color: #737373; float: none !important; font-weight: normal !important; }

/* -----------------------------------------------------------------------------------

	content

----------------------------------------------------------------------------------- */

#banner{
	background: url("../images/shadow.png") no-repeat bottom center;
	width: 960px;
	height: 340px;
}
#slider a{
    display:block;
}

.nivoSlider {
    position:relative;
    width:960px; /* Change this to your images width */
    height:299px; /* Change this to your images height */
    background:url(../images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

/* -----------------------------------------------------------------------------------

	primary-content

----------------------------------------------------------------------------------- */

#primary-content h2{margin-bottom: 10px;font-weight: bold;}
#primary-content h3 {
	font-weight: 500;
	padding-bottom: 4px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d8d8d7;
}
#primary-content .img{
	padding: 5px 5px 0 5px;
	background: #fff;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	
	-moz-box-shadow: 0px 0px 6px #a6a6a6;
	-webkit-box-shadow: 0px 0px 6px #a6a6a6;
	box-shadow: 0px 0px 6px #a6a6a6;
	
	width: 105px;
	text-align: center;
	
    /*IE*/
    position: relative;
    behavior: url(/PIE.htc);
}
#primary-content .col{float: left;width: 48%;}
#primary-content .last{float: left;width: 47%;margin-left: 30px;}
#primary-content .single{
	padding: 5px;
	background: #fff;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	
	-moz-box-shadow: 0px 0px 6px #a6a6a6;
	-webkit-box-shadow: 0px 0px 6px #a6a6a6;
	box-shadow: 0px 0px 6px #a6a6a6;
	
	width: 294px;
	height: 123px;	
	
    /*IE*/
    position: relative;
    behavior: url(/PIE.htc);
}

/* products */

.product{
	background: #fff;
	text-align: center;
	float: left;
	margin: 10px 20px 10px 0;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	
	-moz-box-shadow: 0px 0px 6px #a6a6a6;
	-webkit-box-shadow: 0px 0px 6px #a6a6a6;
	box-shadow: 0px 0px 6px #a6a6a6;
	
	width: 194px;
	height: 180px;
	
    /*IE*/
    position: relative;
    behavior: url(/PIE.htc);
}
.product-last{
	margin-right: 0;
}
.product h3{
	font-size: 11px;
	text-transform: uppercase;
	padding: 10px 0 5px 0;
	margin-bottom: 10px;
	line-height: 14px;
	background: #eee;
}
.highlight {
	position: absolute;
	width: 57px;
	height: 57px;
	background: url(../images/destaque.png) no-repeat;
	top: 29px;
	right: 0;
}

#product-container{
    float: left;
    width: 220px;
    margin-right: 20px;

}

.product-image {
	background: #fff;
	text-align: center;
	float: left;
	margin: 10px 20px 10px 0;
	padding: 10px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	
	-moz-box-shadow: 0px 0px 6px #a6a6a6;
	-webkit-box-shadow: 0px 0px 6px #a6a6a6;
	box-shadow: 0px 0px 6px #a6a6a6;
	
	width: 194px;
	
    /*IE*/
    position: relative;
    behavior: url(/PIE.htc);
}
.product-image .highlight {
	position: absolute;
	width: 57px;
	height: 57px;
	background: url(../images/destaque.png) no-repeat;
	top: 10px;
	right: 10px;
}
.product-image div {
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
}

.product-image img {
    border: none;
    padding: 0;
    background: #fff;
    margin: 0;
    
}
#product-info{
    float: left;
    width: 365px;
 	margin-top: 20px;   
}

.product-info-item {
    clear:both;
    margin: 0 0 10px 0;
}

.product-info-item label{
    display:block;
    float:left;
    margin: 0 10px 0 0;
    text-align:right;
    width:100px;
    font-weight: bold;
}

.product-description  {
    float:left;
    margin-top:-10px;
    padding:0;
    width:250px;
}

.product-info-item select {
    width:240px;
}
ul#extra-images{
    margin-bottom: 20px;
}

ul#extra-images li{
    float: left;
    overflow: hidden;
    height: 50px;
    width: 50px;
    margin: 0 10px 10px 0;
    border: 5px solid #d6e3e8;
    padding: 5px;
}

ul#extra-images li img{
    width: 50px;
    height: 50px;
}

#cartForm ul, #cartForm ul li{
	margin: 0;
	padding: 0;
}

.pagination_links a {
    padding: 3px 6px;
    border: 1px solid #d8d8d7;
    text-decoration: none;
    font-size: 11px;
}

.pagination_links span {
    padding: 3px 6px;
    border: 1px solid #d8d8d7;
    background: #ddd;
    text-decoration: none;
    font-size: 11px;
}

.pagination_links a:hover {
    border: 1px solid #d8d8d7;
    background: #fff;
}

/* forms */

fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

input.text, #comentario{
	background: #fff;
	font-family: Arial;
	border: 4px solid #e3e3e2;
	padding: 5px;
	color: #999;
	font-size: 12px;
}

/* partners */

#intro-partners{
	margin-bottom: 20px;
}

#intro-partners img{
	background: #fff;
	text-align: center;
	float: left;
	padding: 3px;
	margin: 10px 20px 30px 0;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	
	-moz-box-shadow: 0px 0px 6px #a6a6a6;
	-webkit-box-shadow: 0px 0px 6px #a6a6a6;
	box-shadow: 0px 0px 6px #a6a6a6;
	
    /*IE*/
    position: relative;
    behavior: url(/PIE.htc);
}

ul#attachs{
	margin: 20px 0 !important;
	clear: both;
}

ul#attachs li{
	display: block;
	margin-bottom: 10px;
	background: #faecc1;
	border: 1px solid #edb613;
	padding: 0 10px 0 0;
	margin: 10px 0 0 0;
}

ul#attachs li a{
	display: block;
	color: #c59710;
	background: url(../images/attach.gif) no-repeat center right;
	padding: 10px;
}

ul#extra-images{
	margin-bottom: 20px;
}

ul#extra-images li{
	float: left;
	overflow: hidden;
	height: 50px;
	width: 50px;
	margin: 0 10px 10px 0;
	border: 5px solid #fff;
	padding: 5px;
}

ul#extra-images li img{
	width: 50px;
	height: 50px;
}

#parceiros{
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #F3F8FA;
	border: 1px solid #D6E3E8;
	margin-bottom: 20px;
}

.partner {
	float:left;
	margin:0 0 0 15px;
	display: inline;
	overflow:hidden;
	padding:0 0 20px;
	width:290px;
	line-height: 21px;
}

.partner label {
	clear:both;
	display:block;
	float:left;
	margin:0 10px 0 0;
	text-align:right;
	width:75px;
	font-weight: bold;
}

.partner span {
	display:block;
	float:left;
	width:200px;
}

.partner div {
	float:left;
	width:200px;
}

.partner h4 {
	margin:10px 0;
}

/* portfolio */

.portfolio{
	background: #fff;
	text-align: left;
	float: left;
	margin: 10px 20px 10px 0;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	
	-moz-box-shadow: 0px 0px 6px #a6a6a6;
	-webkit-box-shadow: 0px 0px 6px #a6a6a6;
	box-shadow: 0px 0px 6px #a6a6a6;
	
	width: 99%;
	
    /*IE*/
    position: relative;
    behavior: url(/PIE.htc);
    margin-bottom: 10px;
}
.portfolio h3{
	font-size: 11px;
	text-transform: uppercase;
	padding: 10px 0 5px 10px;
	margin-bottom: 10px;
	background: #eee;
}
.portfolio img{
	margin-left: 10px;
	padding: 5px; 
	border: 1px solid #EAEDEE;
}
.portfolio ul{
	text-align: left;
	padding: 0 20px;
}

/* contactos */

#contactForm{margin: 40px 0 0 0;width: 280px;}
#contactForm .text, #comentario{
	width: 250px;
}

/* loginBox */

#loginBox{
	color: #999;
	padding-top: 0 !important;
	padding: 0 !important;
	text-align: center;
}
#loginBox a{
	color: #999;
	text-align: center;
}
#loginBox from, #loginBox fieldset{
	padding-top: 0 !important;
	padding: 0 !important;
	height: auto !important;
	margin: 0 auto;
}
#loginBox h4{
	color: #999;
	text-align: left;
	background: #ddd;
	padding: 5px 10px;
	margin: 0 0 30px 0 !important;
}
#loginBox p{
	text-align: center;
}

/* tables */

table {
	border-collapse: separate;
	border-spacing: 0;
}
tr{
    background:#fff;
}
tr.altrow{
    background:#F9F9F9;
}
th,td{
    text-align:left;
    border-style:solid;
    border-width:1px;
}
th{
    color:#7BA857;
    background:#EFFAE6;
    border-color:#DFF4D5 #D3EFC3 #A7DF8A;
    padding:.8em 1em;
}
td{
    border-color:#EFEFEF;
    padding:.7em 1em;
}
caption, th, td {
    font-weight:normal;
    text-align:left;
}

/* moradas */

#moradas ul, #moradas ul li{
	margin: 0;
	padding: 0;
}
	
/* -----------------------------------------------------------------------------------

	secondary-content

----------------------------------------------------------------------------------- */

/* logos */

.logos{
	background: #fff;
	border: 1px solid #e9e9e9;
	padding: 20px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0px 3px 6px #ddd;
	-webkit-box-shadow: 0px 3px 6px #ddd;
	box-shadow: 0px 3px 6px #ddd;
	
    /*IE*/
    position: relative;
    behavior: url(/PIE.htc);
}
.logos a{
	display: block;
	text-indent: -10000px;
	margin: 0 auto;
}
.logos a.engidouro{
	width: 154px;
	height: 67px;
	background: url("../images/logos/engidouro.png") no-repeat;
	margin-bottom: 15px;
}
.logos a.engidouro:hover{
	background: url("../images/logos/engidouro.png") no-repeat 0 -67px;
}
.logos a.urbled{
	width: 161px;
	height: 40px;
	background: url("../images/logos/urbled.png") no-repeat;
}
.logos a.urbled:hover{
	background: url("../images/logos/urbled.png") no-repeat 0 -40px;
}

/* -----------------------------------------------------------------------------------

	bottom

----------------------------------------------------------------------------------- */

#bottom h2{
	border-bottom: 1px solid #d8d8d7;
	padding-bottom: 10px;
}

/* carousel */

.carousel {
	width: 960px;
	margin: 0 auto 50px auto;
	padding: 20px 0;

	background: #e6e6e5 !important;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
    /*IE*/
    position: relative;
    behavior: url(/PIE.htc);
}
#carousel-inside{
	margin: 0 auto !important;
	width: 860px;
	padding: 5px 0 0 0;
}
#carousel-inside li{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 215px;
	text-align: center;
	float: left;
}
#carousel-inside li img{
	padding: 3px;
	border: 1px solid #ddd;
	width: 185px;
	height: 100px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0px 0px 6px #a6a6a6;
	-webkit-box-shadow: 0px 0px 6px #a6a6a6;
	box-shadow: 0px 0px 6px #a6a6a6;
}

/* carousel */

.bx-wrapper{width: 920px !important;margin: 0 auto;}
.bx-window{width: 860px !important;margin: 0 auto !important;}
.bx-prev, .bx-next{position: absolute;display: block;width: 53px; height: 164px;}
.bx-prev{left: -15px;top: -20px;background: url("../images/prev.png") no-repeat;text-indent: -10000px;}
.bx-next{right: -15px;top: -20px;background: url("../images/next.png") no-repeat;text-indent: -10000px;}

/* news */

.news span, .links span{
	color: #333;
	font-weight: bold;
}
.news strong{
	display: block;
}

/* links */

.links li{
	color: #333;
	list-style: circle;
}
.links li a{
	color: #5f5f5f;
}

/* logos */

.logos a.sunsystem{
	width: 124px;
	height: 38px;
	background: url("../images/logos/sunsystem.png") no-repeat;
	margin-bottom: 15px;
}
.logos a.lovato{
	width: 107px;
	height: 32px;
	background: url("../images/logos/lovato.png") no-repeat;
	margin-bottom: 15px;
}
.logos a.sigurd{
	width: 93px;
	height: 50px;
	background: url("../images/logos/sigurd.png") no-repeat;
}

/* newsletter */

#newsletter{
	border-top: 1px solid #d8d8d7;
	margin-top: 10px;
	padding-top: 10px;
}
#newsletter h4{
	margin-bottom: 10px;
	font-weight: 500;
}
#newsletter input.text{
	width: 180px;
	background: #fff;
	font-family: Arial;
	border: 4px solid #e3e3e2;
	float: left;
	padding: 5px;
	color: #999;
	font-size: 12px;
}
#newsletter input.bt{
	float: right;
}

/* -----------------------------------------------------------------------------------

	footer

----------------------------------------------------------------------------------- */

#footer a {text-decoration:none; color:#595959 !important; font-size:12px; text-transform:capitalize !important; text-decoration:underline }
#footer a:hover {text-decoration:underline !important}
#footer a  strong {font-weight:normal}

#footer .menu  {position:absolute; left:0; top:20px;margin: 0;padding: 0;width: 600px;}
#footer .menu li {float:left; padding:0 27px 0 0; list-style:none;margin: 0;}
#footer .menu ul {display:none}
#footer .menu li a{color:#737373; font-size:12px; text-decoration:none !important}
#footer .menu li a:hover {text-decoration:underline !important}

.copy {position:absolute; right:80px; top:20px; color:#595959; font-size:12px;margin: 0; }
#footer .copy a {text-decoration:none}
#footer .copy a:hover {text-decoration:underline}

.social_icon_footer {position:absolute; right:0; top:20px;}

/* -----------------------------------------------------------------------------------

	global

----------------------------------------------------------------------------------- */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }
p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
small{font-size: 11px;}
img { -ms-interpolation-mode: bicubic; }
a img{ border:none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
button {  width: auto; overflow: visible; }

/* colums */
.column .content { width: 90% !important; margin: 0 auto; padding: 0 !important; float: none !important;}
.column { float: left; }
.one { width: 100%; }
.two { width: 50%; }
.three { width: 33%; }
.four { width: 25%; }
.five { width: 20%; }
.two3rds { width: 66%; }
.three4ths { width: 75%; }
.four5ths { width: 80%; }

/* --- */
.show_all{
	display: block;
	color: #c59710;
	background: #FAECC1;
	border: 1px solid #EDB613;
	padding: 5px;
	text-align: center;
	clear: both;
}

.hide {display: none;}
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
.left{ float:left; }
.right{ float:right; }
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
}