/* =============================================================================
   HTML5 element display
   ========================================================================== */
/*
 * HTML5 Boilerplate*/
 @font-face {
	font-family: 'Futura MdCn BT';
	src: url('fonts/gema2_0-webfont.eot');
	src: url('fonts/gema2_0-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gema2_0-webfont.woff') format('woff'), url('fonts/gema2_0-webfont.ttf') format('truetype'), url('fonts/gema2_0-webfont.svg#FuturaMdCnBT') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* @font-face {
	font-family: 'Old Standard bold';
	src: url('fonts/oldstandard-bold-webfont.eot');
	src: url('fonts/oldstandard-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oldstandard-bold-webfont.woff') format('woff'), url('fonts/oldstandard-bold-webfont.ttf') format('truetype'), url('fonts/oldstandard-bold-webfont.svg#oldstandardBold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Old Standard italic';
	src: url('fonts/oldstandard-italic-webfont.eot');
	src: url('fonts/oldstandard-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oldstandard-italic-webfont.woff') format('woff'), url('fonts/oldstandard-italic-webfont.ttf') format('truetype'), url('fonts/oldstandard-italic-webfont.svg#oldstandardLight') format('svg');
	font-weight: italic;
	font-style: normal;
}
What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

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


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; /* overflow-y: scroll; -webkit-overflow-scrolling: touch; */ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; overflow-x: hidden; width: 100%; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/*
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

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


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
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%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/*
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Primary styles
   Author:
   ========================================================================== */
/*------------------
| HOMEPAGE         |
-------------------*/
.parent {/*width: 100%;height:100%;*//* min-height:850px; *//* position: absolute;*/margin: 0 auto;padding:0;z-index: 1;top: 0px;left: 0px; background-color:#73777a;}
.fundo{width: 100%;min-width:990px;height:100%;/*tem de ter altura se n�o a imagem desaparece*//*background-image: url(images/bg_02.jpg);*/background-position: right top;background-repeat:no-repeat;z-index: 0; background-size:100%;}

header.main{ /* position: absolute; */ position: fixed; width:223px; top:0; left:0; height:100%; background-color:#FFF; z-index:50; display:block;}
/* header.main .webcomum{ position:absolute; bottom:0; right:30px; width:42px; height:35px;} */

.webcomum{ position:fixed; bottom:0; left:15px; width:42px; height:35px; z-index:31;}

.logotipo{width: 170px; height: 93px; position: absolute; top:15px; left:22px;}

#menu{width:110px; margin:160px 0px 0px 80px;}
#menu ul {margin:0; padding:0; list-style-type: none;}
#menu li {padding:0px 5px 0px 5px; margin-top:10px; text-align:right;}
#menu li a{font-family: 'Futura MdCn BT', arial narrow; font-size:18px; color:#606366; text-decoration:none; text-transform:uppercase; font-weight:bold; }
#menu li a:hover, #menu li.ativo a{ color: #a51f1f; }

.newsletter{width:223px; height:38px; background-color:#990000; margin-top:70px; }
.newsletter input{font-family: 'Futura MdCn BT', arial narrow; font-size:17px; color:#fff; text-transform:uppercase; padding:4px; border:0px; width:175px; background-color:transparent; float:left; }
.newsletter input[type="text"]{ margin-top:6px; }
.newsletter input[type="submit"]{ float:right; width:38px; height:38px; background-color:#ba5252; border:0px; text-indent:-99999px; background-image:url(images/seta-_news.png); background-position:center center; background-repeat:no-repeat;}
.newsletter input[type="submit"]:hover{  background-image:url(images/seta-_news2.png); background-position:center center; background-repeat:no-repeat;}

.morada{width:150px; height:auto; font-family: 'Futura MdCn BT', arial narrow; font-size:13px; color:#606366; text-align:right; margin:10% 0px 0px 35px; line-height:17px;}

.nav_lateral{position: fixed; width:65px; top:0; right:0px; height:100%; background-color:#FFF; z-index:20; display:block;}
.nav_lateral .more{position: absolute; width:45px; right:10px; height:37px; background-color:#FFF; /*top:236px;*/ top:28%; font-family: 'Futura MdCn BT', arial narrow; font-size:22px; color:#606366; cursor:pointer; text-align:center; font-weight:bold; padding-top:8px; border: 1px solid #63637B;}
.nav_lateral .more:hover{ background-color: #990000; color:#FFF;}
.nav_lateral .projet-title{position: absolute; min-width:380px; height:25px; top:283px; right:10px;  background-color:#990000; font-family: 'Futura MdCn BT', arial narrow; font-size:22px; color:#fff; text-transform:uppercase; padding:8px;}
.nav_lateral .projet-subtitle{position: absolute; min-width:255px; height:25px; top:326px; right:10px;  background-color:#fff; font-family: 'Futura MdCn BT', arial narrow; font-size:22px; color:#606366; text-transform:uppercase; padding:8px;}

.nav_lateral .navright{position: absolute; width:45px; right:10px; height:45px; top:369px; background-color:#FFF; background-image:url(images/seta_right.png); background-position:center center; background-repeat:no-repeat; border: 1px solid #63637B;}
.nav_lateral .navright:hover{ background-color:#990000; }

.nav_lateral .navleft{position: absolute; width:45px; right:10px; height:45px; top:416px; background-color:#990000; background-image:url(images/seta_left.png); background-position:center center; background-repeat:no-repeat; border: 1px solid #63637B;}
.nav_lateral .navleft:hover{ background-color:#fff; }

/*------------------
| FOOTER        |
-------------------*/
footer#main{/*position: absolute;*/ position: fixed; bottom: 0px; /* left:0; */ right:0; width: 100%; min-width:990px; height: 95px; padding: 0px; margin: 0px; background-color:#e2e3e4; z-index:30;}

#footer_left{width:170px;  height:40px; float:right; margin:40px 20px 0 0px; font-family: 'Futura MdCn BT', arial narrow; font-size:16px; color:#606366; text-align: right;}

#footer_menu{width:auto; float:right; margin-right:10px;}
#footer_menu ul {margin:0; padding:0; list-style-type: none; margin-top:38px;}
#footer_menu li {float:left; margin-left:2px;}
#footer_menu li a{font-family: 'Futura MdCn BT', arial narrow; font-size:18px; color:#a51f1f; text-decoration:none;  background-color:#c7c8c8; padding:38px 30px 35px 30px;}
#footer_menu li a:hover, #footer_menu li.folioativo a{background-color: #990000; color:#FFF;}


/*------------------
| PORTFOLIO        |
-------------------*/
#portfolio_content{ width:auto; height:800px; margin:0px auto; padding-left:223px;}

#portfolio_content ul {margin:0; padding:0; list-style-type: none;}
#portfolio_content li { float:left; margin:0; padding:0; }
.hiddenTitlesFolio{ display:none;position:absolute;padding:20px;color:#FFF;font-weight:bold;cursor:pointer; }

#gallery .navleft{ width:30px; height:30px; position:absolute; margin-top:230px; margin-left:-50px; cursor:pointer; }
#gallery .navright{ width:30px; height:30px; position:absolute; margin-top:230px; margin-left:1000px; cursor:pointer; }
#gallery .navleft:hover, #gallery .navright:hover{ opacity:0.5; }


/*------------------
| PORTFOLIO saida   |
-------------------*/
.fundo_portfolio{width: 100%; min-width:990px; height:100%;/*tem de ter altura se n�o a imagem desaparece*/z-index: 0; background-image:url(images/bg_portfolio1.jpg); background-repeat:no-repeat; background-color:#231f20; background-size:100%;}

#port_nav_lateral{position: fixed; width:276px; top:0; right:0px; height:100%; background-color:#FFF; z-index:20; display:block; font-family: 'Futura MdCn BT', arial narrow; padding:0px 35px 0 35px;}
#port_nav_lateral p{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#606366; line-height:19px;}
#port_nav_lateral .more{position: absolute; width:45px; right:346px; height:37px; background-color:#FFF; top:35px;  font-size:22px; color:#606366; cursor:pointer; text-align:center; font-weight:bold; padding-top:8px;}
#port_nav_lateral .more:hover{ background-color: #990000; color:#FFF;}

#port_nav_lateral .navright{position: absolute; width:45px; right:346px; height:45px; top:369px; background-color:#FFF; background-image:url(images/seta_right.png); background-position:center center; background-repeat:no-repeat;}
#port_nav_lateral .navright:hover{ background-color:#990000; background-image:url(images/seta_right_over.png); background-position:center center; background-repeat:no-repeat;}

#port_nav_lateral .navleft{position: absolute; width:45px; right:346px; height:45px; top:416px; background-color:#fff; background-image:url(images/seta_left_over.png); background-position:center center; background-repeat:no-repeat;}
#port_nav_lateral .navleft:hover{ background-color:#990000; background-image:url(images/seta_left.png); background-position:center center; background-repeat:no-repeat; }


/*------------------
| EMPRESA     |
-------------------*/
.fundo_empresa{width: 100%; /* min-width:990px; */ height:100%;/*tem de ter altura se n�o a imagem desaparece*/ background-image: url(images/empresa.jpg); background-repeat:no-repeat;  /* background-size:100%;*/ z-index: 0; background-size: cover;}

#empresa_content{ /* width:945px; height:800px; margin:0px auto; margin-left:20%;*/ width:685px; height:495px; margin:0 auto;}
#topcoluns{ width:940px; height:40px; float:left; margin-top:100px;}
#topcoluns .boxtitle{ /* width:180px; */ height:40px; float:left; background-color:#990000; margin-left:50px;}
#topcoluns .boxtitle h2 { float: left; }
#topcoluns .boxtitle h2 a { color:#C7C8C8; }
#topcoluns .boxtitle h2 a:hover{ text-decoration: none; color: #FFF; }
#box_empresa{ width:630px; height:300px; float:left; background-color:#FFF; padding:25px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#606366; }

/*------------------
| PUBLICA�OES    |
-------------------*/
#publi_content{ width:auto; min-width:990px; height:100%; margin:0px auto; margin-left:225px;}
#publi_list{ /* width:355px; */ width:275px; height:100%; float:left; background-color:#8d9193;}
#publi_list .title{ margin-top:20px;}

/* #publi_list ul { width:321px; margin:20px 0 0 9px; padding:0; list-style-type: none;}
#publi_list li { width:107px; height:144px; float:left;} */
#publi_list ul { width:275px; margin:20px 0 0 5px; padding:0; list-style-type: none;}
#publi_list li { width:85px; height:114px; float:left;}
#publi_list li a{}
/* #publi_list li a:hover, */ #publi_list li.active a img {opacity:0.55; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; filter: alpha(opacity=55); }

#publi_list .navright{ float:right; margin-top:30px; width:45px; height:45px; background-color:#FFF; background-image:url(images/seta_right.png); background-position:center center; background-repeat:no-repeat;}
#publi_list .navright:hover{ background-color:#990000; background-image:url(images/seta_right_over.png); background-position:center center; background-repeat:no-repeat;}

#publi_zoom{ width:65%; /* height:100%; */ float:left; text-align:center; }
#publi_zoom .box{ /* width:300px; height:300px; */ width:50%; margin:0 auto; margin-top:15px;}
#publi_zoom .box .legenda{ width:300px; height:auto; margin:0 auto; text-align:left; margin-bottom:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#publi_zoom .box h3{ font-size:22px; color:#fff; margin:0px; font-family: 'Futura MdCn BT',arial narrow; text-transform:uppercase; }
#publi_zoom .box p{font-size:19px; color:#ccc; margin-bottom:0;}
#publi_zoom .box .img{ width:300px; height:auto;}

/*------------------
| servi�os   |
-------------------*/
#serv_content{ /* width:auto; min-width:990px; height:100%; margin:0px auto; margin-left:225px; */ height: 420px; margin: 0 0 0 224px; width: 945px; }
#serv_list{ /* width:310px; */ width: 275px; height:100%; float:left; background-color:#8d9193;}
#serv_list .title{ margin-top:20px;}

#serv_list ul {margin:0; padding:0; list-style-type: none; margin-top:38px;}
#serv_list li {/*width: 300px;*/ width: 265px; height: 30px; margin-bottom: 5px; background-color: #c7c8c8; padding: 5px 5px 0px 5px;}
#serv_list li a{  font-family: 'Futura MdCn BT', arial narrow; font-size:18px; color:#a51f1f; text-decoration:none;}
#serv_list li:hover, #serv_list li.active{background-color: #990000; color:#FFF;}
#serv_list li a:hover, #serv_list li.active a{ color:#fff;}

#serv_list-desc{ width:60%; height:100%; float:left; text-align:center; }
#serv_list-desc .box{ /* width:400px; */ width:80%; height:300px; margin:0 auto; margin-top:30px;}
#serv_list-desc .box .legenda{ width:400px; height:auto; margin:0 auto; text-align:left; margin-bottom:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#serv_list-desc .box h3{ font-size:22px; color:#fff; margin:0px;}
#serv_list-desc .box p{font-size:14px; color:#fff; margin-bottom:0;}

/*------------------
| CONTACTOS      |
-------------------*/
.fundo_contactos{width: 100%; min-width:990px; background-color:#73777A; /*height:100%;tem de ter altura se n�o a imagem desaparece background-image: url(images/contactos.jpg); background-repeat:no-repeat; background-size:100%; */ z-index: 0; margin-left:223px;}

#contactos_content{ width:100%; height:99%; /* height:800px; margin:0px auto; margin-left:20%; */ margin: 0 auto;  /* min-width:990px;*/ }

#colun1{ width:50%; height:99%; float:left; background-color:#FFF; position: fixed; right:0; }

#colun2{ width:360px; /* height:99%; */ float:left; background-color:#8d9193; padding:15px 25px 120px 25px;}

#colun2 .form{ width:360px; height:auto; margin-top:25px }
#colun2 .form .textinput{ width:360px; height:auto; }
#colun2 .form input{ width:345px; height:19px; padding:7px; background-color:#f8d5d5; border:0px; margin-bottom:10px; border:1px solid #eeaeae;}
#colun2 .form input:focus{background-color:#fbefef;}
#colun2 .form textarea{ width:345px; padding:5px; background-color:#f8d5d5; margin-bottom:10px; margin-top:5px; border:1px solid #eeaeae;}
#colun2 .form textarea:focus{background-color:#fbefef;}
#colun2 .form input[type="submit"]{ width:120px; height:35px; padding:8px; background-color:#990000; border:0px; margin-top:20px; float:right; color:#FFF;}
#colun2 .form input[type="submit"]:hover{ background-color:#606366; }
#colun2 .form label{color:#FFF;}
#colun2 .textbox{ width:480px; height:auto; padding:0px 10px 0px 10px; margin:0 auto;}
#colun2 .addressbox{width:200px; /*height:120px;*/ float:left; margin-top:10px; color:#FFF;}
#colun2 .addressbox2{width:150px; /*height:120px;*/ float:left; margin-top:10px; color:#FFF;}

.addressTitle{ display:block; cursor:pointer; }
.addressTitle:hover{ color:#99093A; }
/*------------------
| titles & texts    |
-------------------*/
h1{font-size:22px; color:#990000; margin-top:25px;}
h2{font-size:22px; color:#fff; margin:8px 10px;  font-family: 'Futura MdCn BT', arial narrow; text-transform:uppercase;}

/* --------------------------------
| error returning in contact form |
---------------------------------*/
.errorMessage{ color: #600; font-size:10px;}
#leCycle{ position: absolute; top:0; right:0; overflow: hidden; }
.webcomum a{ display: block; width: 42px; height: 35px; background: url('images/webcomum.gif') no-repeat; }
.webcomum a:hover{ background: url('images/webcomum_over.gif') no-repeat; }
#Mlist_email_em_{ position: absolute; }
#superCycle{position:fixed;}

#publi_zoom .box .navright{ display:block; width:45px; height:45px; background-color:#FFF; background-image:url(images/seta_right.png); background-position:center center; background-repeat:no-repeat; float:right; margin-right: -45px; margin-top: -230px; }
#publi_zoom .box .navright:hover{background-color:#990000; background-image:url(images/seta_right_over.png); background-position:center center; background-repeat:no-repeat;}
#publi_zoom .box .navleft{ display:block; width:45px; height:45px; background-color:#fff; background-image:url(images/seta_left_over.png); background-position:center center; background-repeat:no-repeat; float:left; margin-left: -45px; margin-top: -230px; }
#publi_zoom .box .navleft:hover{ background-color:#990000; background-image:url(images/seta_left.png); background-position:center center; background-repeat:no-repeat; }
.cycleNavigator{ margin:0 auto; width:300px; height:0; }
.teamLeft{ width:225px; margin-right:10px; float:left; }
.teamLeft a{ float:left; }
.teamRight{ width:395px; height:300px; float:left; display:none; }
.teamRight h3{ font-weight:bold; }
.teamRight .greyed{ color:#C7C8C8; }

#languagebar{ position:absolute;top:120px;left:140px; }
#languagebar ul{ list-style-type: none; margin: 3px 0 0; padding: 0; }
#languagebar ul li{ float: left; margin-left: 2px; }
#languagebar ul li a{ background-color: #C7C8C8; color: #A51F1F; font-family: 'Futura MdCn BT',arial narrow; font-size: 14px; padding: 3px 4px; text-decoration: none; }
#languagebar ul li a:hover, #languagebar ul li a.active{ background-color: #A51F1F; color: #E2E3E4; }
.addressTitle{ color:#FFF; font-weight: bold; margin-top:5px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.addressText{ width:350px; }
#mlist-form, .newsletter { visibility: hidden !important;}