/*
Theme Name: Meedoo Corporate Template
Theme URI:
Description: A corporate theme perfect for your business
Version: 1.0
Author: Ivor Padilla
Author URI: http://ivorpadilla.net
Tags: corporate, themeforest, stylish, clean
*/


/************************************************************************
Table of Content:

1.- General Cascade Stylesheets Rules
2.- Structure
3.- Main Navigation
	3.1.- Subnavigation
4.- Banner
5.- Main
6.- Tour Page
7.- Headquarters Page
8.- Pricing Page
9.- Sign Up Page
10.- Contact Page
11.- Single Page
12.- Gallery
13.- Footer
************************************************************************/

/************************************************************************
1.- General Cascade Stylesheets Rules
************************************************************************/
body {
	color: #545454;
}
a, a:link {
	color: #409edc;
	text-decoration: none;
}
a:visited {
	color: #409edc;
}
a:hover, a:focus {
	color: #2379b2;
	text-decoration: underline;
}
a:active {
	color: #2379b2;
}
:-moz-any-link:focus {
 outline: none;
}
/* Mozilla based browsers */
::-moz-selection {
 background-color: #cfecff;
 color: #000;
}
/* Works in Safari */
::selection {
 background-color: #cfecff;
 color: #000;
}
/*Add Scroll bar in all browsers*/
html {
	overflow-y: scroll;
}
html h1, html h2, html h3, html h4 {
	font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight:normal;
	color:#722330;
}
/* =Clearfix (all browsers)
--------------------------------*/
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */
.clearing {
	clear:both;
	height:0;
	overflow:hidden;
	margin:-1px 0 0 0;
}
.left {
	float: left
}
.right {
	float: right
}
.overflow {
	overflow:hidden
}
.hr {
	clear:both;
	float:none;
	width:100%;
	border-bottom:1px dotted #ccc;
	padding:20px 0;
}
/************************************************************************
2.- General Structure
************************************************************************/
#page {
	background:#fff url(../images/background.jpg) repeat-x;
}
#inner-page {
	background:#fff url(../images/inner-background.jpg) repeat-x;
}
#inner-page-blue {
	background:#fff url(../images/inner-background-blue.jpg) repeat-x;
}
#inner-page-green {
	background:#fff url(../images/inner-background-green.jpg) repeat-x;
}
#inner-page-red {
	background:#fff url(../images/inner-background-red.jpg) repeat-x;
}
#header {
	height:43px;
	position:relative;
	z-index:998
}
#logo-inicio a {
	display:block;
	background-image: url(../images/logo-inicio.png);
	height:235px;
	width:150px;
	text-indent:-9999px;
	margin-top:20px;
}
#logo a {
	display:block;
	background-image: url(../images/logo.png);
	height:135px;
	width:150px;
	text-indent:-9999px;
	margin-top:20px;
}
/************************************************************************
Main Navigation
************************************************************************/
ul#topnav {
	padding: 0 0;
	width: 590px;  /*Change this if you want a bigger nav*/
	font-size: 1.2em;
	text-align:center;
	margin: 19px 0 19px 320px;
	list-style: none;
}
/*ul#topnav .subnav {display:none}*/
ul#topnav li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 5px;
}
ul#topnav li a {
	text-decoration: none;
	float:left;
	cursor: pointer;
	color:#fff;
	font-size: .9em;
/*	text-shadow:1px 1px #111; */
	padding:0;
}
ul#topnav li a span {
	margin: 0 10px 0 -10px;
	padding: 3px 8px 4px 28px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
    background:;
}
ul#topnav li a span.sign-up {
	padding: 3px 8px 4px 18px;
}
ul#topnav li a:active {
    background:;
	color:#fff;
	margin-top:1px
}
ul#topnav li.active a, ul#topnav li a:hover {
	text-decoration:none;
	/* background:#595959; */
    background: #4b171f;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
ul#topnav li a.sign-up {
	background: url(../images/nav-2.png) no-repeat top right;
	color:#fff;
	text-shadow:1px 1px 1px #349516;
	text-transform:uppercase;
}
ul#topnav li span.sign-up {
	background: url(../images/nav-2.png) no-repeat top left;
}
ul#topnav li a:hover.sign-up {
	background: url(../images/nav-2.png) no-repeat right -28px;
}
ul#topnav li span:hover.sign-up {
	background: url(../images/nav-2.png) no-repeat left -28px;
}
ul#topnav li.sign-up {
	padding-left:15px;
}
/************************************************************************
Sub Navigation
************************************************************************/

ul#topnav.sf-menu li.current ul li a, ul#topnav.sf-menu li ul li a {
	background:transparent none repeat scroll 0 0;
	float:left;
	height:auto;
	width:175px;
	text-align:left;
	display:block;
	padding:7px 6px;
	margin:0px 0;
	border-bottom:1px solid #595959;
	color:#d2d1d1;
	text-shadow:none;
}
ul#topnav.sf-menu li.current ul li {
	margin:0;
	padding:0px 0
}
ul#topnav.sf-menu li.current ul li a:hover, ul#topnav.sf-menu li ul li a:hover {
	color:#fff;
	text-shadow:none;
/*	background:#3e3e3e; */
    background:#4b171f;
}
ul#topnav.sf-menu li.current ul, ul#topnav.sf-menu li ul {
	left:-10px;
	margin:19px 0 0 10px;
	top:25px;
	-moz-box-shadow:0px 0px 5px #111;
	-webkit-box-shadow:0px 0px 5px #111;
	background: #303030;
	width:187px;
}
ul#topnav.sf-menu li.sfHover ul li {
	margin:0
}
ul#topnav.sf-menu li.current ul li.current ul, ul#topnav.sf-menu li.current ul li.sfHover ul, ul#topnav.sf-menu li.sfHover ul li.sfHover ul {
	left:180px;
	top:-20px;
}
#topnav li ul.subnav, #topnav li ul.subnav ul, #topnav li ul.subnav ul ul ul ul {
	display:none;
}
#topnav li:hover ul.subnav, #topnav li li:hover ul.subnav, #topnav li li li:hover ul.subnav, #topnav li li li li:hover ul.subnav {
	display:block;
}
/************************************************************************
Banner
************************************************************************/

#banner {
	height:340px;
	position:relative;
	z-index:100
}
#description {
	margin-top:63px;
	width:500px
}
#description p {
	font-size:1.6em;
	color:#fff
}
#description a {
	color:#d6efff;
	text-decoration: underline
}
#description a:hover {
	text-decoration: underline
}
#description span {
	display:block;
	float:right;
	margin:-30px 150px 0 0;
	color:#fff;
}
#description small {
	display:block;
	color:#fff;
	font-style:italic;
	margin-left:25px;
	text-shadow:1px 1px #2e8fcc
}
#description a.pricing-buttom {
	background:url(../images/pricings-buttom.png) no-repeat 0 -47px;
	height:44px;
	width:240px;
	display:block;
	text-indent:-9999px;
	font-size:0;
	line-height:0
}
#description a.phover {
	background:url(../images/pricings-buttom.png) no-repeat 0 0px;
	height:44px;
	width:240px;
	display:block;
	text-indent:-9999px;
}
#display {
	background: url(../images/lcd.png) no-repeat;
	margin-top:29px;
	width:399px;
	height:333px;
	margin-left:-19px;
	margin-left:21px;
	position:relative;
	z-index:-10
}
#display #photos {
	position:relative;
	top:20px;
	left:18px;
}
.galleryview {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.panel-overlay h2, .panel-overlay p {
	margin: .4em 0;
}
.panel-overlay p {
	line-height: .8em;
}
/************************************************************************
jQuery s3Slider
************************************************************************/
#slider ul li {list-style:none}
#banner {
  background: url(../images/shadow.png) no-repeat bottom right;
  height:406px;
  width: 940px;
}

#slider {
   width: 780px; /* important to be same as image width */
   height: 347px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   top: -225px;
   left: 160px;
}

#sliderContent {
   width: 780px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px/15px Arial, Helvetica, sans-serif;
   padding: 30px 13px;
   width: 780px;
   background-color: #FFF;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #4b171f;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.sliderImage strong {
  font-size:1.5em;
}
/************************************************************************
jQuery s3Slider - small
************************************************************************/
#slider-small ul li {list-style:none}
#banner-small {
  background: url(../images/shadow.png) no-repeat bottom right;
  height:214px;
  width: 940px;
}

#slider-small {
   width: 780px; /* important to be same as image width */
   height: 155px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   top: -125px;
   left: 160px;
}

#slider-smallContent {
   width: 780px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.slider-smallImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.slider-smallImage span {
   position: absolute; /* important */
   left: 0;
   font: 15px Arial, Helvetica, sans-serif;
   padding: 12px 12px;
   width: 780px;
   background-color: #FFF;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #4b171f;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.slider-smallImage strong {
  font-size:1.5em;
}
/************************************************************************
Main
************************************************************************/
/* Read more buttons */
a.readmore {
	width: 87px;
	height:24px;
	text-indent:-9999px;
	overflow: hidden;
	background: url(../images/detalhe.png) no-repeat 0 -25px;
	display: block;
	float:left;
	margin-top:0px
}
a.readmore .hover {
	width: 87px;
	height:24px;
	text-indent:-9999px;
	overflow: hidden;
	background: url(../images/detalhe.png) no-repeat 0 0px;
	display: block;
	float:left;
}
a.readmore-en {
	width: 87px;
	height:24px;
	text-indent:-9999px;
	overflow: hidden;
	background: url(../images/detalhe_en.png) no-repeat 0 -25px;
	display: block;
	float:left;
	margin-top:0px
}
a.readmore-en .hover {
	width: 87px;
	height:24px;
	text-indent:-9999px;
	overflow: hidden;
	background: url(../images/detalhe_en.png) no-repeat 0 0px;
	display: block;
	float:left;
}
/* /Read more buttons */

#columns {
	margin-bottom:60px
} /*Just to work better - temporal*/
#main {
	margin-top:20px
}
#main #columns .cols {
	width:280px;
	padding:0 10px
}
#main .cols h2 {
	font-weight:bold;
	color:#464646;
	margin:0;
	line-height:35px
}
#main .cols h6 {
	color:#3798d6;
	font-style:italic;
	font-weight:normal;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #d8d8d8
}
#main .cols img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:4px;
	background:#f3f3f3;
	border:1px solid #e3e3e3;
	margin-bottom:14px
}
img.shadow {
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
div.separator {
	background: url(../images/sep-hoz-home.jpg);
	height:47px;
	width:941px
}
div.separator-small {
	background: url(../images/sep-hoz-home-small.jpg);
	height:15px;
	width:652px;
    margin: 0;
}

#main-secondary {
	margin-top:10px
}
#main-secondary h3 {
	color:#464646;
	font-weight:200;
}
#main-secondary .left-content-secondary img {
	float:right;
	padding:10px
}
#main-secondary .left-content-secondary {
	width:612px;
	padding-right:40px;
	border-right:1px solid #ccc
}
#main-secondary .right-content-secondary {
	padding-left:20px;
	width:240px;
}
#main-secondary .right-content-secondary ul {
	margin-left:0;
	width:240px;
}
#main-secondary .right-content-secondary ul li {
	list-style:none;
	border-bottom:1px solid #ccc;
	margin-left:0;
}
#main-secondary .right-content-secondary ul li a {
	color:#6f6f6f;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	padding:6px 0 6px 5px;
}
#main-secondary .right-content-secondary ul li a:hover {
	background:#f6f6f6
}
#main-secondary .right-content-secondary ul li a span.meta {
	display:block;
	font-size:.9em;
	text-transform:none;
	padding-right: 13px
}
#main-secondary .right-content-secondary ul li a span.meta span.sub-meta {
	padding-right:4px;
	border-right: 1px solid #ccc
}
/*Main Inner*/
#main-inner {
	margin-top:10px
}
#main-inner div.title h3 {
	color: #545454;
	font-size: 2.3em;
	font-weight: bold;
	text-decoration: none;
	padding:0;
	margin: 0
}
#main-inner .left-content-secondary img {
	float:right;
	padding:10px
}
#main-inner .left-content-secondary {
	width:612px;
	padding-right:40px;
	border-right:1px solid #ccc
}
#main-inner .left-content-secondary .small-title {
	margin-left: 2px;
	color: #4f4f4f
}
#main-inner .left-content-secondary div.title {
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
	margin-bottom:24px
}
#main-inner .left-content-secondary img.laptop {
	float: left;
	margin-top: 35px
}
#main-inner .left-content-secondary div.product-quote {
	padding:70px 0
}
#main-inner .left-content-secondary div.product-quote h4 {
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:0;
	color:#efa049;
}
#main-inner .left-content-secondary div.product-quote p {
	font-style: italic;
	color: #959494
}
#main-inner .right-content-secondary {
	padding-left:20px;
	width:240px;
	margin-top: 0px
}
#main-inner .right-content-secondary img {
	float: left;
	margin: 0px 15px 0px 5px
}
#main-inner .right-content-secondary ul {
	margin-left:0;
	width:240px;
}
#main-inner .right-content-secondary ul li {
	list-style:none;
	border-bottom:1px solid #ccc;
	margin-left:0;
}
#main-inner .right-content-secondary ul li a {
	color:#6f6f6f;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	padding:8px 0 14px 5px;
	clear: both;
	font-weight: bold
}
#main-inner .right-content-secondary ul li a:hover {
	background:#f6f6f6
}
#main-inner .right-content-secondary ul li a span.meta {
	display:block;
	font-size:0.9em;
	text-transform:none;
	padding-right: 13px
}
#main-inner .right-content-secondary ul li a span.meta span.sub-meta {
	padding-right:4px;
	font-weight: normal
}
/*Main Inner Secondary Blog */

#main-inner .left-content-secondary a.blog-post-title {
	color: #545454;
	font-size: 2.3em;
	font-weight: bold;
	text-decoration: none;
}
#main-inner .left-content-secondary a.blog-post-title:hover {
	text-decoration: none;
	color: #47a4de;
}
#main-inner .left-content-secondary .blog-post {
	background: url(../images/blog-post-separator.jpg) no-repeat center bottom;
	padding-bottom: 120px
}
#main-inner .left-content-secondary .blog-post img {
	float: none;
	padding: 6px;
	background: #fff;
	outline: 1px dotted #ccc;
	margin: 15px 0
}
#main-inner .left-content-secondary .blog-post a:hover img {
	background: #f2f2f2;
	outline: 1px dotted #ccc
}
#main-inner .left-content-secondary .arrow {
	background: url(../images/arrow_large.jpg) no-repeat;
	width: 620px;
	text-indent: -9999px;
	margin: -2px auto 0 auto
}

#main-inner .right-content-secondary h1 {
	text-align: center;
	font-size: 1.0em;
	color: #545454;
	font-weight: bold;
	letter-spacing: 1px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 8px 0;
	margin: 0 0;
}
#main-inner .right-content-secondary .arrow {
	background: url(../images/arrow.jpg) no-repeat 7px 0;
	width: 30px;
	text-indent: -9999px;
	margin: -2px auto 0 auto
}
#main-inner .right-content-secondary ul#categories li a {
	font-weight: normal;
	text-transform: capitalize;
	padding:8px 0 8px 5px;
}
#main-inner .right-content-secondary ul.blog-sidebar-a li a {
	font-weight: normal;
	text-transform: capitalize;
	padding:8px 0 8px 5px;
}
#main-inner .right-content-secondary div#archives {
	margin-top: 40px
}
#main-inner .right-content-secondary div#text-widget {
	margin-top: 40px
}
#main-inner .right-content-secondary div#ads {
	margin-top: 40px
}
div.meta {
	width: 360px;
	float: left
}
.comments-counter {
	background:transparent url(../images/balloon.png) no-repeat scroll 100px 50%;
	float:right;
	margin-left:31px;
	padding-left:22px;
	text-align:right;
	width:190px;
}
div.blog-content p {
	clear: both
}
.navigator {
	margin:15px 0 0 0;
	clear:both;
	position:relative;
	bottom:5px;
	right: 160px
}
.navigator a, .navigator span {
	font-weight:bold;
	float:right;
	display:block;
	padding:3px 10px;
	margin:0 3px 0 0;
	background-color:white;
	border:1px solid #c5d6e6;
	-moz-border-radius:3px;
	-webkit-border-radius:3px
}
.navigator a.selected, .navigator span.selected {
	background-color:#38a2d7;
	border:1px solid #3186b0
}
.navigator b {
	color:white !important
}
.navigator a:hover {
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
}
div#ads a.adhere100px {
	width:100px;
	height:100px;
	background:#e7e7e7;
	display:block;
	margin:5px;
	float:left;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 850%;
	color: #545454;
	font-weight: bold;
	text-decoration: none;
}
div#ads a.adhere100px:hover {
	background: #ddd
}
div#ads div.ad-boxes {
	margin:0 7px;
}
/************************************************************************
Tour Page
************************************************************************/
#main-inner h2.main-title {
	color:#680027;
	width: 450px;
	float: left
}
#main-inner h1.tour-title {
	color:#680027;
	text-align:center
}
#main-inner ul#tour-menu {
	float:left;
	width: 400px;
	margin: 20px 0 0 80px
}
#main-inner ul#tour-menu li {
	border-right:1px solid #CCCCCC;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0px 0 13px;
	padding:0 12px 0 0px;
	line-height:13px;
}
#main-inner ul#tour-menu li:last-child {
	border: none
}
#main-inner ul#tour-menu li a {
	color:#575757
}
#main-inner ul#tour-menu li a.selected {
	color: #111;
	text-decoration: underline
}
#main-inner ul#tour-menu li a:hover {
	color: #111
}
#video-container {
	text-align: center;
	text-indent: -9999px;
	background: url("../images/video-shadow.jpg") no-repeat center 413px
}
#video-container #video {
	width: 790px;
	margin-left: auto;
	margin-right: auto
}
#tags {
	padding: 40px 0
}
#tags p {
	color: #818181;
	font-size: 1.8em;
	font-size: 1.4em;
	text-align: center
}
#main-tour-content {
	margin-top: 40px;
	width:650px;
	margin-right: 0;
	width: 700px;
}
#main-tour-content h3 {
	color: #680027
}
#main-tour-content img {
	padding:3px;
	margin:0 3px;
	background:#f9f9f9;
	border:1px solid #ccc;
}
.separator-big {
	background: url(../images/separator-big.jpg) no-repeat 0 0;
	text-indent: -9999px;
	height: 56px
}
div#secondary-text {
	margin-top: 30px;
	padding-top: 40px
}
div#secondary-text p {
	font-style: italic
}
div#secondary-text hr {
	margin-bottom:30px;
	background: #ededed
}
ul#styled-menu {
	margin-top: 40px;
	margin-left:27px;
	width:189px;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	float:right
}
ul#styled-menu li {
	list-style:none;
	border-bottom:1px solid #ccc;
	margin-left:0;
}
ul#styled-menu li a {
	color:#6f6f6f;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	padding:4px 0 4px 5px;
	background: #f8f8f8;
	border-top: 1px solid #fff
}
ul#styled-menu li a:hover {
	background:#efeeee
}
ul#styled-menu li a span.meta {
	display:block;
	font-size:.9em;
	text-transform:none;
	padding-right: 13px
}
ul#styled-menu li a span.meta span.sub-meta {
	padding-right:4px;
	border-right: 1px solid #ccc
}
#main-tour-content div.col {
	padding:0 15px;
}
ul#styled-menu li a span {
	text-transform:none;
	padding-left:12px;
}
ul#styled-menu li a img {
	padding-left: 8px;
	line-height:18px;
	vertical-align:middle;
}
/************************************************************************
Headquarters Page
************************************************************************/
.strong {
	color:#722330;
	font-size:17px;
	font-weight:bold;
	line-height: 1.2
}
#hq-left-intro {
	width:450px;
	padding-right:10px;
	padding-bottom:50px;
}
div#hq-main {
	margin-top:110px;
	clear:both
}
div.hq-info h3 {
	margin:0;
	font-size:1.7em;
	font-weight:bold;
	color:#12689e;
	padding-top:10px
}
div.hq-info span {
	font-style:italic;
}
div.hq-info p {
	padding-top:10px
}
div.hq-info img {
	padding:4px;
	outline:1px solid #ccc;
}
#video-add {
	padding-top:20px;
	padding-bottom:35px;
	overflow:hidden
}
div#hq-cols {
	padding-top:10px
}
div#video-add div.video p {
	display: none
}
div.video {
	margin-top: 53px
}

#main-inner h2.main-title-2 {
	color:#680027;
	margin:0;
	border-bottom:1px dotted #ccc;
	padding-bottom:3px;
	display:block;
	width:940px
}
#main-inner div.inner-page-title span {
	font-size:.9em;
	margin-left:2px;
	border-bottom:1px dotted #ccc;
	padding-bottom:3px;
	color: #666;
	display:block;
	width:620px
}
#main-inner div.inner-page-title {
	margin-bottom:30px
}

/************************************************************************
Pricings Page
************************************************************************/
#main-inner div#right-call-buttom {
	float:right;
	width:226px;
	margin-top:5px
}
#main-inner div#right-call-buttom a {
	color:#0C3;
	background:url(../images/call-us.png) no-repeat 0 0;
	height:70px;
	display:block;
	text-indent:-9999px
}
#main-inner div#right-call-buttom a:hover {
	background:url(../images/call-us.png) no-repeat 0 -73px;
}

div#main-inner form#sign-up-top {
	background: #f4f4f4 url(../images/white-space.gif) repeat-x top left;
	border: 1px solid #ccc;
	overflow: hidden;
	width: 500px;
	padding: 30px 50px;
	margin-top: 113px;
}
div#main-inner form#sign-up-top input[type="text"] {
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px;
	float:right;
	margin:1.5em 0;
	padding:10px 11px;
	width:362px;
	background: url(../images/text-form-bg.jpg) repeat-x
}
div#main-inner form#sign-up-top label {
	line-height:62px;
	margin: 0 10px
}
div#main-inner form#sign-up-top h3 {
	background: url(../images/1.png) no-repeat 0 0;
	padding-left: 60px;
	height: 43px;
	line-height: 47px;
	text-shadow: 1px 1px #fff
}
div#main-inner form#sign-up-bottom {
	background: #f4f4f4 url(../images/white-space.gif) repeat-x top left;
	border: 1px solid #ccc;
	overflow: hidden;
	width: 500px;
	padding: 50px;
	margin-top: 50px;
}
div#main-inner form#sign-up-bottom input[type="text"] {
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px;
	float:right;
	margin:1.5em 0;
	padding:10px 11px;
	width:362px;
	background: url(../images/text-form-bg.jpg) repeat-x
}
div#main-inner form#sign-up-bottom input[type="password"] {
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px;
	float:right;
	margin:1.5em 0;
	padding:10px 11px;
	width:362px;
	background: url(../images/text-form-bg.jpg) repeat-x
}
div#main-inner form#sign-up-bottom label {
	line-height:62px;
	margin: 0 10px
}
div#main-inner form#sign-up-bottom h3 {
	background: url(../images/2.png) no-repeat 0 0;
	padding-left: 60px;
	height: 43px;
	line-height: 47px;
	text-shadow: 1px 1px #fff
}
div#main-inner input[type="submit"] {
	border: 0;
	background: url(../images/create.gif) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9999px;
	height:70px;
	width: 539px;
	margin: 35px
}
div#main-inner input[type="submit"]:hover {
	background-position: 0 -76px
}
div#thanks img {
	padding-bottom:30px;
	padding-left:15px
}
div#trial {
	clear:both;
	padding-top:10px;
	padding-bottom:15px
}
div#trial h3 {
	text-align:center;
	background:url(../images/trial.jpg) no-repeat 0 0;
	text-indent:-9999px;
	width:187px;
	margin:5px 30px 5px auto
}
div#trial p {
	font-size:.9em;
	text-align:center
}
div#text-widget div.cloud {
	background:url(../images/bubble.jpg) no-repeat 0 0;
	padding:8px;
	margin-bottom:15px
}
div#text-widget div.cloud p {
	font-size:.9em;
	text-shadow:1px 1px #fff;
}
div#text-widget p.client strong {
	color:#111;
}
div#text-widget p.client {
	margin-top:-10px;
	margin-left:21px
}
div#text-widget div.cloud h3 {
	font-size:1.6em;
	margin:0;
	line-height:20px;
	padding-bottom:5px
}
div#widget-4 h3 {
	background:url(../images/who.jpg) no-repeat 0 0;
	text-indent:-9999px;
	height:28px;
	margin-left:10px
}
div#widget-4 img {
	padding:10px;
	outline:1px solid #ccc
}
div#main-inner form#sign-up-top input[type="text"] {
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px;
	float:right;
	margin:1.5em 0;
	padding:10px 11px;
	width:362px;
	background: url(../images/text-form-bg.jpg) repeat-x
}
div#main-inner form#sign-up-bottom input[type="text"] {
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px;
	float:right;
	margin:1.5em 0;
	padding:10px 11px;
	width:362px;
	background: url(../images/text-form-bg.jpg) repeat-x
}
div#main-inner form#sign-up-bottom input[type="password"] {
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px;
	float:right;
	margin:1.5em 0;
	padding:10px 11px;
	width:362px;
	background: url(../images/text-form-bg.jpg) repeat-x
}

/************************************************************************
Contact
************************************************************************/

div#main-inner form#contact-form {
	background: #f4f4f4 url(../images/white-space.gif) repeat-x top left;
	border: 1px solid #ccc;
	overflow: hidden;
	width: 500px;
	padding: 30px 50px;
	margin-top: 50px;
}
div#main-inner form#contact-form input[type="text"] {
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px;
	float:right;
	margin:1.5em 0;
	padding:10px 11px;
	width:362px;
	background: url(../images/text-form-bg.jpg) repeat-x
}
div#main-inner form#contact-form label {
	line-height:62px;
	margin: 0 10px
}
div#main-inner form#contact-form h3 {
	background: url(../images/as.png) no-repeat 0 0;
	padding-left: 60px;
	height: 43px;
	line-height: 47px;
	text-shadow: 1px 1px #fff
}
div#main-inner form#contact-form textarea {
	-webkit-border-radius:4px;
	-moz-border-radius:4px 4px 4px 4px;
	float:right;
	height:100px;
	width:373px;
	background: #fff url(../images/text-form-bg.jpg) repeat-x;
}
div.left-content-secondary p.contact-intro {
	clear:both;
	font-size:1.3em;
	padding-top:35px;
}
div.left-content-secondary div.trib {
	background:url(../images/trib.jpg) no-repeat 0 0;
	text-indent:-9999px;
	height:22px;
	width:82px;
	margin:30px auto;
}
#main-inner .left-content-secondary ul#map li a {
	font-weight: normal;
	text-transform: capitalize;
	padding:8px 0 8px 5px;
}

#main-inner .left-content-secondary div#details h3 {
	color: #545454;
	font-size: 1.6em;
	font-weight: bold;
	text-decoration: none;
	padding:0;
	margin-bottom: 5px;
}

#main-inner .left-content-secondary div#details {
	clear:both;
	padding-top:0px;
	margin-bottom:0;
}
#main-inner .left-content-secondary div#details p {
	margin:0;
	line-height:25px;
}
#main-inner .left-content-secondary div#details p.mail {
	background:url(../images/mail.png) 0 30% no-repeat;
	padding-left:25px;
}
#main-inner .left-content-secondary div#details p.tel {
	background:url(../images/phone.png) 0 30% no-repeat;
	padding-left:25px;
}
#main-inner .left-content-secondary div#details p.fax {
	background:url(../images/fax.png) 0 30% no-repeat;
	padding-left:25px;
}
#main-inner .left-content-secondary div#text-widget-contact {
	margin-top: 20px;
}
#main-inner .left-content-secondary div#text-widget-contact p {
	font-size:.9em;
}
div#main-inner form#contact-form input#contact-submit[type="submit"] {
	border: 0;
	background: url(../images/contact-submit-pt.png) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9999px;
	height:38px;
	width: 125px;
	float:right;
	position:relative;
	top:10px;
}
div#main-inner form#contact-form input#contact-submit[type="submit"]:hover {
	background-position:0 -40px
}
div#main-inner form#blog-comment-form input#contact-submit[type="submit"] {
	border: 0;
	background: url(../images/contact-submit-pt.png) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9999px;
	height:38px;
	width: 125px;
	float:right;
	position:relative;
	top:50px;
	left:30px
}
div#main-inner form#blog-comment-form input#contact-submit[type="submit"]:hover {
	background-position:0 -40px
}
#message {
	margin: 5px 0;
	padding: 0;
}
#message h2 {
	margin: 0;
}
.error_message {
	display: block;
	height: 22px;
	line-height: 22px;
	background: #FBE3E4 url('assets/error.gif') no-repeat 10px center;
	padding: 3px 10px 3px 35px;
	color:#8a1f11;
	border: 1px solid #FBC2C4;
	-webkit-border-radius:5px;
}
.loader {
	padding: 0 10px;
}
#message h2 {
	background: url('../images/success.png') left no-repeat;
	padding-left:62px;
}
acronym {
	border-bottom:1px dotted #ccc;
}
/************************************************************************
Single Page
************************************************************************/
/*Single*/
#main-inner .left-content-secondary .blog-post-single {
/*no-repeat center bottom; */
	padding-bottom: 120px
}
#main-inner .left-content-secondary .blog-post-single img {
	float: none;
	padding: 6px;
	background: #fff;
	outline: 1px dotted #ccc;
	margin: 15px 0
}
#main-inner .left-content-secondary .blog-post-single a:hover img {
	background: #f2f2f2;
	outline: 1px dotted #ccc
}
div.blog-post-single p.rating {
	background:url(../images/stars.jpg) no-repeat 0 50%;
	padding-left: 110px;
	width: 180px;
	margin-top: 60px;
}
.tweetmemebutton {
	color:#333;
	font-family:Helvetica, Arial, Verdana;
	font-size:81.3%;
	line-height:1.5em;
	margin:0;
	padding:0 35px;
	margin-right:10px;
	position: relative;
	top: -55px
}
.tweetmemebutton .count {
	background:url(../images/widget.gif) no-repeat;
	color:#444;
	display:block;
	font-size:17px;
	height:34px;
	padding:4px 0;
	position:relative;
	text-align:center;
	text-decoration:none;
	width:50px
}
.tweetmemebutton .count span.t {
	display:block;
	font-size:10px;
	left:10px;
	line-height:10px;
	position:absolute;
	top:23px
}
.tweetmemebutton .retweet {
	background:url(../images/widget.gif) no-repeat 0 -45px;
	color:#FFF;
	cursor:pointer;
	display:block;
	font-size:11px;
	height:16px;
	line-height:16px;
	margin-top:3px;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:50px
}
.tweetmemebutton .retweet:hover, .tweet .left .retweet.selected {
	background-position:0 -61px;
	color:#80b62a
}
div.blog-post-single div#author {
	background: #f4f4f4 url(../images/author-bg.jpg) no-repeat right bottom;
	outline:1px solid #e3e3e3;
	padding: 2px 15px
}
div.blog-post-single div#author p {
	margin-top: 18px;
	text-shadow: 1px 1px #fff
}
div#main-inner div.blog-post-single div#author img {
	-webkit-border-radius:3px;
	-moz-border-radius:3px 3px 3px 3px;
	-moz-box-shadow:0 0 5px #B1B1B1;
	-webkit-box-shadow:0 0 5px #B1B1B1;
	background:none repeat scroll 0 0 #FFFFFF;
	border:medium none;
	outline:medium none;
	padding:4px;
	float: left;
	margin-right: 10px;
}
/************************************************************************
Comments
************************************************************************/

div#comments-content {
	margin-top: 60px
}
div#comments-content h1 {
	color: #ccc;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 40px
}
div#main-inner div#comments-content div ol li.reader-comment {
	background:#fff url(../images/comment-bg.jpg) repeat-x top left;
	border-top:1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	list-style:none outside none;
	margin:0;
	padding:25px;
}
div#main-inner div#comments-content div ol li.reader-comment:last-child {
	border-bottom: 1px solid #dfdfdf
}
div#main-inner div#comments-content div ol li.reader-comment img {
	border:none;
	outline:none;
	float:left;
	background:none;
	margin-top:-5px
}
div#main-inner div#comments-content div ol li.reader-comment span {
	display:block
}
a.comment-counter {
	padding:10px 30px;
	background:#1389cc;
	font-size:1.6em;
	color: #fff
}
a.comment-counter:hover {
	text-decoration:none;
	background:#2a9cde
}
div#comment-box {
	margin-top:50px;
	position: relative
}
div#comment-box h3 {
	color:#ccc;
	border-bottom: 1px dotted #ccc;
	width:550px;
	margin: 0 auto
}
div#comment-box div.comment-intro {
	width: 550px;
	margin: 20px auto
}
div#comment-box form#blog-comment-form {
	background: #f4f4f4 url(../images/white-space.gif) repeat-x top left;
	width: 450px;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #e3e3e3
}
div#comment-box form#blog-comment-form input[type="submit"].comments {
	position: relative;
	top: 26px;
	left: 36px
}
div#comment-box form#blog-comment-form input[type="text"] {
	padding: 8px 5px;
	width: 250px;
	background: url(../images/comment-form-bg.gif) repeat-x;
}
div#comment-box form#blog-comment-form label {
	display: none
}
div#comment-box form#blog-comment-form textarea {
	height: 150px;
	width: 435px;
	background:#fff url(../images/comment-form-bg.gif) repeat-x
}
/************************************************************************
Gallery
************************************************************************/

div#gallery div.gallery-content {
	padding:40px 0
}
div#gallery div.gallery-content ul li {
	background:url(../images/list.png) no-repeat 0 50%;
	padding-left:20px;
	list-style:none
}
/* --- viewport configuration ---------------------------------------------------------- */
.viewport {
	border: 3px solid #eee;
	float: left;
	height: 248px;
	margin: 0 0px 9px 0px;
	overflow: hidden;
	position: relative;
	width: 459px;
	left:88px;
}
/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
           class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin {
	margin-right: 0;
}
/* --- Link configuration that contains the image and label ----------------------------- */
.viewport a {
	display: block;
	position: relative;
}
.viewport a img {
	height: 268px;
	left: -20px;
	position: relative;
	top: -20px;
	width: 480px;
}
/* --- Label configuration -------------------------------------------------------------- */
.viewport a span {
	display: none;
	font-size: 3.0em;
	font-weight: bold;
	height: 100%;
	padding-top: 120px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 100%;
	z-index: 100;
}
.viewport a span em {
	display: block;
	font-size: 0.45em;
	font-weight: normal;
}
/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {
	background:rgba(15, 15, 15, 0.6) url(../images/zoom.png) no-repeat 50% 30%;
	color: #fff;
	text-shadow: #000 0px 0px 20px;
}
.dark-background em {
	color: #ccc;
}
/* --- Light hover background ----------------------------------------------------------- */
.light-background {
	background-color: rgba(255, 255, 255, 0.6);
	color: #333;
	text-shadow: #fff 0px 0px 20px;
}
.light-background em {
	color: #707070;
}
/**
         * You could create multiple hover background classes for different looks depending on the
         * image type. Use your imagination!
         */




/************************************************************************
Footer
************************************************************************/

#footer {
	margin-top: 100px;
	height:310px;
	background:url(../images/footer-bg.jpg) repeat-x
}
#top-footer {
	height:265px;
	position:relative
}
#top-footer h3 {
	text-transform:uppercase;
	color:#010101;
	font-weight:bold;
	font-size:1.3em;
	text-shadow:1px 1px #fff;
	background: url(../images/dot.png) no-repeat 0 50%;
	padding-left: 15px
}
#top-footer .footer-logo {
	position:absolute;
	width:166px;
	top:-13px;
	overflow:hidden;
	left:0
}
#top-footer div.footer-list {
	margin-top:38px
}
#top-footer div.footer-list ul {
	margin-left:0
}
#top-footer div.footer-list ul li {
	list-style:none;
	margin-left:0;
}
#top-footer div.footer-list ul li a {
	color:#4a4949;
	display:block;
	border-bottom:1px solid #ccc;
	padding: 3px 0 3px 3px;
	text-decoration:none;
}
#top-footer div.footer-list ul li a:hover {
	background:#eeeeee;
}
#top-footer div.copyright {
	margin-top:100px
}
#top-footer div.copyright p {
	color:#2e2e2f;
	text-shadow:1px 1px #fff
}
#bottom-footer {
	height:41px
}
#top-footer, #bottom-footer {
	width:940px;
	margin:0 auto;
	display:block
}
#footer .menu-lite ul {
	float:left;
	padding-top:15px;
	margin-bottom:-15px;
	margin-left: -7px
}
#footer .menu-lite ul li {
	float:left;
	list-style:none;
	margin:0 8px
}
#footer .menu-lite ul li a {
	color:#fff;
	text-decoration:none;
	text-shadow:1px 1px #222
}
#footer .menu-lite ul li a:hover {
	text-decoration:underline
}
#toTop {
	width:96px;
	text-indent:-9999px;
	background: url(../images/totop.png) no-repeat 0 0;
	height:15px;
	padding:5px;
	position:fixed;
	bottom:10px;
	right:10px;
	cursor:pointer;
}
a:hover#toTop {
	background: url(../images/totop.png) no-repeat 0 -25px;
}
a:active#toTop {
	background: url(../images/totop.png) no-repeat 0 -24px;
}
ul#topnav.sf-menu li.current ul, ul#topnav.sf-menu li ul {
	display:block
}
/************************************************************************
Browser Specific Fixes
************************************************************************/

/*WebKit*/
.webkit table#pricing-chart th.business {
	height:158px
}
.webkit table#pricing-chart th.top {
	background:url(../images/table-top.jpg) no-repeat -5px bottom
}
/*Opera*/



/*MSIE*/

.ie a.readmore .hover {
	background: url(../images/detalhe.png) no-repeat 0 10px;
}
.ie a.readmore-en .hover {
	background: url(../images/detalhe_en.png) no-repeat 0 10px;
}
.ie7 div#main-inner form#contact-form input[type="text"]#name {
	margin-top:-50px
}
.ie7 div#main-inner form#contact-form input[type="text"]#email {
	margin-top:-50px
}
.ie7 div#main-inner form#contact-form input[type="text"]#website {
	margin-top:-50px
}
.ie7 div#main-inner form#contact-form input[type="text"]#phone {
	margin-top:-50px
}
.ie7 div#main-inner form#contact-form input[type="text"]#subject {
	margin-top:-50px
}
.ie7 div#main-inner form#contact-form input[type="text"]#email {
	margin-top:-50px
}
.ie7 div#main-inner form#contact-form textarea {
	margin-top:-50px;
	margin-bottom:30px
}
.ie7 div#main-inner form#contact-form input#contact-submit[type="submit"] {
	border: 0;
	background: url(../images/contact-submit.png) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9999px;
	height:38px;
	width: 125px;
	float:right;
	position:relative;
	top:65px;
	line-height:0;
	font-size:0;
	left:375px
}
.ie7 div#main-inner form#contact-form input#contact-submit[type="submit"]:hover {
	background-position:0 -40px
}
.ie7 div#main-inner form#sign-up-top input[type="text"] {
	margin-top:-50px
}
.ie7 div#main-inner form#sign-up-bottom input[type="text"] {
	margin-top:-50px
}
.ie7 div#main-inner form#sign-up-bottom input[type="password"] {
	margin-top:-50px
}
.ie7 div#main-inner form#sign-up-top {
	margin-top:0
}
.ie7 div#main-inner input[type="submit"] {
	border: 0;
	background: url(../images/create.gif) no-repeat 0 0;
	cursor: pointer;
	text-indent: 0px;
	line-height:0;
	font-size:0;
	color:#86af38;
	height:70px;
	width: 539px;
	margin: 35px
}
.ie7 div#hq-main {
	margin-top:0px;
	clear:both
}
.ie7 div#gallery div.gallery-content {
	padding:20px 0 40px 0
}



/*Firefox*/