/* CSS Document */

/*reset*/
* html{border:0;padding:0;margin:0; _padding:0; _margin:0;}
img{border:0;padding:0;margin:0;_padding:0;_margin:0;_border:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,hr{margin:0;padding:0;_padding:0;_margin:0;}
a{text-decoration:none;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;margin:0; font-weight:normal}
b{font-weight:normal; font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;}


/* ------------------------------------------------------------------------------------------------------------ */

html{background:#292929}


body{
	background:url(../imagens/template/bg.jpg) repeat;
   text-align:center;
   color:#666;
   font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:20px;
   }
   
.body{background:url(../imagens/template/bgBody.jpg) center top; position:relative; min-width:1200px} /* quando em sites não responsivos, o min-width deve ser definido para que o background não corte quando existir barra de rolagem. exemplo: min-width:1020px */   

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.body{background-position: 49.999% top}    
}  
   
p{line-height:18px}
ul{line-height:18px;}

div img{max-width:100%}

.colunaSidebar img{width:100%}

/*div,ul,li{display:inline-block}*/
	
h1{font-size:34px; font-family: 'OpenSansLight'; color:#000; line-height:45px}
h2{font-size:11px;margin:6px 0}
h3{font-size:28px; font-family: 'ropa_sansregular'; color:#000; line-height:26px; }
h4{font-size:16px} 


/* LINKS e BOTÕES*/
a:link{
    color:#000;
	cursor:pointer}
a:visited{
    color:#000;}
a:hover{
    color:#a4a4a4;} 
	
	

#bt-saiba-mais{ background:url(../imagens/template/bt-saibaMais.jpg) no-repeat; height:41px; width:163px; margin-top: 15px; }

#bt-saiba-mais:hover{ background:url(../imagens/template/bt-saibaMais.jpg) 0 -41px; height:41px; width:163px; cursor:pointer}


.rodapePaginacao{border: 1px solid #CCCCCC;
    border-radius: 10px;
    margin: 0 5px;
    padding: 5px 10px;}



/* ------------------------------------------------------------------------------------------------------------ */

/* GERAL ( div´s - colunas - etc...) */ 

.topoContainer{
	text-align:center;
	width:100%;
	height:508px;
	background:#fff;
	position:relative;
	background:url(../imagens/template/bg-top-home.jpg) repeat-x
	}
	
	
.topoContainer-interna{
	text-align:center;
	width:100%;
	height:180px;
	background:#fff;
	position:relative;
	background:url(../imagens/template/bg-top-interna.png) repeat-x
	}	
	

.topoSombra{position:absolute; bottom:-10px; left:0; z-index:50; height:10px; width:100%; background:url(../imagens/template/topoSombra.png) repeat-x}


.topo{
	background:url(../imagens/template/bg-top-home.jpg) repeat-x center top;
	max-width:1162px;
	text-align:left;
	margin:0 auto;
	color:#fff;
	padding:0 0 0 10px;
	position:relative;
	}
	

.logo{
	float:left;
	margin:20px 0;
	max-height:157px;
	max-width:188px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

.mobileMenu, .mobileMenuContainer{display:none}

.menuQuemSomos{width:128px}

.menuGaleria{width:83px}

.mioloContainer{
	text-align:center;
	width:100%;
}

.miolo{
	   max-width:1162px;
	   padding:25px 10px;
	   text-align:left;
	   margin:0 auto;
	   
	   }
	   
.coluna{width:730px; float:left;}


.col-esquerda{ width:765px; float:left;}


.col-direita{float: right; margin-top:10px;}	


.banner-solicite-orcamento{ width:384px; min-height:250px; margin-top:36px }


.central-de-atendimento{ width:384px; min-height:250px;}


.titulo-banner{ background:#000; height:70px; width:384px; color:#FFF; font-family: 'ropa_sansregular'; font-size:24px;} 


.conteudo-banner{ width:384px; height:180px; background:#FFF;}


.chamada1{ font-size:16px; color:#000; margin-bottom:15px; margin-left:15px; padding-top:15px;}


.chamada1-sub{ font-size:12px; margin-left:15px; padding-top:18px;}


#bt-acesse-sistema{ width:120px; height:36px; background:url(../imagens/template/bt-saibaMais2.jpg) no-repeat; margin-top:25px; margin-left:174px }

#bt-acesse-sistema:hover{ width:120px; height:36px; background:url(../imagens/template/bt-saibaMais2.jpg) 0 -36px; cursor:pointer;  }


/*.colunaT h3{border-bottom:2px solid #666; padding-bottom:3px; font-family: 'ropa_sansregular'; font-size:16px;}*/
   

.colunaT { background:url(../imagens/template/bg-titulo.png) repeat-x; padding-bottom:3px; font-family: 'ropa_sansregular'; font-size:16px; } 


.colunaT-interna { background:url(../imagens/template/bg-titulo-interna.png) repeat-x; width:730px; padding-bottom:3px; font-family: 'ropa_sansregular'; font-size:16px; }
  
  
.imagem-iterna{ width:680px; height:346px; margin-top:20px; margin-left:20px;}

.texto-interna{ width:680px; margin-bottom:20px;}

.texto-interna-produto{ width:720px; margin-bottom:20px;}
    
.colunaM{padding: 10px 0 0 18px; font-size:12px; min-height:120px}

.colunaB{font-size:12px; text-align:right}	  

.colunaInterna{width:74%; margin-right:4%; float:left;}	

.colunaInternaT h1{border-bottom:1px solid #666; padding-bottom:4px}   

.colunaInternaM{padding:28px 0 10px; font-size:12px; font-size:13px; line-height:24px;}

.colunaInternaB{font-size:12px; text-align:right}

.colunaSidebar{width:22%; float:left; margin-top:20px}	

.colunaSidebarBloco{margin-bottom:20px;}   

.colunaSidebarBlocoT h3{border-bottom:1px solid #666; padding-bottom:3px}   

.colunaSidebarBlocoM{padding:10px 0; font-size:12px}

.colunaSidebarBlocoB{font-size:12px; text-align:right}	

	
.listaSecoes li{display:inline-block; margin-bottom:25px; margin-right:2%; width:47%;}
	
.listaSecoes li a{
	 background:#000;
	 color:#FFF;
	 font-family: 'ropa_sansregular'; 
	 font-size:18px;
	 cursor:pointer;
	 padding:8px 13px;
	 -moz-border-radius:10px;
	 display:block;
}	   
	   
.listaSecoes li a:hover{background:#757575;}	   
	  

.depoimento{margin:0 0 30px 0; position:relative; min-height:175px; border-bottom:1px solid #ccc; padding-bottom:30px}

.depoimentoImagem{float:left; width:150px; position:absolute; top:0; left:0}

.depoimentoImagem img{
	max-width:100%; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	
.depoimentoDescricao{margin-left:175px; max-width:800px}	

.depoimentoDescricao iframe{margin-bottom:10px}

.servicosImagem{width:100%; height:206px; margin-bottom:10px; overflow:hidden}	


.imagem-banner{ float:left; margin-left:5px; margin-top:18px; margin-right: 10px;}

.categorias{width:100%; padding-top:20px}

.categorias li{width:210px; height:187px; text-align:center; position:relative; margin-right:30px; margin-bottom:35px; float:left;box-shadow: 0 0 5px #888}

.categorias li:hover{box-shadow: 0 0 5px #000; background:#f9f9f9}

.categorias li h1{font-size:15px; border-bottom:1px solid #d3d3d3; padding:5px 0; margin:0; line-height:18px}	

.categorias li a{width:100%; height:100%; display:block; text-decoration:none;}	

.categorias li:hover a{color:#0c4da2;}	

.categorias li .categoriasImagem img{max-width:210px; max-height:158px}

.categoriasImagem table{height:158px; width:210px}



.produto{margin:0 0 30px 0; position:relative; min-height:175px; border-bottom:1px solid #ccc; padding-bottom:30px}

.produtoImagem{float:left; width:300px; position:absolute; top:0; left:0}

.produtoImagem img{
	max-width:100%; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	
.produtoDescricao{margin-left:320px; max-width:800px}	

.produtoDescricao iframe{margin-bottom:10px}
	   	   
	   
/*------------------------------------------------*/	   
	   
.table{display: table; height: 400px; width:569px; overflow: hidden; margin:0 auto; *overflow:hidden; *position:relative; margin-top:309px;}


.cell{display: table-cell; vertical-align:middle; float:right; *top:50%; *position:absolute; height:385px; width:569px;}	   


/*--- Seção de Notícias ---*/

.ulNoticias{}

.ulNoticias li{display:inline-block; width:100%; padding:0 0 10px; margin-bottom:10px; border-bottom:1px solid #ccc; font-size:12px; position:relative}

.ulNoticias b{cursor:pointer}

.ulNoticiasInterna img{max-width:100%; margin-top:10px; margin-bottom:32px}

.ulNoticiasTitulo{float:left; width:90%; cursor:pointer;/*color:#666*/}

.ulNoticiasTitulo:hover{/*color:#000*/}

.ulNoticiasTituloInterna{float:left; width:90%; font-size:14px; font-weight:bold; margin-bottom:25px}

.ulNoticiasTituloInterna:hover{}

.ulNoticiasData{float:right; font-size:10px}

.ulNoticiasData:hover{float:right}

.noticiaRodape{margin-top:32px; padding-top:10px; border-top:1px solid #ccc}

.noticiaRodape .fb-like{float:left; margin-top:2px}

.noticiaFonte{float:left; margin-right:10px; padding-right:10px; border-right:1px solid #ccc; font-size:11px}

.noticiaRodape .btnGeral{float:right; padding-top:0; padding-bottom:0}
/*------------------------------------------------*/

.destaqueContainer{
		height:381px;
		text-align:center;
		background:#0000;
		max-width:1162px;
		margin:0 auto;
		position:relative;
		}


.produtosItemContainer{width:100%; text-align:center; position:relative}


.produtosItemImagem{width:234px; float:left; padding-right:15px; height:193px; position:relative; margin:0 auto; display:block !important}


.destaque{width:100%; height:381px; position:relative}


.destaque2{width:219px; height:381px; position:relative}

.imagem-item{ position:relative; width:219px; float:left; margin-right:15px; margin-left:10px; }

.itens{ width:765px; }

.nome-item{ position:absolute; font-family: 'ropa_sansregular'; font-size:24px; color:#000; margin-top:15px; bottom:0; left:8px; z-index:10; background:url(../imagens/template/bg-nome-item.png) repeat; height:36px; width:219px}


#nome-item{ position:absolute; font-family: 'ropa_sansregular'; font-size:24px; color:#000; margin-top:15px; bottom:0; left:7px; z-index:10; background:url(../imagens/template/bg-nome-item.png) repeat; height:36px; width:220px}


#nome-item:hover{ position:absolute; font-family: 'ropa_sansregular'; font-size:24px; color:#000; margin-top:15px; bottom:0; left:8px; z-index:10; background:url(../imagens/template/bg-nome-item2.png) repeat; height:36px; width:219px}


.destaqueImagemMascara{width:569px; height:381px; float: right; overflow:hidden; position:relative}

.destaqueImagemMascaraContainer{position:absolute; float:right; top:50%; left:50%; margin:-500px 0 0 -510px; width:1020px; height:400px; text-align:center}

.destaqueImagemMascaraContainer img{max-width:100%; min-width:100%; min-height:385px}

.destaqueLegenda{position:absolute; bottom:0; left:0; width:600px; height:400px; margin-top:50px; float:left;}

.destaqueLegendaConteudo{padding:80px 48px 0 0; color:#fff; float:left;  text-align:left}

.destaqueLegendaTitulo{font-size:38px; margin-bottom:25px; line-height:42px; font-weight:bold;}

.destaqueLegendaDescricao{ font-size:30px; font-family: 'ropa_sansregular'; line-height:35px; }

/*--- Lightbox ---*/

#lightbox{position:fixed; left:0; top:0; width:100%; height:100%; z-index:10}

.lightboxFundo{
	background:url(../imagens/template/transparencia.png); 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:10; 
	width:100%;
	height:100%;
	text-align:center 
	}	 
	
.lightboxSair{
	position:fixed; 
	top:0; 
	left:0; 
	z-index:-1; 
	width:100%;
	height:100%;
	text-align:center 
	}

.lightboxFloatContainer{
	position:absolute;
	top:0;
	z-index:10;
	width:100%;
	height:100%
}

.lightboxTable{display: table; height: 100%; width:100%; overflow: hidden; margin:0 auto; *overflow:hidden; *position:relative;}

.lightboxCell{display: table-cell; vertical-align: middle; *top:50%; *position:absolute; width:100%; text-align:center}

.lightboxFloat{
	width:950px;
	margin:0 auto;
	text-align:left;
	background:#ccc
	}	 

.lightboxFloatTop{
	height:27px;
	display:block;
	display:inline-block;
	width:100%;
	}	
	
.lightboxFloatTopX{
	background:url(../imagens/template/bt_fechar.png) no-repeat;
	width:91px; 
	height:27px; 
	float:right; 
	cursor:pointer;
	}	
	
.lightboxFloatTopX:hover{
	background:0 -27px;
	}		
	
.lightboxFloatMid{
	padding:0 0 0 0;
	display:inline-block;
	width:950px;
	}		

.lightboxFloatBot{
	width:100%; 
	}
/*------------------------------------------------*/


/*--- Seção de Clientes ---*/
.ulClientes{margin-top:10px; display:inline-block; width:100%}

.ulClientes li{background:#fff; border-radius:10px; width:109px; height:85px; float:left; margin:0 7px 14px 7px}

.ulClientes li table{width:100%; height:100%; text-align:center}

.ulClientes li img{max-width:93px; max-height:70px; text-align:center}
/*------------------------------------------------*/


.galeria{display:inline-block; width:100%; margin-top:13px}

.galeria li{float:left; width:48%; height:230px; margin:0 2% 25px 0;}

.galeria li img{
	max-width:500px; 
	max-height:300px;
	/*filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(1);*/
	}
	/*
.portfolio li:hover img{
	filter: none;
	-webkit-filter: grayscale(0);
	}*/
	
.galeria li .galeriaImagem{width:100%; height:180px; overflow:hidden; display:inline-block; position:relative; box-shadow: 0 0 5px #888888}	

.galeriaContainer{position:absolute; top:50%; left:50%; width:500px; height:500px; margin-left:-250px; margin-top:-250px;}			  

.galeriaTitulo{display:block; margin-top:5px; text-decoration:none !important; font-family: 'OpenSansLight'; font-size:16px }



.galeriaFotos{display:inline-block; width:100%; margin-top:13px}

.galeriaFotos li{float:left; width:170px; height:128px; margin:0 2% 15px 0;}

.galeriaFotos li img{
	max-width:300px; 
	max-height:300px;
	}
	
.galeriaFotos li .galeriaFotosImagem{width:100%; height:128px; overflow:hidden; display:inline-block; position:relative; box-shadow: 0 0 5px #888888}	

.galeriaFotosContainer{position:absolute; top:50%; left:50%; width:300px; height:300px; margin-left:-150px; margin-top:-150px;}			  


.videos{}

.videos li{float:left; margin-bottom: 20px; margin-right:5%; width:45%;}

.videos li iframe{width:100%}

/* ------------------------------------------------------------------------------------------------------------ */   

/* FORM */

textarea, input, select {
   color:#666;
   font-size:12px;
   border:none;
   vertical-align:middle;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   outline:none; /*Tira a borda do Chrome*/;
   resize:none;
   font-family: 'OpenSansRegular', Arial;
   padding:8px 0
   }
   

label{
	margin-left:0px;
	font-size:11px;
	font-family: 'OpenSansBold';
	}

input{width:100%; padding-left:2px}
	
.contato input{width:350px; margin-bottom:10px;}

.contato textarea{width:350px; height:160px; margin-bottom:20px;}	
	
.campoNewsletter{width:148px; margin-right:5px; margin-bottom:10px}	
	
.btn_form{
	 background:#000;
	 color:#FFF;
	 font-family: 'ropa_sansregular';
	 font-size:18px;
	 font-weight:bold;
	 cursor:pointer;
	 width:auto;
	 padding:7px;
	 margin-bottom:10px;
	 border:none;
	 }
	 
.btn_form:hover{
	 background:#757575;
}	 

.btnGeral{
	 background:#000;
	 color:#fff !important;
	 font-size:12px;
	 cursor:pointer;
	 padding:8px 13px;
	 display:inline-block}

.btnGeral:hover{background:#999;}
	 
.btnSaibaMais{
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:21px;
	padding-left:6px;
	margin-left:5px;
	-webkit-border-radius:11px;
	-moz-border-radius:11px;
	border-radius:11px;
	background:#000;
	color:#fff;
	font-size:18px;
	text-align:left}

.saibaMais:hover .btnSaibaMais{
	background:#a4a4a4;}
/* ------------------------------------------------------------------------------------------------------------ */   


/* RODAPE */
.rodapeContainer{
	background:#292929;
	min-height:98px;
	text-align:left;
	color:#fff;
	width:100%
	}

.rodape{
	max-width:1162px;
	margin:0 auto;
	padding:30px 10px 40px
	}
	
.rodape-col{float:left; min-height:210px; padding-right:30px; margin-right:30px;border-right:1px solid #424242}

.rodape-col-left{width:318px;}

.rodape-col-mid small{display:none}	

.rodape-col-mid iframe{width:280px}

.rodape-col-right{margin-right:0; padding-right:0; border:0}

	
address{
	font-style:normal;
	text-align:center;
	color:#fff;
	line-height:30px;
	}
	
.addressIcon{float:left; margin-top:7px}

address span{display:block; margin-left:30px}

.iconRedes{margin-top:7px; border-top: 1px solid #424242}

.iconRedes li{float:left; margin-right:10px; margin-top:8px}

.iconRedes a{width:40px; height:40px; background:url(../imagens/template/bgRedes.png) no-repeat; display:block; } 

.iconRedes a:hover{background-position:0 -40px}

.rodapeFacebook{
	float:left;
	width:280px;
	height:205px;
	position:relative;
	padding-bottom:5px;
	background:#fff;
	overflow:hidden;
	}	
.rodapeFacebookHidden{
	position:absolute;
	left:-2px;
	top:-2px;
	height:205px;
	overflow:hidden;
	}	


.uiBoxWhite{background:none !important}
	
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
.rodapeFacebook{height:255px;}	
.rodapeFacebooHidden{top:-2px}	
.fb-like-box{height:300px !important}
}	

@-moz-document url-prefix() { 
.rodapeFacebook{height:230px;}	
}*/
		
	
.fb_iframe_widget iframe{position:static !important;}	

.logoUNU{ float:right; top:8px; right:10px}
/* ------------------------------------------------------------------------------------------------------------ */  



@font-face {
    font-family: 'OpenSansLight';
    src: url('../fontes/OpenSans-Light-webfont.eot');
    src: url('../fontes/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/OpenSans-Light-webfont.woff') format('woff'),
         url('../fontes/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fontes/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('../fontes/OpenSans-LightItalic-webfont.eot');
    src: url('../fontes/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fontes/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fontes/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fontes/OpenSans-Regular-webfont.eot');
    src: url('../fontes/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fontes/OpenSans-Regular-webfont.woof') format('woof'),
         url('../fontes/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fontes/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('../fontes/OpenSans-Italic-webfont.eot');
    src: url('../fontes/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fontes/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fontes/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fontes/OpenSans-Semibold-webfont.eot');
    src: url('../fontes/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fontes/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fontes/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('../fontes/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fontes/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fontes/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fontes/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fontes/OpenSans-Bold-webfont.eot');
    src: url('../fontes/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fontes/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fontes/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fontes/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('../fontes/OpenSans-BoldItalic-webfont.eot');
    src: url('../fontes/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fontes/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fontes/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('../fontes/OpenSans-ExtraBold-webfont.eot');
    src: url('../fontes/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fontes/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fontes/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('../fontes/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../fontes/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../fontes/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../fontes/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ropa_sansregular';
    src: url('../fontes/ropasans-regular-webfont.eot');
    src: url('../fontes/ropasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/ropasans-regular-webfont.woff') format('woff'),
         url('../fontes/ropasans-regular-webfont.ttf') format('truetype'),
         url('../fontes/ropasans-regular-webfont.svg#ropa_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}