/*

Theme Name: SalvadorNet
Description: Portal de Salvador feito com wordpress
Author: Marcel Santos
Version: 1.0


*/
.menuE {
	display: none;
}
*{margin:0; padding:0;}
body{text-align:left;   background: #111111;/*background: url(bg/old_wall.png);*/}
/* ======== Header box ======== */
#header-two-centro {
	  box-shadow: 0px 79px 33px rgba(226, 235, 255, 1);
  background: rgb(20, 19, 18);
  width: 1000px;
  margin: 15px auto;
  /* height: 90px; */
  border: 1px solid #efefee;
  border-radius: 2px;
}
.lado-logo {
	width: 200px;
	height: 80px;
	
	float: left;
}
.lado-logo h1 {
	font-family: 'lato', verdana;
	font-size: 30px;
	color: #ed5353;
	padding: 20px 10px;

}
.lado-links {
	width: 800px;
	height: 80px;
	
	float: left;
}
.lado-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 30px 0;
}
.lado-links ul li {
	display: inline;
	padding: 20px;
}
.lado-links ul li a {
	text-decoration: none;
	font-size: 17px;
	font-family: 'Julius Sans One', sans-serif;
	color: #fff;
}
/* ======== seach ======== */
.search{width: 200px; height: 25px; float: right; margin: 10px 10px; border-radius: 10px;} 

/* ======== logo-mcs ======== */
#logo-mcs{width:250px; height:300px; float:left; background:red;}


/* ======== menu-lado-logo======== */
#menu-lado-logo {width:200px; height:240px; float:left; background:;}
#menu-lado-logo ul {margin: 0; padding: 0; list-style: none;}
#menu-lado-logo ul li {width: 180px;  font: 14px 'lato', sans-serif; border-bottom: 1px solid  #16a085; padding: 10px 10px;}
#menu-lado-logo ul li a {color: #fff; text-decoration: none; }
#menu-lado-logo ul li a:hover {color: #666;}

/* ========Título lado logo======== */
#titulo-lado-logo {width: 650px; height: 60px; float: left; overflow: hidden;}
#titulo-lado-logo h1 {border-bottom: 1px solid #16a085; font:30px 'lato', sans-serif; color:#FFF; margin: 11px 0;}
#titulo-lado-logo h1 span{font-family: 'lato', helvetica ;color: #16a085;font-size: 45px;}
/* ======== box-lado-lista ======== */
.box-nossos-servicos {width: 170px; float:left; height: 210px;}
.box-nossos-servicos h2 { font:19px 'manteka', sans-serif; color:#fff; text-align: center;}
.box-nossos-servicos img {width: 128px; height: 128px; margin: 10px 20px;}
/* ======== box-lado-servicos======== */
.box-nossos-trabalhos {width: 170px;float:left; height: 210px;}
.box-nossos-trabalhos h2 { font:19px 'manteka', sans-serif; color:#fff; text-align: center;}
.box-nossos-trabalhos img {width: 128px; height: 128px; margin: 10px 20px;}
.teste {width: 170px;float:left; height: 210px;}
.teste h2 { font:19px 'manteka', sans-serif; color:#fff;text-align: center;}
.teste img  {width: 128px; height: 128px; margin: 10px 20px;}

/* ========== CONTENT ============= */
#content {width: 1000px;margin: 0 auto; text-align: left;}
.tirabaixorosa{width: 100%; height: 12px; background: url(imagens/tirao1baixorosa.png);}


.titulo-section {
	width: 1000px;
	padding: 10px 0;
	margin: 5px 0;
	float: left; 
	background: #070707;
}

.titulo-section h3 {
	text-align: center;
	font: 25px 'lato', sans-serif;
	color:#CA2C5A;
}

/* ========== DESTAQUES ============= */
#destaques {
   width: 1000px;
  height: 200px;
  float: left;
  overflow: hidden;
   box-shadow: 0px 0px 8px #1E1F21;
   background: #090909;
}
#destaques:hover {
  box-shadow: 0px 0px 30px #CA2C5A;
background: rgb(20, 19, 18);

}
#destaques .pt1 {width: 500px; height:200px; float: left; overflow: hidden; }
.pt1 .pt1-textos {width: 500px; height: 40px; float: left; overflow: hidden;}
.pt1 .pt1-textos h1 {font: 25px 'lato', sans-serif;  float: left; overflow: hidden; margin: 10px 20px;}
.pt1 .pt1-textos h1 a {color: #16a085; text-decoration: none;}
.pt1 .pt1-textos h1 a:hover {text-decoration: underline;}
#destaques .pt1 .imagem {width: 150px; height: 140px; float: left;}
#destaques .pt1 .paragrafos {width: 350px; height:140px; float: left;}
#destaques .pt1 .paragrafos p {font:17px 'lato', sans-serif, arial;color: #268E9D;margin: 10px 0;  overflow: hidden;}
#destaques .pt1 .paragrafos p a {
	  color: #FFF;
  text-decoration: none
}
#destaques .pt1 .imagem a img {width: 110px; height: 110px; margin: 10px 15px; border: 1px #ccc solid;}

/* ========== Arquivos  ============= */
#arquivos {width: 1000px;   margin: 23px auto 10px auto; float: left;}
#arquivos .front-end-news {
	  width: 345px;
  height: 450px;
  float: left;
}
#arquivos .titulo-front-end-news {
width: 313px;
  height: 50px;
  background: #070707;
  margin-left: 11px;
}
#arquivos .titulo-front-end-news img {margin: 3px 5px; float: left;t: left;}
#arquivos .titulo-front-end-news h1 {
	  font: 24px 'lato', sans-serif, arial;
  color: #CA2C5A;
  /* padding: 5px 10px; */
  line-height: 46px;
  /* border-bottom: 1px solid #ccc; */
  text-align: center;
}
#arquivos .lista-arquivos {width: 380px; height: 370px;float: left; background:;}
.lista-arquivos ul {margin: 0; padding: 0; list-style: none;}

.lista-arquivos ul li {
  width: 314px;
  margin: 5px 10px;
  background: #090909;
  overflow: hidden;
  box-shadow: 0px 0px 8px #1E1F21;
}

.lista-arquivos ul li:hover {
  box-shadow: 0px 0px 30px #CA2C5A;
background: rgb(20, 19, 18);

}
.lista-arquivos ul li a {text-decoration: none; border: none;   color: #268E9D;}
.lista-arquivos ul li h2 {font:15px 'lato', sans-serif; color:#666; overflow: hidden; padding: 19px 10px;}
.lista-arquivos ul li img { float: left; width: 100px; height: 60px; margin: 10px 10px;  border: 1px #ccc solid;}


/* ========== Novidades  ============= */

video {
	width: 600px; height:400px;
}

.texto-video {width: 600px;  float: left;}
#arquivos #novidades {
width: 642px;
  height: 400px;
  float: left;
  /* overflow: hidden; */
/*  background: rgb(184, 52, 52);*/
  /* margin-left: -2px; */
}
#novidades .titulo-novidades {width: 300px; height: 50px; float: right;  border-bottom: 1px solid #ccc;}
#novidades .titulo-novidades h2 {float: right; font:24px 'lato', sans-serif, arial;color:#16a085; padding: 15px 10px; }
#novidades .titulo-novidades img {margin: 14px 0; float: right;}
#novidades .lista-novidades ul {margin: 0; padding: 0; list-style: none;}
#novidades .lista-novidades ul li {}
#novidades .lista-novidades img { border: 1px #ccc solid; width: 400px; height: 320px; margin: 4px 4px 0 199px;}
.lista-novidades h3{font:25px 'lato', sans-serif; color:#16a085; overflow: hidden; float: right; text-decoration: none;}

/* ========== "sport-musica-tec  ============= */

.sport-musica-tec {	width: 1000px;   margin: -18px 0px 21px auto; float: left; height: 500px;}
.sport {width: 313px; height: 480px;  float: left; margin: 10px}
.musica {width: 313px; height: 480px; float: left; margin: 10px}
.tec {width: 313px; height: 480px; float: left; margin: 10px}

.titulo-smt{
	  width: 313px;
  padding: 10px 0;
  background: #070707;
  float: left;
  /* border-top: 2px solid #2B393E; */
}
.titulo-smt h3{
		text-align: center;
	font: 25px 'lato', sans-serif;
	color: #CA2C5A;
}
.postagens-smt{
	width: 313px; height: 430px; float: left; 
}

.sport-musica-tec ul {
	/*height: 100px;*/
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
.sport-musica-tec li {
	  width: 313px;
  margin: 10px 0;
  overflow: hidden;
   box-shadow: 0px 0px 8px #1E1F21;
  background: #090909;
}
.sport-musica-tec li:hover {
  box-shadow: 0px 0px 30px #CA2C5A;
background: rgb(20, 19, 18);

}
.sport-musica-tec ul li h2{
padding: 10px 10px;
}
.sport-musica-tec ul li h2 a{
padding-top: 10px;
font:13px 'lato', sans-serif, arial;   color: #268E9D;  overflow: hidden; text-decoration: none;
}
/*.sport-musica-tec ul a{
	display: block;
	padding: 10px; border-bottom: 2px red;
}*/
.sport-musica-tec  img{
	margin: 0;
	
	width: 80px;
	height: 80px;
	margin: 10px;
	float: left;
	border: 1px solid #ccc;
}


/* ================= GAMES ===================== */



.games {width: 1000px; margin: 20px auto; float: left;}
.titulo-games {
	width: 1000px;
	padding: 10px 0;
	margin:0;
	float: left; 
	background: #070707;
}
.titulo-games h3 {
	text-align: center;
	font: 25px 'lato', sans-serif;
	color: #CA2C5A;
}
.lista-games {
	width: 1000px;  float: left;
}
.lista-games ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
.lista-games ul li {
	  width: 1000px;
  float: left;
  margin-bottom: -1px;
  margin-top: 8px;
  box-shadow: 0px 0px 8px #1E1F21;
   background: #090909;
}
.lista-games ul li:hover {
  box-shadow: 0px 0px 30px #CA2C5A;
background: rgb(20, 19, 18);

}
.lista-games ul li img{
	width:60px; height: 60px; border: 1px solid #ccc; margin: 5px; float: left;
}
.lista-games h2 a{ 
text-decoration: none;
	font:20px 'lato', sans-serif, arial; color: #268E9D;  overflow: hidden;

}
.lista-games h2 {
	margin:16px;
}




/* ================= FOOTER ===================== */
#footer {width: 100%;background:; float: left;}
#footer-up {width: 100%; height: 200px; background: #ed5353; float: left;}
#footer-up .footer-lista-up {width: 1000px; height: 200px; margin: 0 auto;}
#footer-up .footer-lista-up ul { margin: 0 70px; padding: 0; list-style: none;}
#footer-up .footer-lista-up ul li {width: 130px;  float: left; margin: 20px 40px;}
#footer-up .footer-lista-up ul li p {text-align: center;}
#footer-up .footer-lista-up ul li img {border: none;}
#footer-up .footer-lista-up ul li p a{color: #fff; font: 20px 'Open Sans Condensed', sans-serif; text-decoration: none;}
#footer-up .footer-lista-up i{font-size: 10em; color: #fff;} 


/* ================= slide ===================== */
.slidecentro{width: 100%; height: auto;   margin: 34px 0 0 0; float: left; /*background:#008080;*/}
.slide{width: 1000px; height: auto;/* background: #000; */ margin: 0 auto; color:white;}
.slide img{width: 700px; height: 300px; }
.tiras{width: 100%; height: 12px; background: url(imagens/tirao1.png);}
.tiracima{width: 100%; height: 12px; background: url(imagens/tirao1cimarosa.png);}
/* ================= slide ===================== */


#footer-down {width: 100%; background:#303539; 	 float: right;}
#footer-down .footer-down-lista {width: 900px; background: #fff;  margin: 0  auto;}


#footer-down .lista-um {width: 600px; height: 200px; float: left; }

#footer-down .lista-tres {width: 300px; height: 200px; float: left; background: url(imagens/phoneinclinado.png); background-repeat: no-repeat;}

#footer-down .lista-um ul {margin: 0; padding: 0; list-style: none;}
#footer-down .lista-um ul li {width: 600px; margin: 10px 10px; font: 20px 'lato', sans-serif; border-bottom: 1px solid #3C444C}
#footer-down .lista-um ul li a {color: #16a085; text-decoration: none; }
#footer-down .lista-um a i{color: #fff;}
#footer-down .lista-um a i:hover {color: #000;}
.lista-um p{
	font-family: 'lato',helvetica; color:#666; font-size: 13px;
	  padding-top: 10px;
  padding-left: 10px;
}
.lista-um p a{font-family: 'lato',helvetica; color:#666; font-size: 13px; text-decoration: none;}


#footer-down .lista-tres h4 {font: 20px 'Open Sans Condensed', sans-serif;  color: #5CCCCC; margin: 0 10px;}
#footer-down .lista-tres ul {margin: 0; padding: 0; list-style: none;}
#footer-down .lista-tres ul li {width: 290px; margin: 10px 10px; font: 14px 'Open Sans Condensed', sans-serif; border-bottom: 1px solid #3C444C}
#footer-down .lista-tres ul li a {color: #ccc; text-decoration: none;}
#footer-down .lista-tres h3{width: 55px;background:orange; font:50px 'Great Vibes', cursive; padding:0; color:#fff; padding:1px 1px; margin: 0 10px;} 

#footer-down .footer-down-lista a:hover{color: #fff;}







/* =================SINGLE ===================== */
#single{
  width: 1000px;
  float: left;
  box-shadow: 0px 0px 30px rgba(43, 65, 113, 1);
  background: rgb(20, 19, 18);
  margin-bottom: 27px;
}
.single_title {width: 1000px; margin: 50px auto; }
.imagem_single {
width: 560px;
  margin: 0 auto;

  overflow: hidden;  
}
.paragrafos_single {width: 1000px; margin: 10px auto; /*background: pink;*//* border: 1px solid #ccc;*/}
.paragrafos_single p {
  font: 21px 'lato', sans-serif;
  color: #A19A9A;
  text-align: center;
  line-height: 28px;
  margin-top: 12px;
}
#single .single_title h1 {text-align: center; margin: 10px 10px; }
#single .single_title h1 a{
	  font: 32px 'lato', sans-serif;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
}

#single .imagem_single  img{
width: 100%;
height: auto;
}






/* ================= PAGES CATEGORiAS ===================== */
.tec-page {width: 1000px;  float: left; margin: 10px}
.sport-musica-tec-page {
width: 1000px; margin: 20px auto; float: left; }
.titulo-smt-page{
	width: 1000px;
	padding: 10px 0;
	background: #fff;
	float: left;
background: #070707;
}
.titulo-smt-page h3{
	text-align: center;
	font: 40px 'lato', sans-serif;
	color: #CA2C5A;
}
.postagens-smt-page{
	width: 1000px;  float: left; 

}

.sport-musica-tec-page ul {
	/*height: 100px;*/
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
.sport-musica-tec-page li {
	  width: 1000px;
  margin: 10px 0;
  overflow: hidden;
  /* border-bottom: 1px solid#ed5353; */
   box-shadow: 0px 0px 8px #1E1F21;
   background: #090909;
}
.sport-musica-tec-page li:hover {
  box-shadow: 0px 0px 30px #CA2C5A;
background: rgb(20, 19, 18);

}
.sport-musica-tec-page ul li h2{
  padding: 9px 10px;
}
.sport-musica-tec-page ul li h2 a{
padding-top: 10px;
font:13px 'lato', sans-serif, arial;   color: #268E9D;  overflow: hidden; text-decoration: none;
}
/*.sport-musica-tec ul a{
	display: block;
	padding: 10px; border-bottom: 2px red;
}*/
.sport-musica-tec-page  img{
	margin: 0;
	
	width: 80px;
	height: 80px;
	margin: 10px;
	float: left;
	border: 1px solid #ccc;
}

.sport-musica-tec-page h1 a {font-family: 'lato'; font-size: 30px; color: #e9ab18; text-decoration: none;}
@font-face{
	font-family: fonteone;
	src: url('fontes/Apogee_Rounded_Sans_Beta_by_Mef.otf');
}
@font-face{
	font-family: fontetwo;
	src: url(fontes/Junction.otf);
}
@font-face{
	font-family: fonttrhee;
	src:url(fontes/BEBAS___.TTF);
}

@font-face{
	font-family: lato;
	src:url(fontes/lato/lato-italic-webfont.ttf);
}