@font-face {
    font-family: 'Helvetica';
    src: url('font/helveticaneueltstd-cn-webfont.eot');
    src: url('font/helveticaneueltstd-cn-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helveticaneueltstd-cn-webfont.woff') format('woff'),
         url('font/helveticaneueltstd-cn-webfont.ttf') format('truetype'),
         url('font/helveticaneueltstd-cn-webfont.svg#HelveticaNeueLTStd57Condensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Utilidades
----------------------------------------------------------------------------- */
.clear { clear: both; }

li, ul, a, div, h1{ outline:none } 

/* CSS clearfix */
.clearfix:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

  * html .clearfix { height: 1%; }
  .clearfix { display: inline-block; }
  .clearfix { display: block; }

/* Corpo
----------------------------------------------------------------------------- */
body {
  background:white;
  font-family:Helvetica;
  font-size:12px;
}

html { overflow-y: scroll; }

/* Estrututra b�sica
----------------------------------------------------------------------------- */
.content{
    margin:0px auto;
    width:980px;
    background:white;
}

.content-f{
    margin:0px auto;
    width:980px;
}

a{
    text-decoration:none;
}
/* Elementos de texto
----------------------------------------------------------------------------- */
strong { font-weight: bold; }

em { font-style: italic; }

h1, h2, h3, h4, h5, h6, p, li {
  margin-bottom: 0.5em;
}


/*
 *TOP
 */
 
#top{
    height:30px;
    background:url(../images/listra.jpg) repeat-x;
}

/*
 *Header
 */
 
header{ width:980px; }

header img{
    margin:0px 10px 10px 0;
    float:right;
}

header span{
	float:right;
	display:block;
	margin:-10px 10px 20px 0;
}
header span a{
	color:#5b5959;
}

/*
 *Fundo
 */

#fundo{ 
    background:url(../images/fundo.jpg) repeat;
    padding-top: 15px;
}

/*
 *potfolio
 */

  .border{
    position:absolute;
    bottom:15px;
    background:url(../images/sofrimento.jpg) no-repeat;
    height:25px;
    left:-5px;
    width:5px;
  }
  .jquery-big{ 
    height:357px;
    width:607px;
    position:relative;
  }

.load{
  background:url(../images/load.gif) no-repeat center;
}
  
#portfolio{
    width:980px;
    padding:50px 75px 50px 75px;
    margin-bottom:20px;
}

    #portfolio li{
        width:820px;
        margin:0 0 35px 0;
    }
        #portfolio li h1{
            font-size:28px;
            text-transform:uppercase;
            color:#55a998;
        }
        #portfolio li div{
            float:left;
            margin:0 5px 0 0;
        }
        
            #portfolio li div .data{
                position:absolute;
                background:black;
                opacity:0.7;
                color:white;
                padding:6px 15px 5px 5px;
                font-size:14px;
                bottom:15px;
            }
            
        #portfolio li a img{
            margin:0 0 11px 0;
            border:1px solid transparent;
        }
        
            #portfolio li a img:hover{ border:1px solid #bebdbd; }
            
        #portfolio li .texto{
            color:#5b5959;
            margin:0 0 0 1px;
            width:600px;
            display:block;
            line-heght:18px;
            padding:5px 0 0 0;
        }
 
/*
 *footer
 */ 
 
 #footer{ padding:0 0 80px 1px; }
 
    #footer span{
        margin-right:170px;
        color:#5b5353;
    }
    
    #footer img{
        margin:-10px 0 0 0;
        float:right;
    }