/*###################################

	Kriação.pt
		
		 
####################################*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #404041;
	background: #EEEEEF url('/images/bg.png') no-repeat;
}

#all {
	position: relative;
	margin: 0;
	width: 100%;
	background: url('/images/top.png') repeat-x;
}

.header, .footer, aside, .nav, article {
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

a {
   -webkit-transition: 	color 1s ease-in;
   -moz-transition:		color 1s ease-in;
   -o-transition:		color 1s ease-in;
   transition:			color 1s ease-in;  
}


/* HEADER
-----------------------------------------*/

.header {
	width: 660px;
	height: 91px;
	background: url('/images/header.png') no-repeat;
}

.header h1 {
	margin: 0;
}

.header a {
	width: 660px;
	height: 91px;
	display: block;
	text-indent: -100000px;
}

.button-pedido-proposta { 
	position:absolute; 
	top:12px; 
	left:770px;
}

/* .footer
-----------------------------------------*/

.footer {
	width: 943px;
	height: 36px;
	margin: 0 0 0 30px;
	font-size: 10px;
	color: #808081;
	clear: both;
}
.footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	padding: 5px 10px;
}
.footer li {
	list-style: none;
	display: inline;
}
.footer img {
	vertical-align: middle;
}
.footer .alignLeft {
	margin-top: 40px;
}
.footer .alignRight {
	float: right;
	margin-top: -5px;
}

.footer a:link,  .footer a:visited { color: #808081; text-decoration: none; }
.footer a:hover, .footer a:active  { color: #D83900; }

.footer hr {
	width: 943px;
	height: 1px;
	border: 0;
	background: #B8BABC;
	margin-bottom: 10px;
}

.footer ..footerSeparator {
	padding: 0 6px;
}

/* TWITTER & FACEBOOK */

.footer #twitter {
	width: 53px;
	height: 18px;
	background: url('/images/twitter.png') no-repeat;
	text-indent: -10000px;
	display: block;
	position: relative;
	float: left;
}

.footer #facebook {
	width: 47px;
	height: 18px;
	background: url('/images/facebook.png') no-repeat;
	text-indent: -10000px;
	display: block;
	position: relative;
	float: right;
}

.footer #twitter:link,  .footer #twitter:visited, .footer #facebook:link,  .footer #facebook:visited { background-position: top; }
.footer #twitter:hover, .footer #twitter:active,  .footer #facebook:hover, .footer #facebook:active  { background-position: bottom; }


/* BUTTONS
-----------------------------------------*/

/* ORÇAMENTOS GRÁTIS */

#orcamentos {
	width: 120px;
	height: 138px;
	background: url('/images/orcamentos_btn.png') no-repeat;
	display: block;
	position: absolute;
	top: 233px;
	left: 64px;
	text-indent: -10000px;
	z-index: 1;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
}

#orcamentos:link,  #orcamentos:visited { background-position: top; }
#orcamentos:hover, #orcamentos:active  { background-position: bottom; -webkit-animation: orcamentos 0.5s ease-in 0 1 normal; } 

/* -webkit-animation: name duration timing_function delay iteration_count direction; */

@-webkit-keyframes orcamentos { 
from {top: 233px; left: 64px;}
to 	 {top: 223px; left: 54px;}
}

/* VER MAIS */

#verMais {
	width: 84px;
	height: 22px;
	background: url('/images/mais_btn.png') no-repeat 0 0;
	display: block;
	padding-top: 10px;
	float: right;
}

#verMais:link,  #verMais:visited { color: #58595B !important; background-position: right top; text-decoration: none; }
#verMais:hover, #verMais:active  { color: #D83900 !important; background-position: right bottom; text-decoration: none !important; }

/* VER CATEGORIAS */

#verCategorias {
	/*180x25*/
	width: 138px;
	height: 19px;
	background: url('/images/ver_categorias_btn.png') no-repeat left top;
	display: block;
	position: relative;
	margin: 10px 0 0 31px;
	padding: 6px 0 0 43px;
	text-indent: 0;
}

#verCategorias:link,  #verCategorias:visited { color: #58595B; background-position: left top; text-decoration: none; }
#verCategorias:hover, #verCategorias:active  { color: #FFFFFF; background-position: left bottom !important; text-shadow: 0px 1px 0px #D83900; }

/* VER PROJECTO / DETALHES */

#verProjecto_detalhes {
	display: block;
	position: relative;
	float: left;
	margin: 10px 0 0 10px;
	font-size: 11px;
}

#verProjecto {
	/*107x25*/
	width: 107px;
	height: 18px;
	display: block;
	position: relative;
	background: url('/images/ver_projecto_btn.png') no-repeat 0 0;
	float: left;
	padding: 7px 0 0 0;
	text-indent: 11px;
}

#detalhes {
	/*80x25*/
	width: 80px;
	height: 18px;
	display: block;
	position: relative;
	background: url('/images/detalhes_btn.png') no-repeat 0 0;
	float: left;
	padding: 7px 0 0 0;
	text-indent: 11px;
}

#maisPortfolio {
	/*430x25*/
	width: 430px;
	height: 18px;
	display: block;
	position: relative;
	background: url('/images/mais_portfolio_btn.png') no-repeat 0 0;
	padding: 7px 0 0 0;
	text-indent: 11px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 30px;
}

#verProjecto:link,  #verProjecto:visited, #detalhes:link,  #detalhes:visited, #maisPortfolio:link,  #maisPortfolio:visited { 
	color: #6D6E70; background-position: left top; text-decoration: none;
}
#verProjecto:hover, #verProjecto:active,  #detalhes:hover, #detalhes:active,  #maisPortfolio:hover, #maisPortfolio:active  { 
	color: #FFFFFF; background-position: left bottom; text-shadow: 0px 1px 1px #D83900;
}

/* DIRECTIONS */

#directions {
	/*150x21*/
	width: 150px;
	height: 18px;
	display: block;
	position: relative;
	margin: 0 0 10px 0;
	padding: 3px 0 0 0;
	text-indent: 26px;
	background: url('/images/directions_icon.png') no-repeat 0 0;
}

#directions:link,  #directions:visited { color: #D83900; background-position: left top; text-decoration: none; }
#directions:hover, #directions:active  { color: #D83900; background-position: left bottom; text-shadow: 0px 1px 1px #F69A45; }

/* LOJA ONLINE & NOTICIA
-----------------------------------------*/

#lojaOnline {
	/*291x101*/
	width: 221px;
	height: 63px;
	background: url('/images/loja_online_bg.png') no-repeat;
	display: block;
	padding: 38px 0 0 70px;
}

#homeClients {
	/*291x101*/
	width: 221px;
	height: 110px;
	background: url('/images/home_clients.png') no-repeat;
	display: block;
	padding: 0px 0 0 70px;
	margin-top:0px;
}

#lojaOnline:link,  #lojaOnline:visited { background-position: 0 top; }
#lojaOnline:hover, #lojaOnline:active  { background-position: 0 bottom; }

#lojaOnline a:link,  #lojaOnline a:visited { color: #404041; text-decoration: none; }
#lojaOnline a:hover, #lojaOnline a:active  { color: #D83900; }

#noticia a:link,  #noticia a:visited { color: #404041; text-decoration: none; }
#noticia a:hover, #noticia a:active  { color: #D83900; }

#lojaOnline p {
	width: 205px;
	margin-top: 5px;
}
#noticia {
	padding: 0 0 0 10px;
}
#noticia p {
	margin: 5px 0 0 0;
}

#lojaOnline_noticia {
	padding: 0 0 0 7px;
	float: left;
	width: 291px;
	margin-top: 3px;
}
#lojaOnline_noticia hr {
	width: 261px;
	height: 1px;
	background: #FFF;
	border: 0;
	margin-left: 10px;
}


/* MENU
-----------------------------------------*/

.nav {
	width: 530px;
	height: 120px;
	margin: 0 0 0 479px;
}
.nav ul {
	
}
.nav ul, .nav li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.nav ul a {
	margin: 0 0 0 0;
	padding: 0;
	width: 150px;
	height: 40px;
	overflow: hidden;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
}
.nav li {
	float: left;
	position: relative;
	display: block;
}

.nav li a:link, .nav li a:visited {
	background-position: right top;
	-webkit-transition: margin-left 0.5s ease-in-out;
}

.nav #menu_homepage { width: 38px; margin-left: 30px; }

.nav #menu_homepage { z-index: 5; position: relative; margin-left: 0px; width: 38px; }
.nav #menu_showcase { z-index: 4; position: relative; margin-left: -30px; }
.nav #menu_servicos { z-index: 3; position: relative; margin-left: -40px; }
.nav #menu_sobrenos { z-index: 2; position: relative; margin-left: -30px; }
.nav #menu_contactos{ z-index: 1; position: relative; margin-left: -30px; }

.nav #menu_homepage:hover { margin-left: 0px; }
.nav #menu_showcase:hover { margin-left: -20px; }
.nav #menu_servicos:hover { margin-left: -30px; }
.nav #menu_sobrenos:hover { margin-left: -20px; }
.nav #menu_contactos:hover{ margin-left: -20px; }

.nav li a:hover, .nav li a:active, .nav li a.selected { background-position: right bottom !important; }

.nav #menu_homepage { background: url('/images/menu_homepage.png') no-repeat; }
.nav #menu_showcase { background: url('/images/menu_showcase.png') no-repeat; }
.nav #menu_servicos { background: url('/images/menu_servicos.png') no-repeat; }
.nav #menu_sobrenos { background: url('/images/menu_sobrenos.png') no-repeat; }
.nav #menu_contactos { background: url('/images/menu_contacte-nos.png') no-repeat; }


/* SUB-MENU */

.nav #subMenu {
	height: 25px;
	margin-left: -23px;
	padding: 40px 0 0 0;
}

.nav #subMenu ul {
	height: 25px;
	float: left;
	display: inline-block;
	background: url('/images/submenu_bg_middle.png') repeat-x;
}

.nav #subMenu li a {  height: 24px;  }

.nav #subMenu li a:link, .nav #subMenu li a:visited {
	background-position: top left;
}
.nav #subMenu li a:hover, .nav #subMenu li a:active, .nav #subMenu li a.selected {
	background-position: bottom left !important;
	
}

.nav #subMenu a#web 			{ width: 110px;  background: url('/images/submenu_li_web.png') no-repeat; }
.nav #subMenu a#emarketing  	{ width: 135px; background: url('/images/submenu_li_comercioeletronico.png') no-repeat; }
.nav #subMenu a#design 		{ width: 90px; background: url('/images/submenu_li_impressao.png') no-repeat; } 
.nav #subMenu a#multimedia 	{ width: 100px; background: url('/images/submenu_li_multimedia.png') no-repeat; }

.nav #subMenu a#consultoria 	{ width: 120px; background: url('/images/submenu_li_consultoria.png') no-repeat; }

.nav #subMenu a {
	width:  90px;
	height: 25px;
}

.nav #subMenu .start { width: 25px; height: 25px; float: left; background: url('/images/submenu_bg_start.png') no-repeat; }
.nav #subMenu .end 	{ width: 40px; height: 25px; float: left;  background: url('/images/submenu_bg_end.png') no-repeat; }


/* CONTENT
-----------------------------------------*/

img {
	text-decoration: none;
	border: none;
}

::-moz-selection { 	/* selected-text */
	background: #FFF;
	color: #D83900;
}
::selection { 		/* selected-text */
	background: #FFF;
	color: #D83900;
}

/* FORM
-----------------------------*/

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
textarea {
	height: 100px;
	overflow: auto;
}
input[type="text"], 
textarea, 
input[type="button"],
.submit {
	
	/*360x25*/
	width: 327px;
    max-width: 327px;
	height: 23px;
	margin-bottom: 5px;
	padding: 2px 0 0 33px;
	background: #FFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #58595B;
	
	border: 1px solid #BABCBE;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-in-out;
	
}

input#nome { 	 background: #FFF url('/images/form_nome_icon.png') no-repeat 5px 5px; }
input#email { 	 background: #FFF url('/images/form_email_icon.png') no-repeat 5px 5px; }
input#contacto { background: #FFF url('/images/form_contacto_icon.png') no-repeat 5px 5px; }
input#localidade { background: #FFF url('/images/form_localidade_icon.png') no-repeat 5px 5px; }

textarea {
	height: 85px;
	/*height: 35px;
	max-height: 35px;*/
	padding-top: 4px;
	background: #FFF url('/images/form_comentario_icon.png') no-repeat 5px 5px;
	
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: 	height 0.3s ease-in-out;
}
/*
textarea:focus {
	height: 85px;
	max-height: 85px;
}*/
input[type="button"] {
	width: 356px;
    max-width: 356px;
	margin-bottom: 5px;
	padding: 0;
	color: #FFF;
	background: #58595B;
	border: none; 
	text-transform: uppercase;
	padding: 0px 0 0 0;
	
	-webkit-transition: background 0.5s ease-in;
	-moz-transition:	background 0.5s ease-in;
	-o-transition:		background 0.5s ease-in;
	transition:			background 0.5s ease-in;
	
}
.submit {
	width: 356px;
    max-width: 356px;
	border: 1px solid #BABCBE;
	background: #FFF;
	padding: 2px;
}
input[type="button"]:hover {
	text-shadow: 0 1px 0 #D83900;
	background: #D83900;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#D83900));
	background: -moz-linear-gradient(top,  #f88e11,  #D83900);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#D83900');
}
.submit:hover, .submit:focus {
	background: #FFF;
	border: 1px solid #F69A45;
	color: #D83900;
}
input[type="text"]:focus, textarea:focus {
	border: 1px solid #F69A45;
	color: #D83900;
}
 .error {
	border: 1px solid red;
	color: #D83900;
}

/* CONTENT
-----------------------------*/
#content {
	width: 933px;
	position: relative;
	margin: 0 0 30px 30px;
	min-height: 192px;
	display: block;
	float: left;
}
.leftDiv {
	width: 755px;
	display: block;
	float: left;
	margin: 0;
}

.leftDiv h2 {
	font: bold 24px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: right;
	color: #404041;
	margin: 0;
}
.leftDiv h3 {
	color: #404041;
	font: normal 15px Arial, Helvetica, sans-serif;
}
.leftDiv h3.orange {
	color: #D83900;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-align: right;
}
.leftDiv h3.gray {
	color: #404041;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-align: right;
}

.leftDiv h2.h2_homepage {  background: url('/images/h2_homepage.png') no-repeat; }
.leftDiv h2.h2_servicos {  background: url('/images/h2_servicos.png') no-repeat; }
.leftDiv h2.h2_consultas { background: url('/images/h2_consultas.png') no-repeat; }
.leftDiv h2.h2_contactos { background: url('/images/h2_contactos.png') no-repeat; }

.leftDiv p {
	text-shadow: 0px 0px 4px #FFF;
	text-align: left;
	font: normal 12px Arial, Helvetica, sans-serif;
}



.leftDiv h4, #rightDiv h4 {
	font: normal 13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #58595B;
	text-align: right;
	margin: 130px 0 5px 0;
}

iframe {
	border: 0;
	margin: 0;
}

.leftDiv li {
	margin-left: -25px;
	list-style: circle !important;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.leftDiv hr {
	width: 455px;
	height: 3px;
	background: url('/images/content_hr.png');
	border: 0;
	margin: 15px 0 15px 0;
}

.leftDiv a:link,  .leftDiv a:visited { color: #D83900; text-decoration: none; }
.leftDiv a:hover, .leftDiv a:active  { color: #D83900; text-shadow: 0px 1px 1px #F69A45; }


/* leftDiv BOX
-----------------------------*/

.leftDiv.box {
	width: 560px;
	float: right;
	margin-right: 15px;
}
.leftDiv.box h3 {
	float: left;
	width: 150px;
	text-align: right;
}
.leftDiv.box h3:nth-child(1n+2) {
	margin-top: 30px;
}
.leftDiv.box p {
	padding: 0;
	margin: 0 0 10px 0;
	display: block;
	position: relative;
	width: 390px;
	float: right;
}
.leftDiv.box hr {
	width: 390px;
	height: 1px;
	background: #B8BABC;
	border: 0;
	margin-left: 20px;
	float: right;
}


/* Thumbnails
-----------------------------*/

.featureProj_title {
	width: 240px;
	height: 300px;
	text-align: right;
	display: block;
	float: left;
	padding: 0 20px 0 0;
}
.featureProj_thumbs {
	float: left;
}


.featureProj_description {
	/*430x65*/
	width: 410px;
	height: 55px;
	margin: 0 auto;
	margin-top: -80px;
	padding: 10px;
	padding-top: 5px;
	background: #FFF;
	display: block;
	position: relative;
	
	border: 1px solid #CDCFD0;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.leftDiv span { color: #6D6E70;}

.thumb {
	/*450x300*/
	width: 444px;
	height: 294px;
	padding: 3px;
	background: #FFF;
	display: block;
	float: left;
	
	border: 1px solid #CDCFD0;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.thumb a {
}

.thumbSmall {
	/*190x210*/
	width: 184px;
	height: 207px;
	padding: 3px;
	background: #FFF;
	display: block;
	float: left;
	
	border: 1px solid #CDCFD0;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	
	margin: 20px 0 0 20px;
}

.thumb, .thumbSmall, input {
   -webkit-transition: 	border 0.5s ease-in;
   -moz-transition:		border 0.5s ease-in;
   -o-transition:		border 0.5s ease-in;
   transition:			border 0.5s ease-in;  
}
.thumb:hover, .thumbSmall:hover { border: 1px solid #F69A45; }


.thumbSmall h3 a:link, .thumbSmall h3 a:visited {
	color: #58595B;
	padding: 0 10px;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}
.thumbSmall h3 {
	margin: 20px 0 0px 0;
}

.thumbSmall h2 {
	text-align: left;
}
.thumbSmall h2 a:link, .thumbSmall h2 a:visited {
	color: #6D6E70;
	padding: 0 10px;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}
.thumbSmall h2 a:hover, .thumbSmall h2 a:active {
	color: #D83900;
}

/* thumb holder @ showcase */
.thumb_s {
	width: 450px; 
	float: left;
}
.thumb_s:first-child {
	visibility: hidden;
}
/* thumbs impares */
.thumb_s:nth-child(2n+1) {
	padding: 26px 0 0 10px; 
}
/* thumbs pares */
.thumb_s:nth-child(2n+2) {
	padding: 26px 0 0 20px; 
}
/* thumbs 1 e 2 */
.thumb_s:nth-child(1), .thumb_s:nth-child(2) {
	padding-top: 0; 
}






















#Slider{
 
	height:100px;

	margin-left:30px;
	position:relative
}
.SliderImage{
	width:160px;
	height:100px;
	position:absolute; 
}