/*Theme Name: Exo Planet Brasil
Theme URI: http://www.exoplanetbr.com/
Description: Versão de Wordpress para o site Exo Planet Brasil
Version: 1.0
Author: Danielle Cabral
Author URL: http://facebook.com/danimcabral*/



html, body, div, span, h2, h3, blockquote, pre, a, code, em, font, img, small, strong, b, i, ol, ul, li, fieldset, 

form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; border: 0; outline: 0;}

html, body {height: 100%; font: 13px PT Sans; text-align: justify;  
background: url(images/bg.png); }


@font-face {font-family: 'Georgia Italic';font-weight: normal;font-style: normal;src: url(../../../v2/eot/index.html);src: url(../../../v2/eot/index.html#iefix) format('embedded-opentype'),url(../../../v2/woff2/index.html) format('woff2'),url(../../../v2/woff/index.html) format('woff'),url(../../../v2/ttf/index.html) format('truetype');}

/*HEADER*/
#header {width: 100%; height: 483px; background: url(images/header.png);}

/*MENU ETC*/
#menuetc {width: 100%; padding-top: 30px; padding-bottom: 30px; height: 160px; background: #fff; -webkit-box-shadow: 0px 11px 5px -2px rgba(187,187,187,1); margin-bottom: 15px;
-moz-box-shadow: 0px 11px 5px -2px rgba(187,187,187,1);
box-shadow: 0px 11px 5px -2px rgba(187,187,187,1);}
#menuetc #conteudo {width: 1040px; margin: 0px auto;}
#menuetc #logo {float: left; height: 66px; width: 336px; margin-right: 40px; background: url(images/logo.png);} 
#menuetc #mensagem {float: left; width:664px; font-family: Lato; font-weight: 900; font-size: 13px; color: #d9d9d9; text-transform: uppercase;}
#menuetc #borda {width: 100%; height: 1px; float: left; margin-top: 15px; margin-bottom: 15px; clear:both; border-top: 1px #d9d9d9 solid;}
#menuetc #menu {width: 1040px; clear: both; float: left; margin-top: 18px;}
#menuetc #menu ul li {float: left;  font-family: Lato; font-weight: bold; font-size: 16px; text-transform: uppercase; margin-right: 25px; list-style: none; margin-top: 15px;}
#menuetc #menu ul {padding: 0px; margin: 0px;}
#menuetc #menu ul li a {color: #b6b4b4; padding: 12px;}
#menuetc #menu ul li a:hover {color: #00bd9d; padding: 11px; border: 1px #00bd9d solid;}
#menuetc #menu #home {width: 63px; height: 63px; float: left; margin-left: 40px; margin-right: 40px; background: url(images/home.png); margin-top: -10px;}
#menuetc #redes {float: right; width: 115px; height: 37px; margin-right: 0px; margin-top: 3px;}
#menuetc #redes #fb {width: 37px; height: 37px; float: left; margin-right: 2px; background: url(images/fb.png);}
#menuetc #redes #tt {width: 37px; height: 37px; float: left; margin-right: 2px; background: url(images/tt.png);}
#menuetc #redes #ig {width: 37px; height: 37px; float: left; margin-right: 0px; background: url(images/ig.png);}

/*VIDEOS*/
#videos {width: 1040px; height: 284px; margin: 0px auto; margin-bottom: 15px;}
#videos #video1 {background: #fff; float: left; height: 284px; width: 377px;}
#videos #banner {width: 286px; background: url(images/assista.png); float: left; height: 284px;}
#videos #video2 {width: 377px; height: 284px; background: #fff; float: left;}
#videos iframe {width: 377px; height:284px;}

/*ULTIMAS E SEARCH*/
#ultimasesearch {width: 1040px; margin: 0px auto; margin-bottom: 15px; height: 68px; }
#ultimasesearch #ultimas {padding: 30px; background: #00bd9d; float:left; font-weight: 900; color: #fff; text-transform: uppercase; font-family: Lato; font-size: 15px; width: 500px;  margin-bottom: 15px;}
#ultimasesearch borda {padding: 15px; border: 1px #038b75 solid;}
#ultimasesearch #pesquisa {padding: 15px; width: 430px; float: right; background: #426175; height: 48px;  margin-bottom: 15px; position: relative;}

/*POSTAGENS - INICIAL*/
#postagens {width: 1040px; margin: 0px auto; }
#postagens #post {width: 340px; height: 280px; background: #426175; position: relative; margin-right: 10px; float: left; margin-bottom: 10px;} 
#postagens #post:nth-child(3n+0) {margin-right: 0px;}
#postagens #post #thumb {width: 340px; height: 200px; position: relative;}
#postagens #post #titulo {position: absolute; padding: 15px; text-align: center; background: #00bd9d; left: 15px; width: 280px; bottom: -15px; color: #fff; font-family: Lato; font-weight: 700; font-size: 14px;}
#postagens #post #titulo a {color: #fff;}
#postagens #post #infos {bottom: 15px; left: 15px; padding: 10px; border: 1px #3b596d solid; font-family: Lato; font-size: 9px; color: #fff; text-align: center; width: 290px; position: Absolute; text-transform: uppercase;}

/*POSTAGEM EM DESTAQUE ETC*/
#destaqueetc {width: 1040px; margin: 0px auto; clear: both; height: 235px; margin-bottom: 15px;}
#destaqueetc #postagemd {width: 365px; background: #426175; height: 235px; float: left;}
#destaqueetc #postagemd #thumb {width: 365px; height: 235px; position: relative;}
#destaqueetc #postagemd #thumb img {opacity: 0.22; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
#destaqueetc #postagemd #postagememd {padding: 10px; color: #b9b9b9; background: #fff; font-size: 11px; text-transform: uppercase; position: absolute; top: 30px; font-family: Lato; left: 103.25px;}
#destaqueetc #postagemd #titulo {font-weight: 700; color: #fff; font-size: 16px; position: absolute; left: 30px; right: 30px; width: 305px; bottom: 30px; text-align: center;}
#destaqueetc #postagemd #titulo a {color: #fff;}
#destaqueetc #postagemd #infos {font-family: Lato; font-size: 11px; color: #fff; text-transform: uppercase; text-align: center; margin-top: 10px;}
#destaqueetc #maispostemensagem {width: 660px; height: 235px; float: right;}
#destaqueetc #maispostemensagem #mais {padding: 17.5px; font-size: 12px; font-weight: 700; color: #038b75; font-family: Lato; text-align: center; width: 625px; float: left; margin-bottom: 10px; text-transform: uppercase; background: #00bd9d;}
#destaqueetc #maispostemensagem #mensagem {padding: 20px; background: url(images/bgmensagem.png) center; width: 620px; float: left; height: 125px; font-family: Georgia; font-style: italic; color: #8a8989; font-size: 17px; padding-top: 30px;}
#destaqueetc #maispostemensagem #mensagem #redes {width: 250px; height: 34px; clear: both; margin: 0px auto;}
#destaqueetc #maispostemensagem #mensagem #redes #fb {width: 34px; height: 34px; background: url(images/fbb.png); float: left; margin-right: 20px;}
#destaqueetc #maispostemensagem #mensagem #redes #tt {width: 34px; height: 34px; background: url(images/ttb.png); float: left; margin-right: 20px;}
#destaqueetc #maispostemensagem #mensagem #redes #we {width: 34px; height: 34px; background: url(images/web.png); float: left; margin-right: 20px;}
#destaqueetc #maispostemensagem #mensagem #redes #gp {width: 34px; height: 34px; background: url(images/gpb.png); float: left; margin-right: 20px;}
#destaqueetc #maispostemensagem #mensagem #redes #ig {width: 34px; height: 34px; background: url(images/igb.png); float: left; margin-right: 0px;}

/*HOTSITES, REDES E AFILIADOS*/
#hotsitesetc {width: 1040px; height: 376px; margin: 0px auto; margin-bottom: 15px;}
#hotsitesetc #hotsite {width: 371px; height: 376px; float: left; margin-right: 10px;}
#hotsitesetc #hotsite #fansub {background: url(images/fansub.png); float: left; margin-bottom: 10px; height: 183px; width: 371px; position: relative;}
#hotsitesetc #hotsite #especiais {background: url(images/especiais.png); float: left; margin-bottom: 0px; height: 183px; width: 371px; position: relative;}
#hotsitesetc #hotsite #fansub #titulo {bottom: 60px; padding: 10px; font-family: Lato; color: #b9b9b9; background: #fff; font-size: 11px; text-transform: uppercase; left: 0px; position: absolute; opacity: 0; webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
#hotsitesetc #hotsite #fansub:hover #titulo {bottom: 60px; padding: 10px; font-family: Lato; color: #b9b9b9; background: #fff; font-size: 11px; text-transform: uppercase; left: 40px; position: absolute; opacity: 1; webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
#hotsitesetc #hotsite #especiais #titulo {bottom: 60px; padding: 10px; font-family: Lato; color: #b9b9b9; background: #fff; font-size: 11px; text-transform: uppercase; left: 0px; position: absolute; opacity: 0; webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
#hotsitesetc #hotsite #especiais:hover #titulo {bottom: 60px; padding: 10px; font-family: Lato; color: #b9b9b9; background: #fff; font-size: 11px; text-transform: uppercase; left: 40px; position: absolute; opacity: 1; webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
#hotsitesetc #redes {width: 355px; float: left; height: 376px; margin-right: 10px;}
#hotsitesetc #redes #tt {width: 355px; float: left; height: 183px; margin-bottom: 10px; background: url(images/twitter.png); position: relative;}
#hotsitesetc #redes #fb {width: 355px; float: left; height: 183px; background: url(images/facebook.png); position: relative;}
#hotsitesetc #parceiros {width:273px; float: left; height:376px;}
#hotsitesetc #parceiros #slide {width: 294px; height: 318px; background: #fff; float: left;}
#hotsitesetc #parceiros #titulo {background: #00bd9d; padding: 20px; font-size: 14px; text-transform: uppercase; font-weight: 900; color: #038b75; text-align: center; width: 254px; float: left;}

/*INSTAGRAM*/
#instagram {width: 1040px; height: 104px; margin: 0px auto; margin-bottom: 15px;}
#instagram #icone {width: 104px; height: 104px; background: url(images/instagram.png) no-repeat center #00bd9d; float: left;}
#instagram #fotos {width:936px; height: 104px; float: left; background: #fff;}

/*AGENDA*/
#agenda {width: 750px; height: 84px; margin: 0px auto; margin-bottom: 0px; background: url(images/agenda.png); padding: 20px; padding-left: 270px; padding-top: 55px;}
#evento {float: left; margin-right: 20px;}
#evento #data {background: #00bd9d; padding: 15px; color: #03a388; float: left; font-weight: 700; font-size: 14px; font-family: Lato; margin-right: 15px; }
#evento #local {font-family: Georgia; color: #fff; padding-top: 15px; font-size: 16px; font-style: italic; float: left;}
#maisagenda {padding: 15px; width:1010px; font-size: 12px; font-weight: 700; color: #038b75; font-family: Lato; text-align: center; margin: 0px auto; margin-bottom: 15px; text-transform: uppercase; background: #00bd9d;}
/*GALERIA*/
#galeria {background: #426175; height: 130px; float: left; width: 100%; float: left; overflow: hidden;}
#galeria img {opacity: 0.22; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
#galeria tr, #galeria td, #galeria table {margin: 0; padding: 0px; border-spacing: 0px; border: 0; outline: 0;}

/*RODAPE*/
#footer {width: 100%; float: left; background: url(images/footer.png); height: 230px; padding-top: 191px; padding-bottom: 20px;}
#footer #menu {font-family: Lato; font-weight: 900; font-size: 14px; color: #fff; width:480px; margin: 0px auto; clear:both;}
#footer #menu ul {padding: 0px; margin: 0px;}
#footer #menu ul li {float: left; margin-right: 20px; text-transform: uppercase; list-style: none;}
#footer #menu ul li:last-child {margin-right: 0px;}
#footer #menu ul li a {color: #fff; padding-bottom: 5px;}
#footer #menu ul li a:hover {border-bottom: 4px #426175 solid;}
#creditos {width: 1040px; clear:both; margin: 0px auto; font-family: Lato; text-transform: uppercase; color: #fff; font-size: 12px; text-align: center; margin-top: 170px;}
#creditos a {color: #0d5e5c; font-weight: bold}

/*LINKS ETC*/
verde {color: #038b75;}
a {text-decoration: none;}
verde2 {color: #00bd9d;}
#sidebar a, #postesidebar #postagens #post2 #conteudo a {color: #038b75;}
h1 a, h2 a {color: #fff;}
#sidebar b, #postesidebar #postagens #post strong {color: #00bd9d;}
blockquote {font-family: Georgia; font-style: italic; border: 3px #00bd9d solid; border-radius: 3px; padding: 15px;}
h1, h2 {padding: 2%; width: 96%; float: left; font-family: Georgia; color: #fff; font-size: 16px; font-style: italic; background: #426175; margin-bottom: 15px;}
/*SIDEBAR*/
#sidebar {width: 350px; float: right;}
#sidebar #titulo {float: left; padding: 15px;width: 320px; font-family: Georgia; font-style: italic;  text-align: center; color: #fff; font-size: 16px; background:#426175;}
#sidebar #box {padding: 15px; font-family: PT Sans; font-size: 15px; color: #8a8989; width: 320px; background: #fff; margin-bottom: 15px; float: left;}

/*POSTAGEM - SINGLE*/
#postesidebar {width: 1040px; margin: 0px auto;}
#postesidebar #postagens {width: 670px; float: left;}
#postesidebar #postagens #post2 {width: 670px; float: left; background: #fff; margin-bottom: 15px;}
#postesidebar #postagens #post2 #thumb {width: 670px; height: 300px; position: relative; }
#postesidebar #postagens #post2 #conteudo {float: left; padding: 15px; color: #8a8989; font-size: 16px; font-family: PT Sans; width: 640px;}
#postesidebar #comentarios {float: left; background: #426175; padding: 15px; width: 640px; float: left; margin-bottom: 15px;}
#postesidebar #postagens #post2 #titulo {position: absolute; bottom: 15px; padding: 15px; border-left: 4px #426175 solid; background: rgba(0,0,0,0.4); font-family: Lato; font-weight: 900; font-size: 16px; text-align: center; width: 610px; left: 15px;}
#postesidebar #postagens #post2 #titulo a {color: #fff;}
#postesidebar #postagens #post2 #infos {padding: 15px; background: #00bd9d; text-align: center; color: #fff; font-family: Lato; font-size: 12px; width: 640px; border-bottom: 4px #06ab8f solid; float: left; text-transform: uppercase; font-weight: 700; text-transform: uppercase;}

#pag {float:left; height: auto; width: 664px; padding:3px; background: #426175; url('') no-repeat;  margin-bottom: 20px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out-o-transition: all 0.6s ease-in-out; -webkit-box-shadow:0 0px 0px -0px #d4d4d4; margin-left: 0px; }

.wp-pagenavi {
	font:900 1em Lato, Arial, sans-serif;
	font-size:16px;
        
	padding:10px 0px;
	text-transform:uppercase;
        margin: 0px 0px 0px -5px;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 13px ;
	color:#fff;
	margin: 0px;	
background:#426175;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color:#fff;
 background: #00bd9d;
}

/*SLIDE*/
/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:15px;
	background: #426175;
	color:#fff;
	width:234px;
	z-index:8;
	padding: 15px; left: 15px;
	font-family: Georgia; font-style: italic; font-size: 15px; font-weight: bold; text-align: center;
	overflow: hidden;
	display: none;
	
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
.nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin: 5px;
	opacity: 0.7;
}
.nivo-controlNav .active img,
.nivo-controlNav img:hover {
	opacity: 1;
}

input, textarea, select, button { margin: 0; padding:4px; font-size: 12px; background-color: 
#426175; color: #fff; border: 0px solid #ebebeb; outline:none;}

input#searchsubmit {position: absolute; padding: 10px; height: 48px; width: 48px; background: #00bd9d; right: 15px; top: 15px;color: #038f78;border-radius: 50%; text-align: center; font-size: 12px; font-family: Lato; text-transform: uppercase; font-weight: 700; cursor: pointer; z-index: 1000;}
#search [type="text"] {float: left; position: relative; padding: 10px; font-family: Lato; background: #3b596d; font-size: 10px; font-weight: bold; color: #fff; height: 28px; width: 390px;}