/*******************************************************************************
                            General Structure
********************************************************************************/

* {
    padding:0;
    margin:0;
}
body {
    background-color: #fff;
    color: #73757b;
    font: 75%/160% Arial, Helvetica, sans-serif;
    width: 100%;
    line-height:0%;
}
img { border: none; }

/* headings and typography 
--------------------------------------------- */

p { line-height:130%; padding:5px 0; }
br { display:none; }

h1, h2, h3, h4, h5, h6 {
    font: bold 190%/100% Arial, Helvetica, sans-serif;
    padding:.5em 0;
}
h2,h3 { font-size:135%; }
h4 { font-size:120%; }
h5 { font-size:105%; }
h6 { font-size:90%; border:0; }

/* links 
--------------------------------------------- */

a {
    color: #50a9ee;
    outline: none;
    text-decoration: none;
}
a:hover { color:#f40c43; }

/* lists
--------------------------------------------- */

ul {
    list-style: none;
    padding-top: 5px;
}
ul li {
    line-height: 140%;
    padding: 0 0 10px 18px;
}

/* forms 
--------------------------------------------- */

input, textarea, select {
    background:#fff url(../images/input_bg.png) repeat-x !important;
    border:1px solid #E7E9ED;
    color: #73757b;
    display:block;
    font: 120%/125% Arial, Helvetica, sans-serif;
    height:17px;
    padding:3px;
    width:60%;
}
textarea {
    background-position:0 bottom !important;
    height:200px;
}
select {
    background:#fff !important;
    height:25px;
}
input:hover, textarea:hover { background:#F7F8F9; }
label { display:none }
fieldset { border:none; }
legend { display:none }
    
/* phrase elements
--------------------------------------------- */

em { font: italic 110% Georgia, "Times New Roman", Times, serif; }
small { font-size:80% }
abbr { border-bottom:1px dotted #e4dcec }
hr { display:none }

/* global class
--------------------------------------------- */

*.float {
    float:left;
    width:100%;
}

*.button {
    background:url(../images/button.png) no-repeat 0 0;
    border:none;
    color: #50a9ee;
    cursor:pointer;
    display:block;
    height:33px;
    padding-top:9px;
    text-align:center;
    width:93px;
}

/*******************************************************************************
                                index.html
********************************************************************************/

#header {
    float:none;
}

#wrap, #extra, #footer  {
    float:left;
    width:100%;
}
#wrap {min-height:460px}

#wrap.index {
    background: transparent url(../images/wrap_bg.png) repeat-x center bottom;
}

#header {
    background: transparent url(../images/background.png) repeat-x scroll left top;
}

#branding, #content, #extra-content, #site-info {
    display:table;
    margin:0 auto;
    position:relative;
    width:900px;
}

/* header 
--------------------------------------------- */

#branding {
    background:transparent url(../images/branding_bg.png) no-repeat scroll center bottom;
    height:120px;
    padding:10px 0;
}

/* header > branding
--------------------------------------------- */

#branding #logo {
    float:left;
    margin-right:176px;
    width:auto;
}

/* nav-main */

#nav-main {
    float:left;
    margin:0;
    padding:5px 0 0;
    position:relative;
    text-align:right;
    width:auto;
    z-index:100;
}
#nav-main li {
    float:left;
    margin:0;
    padding:0 0 0 3px;
    position:relative;
    width:auto;
}
#about, #about:hover, #work, #work:hover, #nav-contact a, #nav-contact a:hover {
    background:transparent url(../images/menu.png) no-repeat scroll;
    display:block;
    height:40px;
    padding:5px 0;
}

#about{
    width:183px;
    background-position:0 0;
}

#about:hover, #nav-main :hover > #about {
    background-color:#F40C43;
    background-position:0 -45px;
}

#work {
    width:167px;
    background-position:0 -90px;
}
#work:hover, #nav-main :hover > #work {
    background-color:#F40C43;
    background-position:0 -135px;
}

#nav-contact a {
    width:242px;
    background-position:0 -180px;
}
#nav-contact a:hover {
    background-color:#F40C43;
    background-position:0 -225px;
}

#about span, #work span, #nav-contact a span { visibility:hidden; }

#nav-about ul, #nav-work ul {
    background-color:#f40c43;
    height:53px;
    position:absolute;
    visibility:hidden;
    width:183px;
}
#nav-work ul { width:167px }
#nav-about:hover ul, #nav-work:hover ul {visibility:visible; }
#nav-about ul li, #nav-work ul li {
    border-top:1px solid #f74972;
    float:left;
    font-weight:bold;
    margin:2px 3% 1px;
    padding:2px 0;
    text-align:center;
    width:93%;
}
#nav-about ul li a, #nav-work ul li a { color:#fff }

#language {
    float:right;
    margin-right:8px;
    margin-top:10px;
    position:relative;
    width:auto;
    z-index:300;
}
#language li {
    float:left;
    margin:-5px 0 0;
    padding:0 5px;
    width:auto;
}
#language li a {
    background:url(/media/images/idioma.png) no-repeat 0 0;
    display:block;
    height:18px;
    text-indent:-99999px;
    width:18px;
}
#language li a#en { background-position: 0 0; }
#language li a#en:hover { background-position: 0 -20px; }
#language li a#pt { background-position:-26px 0; }
#language li a#pt:hover { background-position:-26px -20px; }
#language li a#lo { background-position:-52px 0; }
#language li a#lo:hover { background-position:-52px -20px; }

/* wrap > content
--------------------------------------------- */

#content.index { margin-top:25px }

/* main */

#main {
    float:left;
    margin-right:15px;
    position:relative;
    width:65%;
}
#content.index #main h2 {
    background: url(../images/featured_works.png) no-repeat 0 0;
    height:21px;
    overflow:hidden;
    text-indent:-9999px;
    width:210px;
}

#content.index #main #painel {
    height:427px;
    margin-bottom:55px;
    width:581px;
}

/* sidebar */

#sidebar {
    float:left;
    width:30%;
}

#content.index #sidebar { margin-top:38px; }
#content.index #sidebar h3 {
    background: url(../images/soda_time.png) no-repeat 0 0;
    height:12px;
    overflow:hidden;
    text-indent:-9999px;
    width:203px;
}
#content.index #sidebar h1 {
    background: url(../images/cheap_chic.png) no-repeat 0 0;
    height:145px;
    overflow:hidden;
    text-indent:-9999px;
    width:300px;
}

#content.index #sidebar p{
    width:300px;
}

/* extra 
--------------------------------------------- */

#extra {
    margin-top:45px;
}

/* joy */

#joy {
    float:left;
    margin-right:10px;
    width:40%;
}
#joy h2 {
    background: url(../images/glass_joy.png) no-repeat 0 0;
    height:69px;
    overflow:hidden;
    text-indent:-9999px;
    width:202px;  
}
#joy ul li {
    background: url(../images/li_bg.png) no-repeat left 5px;
    float:left;
    padding-left:15px;
    width:163px;
}

/* blog */

#blog {
    float:left;
    margin-right:8px;
    width:35.6%;;
}
#blog h2 {
    background: url(../images/said_blog.png) no-repeat 0 0;
    height:69px;
    overflow:hidden;
    text-indent:-9999px;
    width:178px;  
}
#blog ul li { padding:0 0 10px; }
#blog ul li strong { margin-right:6px; }

/* cheap */

#cheap {
    float:left;
    width:22.4%;
}
#cheap h2 {
    background: url(../images/get_chic.png) no-repeat 0 0;
    height:69px;
    overflow:hidden;
    text-indent:-9999px;
    width:201px;  
}

/* footer 
--------------------------------------------- */

#footer {
    background: #f7f7fb url(../images/wrap_bg.png) repeat-x center top;
    padding:90px 0 10px;
}

#site-info {
    height:50px;
    text-align:center;
}

#site-info strong {
    float:left;
    font-weight:normal;
    position:relative;
    z-index:300;
    line-height:160%;
}

#copyright {
    float:left;
    margin-top:0;
    padding:0;
    text-align:left;
    width:50%;
}

#find_us {
    float:right;
    margin:0;
    text-align:right;
    width:50%;
    padding:0;
}
#find_us span { padding:0px 5px 0 0 !important}
#find_us a span  {
    visibility:hidden;
}
#find_us a {
    background:transparent url(../images/find_us.png) no-repeat scroll 0 0;
    display:inline-block;
    height:34px;
    margin: 0 0 0 5px;
    position:relative;
    width:35px;
    top: -13px ;
}

#find_us a#twitter{ background-position: 0 0}
#find_us a#twitter:hover{ background-position:-35px 0}
#find_us a#befter{ background-position: 0px -34px}
#find_us a#befter:hover{ background-position:-35px -34px}


/*******************************************************************************
                              about.html
********************************************************************************/

#content.about #main, #content.about #sidebar { margin-top:35px; }

#content.about #main h1 {
    background: url(../images/what.png) no-repeat 0 0;
    height:33px;
    overflow:hidden;
    text-indent:-9999px;
    width:302px;  
}

#content.about #sidebar h2 {
    background: url(../images/featured_works.png) no-repeat 0 0;
    height:21px;
    overflow:hidden;
    text-indent:-9999px;
    width:auto;  
}
#content.about #showrell {
    background: url(../images/showrell.png) no-repeat 0 0;
    height:223px;
    width:298px;  
}
#content.about #sidebar .button {
    background-image: url(../images/button_large.png);
    width:156px;
}

/*******************************************************************************
                              crew.html
********************************************************************************/

#content.crew #main, #content.crew #sidebar { margin-top:35px; }

#content.crew #main h1 {
    background: url(../images/meet_crew.png) no-repeat 0 0;
    height:33px;
    overflow:hidden;
    text-indent:-9999px;
    width:291px;  
}
#content.crew #main div.member {
    float:left;
    margin-bottom:40px;
    width:100%;
}
#content.crew #main div.member img {
    float:left;
    margin-right:15px;
    width:156px;
}
#content.crew #main div.member h2 {
    color:#f40c43;
    font-size:120%;
    padding:0;
    text-transform:uppercase;
}
#content.crew #main div.member h3 {
    color:#96999d;
    font-size:100%;
}

#content.crew #sidebar h2 {
    background: url(../images/featured_works.png) no-repeat 0 0;
    height:21px;
    overflow:hidden;
    text-indent:-9999px;
    width:210px;
}
#content.crew #portfolio {
    background: url(../images/portfolio.png) no-repeat 0 0;
    height:261px;
    width:298px;  
}
#content.crew #sidebar .button {
    background-image: url(../images/button_large.png);
    width:156px;
}

#content.crew .socialmedia {
    clear:left;
    float:left;
}
#content.crew .socialmedia li {
    float:left;
    margin-right:10px;
    padding:0
}
#content.crew .socialmedia img {
    float:none !important;
    margin:0 !important;
    width:auto !important;
}

/*******************************************************************************
                              service.html
********************************************************************************/

#content.service #main, #content.service #sidebar { margin-top:35px; }

#content.service #main h1 {
    background: url(../images/service_pack.png) no-repeat 0 0;
    height:33px;
    overflow:hidden;
    padding-bottom:0;
    text-indent:-9999px;
    width:348px;  
}
#content.service #main h3 {
    background: url(../images/glass_full.png) no-repeat 0 0;
    height:12px;
    margin-bottom:20px;
    overflow:hidden;
    text-indent:-9999px;
    width:139px;  
}
#content.service #main div.service {
    float:left;
    margin-bottom:40px;
    width:100%;
}
#content.service #main div.service img {
    float:left;
    margin-right:15px;
    width:95px;
}
#content.service #main div.service h2 {
    color:#f40c43;
    font-size:120%;
    padding:0;
    text-transform:uppercase;
}
#content.service #main p.contact {
    float:left;
    margin:-15px 0 30px
}

#content.service #sidebar h2 {
    background: url(../images/featured_works.png) no-repeat 0 0;
    height:21px;
    overflow:hidden;
    text-indent:-9999px;
    width:210px;
}
#content.service #portfolio {
    background: url(../images/portfolio.png) no-repeat 0 0;
    height:261px;
    width:298px;  
}
#content.service #sidebar .button {
    background-image: url(../images/button_large.png);
    width:156px;
}

/*******************************************************************************
                              contact.html
********************************************************************************/

#content.contact #main, #content.contact #sidebar { margin-top:35px; }

#content.contact #main h1 {
    background: url(../images/touch.png) no-repeat 0 0;
    height:33px;
    overflow:hidden;
    padding-bottom:0;
    text-indent:-9999px;
    width:235px;  
}
#content.contact #main h3 {
    background: url(../images/drop_line.png) no-repeat 0 0;
    height:12px;
    overflow:hidden;
    text-indent:-9999px;
    width:105px;  
}
#content.contact #main form, #content.contact #main form p {
    display:block;
    float:left;
    margin-top:10px;
    width:100%;
}
#content.contact #main form input, #content.contact #main form textarea {
    float:left;
    width:55%;
}
#content.contact #main form span {
    background-color:#E7E9ED;
    display:none;
    float:left;
    height:25px;
    line-height:200%;
    padding-left:10px;
    width:40%;
}
#content.contact #main form span.error {
    background-color:#F40C43;
    color:#fff;
    display:block;
}
#content.contact #main form #submit {
    margin:0 0 25px 240px;
    padding:0;
}
#content.contact #main form button { padding-top:0; }


#content.contact #sidebar h2 {
    background: url(../images/right_here_title.png) no-repeat 0 0;
    height:21px;
    overflow:hidden;
    text-indent:-9999px;
    width:131px;
}
#content.contact #righthere {
    background: url(../images/right_here.png) no-repeat 0 0;
    height:205px;
    margin-bottom:25px;
    padding:10px;
    width:298px;
}
#content.contact #righthere small { display:none }
#content.contact #sidebar p { padding:0; }

/*******************************************************************************
                              portfolio.html
********************************************************************************/

#content.portfolio { margin-top:35px; }

#content.portfolio h1 {
    background: url(../images/has_done.png) no-repeat 0 0;
    height:33px;
    overflow:hidden;
    padding-bottom:0;
    text-indent:-9999px;
    width:348px;  
}
#content.portfolio h3 {
    background: url(../images/portfolio_title.png) no-repeat 0 0;
    height:12px;
    overflow:hidden;
    text-indent:-9999px;
    width:72px;  
}
#content.portfolio form {
    display:block;
    float:left;
    margin:10px 0 25px;
    width:100%;
}
#content.portfolio form p.title {
    background-color:#F40C43;
    color:#FFFFFF;
    display:block;
    float:left;
    font-weight:bold;
    height:17px;
    text-align:center;
    width:13%;
}
#content.portfolio form p.checkbox {
    background-color:#f4f6f9;
    display:block;
    float:left;
    height:17px;
    padding-left:35px;
    width:83%;
}
#content.portfolio form span {
    padding:0 30px 0 3px;
    position:relative;
}
#content.portfolio form input {
    background:none;
    border:none;
    display:inline;
    width:auto;
}

#content.portfolio p.showing { margin:0 0 25px; }


#content.portfolio div.work {
    float:left;
    margin:0 36px 50px 0;
    width:431px;
}
#content.portfolio div.right { margin-right:0 }
#content.portfolio div.work img { float:left }
#content.portfolio div.work div.action {
    background-color:#393c40;
    float:left;
    margin-bottom:10px;
    width:100%;
}
#content.portfolio div.work div.action a.check {
    background-color:#F4F6F9;
    float:right;
    padding:13px;
}
#content.portfolio div.work h2 {
    color:#DFE1E5;
    float:left;
    font-size:100%;
    padding-left:7px;
    text-transform:uppercase;
    width:320px;
}
#content.portfolio div.work p.description {
    border-bottom:1px dotted #c5c8cd;
    float:left;
    margin-bottom:6px;
    padding-bottom:13px;
    width:100%;
}
#content.portfolio div.work h4 {
    float:left;
    font-size:100%;
    font-weight:normal;
    width:8%;
}
#content.portfolio div.work ul {
    float:left;
    width:92%;
}
#content.portfolio div.work ul li {
    float:left;
    margin-top:-2px;
    padding:0 4px;
}

/*******************************************************************************
                              blog.html
********************************************************************************/

#header.blog { background: url(../images/blog_header_bg.png) repeat-x 0 bottom; }
#header.blog #branding {
    background-image: url(../images/blog_branding_bg.png);
    height:300px;
}
#header.blog #branding h1 {
    background: url(../images/blog_title.png) no-repeat 0 0;
    height:187px;
    margin-left:136px;
    overflow:hidden;
    padding-bottom:0;
    text-indent:-9999px;
    width:628px;   
}
#header.blog #branding h3 {
    background: url(../images/soda_blog.png) no-repeat 0 0;
    height:17px;
    margin-left:136px;
    overflow:hidden;
    text-indent:-9999px;
    width:230px;   
}

#header.blog #nav-main {
    border-bottom:1px solid #f1f2f5;
    float:left;
    padding-bottom:7px;
    margin-bottom:15px;
    width:100%;
}
#header.blog #nav-main li { padding-right:15px; }

#content.blog #main {
    margin:35px 40px 0 0;
    width:60%;
}

#content.blog #main div.post {
    float:left;
    margin-bottom:40px;
    width:100%;
}
#content.blog #main div.post div.info {
    background-color:#f1f2f5;
    padding:5px;
    width:98%;
}
#content.blog #main div.post div.info p { 
    float:left;
    font-size:90%;
    padding:0 10px;
    width:90%;
}
#content.blog #main div.post div.info p.comments {
    float:right;
    font-size:100%;
    height:27px;
    margin-top:-31px;
    width:5%;
}
#content.blog #main div.post div.info p.comments a {
    background: url(../images/comments.png) no-repeat 0 0;
    color:#FFFFFF;
    display:block;
    height:32px;
    padding:7px 14px;
    width:35px;
}
#content.blog #main div.post div.info p.comments span { display:none }

#content.blog #sidebar { margin-top:35px; }
#content.blog #sidebar form {
    border-bottom:1px solid #f1f2f5;
    float:left;
    margin-bottom:25px;
    padding-bottom:27px;
    width:100%;
}
#content.blog #sidebar form input {
    float:left;
    margin-right:20px;
    width:80%;
}
#content.blog #sidebar form button.button {
    background:url(../images/search.png) no-repeat 0 0;
    height:20px;
    margin-top:-7px;
    overflow:hidden;
    text-indent:-9999px;
    width:23px;
}
    
#content.blog #sidebar h3.works {
    background: url(../images/latest_works_title.png) no-repeat 0 0;
    height:16px;
    overflow:hidden;
    text-indent:-9999px;
    width:137px;       
}
#content.blog #sidebar #latestworks {
    background: url('../images/latest_works.png') no-repeat 0 0;
    border-bottom:1px solid #f1f2f5;
    float:left;
    height:228px;
    margin-bottom:25px;
    overflow:hidden;
    padding-bottom:27px;
    text-indent:-9999px;
    width:294px;       
}
#content.blog #sidebar h3.tags {
    background: url(../images/tagbox.png) no-repeat 0 0;
    height:16px;
    overflow:hidden;
    text-indent:-9999px;
    width:74px;       
}
#content.blog #sidebar ul li {
    display:inline;
    line-height:200%;
    padding:0 4px;
    text-transform:lowercase
}




#pagenotfound {
    background: url(/media/images/milk.png) no-repeat 0 0;
    float:left;
    height:280px;
    padding-left:200px;
    width:100%;
}
#pagenotfound h1 {
    background:transparent url(/media/images/page_not_found.png) no-repeat scroll 0 0 !important;
    height:85px !important;
    width:360px !important;
}
#pagenotfound p {
    float:left;
    margin-bottom:30px;
    width:100%
}
#pagenotfound ul {
    float:left;
    width:100%;
}
#pagenotfound ul li {
    margin:0;
    padding:0;
}



div.port, div.port p.img {
    float:left;
    width:100%;
}
div.port h2 {
    color:#F40C43;
    font-size:200%;
    padding-bottom:0;
}
div.port p.description { padding-bottom:10px; }
div.port a.check {
    background-color: rgb(244, 246, 249);
    margin: -7px 125px 30px 0pt;
    padding: 19px 15px 0pt;
    display: block;
    float: right;
    height: 23px; 
}
div.port h4 {
    float:left;
    font-size:100%;
    line-height:0;
    width:4%;
}
div.port ul { width:684px; }
div.port ul li {
    float:left;
    margin-top:-2px;
    padding:0 4px;
}


/*******************************************************************************
                              IE6
********************************************************************************/


.danger {
   background-color:#F5FAFF;
   text-align:center;
 }
 
 .danger p{
   font-weight:bold;
   font-size:16px;
   padding:2px;
 }
 
 .danger br{
    display:inline;
 }
 
 .danger small{
    display:inline-block;
    font-size:10px;
    font-weight:normal;
    line-height:10px;
    margin:0 0 0 10px;
    text-align:left;
    width:204px;
 }
 
 .danger span{
    font-size:12px;
    font-weight:bold;
    color: #F40C43;      
 }
 
 .danger span.close{
    cursor:pointer;
 }
 
 .b-icon{
    background:red url(/media/images/browsers-icons.png) no-repeat 0 0 ;
    cursor:pointer;
    display:inline-block;
    height:23px;
    position:relative;
    text-indent:-9000px;
    top:3px;
    width:28px;
 }
 
 #ff{ background-position: 0 50% !important;}
 #ch{ background-position: -27px 50% !important;}
 #sf{ background-position: -53px 50% !important;}
 #op{ background-position: -81px 50% !important;}
 #ie{ background-position: -109px 50% !important;}
 
 
/*******************************************************************************
                              pagination
********************************************************************************/


div.pagination {
    float:right;
    font-size:120%;
    font-weight:bold;
    clear:left;
}

div.pagination a, div.pagination span {
    float:left;
    margin-left:5px;
}

div.pagination .page, div.pagination .current {
    background:transparent url(/media/images/pagination.gif) no-repeat scroll 0 0;
    display:block;
    height:24px;
    line-height:170%;
    text-align:center;
    width:25px;
}
div.pagination .current {
    background:#fff;
}