* { margin: 0px; padding: 0px; border: none; outline: none; text-decoration: none; list-style-type: none; outline: none; } .clr { clear: both; } .left { float: left; } .right { float: right; } .hide { display: none!important; } /* COLORS toasted yellow: ffec00; */ @font-face { font-family: NeoSans; src: url(../fonts/NeoSansStd-Regular.otf); } HTML { background: #511b0a; } body { background: ; } .container { width: 768px; margin: 0px auto; } #about { background: #7f0601 url(../img/about_bg.jpg) top center no-repeat; height: 400px; display: none; } .slide {float: left; display: block; height: 30px; margin: 0px auto; text-align: center; } .btn-slide { display: block; height: 50px; width: 141px; text-align: left; text-decoration: none; background: url(../img/btn_biography.png) no-repeat 0 -3px; } .btn-slide:hover { background-position: 0 -59px; } .toggle_active { background: url(../img/btn_biography.png) no-repeat 0 -62px; } .toggle_active:hover { background-position: 0 0; } #speech_bubble { float: right; width: 410px; height: 235px; margin-top: 70px; padding: 25px 30px; } #speech_bubble p { color: #470201; font: italic 13px Trebuchet MS; line-height: 19px; } #speech_bubble p a { color: #470201; font: 11px Trebuchet MS; line-height: 19px; } #speech_bubble p a:hover { text-decoration: underline; } #home_header { width: 100%; height: 488px; padding-top: 1px; background: url(../img/home_header_bg.jpg) top center no-repeat; } #header { width: 100%; height: 99px; padding-top: 1px; background: url(../img/header_bg.jpg) top center no-repeat; } a#hire { display: block; float: right; width: 140px; height: 50px; margin: 13px -22px 0px 0px; background: url(../img/btn_hire.png) 0 0 no-repeat; } a#hire:hover { background: url(../img/btn_hire.png) 0 -50px no-repeat; } #home_content { width: 100%; height: 710px; background: url(../img/home_content_bg.jpg) top center no-repeat; } #content { width: 100%; height: 709px; background: url(../img/content_bg.jpg) top center no-repeat; } #tira { float: left; display: block; position: relative; top: 2px; left: -26px; margin-right: -179px; z-index: 2; } #home_thumbs { padding-top: 35px; } #home_thumbs a img { padding: 3px 0px 16px 0px; } #home_thumbs a:hover { border-bottom: 16px solid #471708; } ul.home_thumbs_menu { width: 228px; padding: 0px 5px 1px 5px; text-align: center; background: #471708; } ul.home_thumbs_menu a { font: 10px Trebuchet MS; color: #dfc182; } ul.home_thumbs_menu a:hover { color: #ffec00; border-bottom: none!important; } span.divider { font: 9px Tahoma; color: #c19643; } #submenu span { margin: 0px 5px 0px 0px; font: 14px Trebuchet MS; color: #4e1806; } /* SUB MENU */ #sub_menu { display: none; position: relative; top: 70px; width: 262px; height: 346px; z-index: 6000; margin: 0px 0px 0px 05px; background: red; } #content_area { float: left; width: 480px; margin: 10px 0px 0px 16px; } #content_area h1, #content_area h2, #content_area p { margin-left: 13px; } #content_area h1 { margin-top: 16px; font: bold italic 20px Trebuchet MS; letter-spacing: -1px; color: #4e1806; line-height: 20px; } #content_area h2 { font: bold 13px Trebuchet MS; color: #4e1806; } #content_area p { margin-top: 16px; margin-bottom: 15px; font: 12px Trebuchet MS; color: #4e1806; line-height: 20px; } #content_area a { padding: 0px 5px; font: 12px Trebuchet MS; color: #4e1806; background: #fdd032; border-bottom: 1px solid #5e392e; } #content_area a:hover { color: #fdd032; background: #4e1806; border-bottom: 1px solid #b58337; } #newsletter { width: 463px; margin-left: 13px; padding: 10px 5px; border: 1px dashed #4e1806; font: 12px NeoSans; color: #4e1806; } #newsletter input { width: 126px; margin-right: 5px; padding: 2px; font: 12px NeoSans; color: #4e1806; background: #f7f4f0; border: 1px solid #bb9b6d; } #newsletter input:hover { background: #f2eee9; border: 1px solid #947447; } #newsletter input:focus { background: #e5ddd1; border: 1px solid #4e1806; } #newsletter input#send { width: 70px; margin-left: 8px; } #folio_thumbs, #form { width: 238px; float: right; margin: 36px 18px 0px 0px; } #form form { width: 214px; padding: 45px 15px 10px 10px; background: url(../img/form_bg.png) left top no-repeat; } #form table { width: 214px; } #form span.label { font: 12px Trebuchet MS; color: #8aa8b2; line-height: 12px; } #form span.req { padding: 5px 0px 0px 2px; font: bold 14px Arial; color: #a11717; } #form input, #form select, #form textarea { margin: 1px 0px 8px 0px; padding: 1px 3px; font: 11px Trebuchet MS; color: #86abb3; background: url(../img/form_input_bg.png) 0 0 repeat-x; border: 1px solid #bbd7db; } #form input:hover, #form select:hover, #form textarea:hover { color: #54858c; background: url(../img/form_input_bg.png) 0 -80px repeat-x; border: 1px solid #95babf; } #form select { opacity: .6; } #form select:hover { opacity: .7; } #form select:focus { opacity: 1; } #form input:focus, #form select:focus, #form textarea:focus { color: #486d71; background: url(../img/form_input_bg.png) 0 -160px repeat-x; border: 1px solid #486d71; } #form select { padding-right: 1px!important; } #form input#element_1, #form input#element_2 { width: 97px; } #form input#element_0, #form select#element_3, #form input#element_4, #form textarea#element_6 { width: 210px; } #form textarea#element_6 { height: 70px; margin-bottom: 5px!important; } #form input#send { display: block; float: right; width: 64px; height: 16px; margin-right: 4px; background: url(../img/form_send_bg.png) 0 0 no-repeat; border: none; } #form input#send:hover { background-position: 0 -16px; } #form #element_5_year-mm, #form #element_5_year-dd, #form #element_5_year { margin: 2px 0px!important; } #folio_thumbs { margin-top: 52px; } #folio_thumbs ul a { display: block; padding: 5px; font: 12px NeoSans; color: #dfc182; background: #471708; text-align: center; border-bottom: 1px solid #dfc182; } #folio_thumbs ul a:hover { color: #f7b21f; border-bottom: 1px solid #f7b21f; } #folio_thumbs ul a.selected { cursor: none; color: #471708; background: #f4911f; border-bottom: 1px solid #f7b21f; } img.clientes { margin: 1px 2px 0px 0px; border: 1px solid #eee; } #home_footer { width: 100%; height: 200px; background: url(../img/home_footer_bg.jpg) top center no-repeat; } #footer { width: 100%; height: 205px; background: url(../img/footer_bg.jpg) top center no-repeat; } #footer_text { width: 420px; margin: 0px 20px 0px 50px; color: #cca44e; font: 9px Trebuchet MS; } #footer_text p { margin-top: 15px; } #footer_text p a { color: #cca44e; border-bottom: 1px dashed #cca44e; } #footer_text p a:hover { color: #ffcc60; border-bottom: 1px solid #ffcc60; } #footer_text p b { color: #ffcc60; } #social_items { float: right; margin: 48px 30px 0px 0px; } #social_items a { margin-left: 2px; } #social_items a img { padding: 0px 0px 2px 0px; } #social_items a:hover img { padding: 2px 0px 0px 0px; } a#btn_youtube img { padding: 2px 0px 0px 0px; filter:alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; } a#btn_youtube:hover img { padding: 0px 0px 2px 0px; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } ul#nav { float: right; display: block; width: 563px; list-style:none; margin: 1px 0px 15px 40px; padding:0; } ul#nav li { float:left; padding:0; text-align:center; } ul#nav li a { display:block; color:#ffec00; padding: 6px 13px 17px 13px; text-decoration:none; font: bold 14px Arial; letter-spacing: -1px; } ul#nav li a { background: url(../img/home_bg.png) repeat 0 0; } ul#nav li a:hover { color: #210703; background: url(../img/home_bg.png) repeat 0 -42px; } ul#nav li a.selected { color: #210703; background: url(../img/selected_bg.png) no-repeat 0 0!important; } /* galleriffic */ div.content { /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */ display: none; float: left; width: 453px; margin: 0px 0px -15px 0px; } div.content a, div.navigation a { text-decoration: none; } div.content a:focus, div.content a:hover, div.content a:active { text-decoration: underline; } div.controls { margin: -23px 0px 23px 0px; height: 27px; background: url(../img/gallery_nav_bg.png) 325px 0px no-repeat; z-index: 9999; } div.controls a { padding: 5px; } div.ss-controls { float: left; } div.nav-controls { float: right; } div.slideshow-container { position: relative; clear: both; height: 397px; /* This should be set to be at least the height of the largest image in the slideshow */ } div.loader { position: absolute; top: 0; left: 0; background-image: url('../img/galleriffic/loader.gif'); background-repeat: no-repeat; background-position: center; width: 473px; height: 397px; /* This should be set to be at least the height of the largest image in the slideshow */ } div.slideshow { } div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; } div.slideshow a.advance-link { display: block; width: 473px; height: 397px; background: none!important; border: none!important; /* This should be set to be at least the height of the largest image in the slideshow */ line-height: 397px; /* This should be set to be at least the height of the largest image in the slideshow */ text-align: center; } div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; } div.slideshow img { vertical-align: top; display: block; border: 1px solid #ccc; margin: -3px auto 0px auto; border: 1px solid #4d2012; text-align: center; } div.download { float: right; } div.caption-container { position: relative; clear: left; height: 60px; } span.image-caption { display: block; position: absolute; width: 473px; top: 0; left: 0; } div.caption { display: block; width: 473px; position: relative; top: -411px; z-index: 9999; font: bold italic 19px Trebuchet MS; line-height: 22px; color: #4e1806; text-align: center; letter-spacing: -1px; } div.image-title, div.image-desc { color: #000; text-align: left; } div.image-title { font: bold 14px Trebuchet MS; line-height: 10px; } div.image-desc { padding-top: 7px; font: italic 10px Trebuchet MS; line-height: 13px; } div.navigation { /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */ } #thumbs { min-width: 735px; } ul.thumbs { width: 750px; height: 190px; margin: 2px; } ul.thumbs li { display: block; float: left; padding: 0; list-style: none; } ul.thumbs li a.thumb { display: block; float: left; width: 78px; height: 78px; margin: 0px 13px 13px 0px; border: 1px solid #b7a49e; } ul.thumbs li.selected a.thumb { background: #4a0201 url(../img/thumb_bg.png) 0 0 no-repeat; border: 1px solid #4d2012; } ul.thumbs li.selected a.thumb .image-title { color: #f4dd8d; } ul.thumbs li.selected a.thumb .image-desc { color: #f4dd8d; } a.thumb:focus { outline: none; } div.pagination { clear: both; } div.navigation div.top { margin-top: 37px; } div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; } div.pagination a:hover { background-color: #eee; text-decoration: none; } div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; } div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; } a#next-page, a#prev-page { position: relative; bottom: -206px; display: block; width: 27px; height: 27px; margin: -27px 0px 0px -27px; } a#next-page { float: right; right: 325px; background: url(../img/next-page.png) 0 0 no-repeat; } a#next-page:hover { background: url(../img/next-page.png) 0 -27px no-repeat; } a#next-page:active { background: url(../img/next-page.png) 1px -27px no-repeat; } a#prev-page { float: left; left: 354px; background: url(../img/prev-page.png) 0 0 no-repeat; } a#prev-page:hover { background: url(../img/prev-page.png) 0 -27px no-repeat; } a#prev-page:active { background: url(../img/prev-page.png) -1px -27px no-repeat; } #slider { margin: 50px 0px 0px 18px; } /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ .coda-slider-no-js .coda-slider { overflow: hidden!important; } /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider-wrapper, .coda-slider, .coda-slider, .coda-slider .panel { width: 752px; } .coda-slider-wrapper { width: 752px; height: 450px; margin-top: 44px; overflow: hidden!important; } /* Change margin and width of the slider (with dynamic arrows) */ .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 732px } .coda-slider-wrapper.arrows .coda-slider { margin: 0px; } /* Tab nav */ .coda-nav ul { display: none; } /* Panel padding */ .coda-slider .panel-wrapper { } /* Preloader */ .coda-slider p.loading { padding: 20px; text-align: center } /* Miscellaneous */ .coda-slider-wrapper { clear: both; overflow: auto } .coda-slider { overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } /* .coda-nav-left a, .coda-nav-right a { width: 138px; height: 56px; } .coda-nav-right a { float: right; margin: 10px 30px 0px 0px; background: url(../img/nav_seguinte.png) 0px -4px no-repeat; } .coda-nav-left a { float: left; margin: 10px 0px 0px 30px; background: url(../img/nav_anterior.png) 0px -4px no-repeat; } .coda-nav-left a:hover, .coda-nav-right a:hover { background-position: 0px 0px; } .coda-nav-left a:active, .coda-nav-right a:active { background-position: -1px -2px; } */ /* #CONTENT_TABS // coda-slider */ #content_tabs { margin-top: -44px; } /* Change the width of the entire slider (without dynamic arrows) */ #content_tabs_slider.coda-slider-wrapper, #content_tabs_slider.coda-slider, #content_tabs_slider.coda-slider, #content_tabs_slider.coda-slider .panel { width: 470px; } #content_tabs_slider.coda-slider-wrapper { width: 470px; } /* Change margin and width of the slider (with dynamic arrows) */ #content_tabs_slider.coda-slider-wrapper.arrows .coda-slider, #content_tabs_slider.coda-slider-wrapper.arrows .coda-slider .panel { width: 470px; } /* Tab nav */ .coda-nav-right a, .coda-nav-left a { display: none; } /* TipTip CSS - Version 1.2 */ #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { font: bold 12px Trebuchet MS; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); } /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } } /* tabs*/ ul.tabNavigation { list-style: none; margin-left: 9px; } ul.tabNavigation li { display: inline; } ul.tabNavigation li a { margin: 0px 5px 0px 5px; padding: 0px 0px 7px 0px!important; background: none!important; border: none!important; letter-spacing: 1px; } ul.tabNavigation li a.selected_tab, ul.tabNavigation li a:hover { font: bold 14px Trebuchet MS!important; color: #4e1806!important; letter-spacing: 0px; } ul.tabNavigation li a.selected_tab { background: url(../img/submenu_bg.png) bottom center no-repeat!important; } div.tabs > div { padding: 0px 0px 0px 0px; } div.tabs > div h2 { margin-top: 0; } /* THICKBOX */ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(../img/macFFBgHack.png) repeat;} .TB_overlayBG { background: #47170d; filter:alpha(opacity=70); opacity:0.7; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; border-top: 3px solid #feb500; border-bottom: 4px solid #feb500; border-left: 3px solid #feb500; border-right: 3px solid #feb500; display:none; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; } #TB_closeAjaxWindow{ margin: -15px -1px -1px 5px; text-align:right; float:right; font: 11px Arial; color: #aaa; } #TB_closeAjaxWindow a { color: #8fc0cc; } #TB_closeAjaxWindow a:hover { color: #00a3cc; } #TB_load{ position: fixed; display:none; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px;_margin-bottom:1px; } #TB_closeWindowButton { position: relative; top: 10px; left: 16px; padding: 13px; background: url(../img/closebox.png) center no-repeat; } /* RSS Reader */ .rss-box { margin-top: 10px; } .rss-box ul { list-style-type: none; } .rss-box ul li { margin-bottom: -5px; } .rss-box ul li a { display: block; margin-bottom: -20px; font: bold 14px Trebuchet MS; line-height: 17px; } .rss-box p span { position: relative; top: -10px; } .rss-box p span a { font: 12px Trebuchet MS; line-height: 18px; color: #222; text-decoration: underline; } .rss-box p span a:hover { color: #1693A5; } .rss-date { display: block; background: #4e1806; text-align: right; padding-right: 5px; font: 9px Trebuchet MS; color: #efd7a1; } .rss-item a { background: none!important; } .rss-item a:hover { background: #4e1806!important; } #flags { float: right; height: 27px; position: relative; left: 48px; top: 90px; } #flags a#pt { display: block; float: right; width: 48px; height: 38px; background: url(../img/flag_pt.png) 0 0 no-repeat; } #flags a#pt:hover { background: url(../img/flag_pt.png) 0 0 no-repeat; } #flags a#en { display: block; width: 48px; height: 38px; margin-top: 23px; background: url(../img/flag_uk.png) 0 -40px no-repeat; } #flags a#en:hover { background: url(../img/flag_uk.png) 0 0 no-repeat; } a#btn_youtube { display: block; width: 312px; height: 72px; margin-top: 10px; background: url(../img/btn_youtube.png) 0 0 no-repeat; border: none!important;} a#btn_youtube:hover { background: url(../img/btn_youtube.png) 0 -70px no-repeat; } /* jFlow */ .hidden { display: none; } #prevNext { position: relative; top: -30px; margin-bottom: -21px; right: 6px; float: right; } #prevNext img { position: relative; z-index: 2; cursor: pointer; }