@charset "utf-8";
@import url("theme1.css");
@font-face {
	font-family: 'AnomolyMedium';
	src: url('anomoly-webfont.eot');
	src: local('☺'), url('anomoly-webfont.woff') format('woff'), url('anomoly-webfont.ttf') format('truetype'), url('anomoly-webfont.svg#webfontiWcetwgg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* simple reset */

html, body, ul, ol, li, form, fieldset, legend { margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p { margin: 0; }
fieldset,img { border: 0; }
legend { color: #000; }
li { list-style: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; vertical-align: top; font-weight: normal;}
input, textarea, select { font-size: 110%; line-height: 1.1; font-family:inherit}
abbr, acronym { border-bottom: .1em dotted; cursor: help; }

html{ overflow-y:scroll}
body{ text-align:center; font:62.5% Arial, Helvetica, sans-serif}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
/*.font1{font-family: 'AnomolyMedium', sans-serif;}*/
/*.font1 { font-family: Uni-Sans-Regular; }*/


/* STRUCTURE */
#page{ margin:0 auto; width:940px }
#header{ height:5em; padding-left:240px}
#sidebar{ float:left; width:220px; text-align:left}
#content{ float:right; width:700px; text-align:left}
#footer{ clear:both; padding:48px 0 20px }
#footer-spc{ clear:both; font-size:1.1em; padding:4px 0 16px }
.ffix{ clear:both; display:block}

/* TOP */
.lang{ float:left; list-style:none; padding:15px 0 0 }
.lang li{ display:inline}
.lang a{ text-decoration:none}
.lang a:hover{ text-decoration:none}	
.lang abbr{ cursor:auto; border:none}
.lang span{ padding:0 2px 0 4px}

.Search{ float:right; padding:13px 0 0 0; line-height:1.4em; vertical-align:middle; position:relative }
.search-text, .Search label{line-height:1.4em; vertical-align:middle;}
.Search label{font-size:1.1em}
input.search-text{ width:114px; padding:2px 20px 2px 4px; height:15px}
.search-btn{ position:absolute; z-index:99; top:14px; right:2px}	


/* SIDEBAR */
#logo, #nav{ text-align:left; margin-bottom:20px}
#logo a{ outline:none}
#nav{ width:160px; font-size:1.1em; text-transform:uppercase; float:left;}
#nav li{ position:relative}
#nav li a{ display:block; padding:4px 2px; text-decoration:none; font-weight:bold}
#nav li a:hover{ text-decoration:none}
#nav ul ul{ display:none}
#nav ul li.here ul{ display:block}
#nav li li a{ font-weight:normal; text-transform:none; padding:5px 2px 5px 18px; font-size:1.1em}


/* FOOTER */
.leftTexts{ float:left}
.leftTexts em, .rightTexts em { padding:0 2px 0 4px}
.rightTexts{ float:right}


/* HOMEPAGE */
#media-box{ height:249px; width:700px}
#media-box a img { display:none;}
#highlights{ clear:both; text-align:center; padding:38px 0 0}
#highlights .item{ float:left; width:160px; padding:0 10px}
#highlights .item.first{ padding-left:0; clear:left}
#highlights .item.last{ padding-right:0}
#highlights h1{ font-size:1.8em; font-weight:normal; text-transform:uppercase; padding-bottom:4px}
#highlights .link{ display:block; cursor:pointer}
#highlights .figure{ width:160px; height:189px; overflow:hidden; display:block}
#highlights .text{ font-size:1.2em; clear:both; display:block; padding-top:4px;}
#highlights a{ text-decoration:none;}
#highlights a:hover{ text-decoration:none}
#highlights:hover .item .figure{ filter: alpha(opacity=50); opacity:0.5 }
#highlights .item:hover .figure{ filter: alpha(opacity=100); opacity:1.0 }
#highlights .item:hover h1{}

.fix1{ width:700px;}
#highlights.fix1 .item{ padding-bottom:15px}

/*	MEDIA BOX HP 
	Coin Slider jQuery http://workshop.rs/projects/coin-slider
*/
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; }
.coin-slider a img{border: none;}
.cs-buttons {padding: 10px; text-align:right; position:absolute; right:0; bottom:0 }
.cs-buttons a { font-size:1.4em; padding:0 5px}
.cs-title { width: 70%; padding: 10px; position: absolute; top:40px; right: 0; z-index: 1000;}
.cs-prev, .cs-next { padding: 0px 10px; }
#cs-buttons-title{ margin-right:10px; font-size:1.2em}



/* MODULES */
.list-text{ list-style:none; font-size:1.2em}
	.list-text li a{ display:block; padding:6px 0}
	.list-text:hover li{filter: alpha(opacity=50); opacity:0.5}
	.list-text li:hover{ filter: alpha(opacity=100); opacity:1.0 }
	
.breadcrumb{ clear:both; font-size:1.2em; padding:0 0 20px; text-align:left; vertical-align:middle; margin-top:-4px}
	.breadcrumb a{}
	.breadcrumb strong{ font-weight:normal; color:#AAA}
	.breadcrumb span{ font-size:1.2em; padding:0 2px 0 4px}	

.list-resumes{ clear:both; }
	.list-resumes ul{ list-style:none; padding-top:20px}
	.list-resumes li{ float:left; width:100%; clear:both; padding-bottom:20px}	
	.list-resumes .figure{ width:220px; overflow:hidden; margin-right:20px; float:left; height:125px }
	.list-resumes .figure img{ display:block}
	.list-resumes .text{ overflow:auto; font-size:1.2em }
	/*.list-resumes .text h2{ font-size:1.6em; font-weight:normal; font-family: 'AnomolyMedium', sans-serif; }*/
	/*.list-resumes .text h2{ font-size:1.6em; font-weight:normal; font-family: 'Uni-Sans-Regular', sans-serif; }*/
	.list-resumes .text h2{ font-size:1.6em; font-weight:normal; }
	.list-resumes .text em{ font-size:1em}
	.list-resumes a:hover{ text-decoration:none}
	
.pagination{ float:left; width:100%; clear:both; font-size:1.2em; position:relative}
.pagination a{ display:block; float:left; line-height:20px; vertical-align:middle; width:19px; text-align:center; min-height:20px}
	.pagination .morePages{float:left; display:block; line-height:20px; width:50px; text-align:center; font-weight:bold; vertical-align:bottom; cursor:pointer; height:20px}
	.pagination acronym{ border:none;vertical-align:bottom; line-height:20px; display:inline-block}
	.pagination select{ position:absolute }
	
a.linkPrev, a.linkNext{ width:30px; height:19px; outline:none; float:left; background-position:center; background-repeat:no-repeat}
a.linkNext{ }
a.linkPrev span, a.linkNext span{ display:inline-block; text-indent:-9000px; }

.list-docs{ clear:both; padding-bottom:25px}
.list-docs ul{ list-style:none}
.list-docs li { padding:4px 0; zoom:1}
.list-docs li a{ display:block; font-size:1.2em; line-height:1.3em; padding-left:13px; background:url(../images/arrow-link.png) no-repeat 0 4px}
.list-docs li small{ display:block; font-size:1.0em}
.list-docs ul li a:hover{ text-decoration:none}
.list-docs li a.fPDF{ background:url(../images/fPDF.png) no-repeat 0 4px; padding:4px 0 4px 35px; min-height:19px;}

.list-distribuidores{ position:relative; float:left; width:700px}
.list-distribuidores .column{ float:left; width:120px; padding-right:25px }
.list-distribuidores .column.last{ padding-right:0 }
.list-distribuidores .location{ font-weight:normal; font-size:1.8em; padding-bottom:4px; position:relative}
.list-distribuidores .location strong{ font-weight:normal}
.list-distribuidores .location .mapBg{ display:block; width:84px; height:84px; background:url(../images/distribuidores-bg.gif) no-repeat 0 0; margin-bottom:4px; z-index:1; position:relative}
.list-distribuidores .location .map{ position:absolute; left:0; top:0; z-index:2}
.list-distribuidores ul{ list-style:none; padding-top:16px}
.list-distribuidores ul li{ padding:4px 0; font-size:1.2em}

.list-distribuidores:hover .column li, 
.list-distribuidores:hover .column .location strong {filter: alpha(opacity=50); opacity:0.5}
.list-distribuidores:hover .column .mapBg{filter: alpha(opacity=70); opacity:0.7}
.list-distribuidores .column li:hover, 
.list-distribuidores .column:hover .location strong, .list-distribuidores .column .location.activeCon strong{filter: alpha(opacity=100); opacity:1.0}
.list-distribuidores:hover .column .location .mapBg{ z-index:4}
.list-distribuidores .column:hover .location .mapBg, .list-distribuidores .column .location.activeCon .mapBg{ z-index:1}

.list-distribuidores-detail .column{float:left; width:213px; padding-right:20px;}
.list-distribuidores-detail .column .title{ font-weight:normal; font-size:1.0em}
.list-distribuidores-detail .column { font-size:1.2em;}
.list-distribuidores-detail .column address{ font-style:normal}

#list-dist-content{ padding-top:20px; width:700px; clear:both}
#list-dist-content .list-title{ float:left; line-height:22px; font-size:1.8em; vertical-align:middle; padding-bottom:8px }
#list-dist-content .close-this{ padding: 0 20px 8px 0; line-height:22px; float:right; vertical-align:middle; font-size:12px; cursor:pointer}
#list-dist-placeholder{ clear:both; padding-top:18px;}

hr.sep{ width:700px; height:1px; overflow:auto; float:left; clear:both; font-size:1px; margin:18px 0}


.list-galeria{ clear:both; float:left; width:700px }
.list-galeria li{ float:left; padding-right:20px; position:relative; padding-bottom:17px; width:220px}
.list-galeria li.third{ padding-right:0}
.list-galeria li a:hover{ text-decoration:none}
.list-galeria li .figure{ display:block; width:220px; height:125px}
.list-galeria li .hover{ display:block; width:212px; height:117px; position:absolute; padding:4px;top:0;left:0}
.list-galeria li .text{ display:block; font-size:1.2em; padding:3px 0}
.list-galeria:hover li{ filter: alpha(opacity=50); opacity:0.5 }
.list-galeria li:hover{filter: alpha(opacity=100); opacity:1.0}

/* VANTAGENS OVERLAY */
#vantagens-overlay{ position:absolute; left:160px; top:-112px; z-index:80; width:750px; text-transform:none; padding-left:22px }
#vantagens-overlay li{ float:left; width:50%; min-height:100px; border:none}
#vantagens-overlay h1{ font-size:1.8em; float:left; width:49%; font-weight:normal; padding-bottom:10px}
#nav #vantagens-overlay a{font-weight:normal}
#vantagens-link{ position:relative;}
#vantagens-overlay-spc{ float:left; width:722px; padding:20px 10px}
#arrow-overlay{ display:block; width:15px; height:24px; position:absolute; left:11px; top:112px}

/* GLOBAL */
.alignRight{ text-align:right}
.arrow-link{ display:inline-block; background:url(../images/arrow-link.png) no-repeat 0 0; width:7px; height:8px}
.page-head{padding:8px 0 20px}
.page-title{ font-size:2.0em; padding-bottom:4px }
.page-resume{ font-size:1.8em}
.page-intro{ font-size:1.2em; padding-top:20px}
.page-figure{padding-top:20px}
.page-figure img{max-width:692px}

.text-style{ font-size:1.2em; line-height:1.4em; padding-bottom:13px}
.text-style p{ padding-bottom:12px}
.text-style ul, .text-style ol { margin-left:36px; padding-bottom:12px}
.text-style ul li{ list-style:circle}
.text-style ol li{ list-style:decimal-leading-zero}
.text-style h1, .text-style h2, .text-style h3{ line-height:1.6em; font-size:1.4em}
.text-style h4, .text-style h5, .text-style h6{ line-height:1.6em; font-size:1.2em}

.title1{ font-size:1.8em; text-transform:uppercase; font-weight:normal; padding-bottom:12px}
.title2{ font-size:1.8em; font-weight:normal; padding-bottom:12px}

#toPrint{ background: url(../images/print.png) no-repeat left center; display:inline-block; padding:3px 0 3px 26px; font-size:1.2em; cursor:pointer}
#toPrint:hover{ text-decoration:none}
.page-options{ clear:both; padding-top:25px}

/* CAROUSSEL */
.sliderBloc { height:140px; width:700px; overflow:hidden;}
#slider-stage { width: 620px; overflow:hidden; height: 140px; float:left; position:relative;}
.slider-list { width: 2000px; left: 0px; position: absolute;}
.slider-list:hover a.theme{filter: alpha(opacity=50); opacity:0.5}
.slider-list:hover a.theme:hover{filter: alpha(opacity=100); opacity:1.0}
.slider-list a.theme { 
	float: left; display:block; margin-right:8px;
	width: 116px; position:relative; /*height: 140px;*/
	cursor:pointer; text-decoration:none; 
	overflow:hidden; outline:none }
.sliderBloc a.previous, .sliderBloc a.next {
	background:url(../images/arrow2.png) no-repeat 0 34px;
	float:left; text-indent:-9999px; cursor:pointer; width:40px;
	height:140px;
}
.slider-list a.theme img{ display:block; width:116px; height:100px}
.sliderBloc a.next { background:url(../images/arrow2-rev.png) no-repeat -40px 34px;}
.sliderBloc a.previous:hover { background-position:-40px 34px}
.sliderBloc a.next:hover { background-position:0 34px}

.desactivate a.previous, .desactivate a.next{ display:none}

/* SITE MAP */
.list-map{ font-size:1.1em}
.list-map ul{ list-style:none}
.list-map ul ul{ float:left; width:220px;}
.list-map li{ clear:both; float:left; padding:8px 0 24px;}
.list-map li li{ clear:none; padding:0 0 4px}
.list-map li a{ text-transform:uppercase; float:left; width:220px; font-weight:bold}
.list-map li li a{ text-transform:none; font-size:1.1em; font-weight:normal}
.list-map li a:hover{ text-decoration:none}

/* FORMS */
.formulario{ float:left; width:460px; padding-right:20px}
.fields{ float:left; width:100%; clear:both; padding-bottom:18px}
.lb1{ display:block; font-size:1.2em; padding-bottom:4px}
.lb1 sup{ font-size:1.0em; font-weight:bold}
.in1{ width:454px}
textarea.in1{ width:457px; padding-right:0; height:80px; overflow:auto}
.brd{ padding:2px 3px; font-size:1.2em}
.btn1{ 
	border:none; height:20px; width:67px; padding-right:7px; cursor:pointer; text-align:center; text-transform:uppercase; font-size:1.2em; background: transparent url(../images/btn1.png) no-repeat 0 0; float:left; line-height:20px}
.btn1:hover{ background-position:0 -20px }	
.info{ float:right; font-size:1.2em;}
.info sup{ font-size:1.0em; font-weight:bold}
.msg{ float:right; width:220px; font-size:1.2em; padding-top:14px}
.expanded{ float:none; clear:both; width:auto; padding-top:4px}
.msg-title{ font-size:1.6em; padding-bottom:8px}
.msg-title strong{ font-weight:normal}
.sucess .msg-title strong{ background: transparent url(../images/sucess.png) no-repeat right center; padding-right:24px  }
.erro .msg-title strong{ background: transparent url(../images/erro.png) no-repeat right center; padding-right:24px  }
#cs-navigation-MyAnimation{ text-indent:-9000px}

.linkBack{ 
	border:none; height:20px; width:67px; padding-right:7px; cursor:pointer; text-align:center; text-transform:uppercase; font-size:1.2em; background: transparent url(../images/btn1-rev.png) no-repeat 0 0; float:left; line-height:20px; margin-top:20px}
.linkBack:hover{ background-position:0 -20px; text-decoration:none; color:#FFF }	

.linkBackError{ 
	border:none; height:20px; width:67px; padding-right:7px; cursor:pointer; text-align:center; text-transform:uppercase; font-size:1em; background: transparent url(../images/btn1-rev.png) no-repeat 0 0; float:left; line-height:20px; margin-top:20px}
.linkBackError:hover{ background-position:0 -20px; text-decoration:none; color:#FFF }

#vantagens-list { color:#AAA}
#vantagens-list h1{ font-weight:normal; padding:4px 0}
#vantagens-list p{ padding-bottom:16px}
.page-head .lblresultados{}

/* Facebook Like Button*/
.fb-wrapper 
{
    float:right;
    margin-top:20px;
}