codeparceria

<section class="box-read-dark">

  <div class="center">

  <div class="grid-9">
  <h2>Algumas Parcerias:</h2>


  <a href="http://www.homesamp.com/"<a class="btn btn-more">HomeSamp<small></small></a>

    <a href="http://www.animefoxbr.com.br/"<a class="btn btn-more">Anime Fox BR<small></small></a>

    <a href="http://www.fatalitydesign.blogspot.com.br/"<a class="btn btn-more" >Fatality Design<small></small></a>

    <a href="http://ipiratepb.forumeiros.com/"<a class="btn btn-more" > Pirate PB<small></small></a>


    <a href="http://www.mafiarandon.com.br/"<a class="btn btn-more">Mafia Randon<small></small></a>

    <a href="http://www.csvicio.com/"<a class="btn btn-more">CS Vicio<small></small></a>

    <a href="http://www.puxalegal.com.br/"<a class="btn btn-more" >Puxa Legal<small></small></a>

    <a href="http://brmegadowns.blogspot.com.br/"<a class="btn btn-more" > Mega Download<small></small></a>


<a class="lightbox-31904412901647" style="cursor: pointer; color: #F90; text-decoration: underline;">Seja um parceiro</a>
	</div>


  </div>
</section><div style="background:url(http://i.imgur.com/DHQHpyv.png) center top no-repeat;" class="bg-nossos-videos">
</div><div class="list-videos"><div class="center box-last-jobs">

  <div class="grid-2">
    <p><strong>Videos</strong>Novo Trailer SSGAMES e conheça ou pouco do nosso trabalho</p>
  </div>

  <div class="grid-9"><div class="owl-item" style="width: 300px;">

<li><iframe src="https://www.youtube.com/embed/lpc4TDn52SA?feature=player_detailpage" frameborder="0" allowfullscreen=""></iframe></li>

<script>
   //Scroll Image -----------------------------|
   $(".owl-img").owlCarousel({
      autoPlay: true,
      navigation: false,
         items: 3,
      pagination: true,
   });
</script>
  </div>
</div>

</div><!--box-videos-->
</div><!-- wrap -->





<footer class="footer">

  <div class="center">



  <span class="copy">Todos os direitos reservados © SS GAMES</span>

  <span class="dev"></span>

    <a href="/" style="float: right ! important; margin-right: -13%;"><img src="http://i.imgur.com/a8mCmZe.png" title="Portal" /></a>
  </div><!--center-->

</footer>
<div style="right: 0px; bottom: -3px; position: fixed;">
    <img src="https://lh3.googleusercontent.com/-1ILjd9EYjZU/TpCC5o4AyZI/AAAAAAAAAXM/Lvi8t6ZllX4/s100/DH.png" />
</div>

      <style type="text/css">
body{
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	background:#DFDFDF;
	color: #737F89;
	}

.center{
	width:964px;} /* padrão atual */

a{	color:#ABB1C3 }

/*-------------------------------
	Header - Section
-------------------------------*/
.big-header{
	overflow:hidden;
	position:relative;
	height: 365px;
	margin-bottom:55px;
	}

.header{
	z-index:9999;
	margin-top: 20px;
	position:relative;
	height:111px;


	}

.header .logo{
	width: 333px;
	height: 112px;
	background-image: url('imgs/logo.png');
	display:inline-block;
	font-size: 30px;
	padding-top: 3px;
	position:absolute;
	left:-10px;
	top: -40px;
}

.header .menu{
	width:970px;
	height:111px;
	padding:35px 0 0 405px;
	border-radius:5px;
	background-image:url('http://i.imgur.com/zHAjixv.png');
	font-weight:700;
	text-transform:uppercase;
	line-height:30px;
	float:right;
	display:inline-block;
	margin-top: 0;
}

.header .menu li{
	display:inline-block;
	margin:0px;
	}

.header .menu li a {
	padding:15px 15px;}



.header .jsmenu  ul li  a {
	float:none;
	margin:0;
	padding:5px 10px;}

/*-------------------------------
	Content - Section / Home
-------------------------------*/
.content{}


/* Home > slideshow ----------- */
.owl {
	position:absolute;
	top:0;
	left:0;}

.owl-slide img{}

.slider ul li {
	width:100%;
	height:460px;}

        /* Home > chadada destaque  ----------- */
.chamada{
	text-align:center;
	display:table;
	margin:25px auto;
	}

.chamada h2 {}
.chamada p	{}

        /* Home > feature destaque principal  ----------- */
.feature{
	display:table;
	margin-bottom:30px;
	}

.feature img{}
.feature h3{padding:0 10px;}
.feature p{padding:0 10px;}
.feature a{margin:0 0 10px 10px;}

/* Home > sub-feature destaque secundario  ----------- */
.sub-feature{	display:table; }

.sub-feature .heading{
	font-size:300%;
	margin:40px 0 20px;
	}

.sub-feature p{ }

.sub-feature img{ }


.feature-left{}

.feature-right{	margin-bottom:60px;}

/* Home > chadada destaque  ----------- */
.box-read-dark{
	width:100%;
	background:#EEEFF3;
	padding:50px 0 15px;
	display:table;
	margin: 40px auto 0px;
	}

.box-read-dark h2 {}
.box-read-dark .btn	{
	text-align:center;
	max-width:200px;
	padding:20px 20px;
	margin:30px 0 0;
	float:right;
	font-size:140%;
	font-weight:900;
	}

.box-read-dark .btn small	{
	font-weight:400;
	display:block;
	clear:both;
	}

/* Home > box-portfolio ultimos projetos  ----------- */
.box-last-jobs{	display:table; margin-bottom:80px;}

.box-last-jobs .lead {	margin-bottom:40px; }

.box-last-jobs .grid-2{	width:200px; /* tamanho original - 152px */	margin-top: 5px;}

.box-last-jobs .grid-2 p{}
.box-last-jobs .grid-2 a{}

.box-last-jobs .grid-9{
	float:right;
	margin:0;}

.box-last-jobs .owl-theme .owl-pagination{
	padding-right:5px;
	float:right;}

.box-last-jobs strong {
	display:block;}

.list-videos {
	/* margin-bottom:50px; */
	padding: 75px 0;
	height: 300px;
	background:#FFF;}

.bg-nossos-videos {
    height:191px;
	margin-bottom: -5px;
}

.list-videos ul li iframe{
	width:230px;
	height:160px;}

        /* Barra vermelha com h2  ----------- */
.chamada h2{
	color:#FFF;
	padding:20px 0;
	background:#ef2429;}

/* page  ----------- */
.tb-regras .page {
	height:auto;}

.pg-page .owl-bar #bar {
	display:none;}

.pg-page .big-header {
	margin:0;
	height: 150px;
	overflow: inherit;
}

.pg-page .header {
	margin-top: 15px;
	/* overflow: hidden; */
	height: 400px;
}

.pg-page .header .logo {
	top:-30px;}

.pg-page .owl-item {
	height:350px;
	}

.titulo{
	height:128px;
	background-image:url('imgs/1600x128.jpg');
	padding: 25px 0 0;
	margin:0 auto;
	overflow:hidden;
	margin-bottom: 60px;
	position:relative;
	}

.titulo .sombra{
	position:absolute;
	top:-5px;
	display:block;
	width:100%;
	height:1px;
	z-index:999;
	box-shadow:-2px 2px 5px #0f3e77;
	}


.titulo h1{
	font-weight:900;
	font-size:300%;
	color:#FFF;
	}


.breadcrumb {
	color:#FFF;
	overflow: hidden;
	font-size:90%;
	opacity:.8;
	}

.breadcrumb a  {
	line-height:20px;
	color:#FFF;
	display: inline-block;
	float: left;
	}

.breadcrumb a:after  {
	content: " › ";
	font-size:130%;
	color: #FFF;
	padding:0 5px 0 3px;
	}

/*-------------------------------
	Nossa Equipe - Section
-------------------------------*/

.tb-nossa-equipe .box-equipe,
.tb-nossa-equipe .filterable{
	display:table;
	background:#FFF;
	margin-bottom: 50px;
}

.tb-nossa-equipe .box-equipe {
	display:table;}

.tb-nossa-equipe .box-equipe .lead {	margin-bottom:40px; }

.tb-nossa-equipe .box-equipe .img-radius{
	width:190px;
	height: 200px;
	margin:0 auto;
	}

.tb-nossa-equipe .box-equipe h3{
	line-height:30px;
	margin-bottom:10px;
	}

.tb-nossa-equipe .box-equipe h2 {
	text-align:center;}

.tb-nossa-equipe .box-equipe small{
	display:block;
	clear:both;
	font-size:65%;
	font-weight:100;
	}

.tb-nossa-equipe .testers {
	color:#333300;}

.tb-nossa-equipe .gameadmins {
	color:#5b737b;}

.tb-nossa-equipe .supervisores {
	color:#CD853F;}

.tb-nossa-equipe .leadadmins {
	color:#378d23;}

.tb-nossa-equipe .developers {
	color:#632d70;}

.tb-nossa-equipe .webmasters {
	color:#8D490C;}

.tb-nossa-equipe .management {
	color:#FF0000;}
/*-------------------------------
	Doação - Section
-------------------------------*/
.tb-doacao .page img {
	margin-bottom:20px;}

.tb-doacao .contribuir {
	text-align:center;}

.tb-doacao pre {
	letter-spacing:-0.4px;
	height:300px;}

.NFI-wrapper {
	width:800px;
	/* height: 100px; */
}

.NFI-button {
	float:left;}

.pacotes small {
	display:block;
	line-height: 20px;
}

.pacotes .col-4,
.pacotes .col-3 {
	background:#FFF;
	height: 350px;
	padding:20px 0;
	border:solid 2px #CCC;
	text-align: center;
}

.pacotes .col-4 .button,
.pacotes .col-3 .button {
	border-bottom:solid 3px;
	text-transform:uppercase;
	font-size:16px;
	color:#FFF;
	border-radius:5px;
	padding: 10px 55px 10px 35px;
	position: absolute;
	left: 40px;
	bottom: 20px;
	margin-left: 36px;
	/* width: 00px; */
}

.pacotes .col-4 .button {
	width: 130px;
	margin-left: 0;
	padding: 10px 0px 10px 0px;
}

.pacotes .col-4 .pacote-1,
.pacotes .col-3 .pacote-1 {
	border-color:#5e0101;
	background-color:#8b0303;
	/* margin: 0 0 0 33px; */
}

.pacotes .col-4 .pacote-1:hover,
.pacotes .col-3 .pacote-1:hover {
	background:#5e0101;}

.pacotes .col-4 .pacote-2,
.pacotes .col-3 .pacote-2 {
	border-color:#033460;
	background-color:#07588d;
	/* margin: 0 0 0 38px; */
	/* padding-left: 10px; */
}

.pacotes .col-4 .pacote-2:hover,
.pacotes .col-3 .pacote-2:hover {
	background:#033460;}

.pacotes .col-4 .pacote-3,
.pacotes .col-3 .pacote-3 {
	border-color:#305f03;
	background-color:#538c07;
	/* margin: 0 0 0 30px; */}

.pacotes .col-4 .pacote-3:hover,
.pacotes .col-3 .pacote-3:hover {
	background:#305f03;}

.pacotes .col-4 .pacote-4{
	margin-top:0;
	border-color:#3c005f;
	background-color:#62018c;}

.pacotes .col-4 .pacote-4:hover {
	background:#3c005f;}

.pacotes.house-business .button {
	bottom:20px;}

.pacotes.house-business .col-4 {
	height: 320px;}


form .col-3 {
	background: none;}

.pacotes .col-4 strong,
.pacotes .col-3 strong {
	float:left;}

.pacotes .col-4 .pop,
.pacotes .col-3 .pop {
	float:right;}

.pacotes .col-4 .pop_menu,
.pacotes .col-3 .pop_menu {
	width:200px;}

.col-4 .pop_menu a,
.col-3 .pop_menu a {
	background:red;
	border-radius:5px;
	padding:5px 20px;
	color:#FFF;
	margin-top:10px;}

.col-4 .pop_menu .pacote-4,
.col-3 .pop_menu .pacote-4 {
	margin-top:10px;}

/*-------------------------------
	Notícias - Section
-------------------------------*/
.blog .page {
	margin-bottom:50px;
	background:#FFF;
	width:650px;
	float:left;}

.blog iframe {
	width:100%;
	height:400px}

.blog .page strong {
	display:block;}

.blog .sidebar {
	border-top:solid 1px #CCC;
	background:#FFF;
	width:250px;
	float:right;
	margin-bottom: 150px;
}

.blog .sidebar a {
	letter-spacing:1px;
	display:block;
	border-bottom:solid 1px #CCC;
	text-transform:uppercase;
	padding:10px 0 10px 25px;
	font-size:16px;}

.blog .sidebar a:before  {
	content: " › ";
	font-size:130%;
	color: #ABB1C3;
	padding:0 5px 0 3px;
	}



.blog .sidebar li a:hover {
	padding-left:35px;}

/*-------------------------------
	Atualizações - Section
-------------------------------*/
.updates {
	margin:30px;
	float:left;
	width:580px;}

ul.updates li {
	height:99px;
	margin-bottom:23px;
	border-bottom:solid 1px #e1e9eb;}

ul.updates li:last-child{
	border:none;}

ul.updates .data {
	margin-right:16px;
	float:left;
	background:url('imgs/bg-data.jpg') top right no-repeat;
	color:#49b8c3;
	width:33px;
	height:80px;
	padding:17px 53px 0 0;}

ul.updates .data big {
	display:block;
	font-size:30px;}

ul.updates .data small {
	text-transform:uppercase;
	font-size:16px;}

ul.updates a.details {
	color:#8d9ea7;
	padding-top:2px;
	line-height: 70px;}

/*-------------------------------
	Notícias - Section
-------------------------------*/
.news {
	margin:30px;
	float:left;
	width:580px;}

ul.news li {
	height:99px;
	margin-bottom:23px;
	border-bottom:solid 1px #e1e9eb;}

ul.news li:last-child{
	border:none;}

ul.news .data {
	margin-right:16px;
	float:left;
	background:url('imgs/bg-data.jpg') top right no-repeat;
	color:#49b8c3;
	width:33px;
	height:80px;
	padding:17px 53px 0 0;}

ul.news .data big {
	display:block;
	font-size:30px;}

ul.news .data small {
	text-transform:uppercase;
	font-size:16px;}

ul.news a.details {
	color:#8d9ea7;
	padding-top:2px;
	line-height: 70px;}

/*-------------------------------
	Footer - Section
-------------------------------*/
.footer{
	background:#2E3739;
	width:100%;
	overflow:hidden;
	display:table;
	margin:0 auto 0;
	padding:20px 0;
	border-top:2px solid #ECF0F1;
	}


.footer .menu{
	width:85%;
	display:inline-block;
	margin-bottom:10px;
	text-transform:uppercase;
	}

.footer .menu li{
	display:inline-block;
	margin-right:20px;
	}

.footer .menu a{
	color:#FFF;}

.footer .back-top{
	color:#FFF;
	float:right;
	display:inline-block;
	}

.footer .copy{
	color:#FFF;
	width:auto;
	float:left;
	}

.footer .dev{
	width:auto;
	float:right;
	}


      </style>
</body>
</html>