/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles */

*{margin:0; padding:0; border:none;}

#wrapper{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	position:absolute;
	top:0;	
}

#topo{
	display:block;
	width:100%;
	min-height:600px;
	background:#f39c12 url(../imgs/book.png) top center no-repeat;
	position:relative;
}

#sobre{
	display:block;
	width:100%;
	background: #f39c12 url(../imgs/book940.png) top center no-repeat;
	position:relative;
}

#ola1, #ola2, #ola3{
	display:block;
	width:100%;
	height:400px;
	background:#000;
}

.conteudo_topo{
	display:block;
	width:100%;
	padding-top:120px;
	margin-bottom:30px;
}

#ola2{background:#ff00ff;}

#barra_superior{
	display:block;
	width:100%;
	height:50px;
}

#mais{
	display:block;
	float:right;
	width:22px;
	height:50px;
	background:url(../imgs/menos.svg) 0 0 no-repeat;
}

#slider{
	display:block;
	width:100%;
	height:500px;
	background:#fff url(../imgs/pattern.png) top center repeat;
	position:relative;
}

#slider_controls{
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-470px;
	display:block;
	width:940px;
	height:50px;
}

#slider-next, #slider-prev{
	display:block;
	width:50px;
	height:50px;
	line-height:50px;
	cursor:pointer;
	float:right;
}

#slide1{ background:url(../imgs/projectos_book.png) right bottom no-repeat}
	
.slid_descricao{ width:940px; height:400px; padding-top:100px; margin:0 auto; }
.slid_descricao h1{ font-size: 42px; text-transform:uppercase; color:#666; margin:0; line-height:1.2em; }
.slid_descricao h2{ font-size: 20px; text-transform:uppercase; color:#f39c12 }
.slid_descricao h3{ line-height:50px; }
.slid_descricao h3 img{ float:left; }

.deslizador{ position:absolute; bottom:0; left:0; z-index:9987; display:block; width:100%; height:120px; background-color:#f39c12}

/* #Page Styles */

.contentor{
	display:block;
	width:940px;
	margin:0 auto;
	padding:0;
}

.contentor h1{
	font-size:32px;
}

.col, .col12, .col_topo{ display:block; width:32%; margin-right:2%; float:left; background:#fff;}
.col2{ display:block; width:66%; float:left;}
.col3{ display:block; width:48%; float:left; margin-right:0;}
.col3:nth-child(even){margin-right:4%;}
.col .descricao, .col12 .descricao, .col2 .descricao{background:#f8f8f8; padding:20px 0; border-bottom:1px solid #ccc;}
.col .descricao a, .col12 .descricao a, .col2 .descricao a{text-decoration:none;}
.col .descricao a:hover, .col12 .descricao a:hover, .col2 .descricao a:hover{text-decoration:underline;}
.col:nth-child(4), .col:nth-child(7), .col:nth-child(10), .col:nth-child(13), .col:nth-child(16){ margin-right:0;}

.descricao{position:relative;}
 
.col_topo{background:none; color:#fff; padding-top:0}

	
.logo{float:left; background:url(../imgs/logo.png) left center no-repeat; background-size:cover; width:367px; height:50px; line-height:50px;}
.mais{float:right;}

#menu { height:50px; border-bottom:1px solid #ccc; background:url(../imgs/loginho.svg) left center no-repeat; }
#menu_lista {float:right; margin:0;}
#menu_lista li{ margin:0 0 0 30px; float:left; line-height:50px; height:50px; }
#menu_lista li a{ text-decoration:none; font-size:14px; color:#666; }
#menu_lista li a:hover{ color:#000; }
#menu_lista li a.active{ cursor:default; text-transform:uppercase; font-weight:bold; color:#f39c12; }

#footer{
	display:block;
	width:100%;
	height:100px;
	background:#fff url(../imgs/pattern.png) center center repeat;
	position:relative;
	line-height:100px;
	padding:0;
}

#footer p{
	width:100%;
	font-size:12px;
	line-height:100px;
	height:80px;
	padding:0;
}

.visible_phone{display:none;}

h1.titulo{ text-transform:uppercase; font-size:20px; line-height:22px; margin:0; padding:10px 0; }

.slid_descricao h2{font-size:16px}

.projecto{opacity:1}

.coracao{display:block; width:39px; height:39px; background:url(../imgs/col_coracao.svg) center center no-repeat; float:left;}
.cor_activo{display:block; width:39px; height:39px; background:url(../imgs/col_coracao_cheio.svg) center center no-repeat; float:left;}
.coracao:hover{background:url(../imgs/col_coracao_cheio.svg) center center no-repeat}

.mais_destaques{display:block; width:21px; height:39px; background:url(../imgs/col_mais.svg) center center no-repeat; float:left; margin-right:10px;}

/* PARTILHAR */

#social_shr{ position:absolute; bottom:22px; right:0; width:120px; height:32px;}
.descricao p span.partilha { float:left; display:block; width:100px; line-height:22px; height:22px; padding-top:8px;}

.st_facebook_custom, .st_twitter_custom, .st_googleplus_custom{ cursor:pointer; display:block; width:32px; height:32px; float:right;}

.st_facebook_custom{
	background: url("http://www.plenimagem.com/clients/sinais/images/facebook_32.png") no-repeat scroll left top transparent;
}
.st_facebook_custom:hover{
	background: url("http://www.plenimagem.com/clients/sinais/images/facebook_32_hover.png") no-repeat scroll left top transparent;
}
.st_twitter_custom{
	background: url("http://www.plenimagem.com/clients/sinais/images/twitter_32.png") no-repeat scroll left top transparent;
}
.st_twitter_custom:hover{
	background: url("http://www.plenimagem.com/clients/sinais/images/twitter_32_hover.png") no-repeat scroll left top transparent;
}
.st_googleplus_custom{
	background: url("http://www.plenimagem.com/clients/sinais/images/googleplus_32.png") no-repeat scroll left top transparent;
}
.st_googleplus_custom:hover{
	background: url("http://www.plenimagem.com/clients/sinais/images/googleplus_32_hover.png") no-repeat scroll left top transparent;
}

/* #Media Queries */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.logo{float:left; background:url(../imgs/logo.png) left center no-repeat; background-size:cover; width:367px; height:50px; line-height:50px;}
		.contentor, #menu{ width:90%; padding:0 5%;}
		#menu { background:url(../imgs/loginho.svg) 5% center no-repeat; }
		.clear_white{ width:90%; padding:0 5%;}
		.slid_descricao{ width:90%; padding:100px 5% 0;}
		#slider_controls{ width:90%; padding:0 5%; left:0; margin-left:0; }
		
		.col, .col12, .col_topo{ width:32%; margin-right:2%;}
		.col2{ width:66%;}
		.col3{ width:48%; margin-right:0;}
		.col3:nth-child(even){margin-right:4%;}
		.col:nth-child(4), .col:nth-child(7), .col:nth-child(10), .col:nth-child(13), .col:nth-child(16){ margin-right:0;}
		
		.slid_descricao{ height:400px;}
		.bx-wrapper {
			height:400px;
		}
		
		#sobre{
			background:#f39c12 url(../imgs/book860.png) top center no-repeat;
		}
		#slide1{ background:url(../imgs/Projetos_book2.png) right bottom no-repeat}
            
          .slid_descricao h2{font-size:18px}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.logo{float:left; background:url(../imgs/logo.png) left center no-repeat; background-size:cover; width:367px; height:50px; line-height:50px;}
		.slid_descricao h1{ font-size: 36px; text-transform:uppercase; color:#666; margin:0; }
		.col, .col12, .col_topo{ width:32%; margin-right:2%;}
		.col2{ width:66%;}
		.col3{ width:48%; margin-right:0;}
		.col3:nth-child(even){margin-right:4%;}
		.col:nth-child(4), .col:nth-child(7), .col:nth-child(10), .col:nth-child(13), .col:nth-child(16){ margin-right:0;}
		#slider{ height:400px;}
		.slid_descricao{ height:320px; padding-top:80px;}
		
		.bx-wrapper {
			height:400px;
		}
		
		#sobre{
			background:#f39c12 url(../imgs/book860.png) top center no-repeat;
		}
		#slide1{ background:url(../imgs/Projetos_book2.png) right bottom no-repeat}
            
            .slid_descricao h2{font-size:16px}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {.logo{background:url(../imgs/logo3.png) left center no-repeat; background-size:cover; display:block; width:295px; line-height:50px} #slide1{ background:url(../imgs/Projetos_book3.png) right bottom no-repeat}}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.slid_descricao h1{ font-size: 32px; text-transform:uppercase; color:#666; margin:0; }
		.logo{background:url(../imgs/logo3.png) left center no-repeat; background-size:cover; display:block; width:295px; line-height:50px}
		.col, .col3{ width:48%; margin-right:0;}
		.col2{ width:66%;}
		.col12{ width:30%;}
		.col:nth-child(even), .col3:nth-child(even){margin-right:4%;}
		.col_topo{ width:48%; margin-right:0;}
		.col_topo:nth-child(odd){margin-right:4%;}
		#slider{ height:300px;}
		.slid_descricao{ height:270px; padding-top:30px;}
		
            #menu { background:none; z-index:9999; }
		.bx-wrapper {
			height:300px;
		}
		
		#sobre{
			background:#f39c12 url(../imgs/book680.png) top center no-repeat;
		}
		#slide1{ background:url(../imgs/Projetos_book3.png) right bottom no-repeat}
           
           .slid_descricao h2{font-size:14px}
		
	}
		

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.col, .col_topo, .col2, .col12, .col3{ width:100%; margin-top:15px; margin-bottom:15px;}
		.col:nth-child(1){ margin-top:30px; }
		.col:nth-last-child(1){ margin-bottom:30px; }
		.logo{ background:url(../imgs/logo2.png) left center no-repeat; background-size:cover; display:block; width:210px; line-height:50px}
		#menu { background:none; z-index:9999; }
		.slid_descricao h1{ font-size: 30px; text-transform:uppercase; color:#666; margin:0; }
		#slider{ height:400px;}
		.slid_descricao{ height:300px; padding-top:30px;}
		
		#menu { height:144px; background:#e6e6e6; border:none; margin-bottom:15px; }
		#menu_lista {float:left; margin:0; width:100%;}
		#menu_lista li{ margin:0; float:left; width:100%; line-height:40px; height:40px; border-bottom:1px solid #ccc; border-top:1px solid #fff; }
		#menu_lista li:nth-child(1){ border-top:none; }
		#menu_lista li:nth-last-child(1){ border-bottom:none; }
		
		#menu_lista li a{ text-decoration:none; display:block; width:100%; heigh:40px; font-size:14px; }
		
		.bx-wrapper { height:400px; !important}
		
		#footer p{
			text-align:center;
			line-height:100px;
			height:80px;
			font-size:10px;
		}
		
		#sobre{
			background:#f39c12 url(../imgs/book430.png) top center no-repeat;
		}
		#slide1{ background:transparent}
            
           .slid_descricao h2{font-size:14px}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/