﻿@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cabin&display=swap');

.texto_audiovisual 

{ 

font-family: 'Cabin', sans-serif;
font-size: 16px; 
line-height: 18px

}

a {  color: #000099; text-decoration: none}
a:hover {  color: #FF6600; text-decoration: underline}

body {
	scrollbar-face-color: #FF6600; scrollbar-arrow-color: #000000;
	/*font-family: 'Montserrat', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	color: #666666;
	font-size: 15px;
	/*line-height: 18px;*/
	text-align:left;
	margin:0 auto;
	background-repeat: repeat;
	/*background-image: url(fundo.jpg);
	background-position: center top;*/
}

.tipografia-padrao {
	
	/*font-family: "Gotham Medium", "Helvetica Neue", "Lucida Grande", sans-serif;
	font-family: 'Montserrat', sans-serif; */
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	font-size: 18px
	
}

.tipografia-padraoTit {
	
	/*font-family: "Gotham Medium", "Helvetica Neue", "Lucida Grande", sans-serif;
	font-family: 'Montserrat', sans-serif; */
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	font-size: 20px
	
}

a.tipografia-padrao {
	
	/*font-family: "Gotham Medium", "Helvetica Neue", "Lucida Grande", sans-serif;
	font-family: 'Montserrat', sans-serif; */
	font-family: 'Montserrat', sans-serif;
	color: #blue;
	font-size: 18px
	
}

.tipografia-padrao-ultimas-noticias {
	
	font-family: 'Montserrat', sans-serif;
	font-size: 80%;
	
}



@font-face {
  font-family: 'Gotham Bold';
  src: url('http://culturaniteroi.com.br/cod/font/GothamBold.ttf');
  /*src: url('nomedafont?#iefix') format('embedded-opentype'),
    url('nomedafont.svg#Locaweb-Icons') format('svg'),
    url('GothamBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;*/
  
}

@font-face {
  font-family: 'Gotham Light';
  src: url('http://culturaniteroi.com.br/cod/font/GothamLight.ttf');
   /*src: url('nomedafont?#iefix') format('embedded-opentype'),
   url('nomedafont.svg#Locaweb-Icons') format('svg'),
    url('GothamBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;*/
  
}

@font-face {
	
  font-family: 'Gotham Medium';
  src: url('http://culturaniteroi.com.br/cod/font/GothamMedium.ttf');
   /*src: url('nomedafont?#iefix') format('embedded-opentype'),
   url('nomedafont.svg#Locaweb-Icons') format('svg'),
    url('GothamBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;*/
  
}

@font-face {
	
  font-family: 'GothamHTF-BoldCondensed';
  src: url('http://culturaniteroi.com.br/cod/font/GothamHTF-BoldCondensed.otf');
   /*src: url('nomedafont?#iefix') format('embedded-opentype'),
   url('nomedafont.svg#Locaweb-Icons') format('svg'),
    url('GothamBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;*/
  
}


/* UL com circulo vazio  */
ul.a {
    list-style-type: circle;
}


/* UL com quadrado preto  */
ul.b {
    list-style-type: square;
}


/* OL com  ordenação em romano */
ol.c {
    list-style-type: upper-roman;
}


/* OL com  ordenação de acordo com alfabeto */
ol.d {
    list-style-type: lower-alpha;
}


#p.externos { 
	padding-height: -10px; 
}

 /* TEXTO BLOG */

.textoBlog {
	
	font-family: 'Montserrat', sans-serif;
	color: #333333;
	font-size:20px;
	line-height:26px;
	text-align:justify;
}

.tituloBlog {
	
	font-family: 'Montserrat', sans-serif;
	color: #666600;
	font-size:26px;
	font-style: blof;
}

 /* TEXTO BLOG */

.textoBlog2 {
	font-family: 'Montserrat', sans-serif;
	color: #666666;
	margin-left:20pt;
	font-size:26px;
	line-height: 18px;
	font-style: bold;
	text-align:left;
}

.textoBlog3 {
	font-family: 'Montserrat', sans-serif;
	color: #333333;
	font-size:14px;
	line-height: 18px;
	text-align:left;
}


a:link {
	text-decoration: none;
	color: #CC0000;
}
a:visited {
	text-decoration: none;
	color: #CC0000;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #FF0000;
	/*text-align: center;*/
}


/* Hyperlynk BLOG*/ 

 a.linkBlog {
	text-decoration:none;
	color:#003300;
	font-family: 'Montserrat', sans-serif; 
	font-weight: normal;
	font-size: 13px;
		 }
		 
  a.linkBlog:hover {
	text-decoration:underline;
	color:#666666;
	}
		
		
/* Hyperlynk Menu Portal*/ 

a.menuportal {
	text-decoration:none;
	color:#000000;
	/*font-family: 'Helvetica LT Std', 'Helvetica', 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic,*/
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 13px;
		 }
		 
  a.menuportal:hover {
	text-decoration:underline;
	color:#666666;
	}
	
  a.menuportal_atualiza_1 {
	text-decoration:none;
	color:#000000;
	/*font-family: 'Helvetica LT Std', 'Helvetica', 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic,*/
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 13px;
		 }
		 
  a.menuportal_atualiza_1:hover {
	text-decoration:underline;
	color:#000000;
	}
	
	  a.menuportal_atualiza_1:visited {
	text-decoration:underline;
	color:#000000;
	}

  a.menuportal_atualiza_2 {
	text-decoration:none;
	color:#990000;
	/*font-family: 'Helvetica LT Std', 'Helvetica', 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic,*/
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 13px;
		 }
		 
  a.menuportal_atualiza_2:hover {
	text-decoration:underline;
	color:#990000;
	}
	
	  a.menuportal_atualiza_2:visited {
	text-decoration:underline;
	color:#990000;
	}

 a.menuportalpages {
	text-decoration:none;
	color:#000000;
	/*font-family: 'Helvetica LT Std', 'Helvetica', 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic,*/
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 14px;
		 }
		 
  a.menuportalpages:hover {
	text-decoration:underline;
	color:#666666;
	}
		
a.legendaportal		{

	text-decoration:none;
	color:rgb(0, 33, 87);
	font-family: 'Montserrat', sans-serif; 
	font-weight: normal;
	font-size: 0.8em;
		 
		 }

a.legendaportal:hover		{

	text-decoration:underline;
	color:#666666;
	}
		 

		 
.tituloportal {
	
	text-decoration:none;
	color:rgb(0, 33, 87);
	
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 18px

}	
		
		
/* Hyperlynk Menu Municipal*/ 

 a.menumunicipal {
	text-decoration:'none';
	font-style: bold;
	color:#000000;
	/*font-family: 'Montserrat', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 12px;
		 }
		 
  a.menumunicipal:hover {
	text-decoration:underline;
	}
		
		

/* Hyperlynk Menu MacNiteroi*/ 

 a.menumacniteroi {
	text-decoration:'none';
	font-style: bold;
	color:#000;
	/*font-family: 'Helvetica LT Std', 'Helvetica', 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic,*/
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 13px;
	letter-spacing: 0.3px;
	margin: 0px 4px 0px 4px;
		 }
		 
  a.menumacniteroi:hover {
	text-decoration:underline;
	}
		
		
/* Hyperlynk Menu Solar*/ 

 a.menusolar {
	text-decoration:'none';
	font-style: bold;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 12px;
		 }
		 
  a.menusolar:hover {
	text-decoration:underline;
	}
		
/* Hyperlynk Menu Popular*/ 

 a.menupopular {
	text-decoration:'none';
	font-style: bold;
	color:#000000;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 12px;
		 }
		 
  a.menupopular:hover {
	text-decoration:underline;
	}
		

/* Hyperlynk Menu CCPCM*/ 

 a.menuccpcm {
	text-decoration:'none';
	font-style: bold;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 12px;
		 }
		 
  a.menuccpcm:hover {
	text-decoration:underline;
	}
	
	/* Hyperlynk Menu Janete*/ 

 a.menujanete {
	text-decoration:'none';
	font-style: bold;
	color:#000000;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 12px;
		 }
		 
  a.menujanete:hover {
	text-decoration:underline;
	}
				

		

/* Hyperlynk Menu Geral*/ 

 a.menugeral {
	text-decoration:none;
	color:#000000;
	font-family: 'Montserrat', sans-serif;
	font-size:10px;
		 }
		 
  a.menugeral:hover {
	text-decoration:underline;
	color:#666666;
	}
		
		
 /* Hyperlink rodape Mapa do site home*/ 

  a.mapadositehome {
	text-decoration:none;
	color:#555;
	/*font-family: 'Helvetica LT Std', 'Helvetica', 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic*/
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-indent: 9px;
			 }
		 
  a.mapadositehome:hover {
	text-decoration:underline;
	color:#555;
		}
	
  a.mapadositemunicipal {
	text-decoration:none;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-indent: 9px;
			 }
		 
  a.mapadositemunicipal:hover {
	text-decoration:underline;
	color:#666666;
		}

  a.mapadositemac {
	text-decoration:none;
	color:#000;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-indent: 9px;
			 }
		 
  a.mapadositemac:hover {
	text-decoration:underline;
	color:#666666;
		}

		
a.intopic:link  {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	font-weight: bold !important;
	
		
}
a.intopic:visited {
	text-decoration: none;
	color: #CC0000;
}
a.intopic:hover {
	text-decoration: underline;
	color: #CC0000;
}
a.intopic:active {
	text-decoration: none;
	color: #FF0000;
	/*text-align: center;*/
}

		
		
		
 /* Chamando os mapas do google */

#mapa {
	width: 1094px;
	height: 210px;
}


 /* Div de indentação do mapa do site*/
 
  div.indentação {
   text-indent: 15px;
   align: left;	

 }


 /* Imagens */

.img {
   border: none;
}

.legenda {
	font-family: 'Montserrat', sans-serif;
	color: #333333;
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

.legendaFotos {
	font-family: 'Montserrat', sans-serif;
	color: #006600;
	font-size: 12px;
	text-align: left;
}

.textoTabela {
	font-family: 'Montserrat', sans-serif;
	color: #006600;
	font-size: 10px;
	font-style: none;
	text-align: right;
}

.textoTabelaCenter {
	font-family: 'Montserrat', sans-serif;
	color: #006600;
	font-size: 10px;
	font-style: none;
	text-align: center;
}

.buscaCampo {
	position: relative;
	top: 0px;
	left: 0px;
}

.tabExposicoes {
	background-repeat: no-repeat;
}

.tabDestaques {
	background-repeat: no-repeat;
}

.tabNiteroidiscos {
	background-repeat: no-repeat;
        overflow: hidden;
        float: center;
        position: relative;
}

.style1 {
	font-family: 'Montserrat', sans-serif;
	color: #FFFFFF;
	font-size:11px;
	margin-top:0pt;
	margin-right:20pt;
	margin-bottom:0cm;
	margin-left:20pt;
	margin-bottom:0.0001pt;
	/*line-height: 100%;*/
	letter-spacing: 0.1em;
	text-align:left;
}
.style1b {
	font-family: 'Montserrat', sans-serif;
	color: #7DC471;
	font-size: 0.40em;
	margin-top:1cm;
	margin-right:40pt;
	margin-bottom:0cm;
	margin-left:11.25pt;
	margin-bottom:0.0001pt;
	line-height: 1.0em;
	letter-spacing: 0.1em;
}

.style2{
	font-family: 'Montserrat', sans-serif;
	color: #5f9c46;
	font-size: 1em;
	margin-top:1cm;
	margin-right:40pt;
	margin-bottom:0cm;
	margin-left:11.25pt;
	margin-bottom:0.0001pt;
	line-height: 1.0em;
	text-align: left;
}


/* Texto sobre imagem Mapa de artista usando hover */
.imgmapaartista {
    margin: 0;
    overflow: hidden;
    float: left;
    position: relative;
}
.imgmapaartista a {
    text-decoration: none;
    float: left;
}
.imgmapaartista a:hover {
    cursor: pointer;
} 

.imgmapaartista a img {
    float: center;
    margin: 0;
    padding: -10px;
    background: #fff;
    border: none;
} 

.imgmapaartista a:hover .descmapaartista{
    display: block;
    font-size: 1.2em;
    padding: 10px 0;
    background: #111;
    filter:alpha(opacity=75);
    opacity:.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
    color: #fff;
    position: absolute;
    bottom: 11px;
    left: 11px;
    right: 11px;
    padding: 10px;
    margin: 0;
    width: auto;
    border-top: 1px solid #999;

}

.imgmapaartista a .descmapaartista {	display: none; }


/*  Texto sobre imagem MUNICIPAL quando usa hover */
.imgmunicipal {
    margin: 0;
    overflow: hidden;
    float: left;
    position: relative;
}
.imgmunicipal a {
    text-decoration: none;
    float: left;
}
.imgmunicipal a:hover {
    cursor: pointer;
} 

.imgmunicipal a img {
    float: center;
    margin: 0;
    padding: -10px;
    background: #fff;
    border: none;
} 

.imgmunicipal a:hover .descmunicipal{
    display: block;
    font-size: 1.2em;
    padding: 10px 0;
    background: #111;
    filter:alpha(opacity=75);
    opacity:100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
    color: #fff;
    position: absolute;
    bottom: 11px;
    left: 11px;
    right: 11px;
    padding: 10px;
    margin: 0;
    width: auto;
    border:none;

}

.imgmunicipal a .descmunicipal {	display: none; }


/* borda nas imagens exposições MAC index2.php  */
.imgmac {
    margin: 0;
    overflow: hidden;
    float: left;
    position: relative;
}
.imgmac a {
    text-decoration: none;
    float: left;
}
.imgmac a:hover {
    cursor: pointer;
} 

.imgmac a img {
    float: center;
    margin: 0;
    padding: -10px;
    background: #fff;
    border: none;
} 

.imgmac a .descmac{
    display: block;
    font-size: 1.2em;
    padding: 20px 0;
    background: #111;
    filter:alpha(opacity=75);
    opacity:100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
    color: #fff;
    position: absolute;
    bottom: 11px;
    left: 11px;
    right: 11px;
    padding: 10px;
    margin: 0;
    width: auto;
    border:none;

}

/*  Texto sobre imagem MAC exposições quando usa hover */
.imgmachover {
    margin: 0;
    overflow: hidden;
   float: center;
    position: relative;
}
.imgmachover a {
    text-decoration: none;
    float: center;
}
.imgmachover a:hover {
    cursor: pointer;
} 

.imgmachover a img {
    float: center;
    margin: 0;
    padding: -10px;
    background: #fff;
    border: none;
} 

.imgmachover a:hover .descmachover{
    display: block;
    font-size: 15px;
    padding: 10px 0;
    background: #111;
    filter:alpha(opacity=75);
    opacity:100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
    color: #fff;
    position: absolute;
    bottom: 11px;
    left: 11px;
    right: 11px;
    padding: 10px;
    margin: 0;
    width: auto;
    border:none;
}

.imgmachover a .descmachover {	display: none; }


/* borda nas imagens exposições MAC index2.php  */
.imgmac {
    margin: 0;
    overflow: hidden;
    float: left;
    position: relative;
}
.imgmac a {
    text-decoration: none;
    float: left;
}
.imgmac a:hover {
    cursor: pointer;
} 

.imgmac a img {
    float: center;
    margin: 0;
    padding: -10px;
    background: #fff;
    border: none;
} 

.imgmac a .descmac{
    display: block;
    font-size: 1.2em;
    padding: 20px 0;
    background: #111;
    filter:alpha(opacity=75);
    opacity:100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
    color: #fff;
    position: absolute;
    bottom: 11px;
    left: 11px;
    right: 11px;
    padding: 10px;
    margin: 0;
    width: auto;
    border:none;

}

/*  Texto sobre imagem Niterói discos quando usa hover */
.imgdiscos {
    margin: 0;
    overflow: hidden;
   float: center;
    position: relative;
}
.imgdiscos a {
    text-decoration: none;
    float: center;
}
.imgdiscos a:hover {
    cursor: pointer;
} 

.imgdiscos a img {
    float: center;
    margin: 0;
    padding: -10px;
    background: #fff;
    border: none;
} 

.imgdiscos a:hover .descdiscos{
    display: block;
    font-size: 15px;
    padding: 10px 0;
    background: #111;
    filter:alpha(opacity=75);
    opacity:100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
    color: #fff;
    position: absolute;
    bottom: 5px;
    left: 30px;
    right: 30px;
    padding: 10px;
    margin: 0;
    width: auto;
    border:none;
}

.imgdiscos a .descdiscos {	display: none; }


/*  Texto sobre imagem blog.inc.php quando usa hover */
.imgdestaquehome {
    margin: 0;
    overflow: hidden;
   float: center;
    position: relative;
}
.imgdestaquehome a {
    text-decoration: none;
    float: center;
}
.imgdestaquehome a:hover {
    cursor: pointer;
} 

.imgdestaquehome a img {
    float: center;
    margin: 0;
    padding: -10px;
    background: #fff;
    border: none;
} 

.imgdestaquehome a:hover .descdestaquehome{
    display: block;
    font-size: 11px;
    padding: 10px 0;
    background: #111;
    filter:alpha(opacity=75);
    opacity:100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
    color: #fff;
    position: absolute;
    bottom: 5px;
    left: 30px;
    right: 30px;
    padding: 10px;
    margin: 0;
    width: auto;
    border:none;
}

.imgdestaquehome a .descdestaquehome {	display: none; }



/* Texto sobre imagem Mapa de artista usando hover com fundo roxo */
/*  Texto sobre imagem Niterói discos quando usa hover */
.imgmapaartistaroxo {
    margin: 0;
    overflow: hidden;
   float: center;
    position: relative;
}
.imgmapaartistaroxo a {
    text-decoration: none;
    float: center;
}
.imgmapaartistaroxo a:hover {
    cursor: pointer;
} 

.imgmapaartistaroxo a img {
    float: center;
    margin: 0;
    padding: -10px;
    background: #42002d;
    border: none;
} 

.imgmapaartistaroxo a:hover .descmapaartistaroxo{
    display: block;
    font-size: 15px;
    padding: 10px 0;
    background: #111;
    filter:alpha(opacity=75);
    opacity:100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
    color: #fff;
    position: absolute;
    bottom: 5px;
    left: 30px;
    right: 30px;
    padding: 10px;
    margin: 0;
    width: auto;
    border:none;
    background: #42002d;
}

.imgmapaartistaroxo a .descmapaartistaroxo {	display: none; }


/* Texto sobre imagem DEPAC usando hover com fundo verde */
.imgmapaartistaverde {
    margin: 0;
    overflow: hidden;
   float: center;
    position: relative;
}
.imgmapaartistaverde a {
    text-decoration: none;
    float: center;
}
.imgmapaartistaverde a:hover {
    cursor: pointer;
} 

.imgmapaartistaverde a img {
    float: center;
    margin: 0;
    padding: -10px;
    background: #669966;
    border: none;
} 

.imgmapaartistaverde a:hover .descmapaartistaverde{
    display: block;
    font-size: 15px;
    padding: 10px 0;
    background: #111;
    filter:alpha(opacity=75);
    opacity:100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
    color: #fff;
    position: absolute;
    bottom: 5px;
    left: 30px;
    right: 30px;
    padding: 10px;
    margin: 0;
    width: auto;
    border:none;
    background: #669966;
}

.imgmapaartistaverde a .descmapaartistaverde {    display: none; }




/* Texto sobre imagem DEPAC TOMBAMENTO usando hover com fundo cinza letra e borda menor */
.imgtombamento {
    margin: 0;
    overflow: hidden;
   float: center;
    position: relative;
}
.imgtombamento  a {
    text-decoration: none;
    float: center;
}
.imgtombamento  a:hover {
    cursor: pointer;
} 

.imgtombamento a img {
    float: center;
    margin: 0;
    padding: -10px;
    background: #777777;
    border: none;
} 

.imgtombamento  a:hover .desctombamento {
    display: block;
    font-size: 12px;
    padding: 10px 0;
    background: #111;
    filter:alpha(opacity=75);
    opacity:100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
    color: #fff;
    position: absolute;
    bottom: 2px;
    left: 10px;
    right: 10px;
    padding: 10px;
    margin: 0;
    width: auto;
    border:none;
    background:  #777777;
}

.imgtombamento a .desctombamento  {    display: none; }


/* Configuração do Formulario de contato MAC*/

table.contato {
    display: block;
    width: 600px;
    height: auto;
    border: 0px;
    color: #000000;
    margin:auto;
    font-family: Arial;
    font-size:14px;

}

.contato label{
    width: auto;
    height: auto;
}

.contato input{
    width: 510px;
    height: auto;
}

.contato select{
    width: 515px;
    height: auto;
}

.contato textarea{
    width: 510px;
    height: auto;
}

.contato body{  
  margin:0px;
  font-family: Arial;
  font-size:14px;
  color: #fff;
}

.contato button{
    width: auto;
    height: auto;
    position: absolute;
}
 
.btn:focus, .btn::-moz-focus-inner{
  outline:none;
  border:none;
}

.btn{
  font-family: arial;
  font-size:12px;
  text-transform: uppercase;
  border:none;
  padding:5px;
  cursor: pointer;
  display:inline-block;
  text-decoration: none;
  float:right;
}

.btn-red{
  background:#990000;
  color:#fff;
}

.btn-red:hover{
  background:#d20000;
}

.btn-red:active{
  position:relative;
  top:1px;
  box-shadow:none;
}

a.fa {
    text-decoration: none;
	color: #fff;
}	

.fa {
  padding: 6px;
 /* font-size: 15px;*/
  width: 14px;
  text-align: center;
  text-decoration: none;
  /*margin: 3px 1px;*/
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-instagram {
  background: #ea4c89;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-youtube-play {
  background: #ccc;
  color: white;
}







@media only screen and (max-width: 600px) {
	
	.tipografia-padrao {
		
		/*font-family: 'Montserrat', sans-serif;*/
		font-family: 'Montserrat', sans-serif;
		color: #fff;
		font-size: 18px
	}
}


