@charset "utf-8";
/* CSS Document */
body {
		background-color:#131313;
	margin:0;
	padding:0;}
img {
	margin:0px;
	border:0px;}	
body,td,th{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;}
form{margin:0;padding:0;}

.pagina {margin:0px auto 0;width:950px;
}

.logo {
	padding-top:16px;
	padding-left:39px;
	float:left;}
	
.linkstopo2 a {
	color:#F6D609;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;}

.cima1 {
	height:90px;
	background: url(http://www.portugaline.com/imagens/cima1.jpg) repeat-x;}
	
.cima2 {
	height:37px;
	background: url(imagens/bgmenu.gif) repeat-x ;
}

.inicio {
	height:318px;
	background: url(http://www.portugaline.com/imagens/fundoinicio.jpg);}

.ladoinicio {
	background: url(http://www.portugaline.com/imagens/ladoinicio.jpg) repeat-x;}

.direita{
	float:right;
	padding-top:10px;
	padding-right:15px;
	}
	
	.direita img{
	padding-right:15px;
	}

.esquerda {
	float:left;
	padding-top:20px;
	padding-left:15px;
	}

.baixo {
	height:78px;
	background-color:#212121;
	vertical-align:middle;}
	
	/*- Nav1 -*/
#nav1 {
	margin-left:auto;
	margin-right:auto;
	background: url(imagens/nav1-sep.gif) no-repeat left top;
	font-size: 13px;
	height: 37px;
}
#nav1 ul.sf-menu li {
	position: relative;
	background: url(imagens/nav1-sep.gif) no-repeat right top;
	float: left;
	line-height: 37px;
	padding: 0 1px 0 0;
	text-align: center;
}
#nav1 ul.sf-menu li a {
	color: #333333;
	display: block;
	position: relative;
	float: left;
	text-decoration: none;
	width: 117px;
	cursor: pointer;
}
#nav1 ul.sf-menu li a:hover {
	text-decoration: none;
	background: #FEFEFE;
}
#nav1 ul.sf-menu li ul.children {
	border: 1px solid #000000;
	background: #272726 url(imagens/ul_children_bg.gif) repeat-y top right;
}
#nav1 ul.sf-menu li ul.children li {
	background: url(imagens/ul_children_li_bg.gif) no-repeat bottom right;
}
#nav1 ul.sf-menu li ul.children li a {
	color: #bebebe;
	text-decoration: none;
	display:block;
	width: 167px;
	text-align:left;
	padding-left:6px;
}
#nav1 ul.sf-menu li ul.children li a:hover {
	text-decoration: none;
	background: none;
}
#nav1 ul.sf-menu li ul.children li ul.children {
	border: 1px solid #000000;
	border-left: none;
	background: #272726 url(imagens/ul_children_ul_children_bg.gif) repeat-y top left;
}
#nav1 ul.sf-menu li ul.children li ul.children li {
	background: url(imagens/ul_children_li_bg.gif) no-repeat bottom right;
}
#nav1 ul.sf-menu li ul.children li ul.children a {
	color: #bebebe;
	text-decoration: none;
}
#nav1 ul.sf-menu li ul.children
{
	margin:5px 0 0 0;
}
#nav1 ul.sf-menu li ul.children ul.children
{
	margin:-1px 0 0 27px;
}

	/***************************************************
		    PORTFOLIO FILTER
***************************************************/
#portfolio-filter {
	width: 912px;
	height: 18px;
	display: block;
	float: left;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #161616;
}
#portfolio-filter .browse {
	color: #31B8DA;
	float: left;
	font-size: 16px;
}
#portfolio-filter ul {
	margin: 0px;
	padding: 0px;
	float: right;
}
#portfolio-filter li {
	background: none;
	display: inline;
	padding: 0px;
	margin: 0px;
}
#portfolio-filter li a {
	text-decoration: none;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: right;
	color: #CCCCCC;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#portfolio-filter li a.current, #portfolio-filter li a:hover {
	color: #31B8DA;
	text-decoration: none;
}
a.visit_back_a {
	color: #FFFFFF;
	margin-bottom: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	float: right;
	display: inline;
	background-color: #31B8DA;
	padding: 7px;
}

/***************************************************
			  PORTFOLIO TILES
***************************************************/
ul.portfolio-tiles {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
	width: 720px;
	float: left;
}
ul.portfolio-tiles li {
	float: left;
	margin: 0px;
	width: 225px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 15px;
	position: relative;
	overflow: hidden;
}
ul.portfolio-tiles li img {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
ul.portfolio-tiles li a.item {
	font-size: 13px;
	color: #aaa;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	background-color: #333333;
	display: block;
}
ul.portfolio-tiles li a.item:hover {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	color: #FFFFFF;
}
ul.portfolio-tiles li strong {
	font-size: 15px;
	font-weight: normal;
	display: block;
	width: 205px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	height: 35px;
	margin: 0px;
	padding-bottom: 5px;
	color: #FFFFFF;
}
ul.portfolio-tiles li p {
	padding-left: 10px;
	width: 205px;
	padding-right: 10px;
	display: block;
}
ul.portfolio-tiles li .text {
	display: block;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 100px;
}
ul.portfolio-tiles li .post_date {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	display: block;
	color: #FFFFFF;
}
ul.portfolio-tiles li a.ext-link {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 92px;

	text-indent: -9999px;
	left: 107px;
	background-image: url(imagens/external-link.png);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.portfolio-tiles li a.ext-link:hover {
	background-position: 0 bottom;
}

/***************************************************
			  PORTFOLIO TILES GALLERY
***************************************************/
ul.portfolio-tiles-gallery {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
	width: 950px;
	float: left;
	z-index: 999;
}
ul.portfolio-tiles-gallery li {
	float: left;
	margin: 0px;
	width: 225px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	text-decoration: none;
	overflow: hidden;
	position: relative;
}
ul.portfolio-tiles-gallery li h3 {
	margin: 0px;
	color:#FFF;
	font-size: 16px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 205px;
	display: block;
	padding: 10px;
}			
ul.portfolio-tiles-gallery li .boxgrid {
	margin:0px;
	float:left;
	background-color: #31B8DA;
	padding: 0px;
	width: 225px;
	height: 225px;
	cursor:pointer;
	overflow: hidden;
	position: relative;
}
ul.portfolio-tiles-gallery li .boxgrid img {
	top: 0;
	left: 0;
	background-color: #333333;
	float: left;
	padding: 10px;
	position: absolute;
}
ul.portfolio-tiles-gallery .boxgrid slideright a img {
	margin: 0px;
	padding: 0px;
}
ul.portfolio-tiles-gallery li .boxgrid p {
	color:#FFFFFF;
	width: 205px;
	float: left;
	padding: 10px;
}				
ul.portfolio-tiles-gallery  li a {
	font-size: 11px;
	font-weight: bold;
	color: #0A2E36;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: underline;
}

#containerport {
	width: 950px;
	border: 1px none #EEEEEE;
	color: #aeaeae;
	background-color: #282828;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 35px;
	padding-left: 20px;
	margin: 0px;
	float: left;
}

#wrapperport {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

/***************************************************
		    INTRO
***************************************************/
.intro {
	width: 229px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
.intro strong {
	font-size: 22px;
	color: #FFFFFF;
	display: block;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	line-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6a6a6a;
}
.intro p {
	height: 120px;
	display: block;
}
.intro a {
	color: #31b8da;
	display: block;
	background-image: url(imagens/bullet_footer_ul.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 10px;
}
.intro a.intro_right {
	float: right;
	font-weight: bold;
	background-image: none;
}
.intro a.next {
	background-color: #31b8da;
	padding-top: 7px;
	padding-right: 11px;
	padding-bottom: 7px;
	padding-left: 30px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	float: left;
}
.intro a.prev {
	display: block;
	background-color: #31b8da;
	padding-top: 7px;
	padding-right: 11px;
	padding-bottom: 7px;
	padding-left: 30px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.intro a.next:hover, .intro a.prev:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/***************************************************
				 TESTIMONIALS
***************************************************/
.slider_holder {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	background-image: url(imagens/testimonials.gif);
	background-repeat: no-repeat;
	background-position: 18px 15px;
	z-index: 999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.slider, .slider li {
	overflow:hidden;
	width:240px;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	color: #999999;
	z-index: 1;
	height: 150px;
}
.nav{
	width: 250px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 20px;
	float: left;
}
.nav .counter {
	color: #FFFFFF;
	float: left;
	width: 100px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.nav ul {
	margin: 0px;
	float: right;
	display: block;
	width: 60px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.nav ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
.nav a{
	text-decoration: none;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	height: 17px;
	width: 20px;
	font-size: 1px;
	float: right;
}
.nav a.prev {
	margin: 0px;
	padding: 0px;
	background-image: url(imagens/toogle_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.nav a.next {
	margin: 0px;
	background-image: url(imagens/toogle_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px;
}
.testimonial {
	float:left;
	margin-top:1px;
	position:relative;
}
.testimonial div {
	float:left;
	margin-left:1px;
	padding:20px 20px 40px;
	width:204px;
}
.testimonial a {
	text-align: right;
	display: block;
	color: #31B8DA;
}
.testimonial .author {
	font-weight: bold;
	color: #CCCCCC;
	text-align: right;
	display: block;
}
/***************************************************
				 SIDEBAR
***************************************************/
#sidebar {
	margin: 0px;
	float: right;
	width: 280px;
	background-color: #161616;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#sidebar h2 {
font-size: 18px;
font-weight: normal;
display: block;
float: right;
width: 250px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
color: #ffffff;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

.block {
	padding: 0px;
}
.block p {
	padding: 0px;
	margin: 0px;
}
.block ul {
	width:260px;
	top:0px;
	display: block;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;

	padding-bottom: 15px;
	padding-left: 20px;
	margin: 0px;
	float: left;
}
.block ul li {
	display:block;
	cursor:pointer;
	cursor:pointer;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
	width: 240px;
	background-image: url(imagens/border2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px;
}
.block ul li a {
	color:#31B8DA;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	display: block;
	background-image: url(imagens/bullet_footer_ul.gif);
	margin: 0px;
}
.block ul li a:hover {
	color: #31B8DA;
	text-decoration: underline;
}
.block li span {
	font-family:georgia, arial;
	font-size:9px;
	color:#464646;
}
.advertise {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	list-style-type: none;
	width: 280px;
}
.advertise li {
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: inline;
}
.advertise img {
	border: 1px solid #555555;
	padding: 1px;
	float: left;
}

.intro_longer {
	width: 650px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.intro_longer div {
	width: 650px;
	float: left;
}
.intro_longer p {
	margin: 0px;
	padding: 0px;
}
.intro_longer strong {
	font-size: 22px;
	color: #FFFFFF;
	display: block;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6a6a6a;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	line-height: 25px;
}
.intro_longer ul {
	list-style-type: none;
	padding-bottom: 25px;
}
.intro_longer ul li {
	display: block;
	margin: 0px;
	padding: 0px;
}
.intro_longer ul.skills {
	padding-left: 25px;
	padding-bottom: 0px;
}
.intro_longer ul.skills li {
	font-style: italic;
	color: #EEEEEE;
	padding-bottom: 3px;
	background-image: url(../images/bullet_footer_ul.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 10px;
}

.linksdown a {
	text-decoration: none;
color: #31b8da;
}

.linksdown a:hover {
text-decoration: underline;
}