/*

    Template Author : pixelhint.com
    Author Email    : contact@pixelhint.com
    Template Name   : Magnetic
    
    
    *****************************************
    
    
    - Fonts
    - General CSS
    - Header
    - Home/portfolio 
    - Inner page 
    - Map/Contact page  
    - Tooltip 
    - Responsive code
  
    
*/


/*  General CSS*/
body{
    background-color: #f5f5f5;
}

.wrapper{
    width: 92.72727272727273%;
    margin: 0 auto;
}

ul.social li a,
.main .work a .caption,
header nav ul li a{
	
    transition:all .1s linear;
    -webkit-transition:all .1s linear;
    -moz-transition:all .1s linear;
    -o-transition:all .1s linear;
}

.titulobranco{
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
	font-weight:700;
    letter-spacing: 1px;
}


.erro {
	color: #4b4848;
	font-family: 'Roboto Slab', monospace;
	line-height: 1.5em;
	font-size:1em;
	width: 400px;
	width: 100%;
}

h1.erro {
	color: #4b4848;
	font-family: 'Roboto Slab', monospace;
	font-size:3em;
	margin: 0px;
	width: 100%;
	margin: 40px 0 40px 0;
}


h1, h2, h3, h4, h5 ,h6{
    color: #4b4848;
    font-family: 'Montserrat', sans-serif;
	font-weight:800;
    letter-spacing: 1px;
	
}

h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: 0.25em 0 }
h3              { font-size: 1.17em; margin: .25em 0 }
h4              { margin: .0em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h3, h4,
h5, h6          { font-weight: 700; }

.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
 
.clearfix {  
    *zoom: 1;  
}





/*  Header  */
@media (min-width:1100px){
    header{
        width: 280px;
        min-height: 100%;
        padding-left:40px;
        background-color: #f5f5f5;
        float: left;
        
        z-index: 9999;
    }

   header .logo{
        margin-top: 20px;
		margin-left: 0px;
		
    }

    header nav ul{
        display: block;
        overflow: hidden;
        margin-top: 40px;
        list-style: none;
		margin-top:60px;
		
		    }

    header nav ul li{
        display: block;
        margin-bottom: 10px;
		
    }

	
	header nav .ingles {
        color: #707070;
		font-family: 'Roboto Slab', monospace;
		font-weight:400;
		font-style: italic;
        font-size: 11px;
        margin-top: -5px;
		margin-bottom:22px;
		
    }
	 
	 
	
    header nav ul li a{
  		color: #3A3730;
		font-family: 'Montserrat', monospace;
		font-weight:400;
        font-size: 16px;
        text-decoration: none;
		    }

    header nav ul li a:hover,
    header nav ul li a.selected{
        color: #969595;
    }

    header .footer{
        position: absolute;
        margin-top: 20px;
		
    }

	.social{
        
		height: 30px;
		clear: both;
	
		
		    }
	
    ul.social{
		width: 225px;
        list-style: none;
        margin-bottom: 0px;
		margin-top: 40px;
		
		    }

    ul.social li{
		
        display: block;
        float: left;
        position: relative;
        margin: 0 10px 10px 0;
    }


     ul.social li a{
        display: block;
        width: 30px;
        height: 30px;
        background: url('../img/sm.png') no-repeat;
        background-position: 0 0;
		
    }


    ul.social li a:hover{
        background: url('../img/sm_hover.png') no-repeat;
		background-position: -31px 0;
		
    }



    ul.social li a.linkedin,
    ul.social li a.linkedin:hover{
        background-position: -31px 0;
		
    }


    ul.social li a.behance,
    ul.social li a.behance:hover{
        background-position: -62px 0;
    }

    ul.social li a.instagram,
    ul.social li a.instagram:hover{
        background-position: -124px 0;
    }

    ul.social li a.flickr,
    ul.social li a.flickr:hover{
        background-position: -155px 0;
    }
	
	    ul.social li a.twitter,
    ul.social li a.twitter:hover{
        background-position: -93px 0;
    }
	
	    ul.social li a.facebook,
    ul.social li a.facebook:hover{
        background-position: -0px 0;
    }
	
	   ul.social li a.tumblr,
    ul.social li a.tumblr:hover{
        background-position: -186px 0;
    }

 

    header .rights p{
        color: #CCC;
        font-family: 'Roboto Slab', monospace;
        font-size: 10px;
        letter-spacing: 1px;
        line-height: 18px;
		margin-top: 40px;
		
    }

    header .rights a{
        font-family: 'Roboto Slab', monospace;
        font-weight: 700;
        text-decoration: none;
    }
	
	header .rights_rahma p{
        color: #999;
        font-family: 'Roboto Slab', monospace;
        font-size: 10px;
        letter-spacing: 1px;
        line-height: 18px;
		margin-top: 10px;
		
    }

    header .rights_rahma a{
        font-family: 'Roboto Slab', monospace;
        font-weight: 700;
        text-decoration: none;
		color: #999;
    }
	
	header .rights_rahma a:hover{
        font-family: 'Roboto Slab', monospace;
        font-weight: 700;
        text-decoration: underline;
		color: #999;
    }
	
    #menu_icon,
    .close_menu{
        display: none;
    }

}

#menu_icon,
.close_menu{
    float: right;
    margin-right: 40px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('../img/men_icons.png') no-repeat;
}

#menu_icon{    
    background-position: 0 0;
}
.close_menu{
    background-position: -41px 0!important;
}






/*  Main  */
.main{
	width:100%;
	max-width:71%;
    height: 100%;
    background: #f5f5f5;
    float:left;
	}


/*  Home/portfolio  */
.wrapper_index{
    width: 92.72727272727273%;
	height:100%;
    margin: auto;
	margin-bottom:20px;
}

  

   
   .hero{
	display: block;
	position: relative;
	width: 85%;
	height: 300px;
	background: rgba(0, 0, 0, 0.9);
	background-image: url('../img/bg_vitrine.jpg');
	background-repeat:no-repeat;
	background-position: center center center center;
	background-attachment:fixed;
	z-index: 3;
	clear: both;
	margin-left: auto;
	margin-right: auto;

}

.hero .overlay {
  position: absolute !important;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.5);
  clear: both;
}

.hero .caption{
	width: 100%;
	max-width: 400px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	top: 155px;
	z-index: 3;
	color: #fff;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
		
}

.hero .caption h1{
	color: #fff;
    font-family: 'Montserrat', sans-serif;
	font-weight:800;
    letter-spacing: 1px;
	font-size: 2em; 
	
}

.hero .caption p{
	width: 100%;
	color: #fff;
	font-family: 'Roboto Slab', monospace;
    font-size: 13px;
    line-height: 22px;
	margin: 15px 0 25px 0;
	  z-index: 2;
}
    

   .container_atuacao{
    width: 90%;
	
	margin-left: auto;
	margin-right: auto;
	
    
	}
 
 
 
 
 .atuacao:first-child{
    max-width: 250px;
	width: 27%;
    float: left;
    position: relative;
    vertical-align: middle;
	margin-left: 5%;
	padding: 30px 10px 30px 10px;
	color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-size: 14px;
    line-height: 22px;
	}

   .atuacao{
    max-width: 250px;
	width: 27%;
    float: left;
    position: relative;
    vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 10px 30px 10px;
	color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-size: 14px;
    line-height: 22px;
	}
   
       .atuacao img{
	   max-width: 100px;
   }
   
   .main hr {
	   width: 90%;
   }
   
   
a.bt_branco{
	display: inline-block;
	text-decoration: none;
	padding: 10px 10px;
	border: 2px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.6);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 8px;
	font-family: 'Montserrat', sans-serif;
	font-weight:800;
    Letter-spacing: 0.05em;
	font-size: 12pt;
	margin: 1px 20px 10px 0;
	color: #fff;
	background-color:rgba(255, 255, 255, 0.1)
	
	
}


a.bt_branco:hover,
a.bt_branco:active,
a.bt_branco:focus{
		display: inline-block;
	text-decoration: none;
	padding: 10px 10px;
	border: 2px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 1);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 8px;
	font-family: 'Montserrat', sans-serif;
	font-weight:800;
    Letter-spacing: 0.05em;
	font-size: 12pt;
	margin: 1px 20px 10px 0;
	color: #fff;
	
	background:transparent;
}

a.bt_branco {
	transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
}

.main .work{
    display: block;
    width: 33.33333333333333%;
    height: auto;
    float: left;
    position: relative;
    overflow: hidden;
	background: #f5f5f5;
	vertical-align: middle;
}

.main .work .media{
    width: 100%;
    vertical-align: middle;
}

.main .work .caption{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0; 
    left: 0;
    background: #f5f5f5;
    opacity: 0;
	vertical-align: middle;
}


.main .work a:hover .caption{
    opacity: 1;
}


.work .caption .work_title{
    display: block;
    width: 100%;
    position: absolute;
    text-align: center;
    top: 50%;
    margin-top: -40px;
}

.main .work .caption h1{
    position: relative;
    display: inline-block;
    max-width: 90%;
    padding: 20px 0;
    z-index: 77;
    color: #3A3730;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    letter-spacing: .5px;
    border-bottom: 1px solid #bfbbbb;
    border-top: 1px solid #bfbbbb;
}







/*  Inner Page  */
.top{
    width: 100%;
    height: 350px;
    overflow: hidden;
    display: block;
    position: relative;
    background: url('../img/header_sobre.jpg') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: 50% 50%;
}

.work_nav{
    display: block;
    width: 100%;
}

.work_nav .btn{
    float: right;
}

.work_nav ul{
    list-style: none;
}

.work_nav ul li{
    display: block;
    float: left;
    margin: 0 0 1px 1px;
    position: relative;
}

.work_nav a{
    display: block;
    width: 40px;
    height: 40px;
    background: url('../img/p_navigation.png') no-repeat;
    background-position: 0 0;
}

.work_nav a.previous{
    background-position: 0 0;
}

.work_nav a.grid{
    background-position: -41px 0;
}

.work_nav a.next{
    background-position: -82px 0;
}

.top .title{
    display: block;
    width: 100%;color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-size: 26px;
    font-weight: bold;
    background: rgba(255, 255, 255, .7);
    padding: 20px;
    text-transform: uppercase;
    line-height: 30px;
    margin: 0!important;
    overflow: hidden;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}

.content_header{
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 50%;
    margin-left: -46.36363636363637%;
}

.content{
    color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-size: 14px;
    line-height: 22px;
    padding: 30px 30px;
    background-color: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	clear:both;
}


.content p{
    color: #4b4848;
	font-family: 'Roboto Slab', monospace;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 60px;
	margin-bottom:10px;
	margin-top:2px;
}


.content_textos{
    color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-size: 14px;
    line-height: 22px;
    padding: 30px 30px;
    background-color: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	clear:both;
	max-width:700px;

}

.content_textos p{
    color: #4b4848;
	font-family: 'Roboto Slab', monospace;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 60px;
	margin-bottom:10px;
	margin-top:2px;
}

.content h2 {clear:left;}

.content h3 {
    color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-weight: 700;
    line-height: 8px;
    margin: 5px;
	display:inline;
}

.content h4 {
    color: #4b4848;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 8px;
    margin: 5px;
	display:inline;
}

.content h1,
.content h5,
.content h6{
    color: #4b4848;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 30px;
}










/*  Tooltip  */
.tooltip{
    display: block;
    padding: 7px 10px;
    background: #3A3730;
    color: #fff;
    font-family: 'Roboto Slab', monospace;
    font-size: 12px;
    position: absolute;
    white-space: nowrap;
    z-index: 999;
    opacity: 0;
    text-align: center;
    letter-spacing: .5px;
}

.tooltip:after{
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: #3A3730 transparent transparent transparent;
    display: block;
    text-align: center;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
}






/*  Responsive code  */
@media (max-width:1100px){

    header{
        display: block;
        width: 100%;
        min-height: 100px;
        padding: 0;
		
        position: relative;
		
		
		
    }
    header .logo{
        margin: 10px 0px 20px 10px;
        float: left;
		
		
    }
    header .footer{
        display: none;
    }
	
	.social {
		display: none;
	}
	
	header .rights {
        display: none;
    }
	
    header #menu_icon,
    header .close_menu{
        float: right;
        margin: 30px 30px 0 0;
    }
    
    header nav{
        width: 100%;
        position: absolute;
        top: 100px;
        left: 0;
        z-index: 9999;
		}
	
	
	header nav ul{
        list-style: none;
        display: none;
        position: relative;
		background: #fff;
		
    }
    header nav ul li  a{
        display: block;
        width: 100%;
        padding: 15px 0;
        text-align: center;
        color: #3A3730;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        text-decoration: none;
        border-top: 2px solid #f7f5f5;
        background: #fff;
    }

    header nav h4{
        display: block;
        width: 100%;
        padding: 30px 0;
        text-align: center;
        color: #3A3730;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        text-decoration: none;
        border-top: 1px solid #f7f5f5;
        background: #fff;
    }
	
	header nav h3{
        
        color: #3A3730;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        
    }


    header nav ul li a:active{
        background: #f7f5f5;
    }
    #menu_icon,
    .close_menu,
    .show_menu{
        display: block;
    }
    .show_menu{
        display: block;
    }

    .main .work{
        width: 50%;
		
    }
    .main{
        width: 100%;
		max-width: 100%;
        position: relative;
        padding-left: 0px;
		padding-top: 25px;
		
		clear: both;
		
    }
	
	h1.title{
    color: #4b4848;
    font-family: 'Montserrat', sans-serif;
	font-weight:800;
    letter-spacing: 1px;
	font-size: 2em;
	margin: 0;
	padding: 0px;
		

}

.content_header{
    position: absolute;
    bottom: 20;
    margin: 0 auto;
    left: 50%;
    margin-left: -46.36363636363637%;
	
	padding: 0px;
	margin-top: 200px;
}

	.formulario{
    color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-size: 14px;
    line-height: 22px;
	background-color: #fff;
	border: 1px #4b4848 solid;
	background-color: #ff0000;
	width: 50px;
	
 }

	
	.content{
		width: 100%;
    color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-size: 14px;
    line-height: 22px;
    padding: 30px 0px;
        -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	clear:both;
	margin-top: 20px;
}
    #map{
        margin: 0!important;
    }
	
	
	.content_textos{
	width: 100%;
    color: #f4848;
    font-family: 'Roboto Slab', monospace;
    font-size: 14px;
    line-height: 22px;
    padding: 30px 5px;
    background-color: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	clear:both;
	}
	
	

	
	.rodape_index{
    width: 80%;
	height: 200px;
	color: #999;
    font-family: 'Roboto Slab', monospace;
	font-weight: 400;
    font-size: 12px;
	letter-spacing:0.05em;
	clear: both;
	 }
	

	.wrapper_index{
    width: 92%;
	}
	

	
	
.hero{
	margin-left: auto;
	margin-right: auto;
		}

.atuacao{
	margin-left: auto;
	margin-right: auto;
		}

hr{
	margin-left: auto;
	margin-right: auto;
		}
		
		
		
	
		

}


	
}

@media (max-width:550px){
     .main .work{
        width: 100%;
    }
}


/* Pessoal */
.aula{
        color: #3A3730;
		font-family: 'Montserrat', sans-serif;
		font-weight:500;
        font-size: 13px;
        text-decoration: none;
				
    }
	 
	 header nav ul.menu_aula h3{
  		color: #3A3730;
		font-family: 'Montserrat', monospace;
		font-weight:800;
        font-size: 16px;
        text-decoration: none;
		}
		
		header nav ul.menu_aula h2{
  		color: #3A3730;
		font-family: 'Montserrat', monospace;
		font-weight:800;
        font-size: 18px;
        text-decoration: none;
		margin-bottom: 8px;
		}
	
	header nav ul.menu_aula li   {
  		margin-bottom:3px;
		
		}
	
	   header nav ul.menu_aula li  a{
  		color: #58554E;
		font-family: 'Montserrat', monospace;
		font-weight:400;
        font-size: 12px;
        text-decoration: none;
		margin-left: 10px;
		
		}
		
		header nav ul.menu_aula li a:hover,
		header nav ul li a.selected{
        color: #969595;
		}
		
		
		
		.atuacao a {
		text-decoration: none;
		
		}
		
	
	
	
	
	    header nav ul li.aula a {
        color: #3A3730;
		font-family: 'Montserrat', sans-serif;
		font-weight:400;
        font-size: 13px;
        text-decoration: none;
		margin-left:5px;
line-height: -12px;		
		}


	.content ul.conteudoaula{
    color: #3A3730;
	margin-bottom: 20px;
	margin-left: 60px;
    text-decoration: none;	

}

	
	    ul li.conteudoaula a {
        color: #3A3730;
		font-family: 'Roboto Slab', monospace;
        font-size: 14px;	
        text-decoration: none;
		margin-left: -6px;

    }

	

	
h1.titulos_aula {
    color: #4b4848;
    font-family: 'Roboto Slab', monospace;
	font-weight:900;
    letter-spacing: 1px;
}

.content h2.conteudoaula {
    color: #4b4848;
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 1.5em;
	word-spacing: 0.15em;	
	letter-spacing: 0.06em;
}	

.content h4.conteudoaula {
    color: #4b4848;
    font-family: 'Montserrat';
    font-weight: 700;
    margin-left: 42px;
}

.content h3.conteudoaula {
    color: #4b4848;
	line-height:25px;
    font-family: 'Montserrat';
    font-weight: 800;
	letter-spacing: 0;
	font-size: 1.17em;
    margin-left: 45px;
	word-spacing: 0.25em;
	
}



.content h1.titulos_aula {
    color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-weight: 900;
	letter-spacing: 0;
	font-size:170px;
    margin-left: 0px;
}


.content h2.titulos_aula {
    color: #4b4848;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
	letter-spacing: 0;
	font-size:17px;
    margin-left: 0px;
}







.content h3.titulos_textos {
    color: #4b4848;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
	letter-spacing: 0;
	font-size:17px;
    margin-left: 0px;
	word-spacing: 0.05em;
	letter-spacing: 0.025em;
}

.content a:link {
	color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-size: 14px;
    line-height: 22px;
	text-decoration:none;
}



.content a:hover {
	color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-size: 14px;
    line-height: 22px;
	text-decoration:underline;
}

.legendatexto a:link {
	color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-size: 12px;
    line-height: 22px;
	text-decoration:underline;
}

.legendatexto a:hover {
	color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-size: 12px;
    line-height: 22px;
	text-decoration:underline;
}

.content .citacaolonga {
	font-family: 'Roboto Slab', monospace;
	color:  #4b4848;
	font-size: 12px;
	line-height: 1.45;
	margin-left: 150px;
	margin-top: 15px;
	margin-bottom: 20px;
}

.content_textos .citacaolonga {
	font-family: 'Roboto Slab', monospace;
	color:  #4b4848;
	font-size: 12px;
	line-height: 1.45;
	margin-left: 20%;
	margin-top: 15px;
	margin-bottom: 20px;
}

.top_generico{
    width: 100%;
    height: 100px;
    overflow: hidden;
    display: block;
    position: relative;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: 50% 50%;
}

.top_sobre .title{
    display: block;
    width: 100%;color: #4b4848;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 700;
    background: rgba(255, 255, 255, .6);
    padding: 20px;
    text-transform: uppercase;
    line-height: 30px;
    margin: 0!important;
    overflow: hidden;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}

.titletextos{
    display: block;
    width: 100%;
	color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 700;
    background: rgba(58, 55, 48, .5);
    padding: 20px;
    line-height: 30px;
    margin: 0!important;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.titletextosbranco{
    display: block;
    width: 100%;
	
    background: rgba(58, 55, 48, .5);
    padding: 20px;
    line-height: 30px;
    margin: 0!important;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	
}



h1.titletextosbranco{
    display: block;
    width: 100%;
	color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 700;
	

}

.sobre_principal {
	width: 280px;
    height: 350px;
	max-width: 910px;
    overflow: hidden;
    display: block;
    position: relative;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	
}

.textos_principal {
	width: 100%;
    height: 71px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 169px;
	max-width: 910px;
    overflow: hidden;
    display: block;
    position: relative;
    background: url('../imagens_textos/img_textos_vitrine_001.jpg') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: 50% 50%;

	 color: #3A3730;
		font-family: 'Roboto Slab', monospace;
        font-size: 14px;	
}

.texto_principal {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	padding-top: 10px;
	max-width: 910px;
	margin-bottom:0px;
}

.textos_chamadas {
	margin-left:3%;
	margin-right:2%;
	margin-top: 10px;
	margin-bottom:20px;
	max-width: 372px;
	float:left;
	color: #aea4a4;
    font-family: 'Roboto Slab', monospace;
    font-size: 12px;
    line-height: 22px;
	}
	
	.textos_chamadas_ultimo {
	margin-left:3%;
	margin-right:2%;
	margin-top: 10px;
	margin-bottom:20px;
	max-width: 400px;
	clear: left;
	color: #aea4a4;
    font-family: 'Roboto Slab', monospace;
    font-size: 12px;
    line-height: 22px;
	}
	



.vitrine_fontes {
	
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	color: #aea4a4;
    font-family: 'Roboto Slab', monospace;
    font-size: 12px;
    font-size: 12px;
    line-height: 22px;
	
}




.moldura_textos {
	width: 100%;
	
}


.formulario{
    color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-size: 14px;
    line-height: 22px;
	background-color: #fff;
	border: 1px #4b4848 solid;
	width: 100%;
	max-width: 350px;
 }
 
 .formulario_btn{
    color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-size: 14px;
    line-height: 22px;
	background-color: #fff;
	border: 1px #4b4848 solid;
	width: 50%;
	max-width: 70px;
	margin-right:10px;
 }
 
 
 .legenda{
    color: #999;
    font-family: 'Roboto Slab', monospace;
	font-weight: 400;
    font-size: 12px;
	letter-spacing:0.05em;
	clear:both;
	margin-bottom: 100px;
 }
 
.rodape_index{
    width: 80%;
	height: 20px;
	color: #999;
    font-family: 'Roboto Slab', monospace;
	font-weight: 400;
    font-size: 12px;
	letter-spacing:0.05em;
	clear: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	 }

.legendatexto{
    color: #4b4848;
    font-family: 'Roboto Slab', monospace;
    font-size: 12px;
	line-height: 8pt;
	
 }

.content ul{
    color: #4b4848;
	font-family: 'Roboto Slab', monospace;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 50px;
	margin-left: 25px;
}

.work_title p{
    color: #4b4848;
	font-family: 'Roboto Slab', monospace;
    font-size: 14px;
    line-height: 18px;
	margin-left: 20px;
	margin-right: 20px;
}