article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 12px; background-color: #fff; position:relative;}
body, button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; color: #fff; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

.text-center {
	text-align: center;
}

a {
	color: #f8b002;
	text-decoration: none;
}
a:visited {
	color: #f8b002;
}
a:hover {
	color: #f8b002;
}
a:focus { outline: none; }
a:hover, a:active { outline: 0; }

a.button {
	background-color:rgb(186, 127, 2);
	background-color:rgba(186, 127, 2, 0.7);
	color:#fff;
	margin:3px 20px 0 0;
	padding: 6px 12px 7px 12px;
	text-align: center;
	position: relative;
	float:left;
	overflow:hidden;
	font-size:12px;
	font-weight:bold;
}
a.button:hover {
	background-color:rgb(186, 127, 2);
	background-color:rgba(186, 127, 2, 0.7);
	color:#fff;
	padding: 6px 20px 7px 12px;
}

/* ------- Images
---------------------------------------------------------- */
.alignright,img.alignright,a img.alignright {
	float:right;
	margin:0 0 0 20px;
}
.alignleft,img.alignleft,a img.alignleft {
	float:left;
	margin:0 20px 0 0;
}
.aligncenter,img.aligncenter,a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
}
.frame_wrapper{
	margin:0 20px  20px 0;
	float:left;
	overflow:hidden;
	border: 1px solid #e0e0e0;
    border-radius: 5px 5px 5px 5px;
	background-color:#fff;
}
img.frame{
	margin:0 20px  20px 0;
	background: url(../images/transparent_bg2.png);
    padding: 8px 8px;
	float:left;
	overflow:hidden;
}
img.frame:hover{
	background: url(../images/transparent_bg_hover.png);
}
iframe{
	background: url(../images/transparent_bg2.png);
	margin:0 0  20px 0;
    padding: 8px 8px;
	float:left;
	overflow:hidden;
	border:none;
}
iframe:hover{
	background: url(../images/transparent_bg_hover.png);
}

p{ margin:0 0 18px 0; line-height:18px; font-size:12px; color:#fff;}
.red {
	color: #FDEAD7;
}

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { background-color:#000; display: block; border: 0; margin: 5px 0 20px 0; padding: 0; float:left; overflow:hidden; 	width: 660px; height:2px;}
ins { background: #ff9; color: #fff; text-decoration: none; }
mark { background: #ff0; color: #fff; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0;}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* @font-face
---------------------------------------------------------- */
@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'CuprumFFURegular';
    src: url('../font/cuprum-webfont.eot');
}
@font-face {
    /* This declaration targets everything else */
    font-family: 'CuprumFFURegular';
    src: url(//:) format('no404'), url('../font/cuprum-webfont.woff') format('woff'), url('../font/cuprum-webfont.ttf') format('truetype'), url('../font/cuprum-webfont.svgz#CuprumFFURegular') format('svg'), url('../font/cuprum-webfont.svg#CuprumFFURegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ----- Headers ----- */
h1,h2,h3,h4,h5,h6{
	letter-spacing: 1px;
	margin: 0 0 15px 0;
	font-weight: normal;
	line-height: 100%;
	display: inline-block;
	color: #F59F49;
	font-family: CuprumFFURegular, Verdana, Geneva, sans-serif;
}
h1 a,h2 a,h3 a,h4 a,h5 a{ color:#e73721; font-family: CuprumFFURegular, Verdana, Geneva, sans-serif;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover{ color:#e73721; text-decoration:underline;}
h1.title{  padding:10px  15px; margin-bottom:20px; float:left; overflow:hidden; width:530px; color:#fff;}
h1.title_homepage{ padding:10px  15px; margin-bottom:0px; float:left; overflow:hidden; width:660px; text-align:center; font-size:28px; color:#fefefe;}
h1.title_homepage span{ font-size:18px;}
h1.title_red{padding:10px  15px; margin-bottom:0px; float:left; overflow:hidden; width:660px; font-size:28px; color:#fefefe;}
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px; text-transform:uppercase;}

/* ------- Columns ------- */

.one_column_box { width:510px; margin-bottom:20px; padding:15px 25px 0 25px; float:left; background-color: rgb(16, 16, 16); background-color: rgba(16, 16, 16, 0.8);}
.one_half_box { width:270px; margin-right:20px; background-color: rgb(16, 16, 16); background-color: rgba(16, 16, 16, 0.8);}
.one_half_box.last { margin-right:0; }

.one_half { width:48%; }
.one_third { width:30.66%; }
.two_third { width:65.33%; }
.one_fourth { width:22%;}
.two_fourth {width: 48%;}
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:79.2%; }
.one_sixth { width:13.33%; }
.five_sixth { width:82.67%; }
.one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { 
position:relative; margin-right:4%; float:left;}
.last { margin-right:0 !important; clear:right; }

/* ========================================================== */
/* 						   GENERAL LAYOUT                       */
/* ========================================================== */

#container{
	width: 100%;
	left: 0;
	position: relative;
	overflow: hidden;
}
#dotted_bg{
	position:fixed;
	z-index:-1;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:url(../images/raster.png) repeat;
	overflow:hidden;
}
#main {
	float: left;
	overflow: hidden;
	margin-left: 370px;
	width: 88%;
	margin-top: 2%;
}
#home{
	width: 90%;
	padding: 20px 20px 40px 0px;
	float: left;
	overflow: hidden;
}
.boxfeira {
	padding: 1% 5% 5% 1%;
	color: #CCC;
	background: url(../images/bg-conteudo.png);
	width: 100%;
	margin-top: 1%;
	float: left;
	position:relative;
}
#feira{
	width: 90%;
	padding: 20px 0px 10px 0px;
	float: left;
	position: relative;
}
.feira{
	width:22%;
	max-height:300px;
	position: relative; 
	float:left;
	margin: 5px 5px; 
	border:1px solid #C90;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }

.feira img{ width:100%; height:184px; position: relative;}
.feira iframe{ 
	width:100%; 
	height:184px; 
	position: relative;
	margin: 0;
	padding: 0;
}

.feirabig{ 
	position: relative;
	float:left;
	margin-left:5px; } 
	
#feira .feira h2 { color:#f2f2f2;
bottom:10px;
padding:8px 10px;
background: url(../images/bg-conteudo.png);
font-size:20px;
position: absolute;}

#feira .feira p { 
	margin-top: 200px;
}	

#feira .feira a:hover { opacity:0.5 }

#about, #blog, #features, #contact, #abril2011{
	width: 660px;
	padding: 40px 0px 80px 0px;
	float: left;
	overflow: hidden;
}
#portfolio, #gallery{
	width: 660px;
	padding: 40px 0px 800px 0px;
	float:left;
	overflow:hidden;
}

/* 						   HEADER                       */
/* ===================== */

#header {
	width: 350px;
	top: 40px;
	left: 0;
	position: fixed;
	z-index: 500;
}

/* ----- logo ----- */
#logo{
	position: relative;
	float: left;
	overflow: hidden;
	width: 320px;
	height: 107px;
	padding: 10px 10px;
	margin: 0 0 58px 0;
	z-index: 1000;
	
}
/*#logo:hover{
	background-color:  #F2F2F2; 
}*/
#menu{
	position: fixed;
	float: left; 
	width: 300px;
	height: 100%;
	padding: 10px 10px; 
	z-index: 10;
	background: url(../images/bg-menu.png) ;
	margin-left:15px;
}

/* ----- nav ----- */
#nav {
	position:relative;
	z-index:500;
	clear:both; 
	float:left; 
	list-style-type: disc;
}
 
#nav li { 
	margin-bottom: 10px; 
	margin-left:40px;
	position:relative;
}
#nav li a {
	font-size: 12px;
	color: #eaeaea; 
	text-transform: uppercase;
	letter-spacing: 1px; 
	width: auto;
	padding: 5px 7px 5px 7px;
	
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear; 
 
}
#nav li a:hover {
	color: #fff;
	padding: 5px 7px 5px 7px; 
	margin-left: 10px;	
	background:#f8b002;  
}
#nav .active {
	background:#f8b002; 
}

/*nav dropdown */
#nav li ul {  display:none; z-index:9999; border-left: 1px solid #CCC; margin-left:100px; 
	-webkit-transition: 0.9s linear;
    -moz-transition:  0.9s linear;
    -o-transition:  0.9s linear;
    -ms-transition: 0.9s linear;
    transition: 0.9s linear;   }

#nav li ul li{ margin-left:0px; }

#nav li:hover ul {display:block;  }
 #nav li ul a{  display:block;font-size: 11px;
 }
 
 #nav li ul a:hover{display:block;
 	font-size: 12px;
	color: #eaeaea; 
	text-transform: uppercase;
	letter-spacing: 1px; 
	width: auto;
	padding: 5px 7px 5px 7px;
	background:#f8b002;  
	
	   } 
		 
 
/* FOOTER */
#footer {
	width: 100%;
	height: 55px;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 0;
	color: #fff;
	z-index: 2000;
	background-color: rgb(16, 16, 16);
	background-color: rgba(16, 16, 16, 0.9);
}
#footer p{
	margin:0;
	font-size:11px;
	line-height:38px;
	color:#fff;
}
.footer_left{
	float:left;
	margin-left:35px;
}
.footer_right{
	float:right;
	margin-right:45px;
}

/* ========================================================== */
/* 						   HOME                    */
/* ========================================================== */

/* ----- popup ----- */
#popup{
	display: block;
	position: relative;
	width: 620px;
	background-color: rgb(16, 16, 16);
	background-color: rgba(16, 16, 16, 0.8);
	z-index: 2000;
	padding: 3px 16px 3px 2px;
	margin-top: 15%;
	margin-left: 0px;
	overflow: hidden;
}
#popup:hover{
	background-color: rgb(231, 55, 33);
	background-color: rgba(231, 55, 33, 0.8);
}
#popupClose{
	font-size:14px;
	line-height:14px;
	right:8px;
	top:4px;
	position:absolute;
	color:#fff;
	display:block;
	cursor:pointer;
}
.blog_item_homepage{
	width: 620px;
	float: left;
	overflow: hidden;
	padding: 10px 10px;
}
.last{
	margin-bottom:0;
}
.blog_image_wrapper_homepage {
	margin-right: 20px;
	width: 250px;
    height: 205px;
	float:left;
	position:relative;
	z-index:5;
}
.blog_image_wrapper_homepage img {
	margin-right:20px;
	margin-bottom:0;
    z-index: 50;
	width: 250px;
    height: 205px;
}
span.overlay_news_homepage {
    background: url(../images/overlay_zoom.png) center center no-repeat #fff;
	width: 250px;
    height: 205px;
	float:left;
    position: absolute;
	left:0;
    z-index: 10;	
}
.blog_item_homepage h2{
	margin:3px 0 8px 0;
	font-size:20px;
}
.blog_item_homepage h2 a{
	color:#e73721;
}
.blog_item_homepage h2 a:hover{
	color:#fefefe;
	text-decoration:underline;
}
#popup:hover:hover h2 a{
	color:#fefefe;
}
.blog_item_homepage p{
	margin-bottom:15px;
	color:#fefefe;
}
.date_comments{
	float:left;
	width:260px;
	margin-bottom:12px;
}
span.date{
	background:url(../images/date.png) left no-repeat;
	padding-left:20px;
	color:#fefefe;
	font-size:11px;
	line-height:14px;
	float:left;
	margin-right:15px;
}
a.comments{
	background:url(../images/comments.png) left no-repeat;
	padding-left:20px;
	color:#fefefe;
	font-size:11px;
	line-height:14px;
	float:left;
	margin-right:15px;
}
a.comments:hover{
	color:#fefefe;
	text-decoration:underline;
}

/* ========================================================== */
/* 						   ABOUT US                     */
/* ========================================================== */

/* ----- Nivo Slider ----- */
#slider_wrapper{
	float: left;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	width: 90%;
	height: 320px;
	padding: 8px 8px;
	background-color: rgb(16, 16, 16);
	background-color: rgba(16, 16, 16, 0.8);
}
#slider {
	width: 100%;
	height: 320px;
	background-color: #f0f0f0;
}
#slider1 {
	width: 100%;
	height: auto; 
}
#slider1 img {
	position:absolute;
	width:544px;
	height:320px;
	top:0px;
	left:0px;
	display:none;
}
#slider img {
	position:absolute;
	width:544px;
	height:320px;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}
.nivo-caption {
	text-shadow:none; 
}
.nivo-caption a { 
	color:#efe9d1;
	text-decoration:underline; 
}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivoSlider1 {
	position: absolute;
	
}
.nivoSlider1 img {
	position: relative;
	
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.98; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	font-size:13px;
	margin:0;
	width:70%;
	vertical-align:middle;
	text-align:left;
	padding:10px 0 10px 20px;
	color:#fefefe;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	text-indent: -1000em;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:20px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:absolute;
	right:10px;
	bottom:12px; 
	z-index:110;
	cursor:pointer;
}
.nivo-controlNav a {
	text-indent:-9999em; 
	background:url(../images/bullets.png); 
	width:12px; 
	height:12px;
	display:block;
	border:0;
	margin-right:5px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -12px;
}

/* ----- Nivo Slider ----- */
.services, .services.last {
	background-color: rgb(16, 16, 16);
	background-color: rgba(16, 16, 16, 0.8);
	width:151px;
	margin:0 8px 8px 0;
	padding:10px 15px 0 15px;
	float:left;
	overflow:hidden;
}
.services.last {
	margin:0 0 8px 0!important;
}
.services:hover, .services.last:hover {
	background-color: rgb(16, 16, 16);
	background-color: rgba(16, 16, 16, 0.9);
	padding:10px 15px 0 15px;
}
.services h4 {
	margin-bottom:7px;
}
.services h4 a {
	font-size:11px;
	font-weight:bold;
	line-height:12px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color:#e73721;
}
.services h4 a:hover {
	color:#e73721;
	text-decoration: underline;
}
.services p {
	font-size:11px;
}
.services_icon{
	float:left;
	margin:3px 15px 0px 2px;
}

/* ========================================================== */


/* ----- Nivo Slider ----- */
.services1, .services1.last {
	background-color: rgb(16, 16, 16);
	background-color: rgba(16, 16, 16, 0.8);
	width: 90%;
	margin: 0 8px 8px 0;
	padding: 10px 15px 0 15px;
	float: left;
	overflow: hidden;
}
.services1.last {
	margin:0 0 8px 0!important;
}
.services1:hover, .services.last:hover {
	background-color: rgb(16, 16, 16);
	background-color: rgba(16, 16, 16, 0.9);
	padding:10px 15px 0 15px;
}
.services1 h4 {
	margin-bottom:7px;
}
.services1 h4 a {
	font-size:11px;
	font-weight:bold;
	line-height:12px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color:#e73721;
}
.services1 h4 a:hover {
	color:#e73721;
	text-decoration: underline;
}
.services1 p {
	font-size:11px;
}
.services1_icon{
	float:left;
	margin:3px 15px 0px 2px;
}

/* fim services 1 ========================================================== */

/* 						   PORTFOLIO                       */
/* ========================================================== */

.portofolio_item {
	background-color: rgb(16, 16, 16);
	background-color: rgba(16, 16, 16, 0.8);
	float:left;
	position:relative;
	overflow:hidden;
	margin:0 20px 20px 0;
    padding: 10px 10px;
    z-index: 50;
	width: 250px;
	text-align:center;
}
.portofolio_item:hover {
	background-color: rgb(231, 55, 33);
	background-color: rgba(231, 55, 33, 0.8);
	float:left;
	position:relative;
	overflow:hidden;
	margin:0 20px 20px 0;
    padding: 10px 10px;
    z-index: 50;
	width: 250px;
	text-align:center;
}
span.overlay_portofolio {
    background: url(../images/overlay_zoom.png) center center no-repeat #fff;
	width: 250px;
    height: 144px;
	float:left;
    position: absolute;
	left:10px;
	top:10px;
    z-index: 10;	
}
.portofolio_item img {
	margin-bottom:3px;
}
.portofolio_item h2.item_title {
	margin-bottom:3px;
	font-size:11px!important;
	margin-top:7px!important;
}
.portofolio_item h2.item_title a {
	font-size:11px!important;
	font-weight:bold;
	line-height:12px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color:#fefefe;
}
.portofolio_item h2.item_title a:hover {
	color:#fefefe;
	text-decoration: none;
}
.portofolio_item p.item_description {
	margin-bottom:0;
	font-size:11px;
	color:#fefefe;
}

/* ========================================================== */
/* 				  		    GALLERY                     */
/* ========================================================== */

.gallery_item_4columns a {
	background-color: rgb(16, 16, 16);
	background-color: rgba(16, 16, 16, 0.8);
	float:left;
	overflow:hidden;
	margin:0 8px 8px 0;
	padding:7px 7px;
	width:120px;
	height:120px;
	overflow:hidden;
}
.gallery_item_4columns a:hover {
	background-color: rgb(231, 55, 33);
	background-color: rgba(231, 55, 33, 0.8);
	float:left;
	overflow:hidden;
	margin:0 8px 8px 0;
	padding:7px 7px;
	width:120px;
	height:120px;
	overflow:hidden;
}

/* ========================================================== */
/* 				  		    BLOG                              */
/* ========================================================== */

.blog_item{
	margin:0 0 20px 0;
	width:540px;
	float:left;
	overflow:hidden;
	padding:10px 10px;
	background-color: rgb(16, 16, 16);
	background-color: rgba(16, 16, 16, 0.8);
}
.blog_item:hover{
	background-color: rgb(231, 55, 33);
	background-color: rgba(231, 55, 33, 0.8);
}
.last{
	margin-bottom:0;
}
.blog_image_wrapper {
	margin-right: 20px;
	width: 250px;
    height: 170px;
	float:left;
	position:relative;
	z-index:5;
}
.blog_image_wrapper img {
	margin-right:20px;
	margin-bottom:0;
    z-index: 50;
	width: 250px;
    height: 170px;
}
span.overlay_news {
    background: url(../images/overlay_zoom.png) center center no-repeat #fff;
	width: 250px;
    height: 170px;
	float:left;
    position: absolute;
	left:0;
    z-index: 10;	
}
.blog_item h2{
	margin:3px 0 8px 0;
	font-size:20px;
}
.blog_item h2 a{
	color:#e73721;
}
.blog_item h2 a:hover{
	color:#fefefe;
	text-decoration:underline;
}
.blog_item:hover h2 a{
	color:#fefefe;
}
.blog_item p{
	margin-bottom:15px;
	color:#fefefe;
}
.date_comments{
	float:left;
	width:260px;
	margin-bottom:12px;
}
span.date{
	background:url(../images/date.png) left no-repeat;
	padding-left:20px;
	color:#fefefe;
	font-size:11px;
	line-height:14px;
	float:left;
	margin-right:15px;
}
a.comments{
	background:url(../images/comments.png) left no-repeat;
	padding-left:20px;
	color:#fefefe;
	font-size:11px;
	line-height:14px;
	float:left;
	margin-right:15px;
}
a.comments:hover{
	color:#fefefe;
	text-decoration:underline;
}

/* ========================================================== */
/* 				  		    Contact Form                     */
/* ========================================================== */

.map{
	margin-bottom:25px;
	float:left;
}
.contact_wrapper{
	width: 660px;
	padding: 20px 20px 0 20px;
	margin-top: 20px;
	overflow: hidden;
	background-color: rgb(16, 16, 16);
	background-color: rgba(16, 16, 16, 0.9);
}
form{
	width:520px;
}
label.contact-label{
	width:520px;
	float:left;
	margin:6px 0 3px 0;
	font-size:12px;
	color:#aeaeae;
}
input.contact-input{
	width:510px;
	height:20px;
	padding:5px 5px;
	font-size:12px;
	color:#101010;
	float:left;
	margin-bottom:4px;
	border:none;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.3);
}
textarea{
	width:510px;
	height:150px;
	padding:5px 5px;
	font-size:12px;
	color:#101010;
	line-height:18px;
	margin-bottom:5px;
	border:none;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.3);
}
input.contact-input:hover, textarea:hover{ 
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.4);
}
input.contact-input:focus, textarea:focus{
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.4);
}
input.contact-submit{
	background-color: rgb(231, 55, 33);
	background-color: #F59F49;
	float: right;
	margin: 15px 0 30px 0;
	padding: 6px 18px 7px 18px;
	text-align: center;
	overflow: hidden;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	border: none;
	cursor: pointer;
}
input.contact-submit:hover{
	background-color: rgb(231, 55, 33);
	background-color: #F59F49;
	color: #fff;
}
.comment-required, .name-required, .email-required{
  color:#e73721;
  clear:both;
  float:left;
  font-size:11px;
}

/* ========================================================== */
/* 				  		    TYPOGRAPHY                              */
/* ========================================================== */

/* Styled Lists
---------------------------------------------------------- */
ul.list_1, ul.list_2, ul.list_3, ul.list_4, ul.list_5, ul.list_6, ul.list_7, ul.list_8, ul.list_9, ul.list_10, ul.list_11, ul.list_12 {
	list-style-type:none;
	margin-left:0px;
	margin-bottom:20px;
}
ul.list_1 li, ul.list_2 li, ul.list_3 li, ul.list_4 li, ul.list_5 li {
	background-image:url(styles/_default/icons/styled_list_black.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-color:transparent;
	padding-left:24px;
	margin:4px 0;
	font-size:12px;
	color:#fff;
	line-height:18px;
}
ul.list_1 li {
	background-position: -60px -60px;
}
ul.list_2 li{
	background-position: -92px -30px;
}
ul.list_3 li {
	background-position: -2px -120px;
}
ul.list_4 li {
	background-position: -122px 0px;
}
ul.list_5 li {
	background-position: -29px -89px;
}
ul.list_color_black li {
	background-image:url(../images/styled_list_black.png);
}
ul.list_1 ul, ul.list_2 ul, ul.list_3 ul, ul.list_4 ul, ul.list_5 ul {
	list-style-type: none;
	margin-left:0;
}
/* Highlight
---------------------------------------------------------- */
.highlight1 {
	background-color:#e73721;
	color:#eaeaea;
	padding:2px 3px;
} 
.highlight2 {
	background-color:#e29d0b;
	color:#222;
	padding:1px 3px;
}
.highlight3 {
	background-color:#0066ee;
	color:#222;
	padding:1px 3px;
}

/* Dropcaps
---------------------------------------------------------- */	
.dropcap1 {
	position:relative;
	float: left;
	margin:4px 15px 0 0;
	background-image:url(../images/dropcap1.png);
    width: 40px;
    height: 40px;
	font-size: 28px;
	line-height:40px;
	text-align:center;
	color:#fff;
}
.dropcap2 {
	position:relative;
	float: left;
	margin:4px 15px 0 0;
	background-image:url(../images/dropcap2.png);
    width: 40px;
    height: 40px;
	font-size: 28px;
	line-height:40px;
	text-align:center;
	color:#fff;
}

/* Pullquotes
---------------------------------------------------------- */
span.pullquote {
    font-size: 11px;
    line-height: 20px;    
	padding: 5px 15px 8px 20px;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:11px;
	background: url(../images/transparent_bg2.png) repeat;
	border-left:3px solid #000;
	float:left;
	margin:0 0 10px 0;
}
span.pullquote:hover {
	background: url(../images/transparent_bg_hover.png) repeat;
}
span.pullquote_left,
span.pullquote_right {
    width: 40%;
    font-size: 11px;
    line-height: 20px;    
	padding: 3px 0px 4px 20px;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#999;
	font-size:11px;
	background: url(../images/pullquotes.png) left repeat-y;
}
span.pullquote_left {
	float:left;
    margin: 15px 20px 0px 10px;
}
span.pullquote_right {
	float:right;
    margin: 15px 10px 0px 20px;
}
/* code & pre
---------------------------------------------------------- */
code, pre {
	display: block;
	white-space: pre;
}
.code_wrap {
	border: 1px solid #e5e5e5;
	padding: 5px;
	margin-bottom:20px;
	clear: both;
}
.code, .pre {
	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	*word-wrap: break-word;
	background: #f9f9f9;
	color:#777;
	overflow: auto;
}
.code {
	padding: 0 10px 20px;
	padding: 20px 10px\9; /* IE Hack */
	background: #f5f5f5 url(../images/pre.png);
}
	/* IE9 Hack */
	:root .code {
		padding:0 10px 20px\9;
	}
.pre {
	padding:6px 10px;
}

/* ========================================================== */
/* 				  		    FEATURES                        */
/* ========================================================== */

/* Styled tables
---------------------------------------------------------- */
table, td, th {
    vertical-align: middle;
}
.styled_table {
	margin-bottom:20px;
}
.styled_table table {
	width: 100%;
	margin:0;
}
.styled_table th {
	background:url(../images/transparent_bg_hover.png) repeat;
	color: #fff;
	text-align: center;
    font-size: 14px;
    font-weight: normal;
    padding: 14px;
	margin-bottom:1px!important;
}
.styled_table td {
	background:url(../images/transparent_bg2.png) repeat;
    text-align: center;
    color: #fff;
	font-size: 12px;
    padding: 12px;
	margin-bottom:1px;
}
.styled_table tbody tr:hover td {
	opacity:.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

/* Tabs Module
---------------------------------------------------------- */
ul.tabNavigation {
	margin:0;
	padding: 0;
	list-style: none;
	height: 30px;
	width: 100%;
}
ul.tabNavigation li {
	float: left;
	margin:0;
	padding: 0;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	position:relative;
	margin-right:5px;
}
ul.tabNavigation li a {
	background:url(../images/transparent_bg2.png) repeat;
	float:left;
	font-size:12px; 
	display:block; 
	padding-left:12px; 
	padding-right:12px; 
	text-decoration:none; 
	line-height:30px; 
	color:#eaeaea; 
	position:relative; 
	outline:0;
}
ul.tabNavigation li a.selected, ul.tabNavigation li a:hover {
	background:url(../images/transparent_bg_hover.png) repeat;
	color:#fefefe;
	text-decoration:none;
}
.tabs div {
	background:url(../images/transparent_bg2.png) repeat;
	display: block;
	clear: both;
	margin-bottom:20px;
	margin-top:5px;
	padding: 20px 25px 1px 25px;
}

/* Toggle Module
---------------------------------------------------------- */
#toggle-view {
	list-style:none;	
	font-size:11px;
	margin-bottom:20px;
	width:100%;
}
#toggle-view li {
	position:relative;
	cursor:pointer;
}	
#toggle-view h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#fff;
	padding-left:15px;
	line-height:16px;
}
#toggle-view span {
	position:absolute;
	color:#fff;
	font-size:13px;
	line-height:16px;
	*margin-top:17px; /* ------- for IE7 only ------- */
}
#toggle-view p {
	padding:0px 10px 10px 15px;
	display:none;
}

/* ------- pagination ------- */
.pagination{
	width:520px;
	margin:0px 0 20px 0;
	float:left;
	padding:20px 20px;
	background: url(../images/transparent_bg2.png) repeat;
}
.pagination span.inactive a{
    background: url(../images/transparent_bg2.png) repeat;
    color: #999;
	padding:6px 10px;
    text-decoration: none;
	margin-right:4px;
	font-size:12px;
	font-weight:bold;
}
.pagination span.active a, .pagination span.inactive a:hover{
	background: url(../images/transparent_bg2.png) repeat;
	padding:6px 10px;
    color:#e73721;
	text-decoration:none;
	margin-right:4px;
	font-size:12px;
	font-weight:bold;
}

/* ========================================================== */
/* 		         NON-SEMANTIC HELPER CLASSES                  */
/* ========================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ========================================================== */
/* 				  		    MEDIA QUERIES                     */
/* ========================================================== */

@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 768px) {
}

/* ========================================================== */
/* 				  		    PRINT STYLES                     */
/* ========================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; } 
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* ========================================================== */
/*                      TOP WIDGET                       */
/* ========================================================== */
#widgetOverlay {
    display: none;
    position: fixed;
    left: 0px;
    top: -2px;
    z-index: 3000;
	background-color: rgb(16, 16, 16);
	background-color: rgba(16, 16, 16, 0.98);
}
#topWidget {
    padding: 20px 100px 10px 100px;
    position: relative;
    z-index: 10000;
}
#widgetOpen {
    position: absolute;
    right: 0px;
    top: 196px;
    z-index: 9999;
}
#widgetOpen a {
    background:url(../images/panel_buttons.png) top left no-repeat;
    display: block;
    height: 34px;
    width: 34px;
    text-indent: -9999px;
	background-color: rgb(16, 16, 16);
	background-color: rgba(16, 16, 16, 0.8);
}
#widgetOpen a.hide {
    background-position: 0 -34px;
}
#widgetOpen a:hover {
    background-color: rgb(231, 55, 33);
	background-color: rgba(231, 55, 33, 0.8);
}
#widgetOverlay a:link,
#widgetOverlay a:visited {
	color: #e73721;
}
#widgetOverlay h4 {
	color: #cecece;
	padding-bottom: 0;
	margin-bottom: 0.9em;
	border-bottom: none;
}
#widgetOverlay p {
	color: #999;
	margin-bottom: 0.9em;
}
#widgetOverlay p.testimonials{
	margin-bottom: 0.9em;
	color: #999;
	font-size:11px;
	line-height:18px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif; 
}
#widgetOverlay p.testimonials span {
	font-weight:normal;
	font-size:11px;
	font-style:normal;
}

/* ========================================================== */
/* 				  		      Twitter                         */
/* ========================================================== */

#twitter_update_list{
	float:left;
	margin-bottom:10px;
}
#twitter_update_list li {
	float:left;
	list-style-type: none;
	margin:5px 0 5px 0;
}  
#twitter_update_list span a {  
	display: block;
	clear:both;
	float:left; 
	color: #e73721!important;
	font-size:11px;
	line-height:18px;
}  
#twitter_update_list span a:hover {  
	text-decoration: underline;  
	color: #e73721!important;  
}  
#twitter_update_list span {
	float:left;
	clear:both;
	color: #999;
	font-size:11px;
	line-height:18px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif; 
}

/* ========================================================== */
/* 				  		    Flickr                     */
/* ========================================================== */
/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {
	margin-top:5px; 
	float:left; 
	*padding-bottom:20px; /* ------- for IE7 only ------- */
}
#flickr_badge_wrapper {}

.flickr_badge_image {margin:0 4px 2px 0!important; float:left;}
.flickr_badge_image img:hover {}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* ----- social icons ----- */

ul.social_icons{	
	clear:both;
	width:34px;
	position:fixed;
	bottom:38px;
	right: 0px;
	margin:0;
	padding:0;
}
ul.social_icons li {
	list-style:none;
	width:34px;
	height:34px;
	float:left;
	margin-bottom:1px;
}
ul.social_icons li a {
	background-color: rgb(16, 16, 16);
	background-color: rgba(16, 16, 16, 0.8);
	width:18px;
	height:18px;
	float:left;
	padding:8px 8px;
	
}
ul.social_icons li a:hover {
	background-color: rgb(231, 55, 33);
	background-color: rgba(231, 55, 33, 0.8);
}

/*
	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.6
	Site	: www.buildinternet.com/project/supersized
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
*/

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background: url(../images/progress.gif) no-repeat center center;}
	
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../images/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

/* Controls Bar
----------------------------*/
#controls_arrows{
	height: 100px;
	width: 50px;
	top: 1%;
	right: 0;
	z-index: 2000;
	position: fixed;
}
#prevslide, #nextslide{ position:relative; z-index:1000; float:left;}
#prevslide{ background:url(../images/bullets.png)    no-repeat; width:12px; height:12px;   margin-bottom:1px;
	margin-right:5px;}
#nextslide{ background: url(../images/bullets.png)   no-repeat; width:12px; height:12px;   }
#prevslide:hover, #nextslide:hover{ cursor:pointer;  	background-position:0 -12px;}

.quemsomos {
	padding: 2% 5% 5% 5%;
	color: #CCC;
	background: url(../images/bg-conteudo.png);
	height: 90%;
	width: 90%;
	margin-top: 5%;
	float: left;
}
.imgsobre{width:50%; float:left; margin-right:15px;}

.quemsomos p{ font-weight: 500; color: #FFF; font-size:16px; }


.equipe {
	padding: 2% 5% 5% 5%;
	color: #CCC;
	background: url(../images/bg-conteudo.png);
	height: auto;
	width: 70%;
	margin-top: 5%;
	float: left;
}
.boxequipe{ float:left; width:30.3%; margin-right:3%;background: url(../images/bg-conteudo.png); padding:0 0 10px 0; margin-bottom:10px;}

.boxequipe h6{ padding:5px 0 0 15px; font-size:16px; }

.depoimentos {
	padding: 2% 5% 5% 5%;
	color: #CCC;
	background: url(../images/bg-conteudo.png);
	height: 90%;
	width: 90%;
	margin-top: 5%;
	float: left;
}
.boxdepoimentos{ float:left; width:28%; margin-right:3%;background: url(../images/bg-conteudo.png); padding:10px; margin-bottom:10px;}