*{
	padding: 0px;
	margin: 0px;
	outline: none;
}
body{
	font-family: Verdana;
	font-size: 100%;
	margin: 0px;
	min-width:320px;
	padding: 0px;
}
.fixer{clear:both; display:block;}
.wrapper, .top_wrapper{
/*	max-width: 1280px;
	min-width: 500px;
	width: 980px;
*/
    max-width:1100px;
    width:80%;
	margin: 0px auto;
}
#page_body{
    max-width:1100px !important;
    width:80% !important;
	margin: 0px auto;
}
#page_body h1, #blog h1
{
    line-height:50px;
    color:#000;
    border-bottom:1px #CCC dashed;
}
.fixer{
	clear: both;
}
img{
	vertical-align: top;
}
p{
	font-size: 0.75em;
	color: #7a7a7a;
	line-height: 170%;	
}
h1,h2,h3{
	font-size: 1.125em;
	color: #646464;
	font-weight: lighter;	
	text-transform: uppercase;
}
a{
    color:#646464;
    outline:none;
}
a:hover{
    color:#d32831;
}
/*######################################## HEADER #################################*/
header{
	background: url("../images/topbar_bg.png");
	background-repeat: repeat-x;
	width: 100%;
	height:80px;
}
#logo{
	padding: 22px 5px;
	display: block;
	float: left;
}
header nav{
	margin-left:340px;
}
ul#topmenu{
	width: 100%;
	height: 79px;
	list-style: none;
}
#topmenu > li{
	float: left;
	height: 80px;
	width: 20%;
	position:relative;
}
#topmenu li a, #topmenu li span{
	display: block;
	padding-top:29px;
	line-height: 12px;
	text-align: center;
	color: #8a8a8a;
	text-decoration:none;
	font-size: 0.8em;
	vertical-align: bottom;
}
#topmenu li:hover{
	background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #dfdede 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dfdede)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#dfdede 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8f8f8 0%,#dfdede 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#dfdede 100%); /* IE10+ */
	background: linear-gradient(top,  #f8f8f8 0%,#dfdede 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#dfdede',GradientType=0 ); /* IE6-9 */
}
#topmenu li:hover a, #topmenu li:hover span{
	color: #d32831;
}
#topmenu li .submenu{
    background-color:#dfdede;
    position:absolute;
    top:77px;
    z-index:8000;
    display:none;
    min-width:240px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.8);
}
#topmenu li:hover .submenu{display:block;}
#topmenu li .submenu li{
    float:none;
    width:100%;
    display:block;
}
#topmenu li .submenu li a{
    background:none;
    text-align:left;
    border:0px;
    color:#000;
    padding:6px 10px;
    line-height:18px;
    white-space:normal;
    border-bottom:1px #999 dotted;
    height:auto;
}
#topmenu li .submenu li a:hover{
    color:#FFF;
    background-color:#333;
}
/*######################################## INDEX #################################*/
#main_content, #right_col{
	float: left;
}
#main_content{
	width: 63.959183673%;
	margin-right: 7.959183673%;	
}
#right_col{
	width: 28%;
}
.last_news_title{padding-left:14px; color:#000;}
/*######################### DESTAQUES #########################*/
#slides_area{
	background: url("../images/darker_bg.jpg");
	background-repeat: repeat;
	-webkit-box-shadow:   5px 2px 5px , 0.5);
    box-shadow:   5px 2px 5px , 0.5);
    border-bottom: 1px solid #FFF;
    clear:both;
}
#slides_area .caption
{
    position:absolute;
    bottom:0px;
    background-color:#FFF;
    padding-bottom:0px;
    width:100%;
}
#slides_area .caption p
{
    line-height:14px;
    padding-top:5px;
    padding-right:200px;
}
#slides_area .caption h3, #slides .caption a
{
    text-decoration:none;
}
#slides_area .caption a:hover
{
    color:#99171B;
}
/*######################### SOLUTIONS #########################*/
#solutions{
	background-color: #ebebeb;
	padding: 20px 0px;
	/*margin-bottom: 20px;*/
}
.solution, .textblock{
	width: 22%;
	float: left;
	margin-right: 4%;
}
.forth{
	margin-right: 0px;
}
.solution h2{
    font-size:0.8em;
	padding: 0px 0px 0px 60px;
	background-image: url("../images/solutions.png");
	background-position:0px 0px;
	background-repeat: no-repeat;
	display: block;
	line-height:16.6px;
	height:50px;
}
.second h2{
	background-position: 0px -100px;
}
.third h2{
	background-position: 0px -50px;
}
.solution p{
	padding-top: 10px;
}
.solution h2 a{
    text-decoration:none;
}
.solution .readmore{
    bottom:0px;
    text-decoration:none;
    color:#000;
}
/*######################### INTRODUCTION #########################*/
#books a{
    float:right;
    display:block;
    margin-right:20px;
    background-color:red;
    position:relative;
    top:-40px;
}
#books p{
    padding-top:45px;
}
#books a img{max-width:100%;}
.top_wrapper{position:relative;}
#languages{
    position:absolute;
    background-color:#111;
    top:0px;
    right:0px;
    height:20px;
    z-index:2000;
}
#languages a{
    display:block;
    float:left;
    padding:4px;
}
#introduction, #textblocks{
	margin-top: 20px;
	overflow:hidden;
}
#intro_pic{
	padding: 3px;
	float:left;
	border: 1px solid #ebebeb;
	width: 29.140127389%;
	max-width: 204px;
}
#introtext{
	float: right;
	width: 66.603053435%;
    text-align: justify;
}
#introtext h1{
	padding-bottom: 10px;
}
#introtext p{
	line-height: 170%;
}

.article_block, .latest_articles{
	border: 1px solid #ebebeb;
	border-bottom: 1px solid #FFF;	
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;	
     -webkit-box-shadow:  0px 5px 0px 1px rgba(229, 229, 229, 0.4);
    -moz-box-shadow:  0px 5px 0px 1px rgba(229, 229, 229, 0.4);
    -o-box-shadow:  0px 5px 0px 1px rgba(229, 229, 229, 0.4);
    box-shadow:  1px 5px 3px 1px rgba(229, 229, 229, 1);  
	margin: 9px 0px 25px 0px;
}
.article_block{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 71%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(71%,#f4f4f4), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 71%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 71%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 71%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f4f4f4 71%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */ 		
}
.article_block a
{
    text-decoration:none;
}
.article_block h2 , .latest_articles article{
	padding: 10px 6.188118812%;
}
.article_block .image {
    display:block;
    text-align:center;
}
.article_block img{
	width: 91%;
	max-width: 260px;
}
.article_block p{
	padding: 10px 6.188118812%;
}
#textblocks{
	margin-bottom: 20px;
}
.textblock{
	width: 46.815286624%;
	margin-right: 4.838709677%;
	margin-bottom: 15px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
.textblock p{
	padding-left: 20px;
}
.rightblock{
	margin-right: 0px;
}
.upperblock{
	margin-bottom: 45px;
}
.right_link{padding-left:20px;}
.latest_articles article h2{
	font-size: 0.875em;
	padding-bottom:10px;
	text-transform: capitalize;
}
.latest_articles article h2 a
{
    text-decoration:none;
}
.latest_articles article.odd{
	background: #ebebeb;
}
.separator{
	width: 90%;
	margin: 20px auto;
	height: 1px;
	border-bottom: 2px solid #e4e4e4;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;              
}
#selling_points{
	background: #f4f4f4; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #f4f4f4 0%, #ffffff 55%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 55%, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #f4f4f4 0%,#ffffff 55%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #f4f4f4 0%,#ffffff 55%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #f4f4f4 0%,#ffffff 55%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #f4f4f4 0%,#ffffff 55%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-repeat: no-repeat;
	background-position: 0 -50px;
	margin-bottom: 20px;
}
#selling_points h2{
	padding: 15px 0px;
}
#selling_points li{
	font-size: 0.75em;
	color: #99171b;
	padding-bottom:14px;
	margin-left: 22px;
}
#selling_points li p{
	color: #7a7a7a;
	font-size: 1em;
}
/*######################################## FOOTER #################################*/
footer{
    position:static;
    bottom:0px;
    overflow:hidden;
    left:0px;
    width:100%;
    border-top: 3px double #333334;
    -webkit-box-shadow:  0px -1px 3px 0px rgba(0,0,0,0.7);
         -o-box-shadow:  0px -1px 3px 0px rgba(0,0,0,0.7);
       -moz-box-shadow:  0px -1px 3px 0px rgba(0,0,0,0.7);
            box-shadow:  0px -1px 3px 0px rgba(0,0,0,0.7);
    
	border-bottom: 1px solid #131313;
	background: #222224; /* Old browsers */
	background: -moz-linear-gradient(top,  #222224 0%, #010101 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222224), color-stop(100%,#010101)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #222224 0%,#010101 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #222224 0%,#010101 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #222224 0%,#010101 100%); /* IE10+ */
	background: linear-gradient(top,  #222224 0%,#010101 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222224', endColorstr='#010101',GradientType=0 ); /* IE6-9 */
}
footer nav{
    display:block;
    padding:8px 0px;
}
footer nav a{
	color: #555;
	font-size: 0.75em;
	text-decoration: none;
	font-family: arial;
}
footer a:hover{
	color: #FFF;
}
footer em{
	color: #000;
	font-style: normal;
	padding:0px 10px;
	font-size: 0.75em;
}
footer .left{
    float:left;
}
small{
    display:block;
    margin:0px;
	padding-bottom:10px;
}
small a{
	font-size: 0.9em!important;
}
small span{
	color: #555;
	padding-right:18px;
	font-size: 0.9em!important;
}

.social, .newsletter{
    border-left:1px #333 solid;
    float:left;
    margin-left:20px;
    height:50px;
    margin-top:8px;
    padding-left:20px;
}
.social span{
    display:block;
    float:left;
    color:#FFF;
    line-height:50px;
    font-size:0.8em;
}
.social a{
    float:left;
    display:block;
    margin-left:10px;
    padding-top:5px;
}
.social a:hover{
    opacity:0.8;
}
.newsletter{
    float:right;
}

.newsletter .input{
    float:left;
    position:relative;
    height:40px;
    margin-top:5px;
    background-color:#333;
    overflow:hidden;
}
.newsletter .input label{
    position:absolute;
    color:#CCC;
    line-height:40px;
    font-size:0.8em;
    cursor:pointer;
    width:100%;
    padding:0px 10px;
}
.newsletter .input input{
    padding:0px 10px;
    background-color:#333;
    border:0px;
    width:220px;
    font-size:0.8em;
    line-height:40px;
    color:#FFF;
}
.newsletter .submit{
    float:left;
    margin-top:5px;
    margin-left:10px;
}
.newsletter .submit input{
    background-color:#FFF;
    cursor:pointer;
    color:#000;
    line-height:40px;
    height:40px;
    border:0px;
    padding:0px 10px;
    text-transform: capitalize;
    font-size:0.8em;
}
/*######################################## BLOG #################################*/
#blog article
{
    border-bottom:2px #E4E4E4 solid;
    margin-bottom:12px;
    min-height:170px;
    position:relative;
}
#blog article header, #blog article footer
{
    background:none;
    height:auto;
    border:0px;
}
#blog h1{
    margin-bottom:12px;
}
#blog h2 a{
    color:#646465;
    text-decoration:none;
}
#blog h2 a:hover{
    color:#99171B;
    text-decoration:none;
}
#blog .postmetadata{
    list-style:none;
    margin:0px;
    padding:0px;
    height:20px;
}
#blog .postmetadata li
{
    line-height:20px;
    float:left;
    color:#000;
    font-size:0.75em;
}
#blog .postmetadata li a{
    color:#333;
}
#blog .postmetadata li a:hover{
    color:#99171B;
}
#blog .text
{
    padding-top:8px;
    color:#7A7A7A;
    font-size:0.75em;
    min-height:200px;
    line-height:170%;
}
#blog .image
{
    float:left;
    margin-right:12px;
    margin-bottom:20px;
    padding: 3px;
	border: 1px solid #ebebeb;
}
#blog .readmore
{
    position:absolute;
    right:0px;
    bottom:10px;
}
#blog .readmore a
{
    display:block;
    padding:0px 10px;
    line-height:30px;
    background-color:#979797;
    color:#FFF;
    text-decoration: none;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
#blog article footer .author
{
    background-color:#EBEBEB;
    padding:10px;
    margin-top:12px;
}
#blog article footer .author h3
{
    color:#646464;
    padding-bottom:10px;
}
#blog article footer .author img
{
    float:left;
    padding:3px;
    background-color:#FFF;
    margin-right:10px;
    width:130px;
}
#blog article footer .author .details
{
    float:left;
    font-size:0.75em;
    line-height:30px;
}
#blog article footer .author .details a
{
    color:#333;
}
/*######################################## Mypages overrides #################################*/
.blank-block{
	font-size: 0.75em;
	color: #7a7a7a;
}
.blank-block li{
	margin: 0 0 5px 15px;
}
.blank-block p{
	font-size: 100%;
}



.gallery-photo a{
    margin:0px;
    background-color:#111;
}
.gallery-photo{
    text-align:center;
}
.gallery-photo img{
    max-width:100%;
}
.big_thumb
{
    width:100%;
}
.smaller_thumb{
    width:33.3%;
}