@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;}


/* 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:pointer; border:none}
.lang strong abbr{ cursor:text}
.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}
.rightColumn{ float:right; width:700px}
.rightColumn .logos{ }

/* HOMEPAGE */

#highlights{ clear:both; text-align:left; padding:38px 0 0}
#highlights .item{ float:left; width:220px; 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:220px; height:125px; 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{ position:relative}

.features_item, .jshowoff, #media-box{ height:249px; width:700px}

#features, #slidingFeatures, #labelFeatures, #basicFeatures, #thumbFeatures { position: relative; overflow: hidden; width: 700px; height: 249px;	}
#features img{ width:700px; height:249px; display:block!important;}
#features h2{position:absolute; color:#FFF; left:0; bottom:0; padding:5px 10px; font-weight:normal; font-size:1.2em; width:680px; z-index:101; background: transparent url(../images/t30.png) }
#features a:hover{ color:#FFF}

.jshowoff p.jshowoff-slidelinks {padding: 10px 10px 5px; text-align:right; position:absolute; right:0; bottom:0; width:100px; z-index:101 }
.jshowoff-slidelinks a { font-size:1.4em; padding:0 5px; color: #fff; position:relative; z-index:11 }


.features_item{ visibility:hidden} /*before js*/
.jshowoff .features_item{ visibility:visible} /* after js */

/* 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; border-top:1px solid #5D5D5D}
	.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:hidden; font-size:1.2em }
	.list-resumes .text h2{ font-size:1.6em; font-weight:normal; font-family: 'AnomolyMedium', sans-serif; }
	.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 , .activeList .column .location strong{filter: alpha(opacity=50); opacity:0.5}
.list-distribuidores:hover .column .mapBg, .activeList .column .location .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, .activeList .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.3em; padding-top:20px}
.page-figure{padding-top:20px}
.page-figure img{max-width:692px}

.text-style{ font-size:1.2em; line-height:1.4em}
.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;}
.sliderBloc:hover a.theme{filter: alpha(opacity=50); opacity:0.5}
.sliderBloc 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}

#galeriaGama{ height:180px; margin-bottom:16px}
#galeriaGama .slider-list { width: 700px; left: auto; position: static;}
#galeriaGama .slider-list a.theme img{ width:52px; height:172px; border:4px solid #FFF}
#galeriaGama .slider-list a.theme { margin-right:20px; width:60px;}
#galeriaGama .slider-list a.theme.last { margin-right:0;}

/* 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}
.in2{ min-width:220px}
textarea.in1{ width:457px; padding-right:0; height:80px; overflow:auto}
.brd{ border:none; 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:1em; 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{}


.valorEncomenda{border-top: 1px solid #5D5D5D; padding: 10px 0; width: 240px}
.valorEncomenda h3{padding-bottom: 10px;}
.valorEncomenda span{font-size: 3em; color: #AAAAAA; padding-bottom: 10px}
.docResumo{margin-bottom: 20px; float: left; background: #FFF; padding: 3px 10px 3px 25px; color: #202020; font-size: 1.2em}
.docResumo:hover{color: #202020}
.pdf{background-image: url(../images/icoPDF.png); background-position: 8px 3px; background-repeat: no-repeat }

.tblEncomendas{margin-bottom: 30px; border-bottom: 1px solid #5D5D5D; padding-bottom: 10px}
.tblEncomendas table{color: #AAA; font-size: 1.2em}
.tblEncomendas thead th{background: url(../images/dot.gif) repeat-x left 27px; padding-bottom: 20px}
.tblEncomendas .odd{background: #424242}

.page-options a{margin-right: 30px}
#toPrint{ background: url(../images/print.png) no-repeat left center; display:inline-block; padding:3px 0 3px 26px; font-size:1.2em}
#toPrint:hover{ text-decoration:none}
#toPDF{background: url(../images/icoPDF.png) no-repeat left center; display:inline-block; padding:3px 0 3px 26px; font-size:1.2em}
#toPDF:hover{text-decoration:none}

#Search{ float:right; padding-top:13px}
#Search label { font-size:1.1em}

.ladoDto { float:right; line-height:1.4em; position:relative; vertical-align:middle; width:530px; z-index:100}
.panels{ position:absolute; right:0; top:0; width:390px; text-align:right; z-index:100; height:4.9em;}
.panels .fields_container{ float:right; clear:both}

/*Login*/
.AreaReservada{ text-align: left; float:right}
.AreaReservada .Login{ padding: 12px 10px 0 0; border: 1px solid #5D5D5D; border-bottom:0; min-height: 35px; background: #202020}
.AreaReservada .Login label{margin: 0 0 0 15px; float: left;}
.AreaReservada .Login label span{color: #AAAAAA; font-size: 1.1em}
.AreaReservada .Login label input{border: 1px solid #5D5D5D; background: #202020; color: #AAAAAA; border: 1px solid #5D5D5D;}
.AreaReservada .register-btn{padding: 5px 23px 5px 0; font-size: 1.1em; outline: none; float: right}/*IE*/
.AreaReservada .login-btn{background: #222; padding: 5px; float: left}

/*Register*/
.AreaReservada .Register{border: 1px solid #5D5D5D; border-bottom:0; padding: 12px 10px 0 0; min-height: 35px; background: #202020}
.AreaReservada .Register label{margin: 0 0 0 15px; float: left;}
.AreaReservada .Register label span{color: #AAAAAA; font-size: 1.1em}
.AreaReservada .Register label input{border: 1px solid #5D5D5D; background: #202020; color: #AAAAAA; border: 1px solid #5D5D5D;}


/* Login Sem Script*/
.AreaReservadaNoScript{width: 112px; height: 10px; float: left;}
.AreaReservada-btn{width: 80px; margin-left: 10px; display: block; float: left; font-size: 1.1em; color: #FFFFFF; padding: 16px 10px 2px; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #5D5D5D}

/* LogOut */
.logOut{ position:absolute; right:195px; width:317px }
.logOut .separador{padding:0}
.logOut a{padding: 0 10px 0 5px; white-space:nowrap; color: #AAAAAA;}
.logOutcontainer{font-size: 1.1em; color: #AAAAAA; padding: 15px 10px 6px 10px; border-width: 0 1px 0px 1px; border-style: solid; border-color: #5D5D5D; margin-right: 10px; line-height:1.4em; vertical-align:middle; background:#202020; margin-top:-1px; display:block; float:right; white-space:nowrap}
.logOut .username{ color:#FFF; padding: 0 10px 0 5px;}
.msgErro{ clear:both; display:block; color:#FFF!important; padding:4px 0; text-align:left; padding: 4px 0px 4px 4px }

.btn2 { border:none; background:#FFF; color:#444; padding:2px 6px; font-size:1.2em; margin-left:12px; cursor:pointer }
.btn2:hover{ background:#edeceb}
.sep2{ padding-bottom:20px}
.sep3{ padding:20px 0}

.inErro{ background-color:#FFCCCB}
.text_info{ margin-left:12px; font-size:1.1em}
.textBox{ width:220px;  background: #424242; padding: 3px 10px 3px 10px; color: #AAA; font-size: 1.2em}
.title3{ color:#AAAAAA; font-size:1.8em; font-weight:normal; padding-bottom:2px;}
.title4{ color:#AAAAAA; font-size:1.2em; font-weight:normal; padding:2px 0 22px;}