/*13

RESET

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* End RESET */

/* Flores e Gomes */
html { font-family: Tahoma, Arial, Helvetica; font-size: 62.5% }

body {  }

strong { font-weight: bold }
em { font-style: italic }
a { text-decoration: none; color: #5d707d }

.cb { clear: both }
.cap { text-transform: uppercase }

#site { width: 950px; margin: 0 auto; padding-top: 5px; background: url(/img/redbar.gif) no-repeat top left }

#header { height: 97px; padding-bottom: 9px; background: transparent url(/img/header_bottom.gif) no-repeat bottom left }
.logo { display: block; float: left }
.badge { float: right }

#header .nav { float: left; width: 575px; height: 97px; background: transparent url(/img/menubg.gif) repeat-x; padding-left: 5px }
#header .nav li { float: left; margin-right: 2px }
#header .nav li.last { margin-right: 0px }
#header .nav li a { display: block; width: 80px; height: 91px }
#header .nav li a span { display: none }

#header .nav li a.home { background: url(/img/menu/home.gif) no-repeat }
#header .nav li a.empresa { background: url(/img/menu/empresa.gif) no-repeat }
#header .nav li a.portfolio { background: url(/img/menu/portfolio.gif) no-repeat }
#header .nav li a.links { background: url(/img/menu/links.gif) no-repeat }
#header .nav li a.noticias { background: url(/img/menu/noticias.gif) no-repeat }
#header .nav li a.newsletter { background: url(/img/menu/newsletter.gif) no-repeat }
#header .nav li a.contactos { background: url(/img/menu/contactos.gif) no-repeat }

#header .nav li a.home:hover,
#header .nav li a.homeon { background: url(/img/menu/home_on.gif) no-repeat }

#header .nav li a.empresa:hover,
#header .nav li a.empresaon { background: url(/img/menu/empresa_on.gif) no-repeat }

#header .nav li a.portfolio:hover,
#header .nav li a.portfolioon { background: url(/img/menu/portfolio_on.gif) no-repeat }

#header .nav li a.links:hover,
#header .nav li a.linkson { background: url(/img/menu/links_on.gif) no-repeat }

#header .nav li a.noticias:hover,
#header .nav li a.noticiason { background: url(/img/menu/noticias_on.gif) no-repeat }

#header .nav li a.newsletter:hover,
#header .nav li a.newsletteron { background: url(/img/menu/newsletter_on.gif) no-repeat }

#header .nav li a.contactos:hover,
#header .nav li a.contactoson { background: url(/img/menu/contactos_on.gif) no-repeat }

#main { position: relative; padding: 13px 62px 0 61px; background: url(/img/topbox.gif) no-repeat left top }
.bottombox { padding-top: 19px; background: transparent url(/img/bottombox.gif) no-repeat left top }

.leftbox { position: relative; background: #EEF0F2 url(/img/leftbox.gif) repeat-y 47px top }
.leftbox .brochure { position: absolute; top: 20px; left: 891px; z-index: 2 }

.rightbox { background: transparent url(/img/rightbox.gif) repeat-y 887px top }

.greybox { position: relative }

.bottombg { position: absolute; left: 0; bottom: 0; background: #fff url(/img/contentbg_bottom.gif) no-repeat left bottom; height: 5px; width: 826px }

.content { width: 826px; background: #eef0f2 url(/img/contentbg_top.gif) no-repeat left top }


.homepage { position: relative; background-color: #fff; background-image: url(/img/contentbg_top.gif); height: 300px }
.homepage .images { float: left; width: 617px; height: 300px; position: relative }
.homepage .images img { position: absolute; top: 0px; left: 0px; display: none }

.homepage .column-right { position: relative; float: right; width: 189px; height: 277px; padding: 15px 10px 8px 10px; background: url(/img/home_bg.gif) no-repeat right top }
    .homepage .column-right .captions p { /* text-align: right;  */font-size: 1.3em; color: #fff }
    .quote { text-align: right; padding-right: 12px }
    
    .homepage .column-right .nav { position: absolute; bottom: 8px }
    
    .homepage .column-right .nav li { float: left; margin-right: 8px }
    .homepage .column-right .nav li.last { margin-right: 0px }
    
    .homepage .column-right .nav a { display: block; width: 20px; height: 20px; background-color: #88969f; cursor: pointer }
    .homepage .column-right .nav a:hover,
    .homepage .column-right .nav a.active { background-color: #73848e }
    

.two-column { min-height: 300px; background-color: #fff; background-image: url(/img/contentbg_top_twocolumn.gif); overflow: hidden }
.ie6 { height: auto !important; height: 300px }
    .two-column .left { float: left; width: 184px; min-height: 300px; background-color: #eef0f2 }
    .two-column .left h1 { width: 184px; height: 33px }
    .two-column .left h1 span { display: none }
    
    .two-column .left .childs { margin-top: 15px; padding-left: 8px }
    .two-column .left .childs li { padding: 3px 0 }
    .two-column .left .childs a { font-size: 1.1em; font-weight: bold; color: #c8cfd3 }
    
    .two-column .left .childs a:hover,
    .two-column .left .childs a.active { color: #5d707d }
    
    .two-column .left .childs.newslist li { padding-bottom: 32px }
    .two-column .left .childs.newslist li.last { padding-bottom: 0px }
    
    .two-column .left .childs.newslist li a { font-weight: normal }
    .two-column .left .childs.newslist li a .title { font-weight: bold }
    
.newsheader { font-size: 1.2em }
    
    .two-column .left,
    .two-column .right { margin-bottom: -9000px; padding-bottom: 9000px }
    
    .two-column .right { float: left; width: 638px; min-height: 300px; background: #eef0f2 url(/img/contentbg_top_twocolumn.gif) no-repeat right top; margin-left: 4px }
    .ie6 .two-column .right { height: auto !important; height: 300px }
    
    .column-portfolio { min-height: 341px }
    .column-portfolio .right { height: auto !important; height: 341px }
    
    .two-column .right .text { float: left; width: 269px; padding: 17px 25px 0 25px; font-size: 1.1em }
    .two-column .right .text.fullwidth { /* width: auto */ width: 588px }
    .two-column .right .text.small { width: 225px; padding-left: 8px }
    
    .two-column .right img { position: absolute; right: 1px; z-index: 2 }
    .ie6 .two-column .right img { right: 63px }
    
    .two-column .right #map { /* position: absolute; */ right: 1px; z-index: 2; width: 400px; height: 300px }
    .ie6 .two-column .right #map { right: 63px }
    
    .two-column .right .work_imgs .images { position: relative }
    .two-column .right .work_imgs { position: absolute; right: 1px; z-index: 2; width: 281px; height: 341px }
    .ie6 .two-column .right .work_imgs { right: 63px }
    
    .two-column .right .work_imgs img { display: none; position: absolute; top: 0px; right: 0px }
    
    
    .imgnav-container { position: absolute; top: 309px; bottom: 5px; right: 10px; z-index: 2; width: 252px; }
    .ie6 .imgnav-container { right: 74px }
    .imgnav { float: right }
    .imgnav li.mt { margin-top: 5px }
    .imgnav li a { display: block; width: 20px; height: 20px; background-color: #88969f }
    .imgnav li a:hover,
    .imgnav li a.active { background-color: #73848e } 
    .imgnav li { display: inline-block; margin-right: 8px }
    .imgnav li.last { margin-right: 0px }
    
    
    .two-column .bottombg { background-image: url(/img/contentbg_bottom_twocolumn.gif) }
    
    .text { color: #5c6f7c; padding-bottom: 10px !important }
    
    .column-portfolio .year { font-size: 1.2em; margin-bottom: 4px; font-weight: bold }
    .text .projects { padding-bottom: 20px }
    .text .projects li { padding-bottom: 10px }
    .text .projects li a { color: #c8cfd3; padding: 1px 0; }
    .text .projects li a.img { padding-right: 20px; background: transparent url(/img/photo.png) no-repeat top right }
    .text .projects li a.img:hover,
    .text .projects li a.active { color: #5c6f7c }
    
    .text .projects li a:hover { text-decoration: none !important }
    
    
    .text a { color: #4D5C66; font-weight: bold }
    .text a:hover { text-decoration: underline }
    
    .newsletter { }
    .newsletter form { margin-top: 7px }
    .newsletter .it { width: 210px; border: 0 none; height: 23px; font-size: 1.1em }
    .newsletter .submit { margin-left: 147px }
    .newsletter .message { margin-top: 25px }
    
    .info { width: 548px !important }
    .info p { display: block }
    .info form { padding-top: 5px }
    .info .row { padding-top: 12px; clear: both; height: 23px }
    .ie6 .info .row { padding-top: 8px }
    .info .row.ta { height: auto }
    .info label { display: block; float: left; width: 55px; padding-top: 3px }
    .info .it { float: left; width: 487px; border: 0 none; height: 17px; padding: 3px }
    .info .tapad { padding-top: 3px }
    .info textarea.it { height: 150px }
    .info .submit { float: right; margin-right: 17px }
    .info .message { float: left; margin-left: 52px; padding-top: 8px }
    .ie6 .info .message { margin-left: 27px }
    
.two-column .left h1.empresa { background: transparent url(/img/titles/empresa.gif) no-repeat left top }
.two-column .left h1.portfolio { background: transparent url(/img/titles/portfolio.gif) no-repeat left top }
.two-column .left h1.links { background: transparent url(/img/titles/links.gif) no-repeat left top }
.two-column .left h1.noticias { background: transparent url(/img/titles/noticias.gif) no-repeat left top }
.two-column .left h1.newsletter { background: transparent url(/img/titles/newsletter.gif) no-repeat left top }
.two-column .left h1.contactos { background: transparent url(/img/titles/contactos.gif) no-repeat left top }


#footer { height: 169px; background: transparent url(/img/footerbg.gif) no-repeat 1px top; position: relative }
#footer .highlights { padding: 8px 0 0 50px; height: 123px }
    #footer .highlights li { float: left; margin-right: 7px }
    #footer .highlights li.last { margin-right: 0 }
    
    #footer .highlights li a { opacity: 0.8 }
    #footer .highlights li a:hover { opacity: 1 }
    
    #footer .links { clear: both; padding-top: 8px; color: #4d5c66 }
    #footer .links a { text-decoration: none; color: #4d5c66 }
    #footer .links a:hover { text-decoration: underline }
    
    #footer .links,
    #footer .copyright { margin-left: 58px; font-size: 0.7em }
    
    #footer .copyright { padding-top: 4px; color: #5c6f7c }
    
    #footer .facebook { position: absolute; top: 132px; right: 57px }
    
.inline-images img { position: relative !important }

#map { position: absolute }
a.weak { font-weight: normal; text-decoration: underline }

.paging { clear: left; overflow: hidden; padding: 0 0 20px 25px; font-size: 1.1em }
.paging li { float: left }
.paging li a, .paging li span { display: block; margin-right: 1em; padding: 0.2em 0.4em 0.1em }
.paging li span { color: #5C6F7C }
.paging li a.active { font-weight: bold }

.pme { width: 160px; margin: 15px auto 0 auto }
.pme img { float: left }
.pme .lider { margin-left: 20px }

.pme12 { width: 184px; margin: 95px auto 0 auto }
.pme12 img { float: left }
.pme12 .exc11 { margin-left: 4px }
.pme12 .exc12 { margin: 0 4px }
.pme12 .exc14 { margin-right: 4px }

.ie7 .two-column .right .work_imgs { position: relative; left: 38px }
.ie7 .imgnav-container ul { width: 252px; text-align: right }
.ie7 .imgnav-container ul li { display: inline }


.video-list-container .video-list li {
    float: left;
    text-align: center;
}

.video-list-container .video-list li .thumbnail {
    width: 280px;
    height: 158px;
    background-size: 105%;
    background-position: 0 50%;
    background-repeat: no-repeat;
    opacity: 0.75;
    transition: opacity 0.5s;
    border: 1px solid #617380;
    border-radius: 3px;
}

.video-list-container .video-list li:hover .thumbnail {
    opacity: 1;
}

.video-list-container .video-list li .thumbnail .play {
    width: 64px;
    height: 64px;
    background: transparent url(../img/play-icon.png) no-repeat;
    margin: 48px 0 0 109px;
}

.video-list-container .video-list li:nth-child(odd) {
    margin-right: 20px;
    margin-bottom: 15px;
    clear: left;
}

.video-list-container .video-list li .title {
    display: inline-block;
    padding: 10px 0;
}


/* Modal video */
@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}
.modal-video-close-btn { cursor: pointer; }