/*
Theme Name: Blue Ocean Design 2012
Theme URL: http://www.blueoceandesign.com.br/
Description: Graphic Design Agency
Author: Gelukzaligheid Producties
Version: 1.0
*/

/*   Main Elements   */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; list-style-type:none}

/*   Fixed Background   */
body {background:url(../images/bgd_geral.jpg) repeat-x fixed}
* {margin:0px; padding:0px}
img,fieldset {border:none}

/*outer header*/
#bem_vindo {margin:0 auto; float:left; width:100%}

.wrapper {margin:0 auto; background: url(../images/bgd_blue.jpg) no-repeat; width:963px; height:1731px; z-index:1}


/*   Header   */
.heads {float:left; position:fixed; background: url(../images/img_bgd-header.png) no-repeat; width:100%; height:176px; margin-left:-1px; margin-top:0px; z-index:10}

/*   Logo   */
.heads h1 {float:left; background: url(../images/logo_bod.png); width:360px; height:51px; margin-top:40px; margin-left:75px; z-index:11; text-indent:-9999px}

/*   Language Selector   */
.bandeiras .brasil {float:left; background:url(../images/flag_brasil.png) no-repeat; width:29px; height:20px; margin-top:0px; margin-left:340px; padding-right:20px; z-index:6}
.bandeiras .usa {float:left; background:url(../images/flag_usa.png) no-repeat; width:29px; height:20px; margin-top:0px; z-index:8}

/*   Nav home   */
.nav {float:left; width:101%; z-index:9; margin-top:-50px; margin-left:600px}
.nav li {float:left; background:url(../images/img_navig.png) no-repeat; padding-right:28px}
.nav li a {float:left; display:inline-block; width:68px; height:47px; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:0.915em; margin-top:0px; padding-top:19px; text-decoration:none; color:#333}
.nav li a:hover {background:url(../images/img_navig_hover.png) no-repeat; margin-top:-1px; padding-top:20px}

/*   Bem-vindo   */
#aviao_bemvindo {background:url(../images/img_plane-welcome.png) no-repeat top center; float:left; width:560px; height:170px; margin-left:80px; margin-top:200px; text-indent:-9999px; z-index:5}

.welcome {float:left; width:510px; margin-left:255px; margin-top:0px; z-index:7}
.welcome p {font-family:Tahoma, Arial, sans-serif; font-size:1em; color:#eee; text-shadow:#666 2px 2px; letter-spacing:1.125px; text-align:left; padding-bottom:10px}

.clientes_caixa {float:left; background: url(../images/img_clients_bgd.png) no-repeat; width:757px; height:93px; margin-left:90px; margin-top:15px; z-index:8}

.marcas { position:relative; left:120px; bottom:8px
}
.seta_esquerda_clientes {background: url(../images/img_clients_button-left.png); float:left; width:18px; height:20px; margin-left:80px; margin-top:47px; z-index:90; text-indent:-9999px}

.seta_direita_clientes {background:url(../images/img_clients_button-right.png); float:right; width:18px; height:20px; margin-right:50px; margin-top:47px; z-index:90; text-indent:-9999px}

#portfolio {position:absolute; top:500px; text-indent:-9999px}
.icon_portfolio {float:left; margin:0px 0 0 400px; padding-top:25px; font-family:Tahoma, Geneva, sans-serif; font-size:26px; color:#ff0; font-weight:bold; text-shadow:#F90 1px 1px; z-index:3}

.menu_portfolio {float:left; background:url(../images/img_portfolio-menu.png) no-repeat; width:778px; height:37px; margin-left:84px; margin-top:20px; padding-top:11px; z-index:8}

.menu_portfolio #main {color:#ff0}
.menu_portfolio a {text-decoration:underline}
.menu_portfolio a:hover {color:#ff0 !important}

.menu_portfolio .impresso {float:left; margin:0px 0px 0px 85px; text-shadow:#999 1px 1px; color:#eee; font-family:Tahoma, Geneva, sans-serif; font-size:1em; text-decoration:none; z-index:9}
.menu_portfolio .branding {float:left; margin:0px 0px 0px 185px; text-shadow:#999 1px 1px; font-family:Tahoma, Geneva, sans-serif; font-size:1em; text-decoration:none; color:#eee; z-index:9}
.menu_portfolio .embalagem {float:left; margin:0px 0px 0px 165px; font-family:Tahoma, Geneva, sans-serif; font-size:1em; text-shadow:#999 1px 1px; text-decoration:none; color:#eee; z-index:9}

#caixa_portfolio {float:left; background: url(../images/img_gallery-bgd.png) no-repeat; width:796px; height:431px; margin:3% 0 0 8%; text-indent:-9999px; z-index:7}

#slider-wrapper {width:100%; height:auto}

#contato {position:absolute; top:1200px}
.icon_contato {float:left; margin:0px 0 0 413px; padding-top:25px; font-family:Tahoma, Geneva, sans-serif; font-size:1.750em; color:#FF0; font-weight:bold; text-shadow:#F90 1px 1px; z-index:7}

.container_contato {float:left; width:80%; padding:2% 0 0 20%; z-index:7; text-shadow:#999 1px 1px}

.container_contato form input {float:left; clear:both; border-radius:8px; opacity:0.5; width:199px; border:1px solid #cbcbcb; background:#fff; padding:12px 10px; font-size:0.950em; line-height:1em; font-family:Arial, sans-serif; color:#333; margin:2% 2% 0 0}
.container_contato form textarea {float:left; border-radius:8px; opacity:0.5; width:300px; border:1px solid #cbcbcb; background:#fff; padding:12px 10px; font-size:0.950em; line-height:0.875em; font-family:Arial, sans-serif !important; color:#333; margin-top:-45px; resize:none}
.container_contato form .submit_btn {float:left; opacity:1; width:86px; height:86px; background:url(../images/img_send-button.png) 0 0 no-repeat; position:relative; top:-98px; left:478px; z-index:999; border:0; cursor:pointer; text-indent:-9999px}

#succmsg {font-size:1em; font-family:Tahoma, Geneva, sans-serif; color:#fff; width:270px; text-align:left; position:relative; top:125px; height:auto}

.redes_sociais {float:left; padding-top:135px; margin:0px 0 15px 110px; width:50%; display:inline-block; z-index:8}

.redes_sociais li a {padding-right:20px}

.redes_sociais #facebook {float:left; background:url(../images/img_button-facebook.png) no-repeat; width:43px; height:43px; z-index:8}
.redes_sociais #twiter {float:left; background: url(../images/img_button-twitter.png) no-repeat; width:43px; height:43px; z-index:8}
.redes_sociais #linkedin {float:left; background: url(../images/img_button-linkedin.png) no-repeat; width:43px; height:43px; z-index:8}
.redes_sociais #utube {float:left; background:url(../images/img_button-youtube.png) no-repeat; width:43px; height:43px; z-index:8}

.endereco {float:left; width:240px; text-align:right; padding-top:125px; margin:0px 0 -2px 20px; z-index:8; font-family:Arial, Tahoma, sans-serif; color:#fff; font-size:0.925em}

.telefone {float:left; width:240px; text-align:right; margin-top:0px; padding-left:22px; z-index:8; font-family:Tahoma, Geneva, sans-serif; color:#ff0; font-size:1.610em; letter-spacing:1px; text-shadow:#999 2px 0px}

.rodape {float:left; margin-top:-5px; width:100%; z-index:6}

.rodape .barra_rodape {float:left; background-color:#1d5c2e; width:100%; height:18px; margin:0px 0px; padding-top:4px; font-family:verdana; font-size:0.675em; text-align:center; color:#ddd; z-index:7}

/*   Firefox Prefixes   */
@-moz-document url-prefix(){#aviao_bemvindo {margin-top:19%} .icon_portfolio {padding-top:26px} .menu_portfolio {padding-top:10px} .redes_sociais {padding:135px 0 5px 0} .endereco {padding-top:125px; line-height:18px} .container_contato form .submit_btn {top:-97px; left:477px} .icon_contato {padding-top:25px} .rodape {margin-top:-6px} #succmsg {position:relative; top:5px; left:-90px}
}
/*   Chrome/Safari Prefixes   */
@media screen and (-webkit-min-device-pixel-ratio:0){.menu_portfolio #impresso {margin_top:10px} .menu_portfolio #branding {margin_top:10px} .menu_portfolio #embalagem {margin_top:10px} .container_contato form textarea {margin-top:-42px; height:75px} .container_contato form .submit_btn {top:-97px; left:477px} .redes_sociais {padding-top:145px} .endereco {padding-top:135px} #succmsg {position:relative; top:5px; left:-90px}
}