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

Theme Name: Metrô Linha 4
Description: Blog Metrô Linha 4
Author: FSB PR Digital
Author URI: http://www.fsb.com.br
Version: 1.0

---------------------------------------------------------------------------------------------------------------- 
CSS STYLES CONTENTS
---------------------------------------------------------------------------------------------------------------- 

01 - IMPORTANT LAYOUT STYLES
02 - WORDPRESS CORE STYLES
03 - TYPOGRAPHY STYLES
04 - LIST & FORM STYLES
05 - HEADER STYLES
06 - MAIN NAVIGATION STYLES
07 - IMAGE SLIDER STYLES
08 - MAIN LAYOUT STYLES
09 - POST STYLES
10 - SIDEBAR STYLES
11 - FOOTER STYLES
12 - WIDGET STYLES
13 - CONTACT STYLES

----------------------------------------------------------------------------------------------------------------

01 IMPORTANT LAYOUT STYLES

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

body {
	margin: 0;
	padding: 0;
	color: #5E6066;
	font-size: 13px;
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	background:url(images/bg-site.png) repeat;
}

.post iframe {z-index:90;}

#wrapper {
	width: 990px;
	margin: 0 auto;
}

.clear {
	clear: both;
}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url( images/ui.totop.png ) no-repeat left top;
}

#toTopHover {
	background:url( images/ui.totop.png ) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

.clearboth {
	clear: both;
}

/* END 01 */




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

02 WORDPRESS CORE STYLES

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

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    text-align: center;
		color: #336799;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

/* END 02 */



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

03 TYPOGRAPHY STYLES

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

h1, h2, h3, h4, h5, h6 {
	color: #5E6066;
	font-weight: normal;
	margin: 0 0 20px 0;
}

h1 {
	font-size: 30px;
	line-height: 34px;
}

h2 {
	font-size: 24px;
	line-height: 28px;
}

h3 {
	font-size: 20px;
	line-height: 24px;
	color:#2866b3;
}

h4 {
	font-size: 18px;
	line-height: 22px;
}

h5 {
	font-size: 16px;
	line-height: 20px;
}

h6 {
	font-size: 14px;
	line-height: 18px;
}

p {
	line-height: 18px;
	text-align: justify;
}

a {
	color: #000;
	text-decoration: none;
}

.post-title {
	margin-bottom: 20px;
}

.entry {
	line-height: 18px;
	text-shadow: #fff 0px 1px 1px;
}

blockquote {
	font-style: italic;
	font-size: 20px;
	line-height: 1;
	margin: 20px 0;
}

/* END 02 */



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

04 LIST & FORM STYLES

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

ul {
	padding: 0;
	list-style: none;
}

ul li {
	padding: 5px 0;
	line-height: 18px;
	text-shadow: #fff 0px 1px 1px;
}

#s {
	color: #666;
	height: 31px;
	width: 215px;
	padding-left: 30px;
	background-color: transparent;
	border: 0;
	background-image: url( images/search.jpg );
	outline:none;
}

#submit {
	height: 30px;
	font-size: 12px;
	cursor: pointer;
	font-weight: bold;
	padding: 2px 10px 0 10px;
	margin: 0px 5px 20px 5px;
	display: inline-block;
	text-decoration: none;
	background-repeat: repeat-x;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
	-webkit-box-shadow: 0px 1px 1px #666;
	   -moz-box-shadow: 0px 1px 1px #666;
			box-shadow: 0px 1px 1px #666;
	color: #496172;
	text-shadow: #B7D3EA 0px 1px 1px;
	border: 1px solid #6D90A5;
	background-image: url( images/shortcodes/blue_button.jpg );
}

#submit:hover {
	background-position: 0 -27px;
}

/* END 04 */



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

05 HEADER STYLES

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

#header_wrapper {
	position: relative;
	height: 150px;	
	right: 0;
	left: 0;
	background-position: 0 -10px;
	background-repeat: repeat-x;
	background-image: url( images/header_background.png );
}

#header {
	width: 960px;
	margin: 0 auto;
	padding: 20px 30px 10px 30px;
	background-repeat: repeat-x;
}

#logo {
	height: 82px;
	float: left;
}

#logo a.logo {
	width:158px;
	height: 82px;
	background:url(images/logo-metro-linha-4.png) no-repeat;
	display:block;
	text-indent:-9999px;
}


#tagline {
	display: none;
}

/* END 05 */



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

06 MAIN NAVIGATION STYLES

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

.navigation .medium_content {
	padding: 0;
}

.menu { 
	list-style: none outside none; 
	padding-top: 10px; 
	float: right; 
	font-size: 12px;
}

.menu li { 
	float: left; 
	margin: 0; 
	position: relative; 
}

.menu li a { 
	color: #ddd;
	padding: 5px 0px 5px 25px; 
	display: block; 
	text-decoration: none; 
	float: left;  
	display: inline-block;
	text-shadow: #000 0px 1px 1px;
}

.current_page_item a { 
	color: #888;
}

.menu li ul.children, .menu li ul.sub-menu {
	z-index:99; 
	min-width: 150px;
	list-style: none outside none; 
	position: absolute; 
	left: 0; 
	top: 31px; 
	margin-top: 5px; 
	padding: 0; 
	display: none; 
	float: left;   
	background-color: #333;
	border: 1px solid #666;
}

.menu li ul.children li, .menu li ul.sub-menu li { 
	margin: 0; 
	padding: 0; 
	clear: both; 
}
	
html .menu li ul.children li a, , .menu li ul.sub-menu li a { 
	float: left; 
	width: 100px; 
	color: #333;
}

html .menu li ul.children li a:hover, .menu li ul.sub-menu li a:hover { 
	background-position: 0 -27px;
}

.menu li li li a, .menu li li li a {
	margin-right: -150px;
}

.previous-entries {
	float: left;
}

.next-entries {
	float: right;
}

.previous-entries a, .next-entries a {
	height: 24px;
	color: #999;
	padding-top: 12px;
	display: inline-block;
}

.next-entries {
	text-align: right;
}
	

/* END 06 */



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

07 IMAGE SLIDER STYLES

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

#slider_wrapper {
	width: 990px;
	height: 350px;
	float: left;
	margin-bottom: 30px;
}	

#slider_content {
	width: 940px;
	height: 300px;
	padding: 0 25px;
	background-image: url( images/large_middle.png );
}

#slider {
	position: relative;
    width:940px;
    height:300px;
	background:url( images/loading.gif ) no-repeat 50% 50%;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a {
	border:0;
	display:block;
}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:940px;
	height:300px;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}

.nivo-controlNav {
	position: absolute;
	left: 10px;
	top: 270px;
	z-index: 9;
	width: 100%;
}

.nivo-controlNav a {
	display:block;
	width:18px;
	height:22px;
	background:url(images/slider_nav.png) no-repeat;
	text-indent:-9999px;
	border:0;
	cursor: pointer;
	margin-right:1px;
	float:left;
}

.nivo-controlNav a.active {
	background-position:0 -20px;
}

.nivo-directionNav a {
	position: absolute;
	display:block;
	width:30px;
	height:30px;
	margin-top: 140px;
	cursor: pointer;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	z-index: 10;
}

a.nivo-nextNav {
	background-position:-30px 0;
	right:20px;
}

a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}

.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/* END 07*/



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

08 MAIN LAYOUT STYLES

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

#page {
	padding-top: 10px;
}

#main_content {
	width: 630px;
	float: left;
	margin-right: 32px;
	margin-left: -2px;
}

/* LARGE CONTENT BOXES */
#fullwidth_content {
	padding: 20px 40px;
	background-repeat: repeat-y;
	background-image: url( images/large_middle.png );
}

.large_header, .large_footer {
	height: 25px;
	width: 990px;
	margin: 0 auto;
	background-repeat: no-repeat;
}

.large_header {
	background-image: url( images/large_top.png );
}

.large_footer {
	margin-bottom: 30px;
	background-image: url( images/large_bottom.png );
}	



/* MEDIUM CONTENT BOXES */
#page_medium_content {
	padding: 20px 40px;
	background-image: url( images/medium_middle2.png );
}

#page_medium_header, #page_medium_footer {
	height: 25px;
}

#page_medium_header {
	background-image: url( images/medium_header2.png );
}

#page_medium_footer {
	background-image: url( images/medium_footer2.png );
}

.medium_content {
	padding: 20px 20px 20px 40px;
	background-image: url( images/medium_middle.png );
}

.medium_content_plain {
	padding: 0 40px;
	background-image: url( images/medium_middle2.png );
}

.medium_header, .medium_footer, .medium_header_plain, .medium_footer_plain {
	height: 25px;
	width: 630px;
}

.medium_header {
	background-image: url( images/medium_header.png );
}

.medium_header_plain {
	background-image: url( images/medium_header2.png );
}

.medium_footer {
	background-image: url( images/medium_footer.png );
}

.medium_footer_plain {
	background-image: url( images/medium_footer2.png );
}



/* SMALL CONTENT BOXES */

.small_header, .small_footer {
	height: 25px;
}

.small_header {
	background-image: url( images/small_header.png );
}

.small_footer {
	background-image: url( images/small_footer.png );
}

.small_content {
	padding: 20px 40px;
	background-image: url( images/small_middle.png );
}


/* END 08 */



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

09 POST STYLES

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

.post {
	margin-bottom: 30px;
}

.post_content_left {
	width: 400px;
	float: left;
	margin-right: 20px;
}

.post_content_right {
	width: 135px;
	float: right;
	margin-top: -10px;
}

#main_content .post .post-icon  a { 
	float: right;
	height: 79px;
	width: 79px;
	margin-top: -36px;
	margin-right: -14px;
	text-indent: 100px;
	overflow: hidden;
	background-position: 0;
	background-repeat: no-repeat;
}

#main_content .post .post-icon.image a {
	background-image: url( images/photo_icon.png );
}

#main_content .post .post-icon.article a {
	background-image: url( images/text_icon.png );
}

#main_content .post .post-icon.link a {
	background-image: url( images/link_icon.png );
}

#main_content .post .post-icon.audio a {
	background-image: url( images/music_icon.png );
}

#main_content .post .post-icon.video a {
	background-image: url( images/video_icon.png );
}

#main_content .post .post-icon.quote a {
	background-image: url( images/quote_icon.png );
}

.woo-image {
	width: 380px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0px 1px 1px #999;
	   -moz-box-shadow: 0px 1px 1px #999;
			box-shadow: 0px 1px 1px #999;
}

.post_twitter, .post_facebook, .post_google {
	width: 40px;
	height: 42px;
	float: left;
	margin-bottom: 10px;
}

.post_twitter, .post_facebook {
	margin-right: 4px;
}

.post_twitter a, .post_facebook a, .post_google a {
	width: 40px;
	height: 42px;
	float: left;
	display: inline-block;
	overflow: hidden;
	text-indent: 100px;
	margin-bottom: 10px;
	position: absolute;
	background-image: url( images/social_links.png );
}

.post_facebook a {
	background-position: 128px -2px;
}

.post_facebook a:hover {
	background-position: 128px 41px;
}

.post_google a {
	background-position: 84px -2px;
}

.post_google a:hover {
	background-position: 84px 41px;
}

.post_twitter a {
	background-position: 174px -2px;
}

.post_twitter a:hover {
	background-position: 174px 41px;
}

.post_tags {
	margin: 10px 0;
	float: left;
}

.tag {
	float: left;
	display: block;
	margin-bottom: 5px;
}

.tag_left, .tag_middle, .tag_right {
	float: left;
}

.tag_left {
	width: 8px;
	height: 32px;
	background-image: url( images/tag_left.png );
}

.tag_middle {
	padding-top: 8px;
	padding-left: 3px;
	height: 24px;
	background-repeat: repeat-x;
	background-image: url( images/tag_middle.png );
}

.tag_right {
	width: 19px;
	height: 32px;
	background-image: url( images/tag_right.png );
}
                        
.tag a {
	color: gray;
	float: left;
	display: inline;
	text-align: center;
}

.tags a:hover {
	text-decoration: none;
}

.notes_button {
	float: left;
	height: 58px;
	width: 129px;
	font-size: 36px;
	padding-top: 35px;
	text-align: center;
	margin-bottom: 10px;
	text-shadow: #000000 0px 1px 1px;
	background-image: url( images/notes_background.png );
}

.notes_button a {
	display: inline;
	color: #fff;
}

.post_date, .post_author {
	height: 30px;
	width: 129px;
	color: gray;
	font-size: 16px;
	float: left;
	padding-top: 15px;
	text-align: center;
	margin-bottom: 10px;
	text-shadow: white 0px 1px 1px;
	background-image: url(images/date_background.png);
}

.post_author {
	width: 114px;
	font-size: 12px;
	text-align: left;
	padding-left: 15px;
	line-height: 20px;
}

.view_post a {
	color: #fff;
	height: 32px;
	width: 129px;
	font-size: 15px;
	float: left;
	display: block;
	padding-top: 13px;
	text-align: center;
	margin-bottom: 10px;
	text-shadow: #000 0px 1px 1px;
	background-image: url( images/view_post.png );
}

.view_post a:hover {
	background-image: url( images/view_post_hover.png );
}

.post .entry img {
	padding: 10px;
	width: 380px;
	height: auto;
	margin-bottom: 5px;
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: #999 0px 1px 1px;
	-webkit-box-shadow: #999 0px 1px 1px;
	-moz-box-shadow: #999 0px 1px 1px;
}

#comments {
	margin-bottom: 40px;
}

#comments li {
	margin-bottom: 20px;
}

.avatar {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.avatar img {
	border: 2px solid #5E6066;
}

.author_link {
	float: left;
	font-weight: bold;
	font-size: 12px;
	margin-right: 10px;
}

.comment_metadata a {
	color: #999;
}

.comment_content {
	margin: 0 0 0 65px;
}

#commentform input, #commentform textarea {
	color: #666;
	border: none;
	padding: 5px;
	background-color: #ededed;
}

#commentform textarea {
	width: 390px;
}


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

10 SIDEBAR STYLES

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

#sidebar {
	width: 330px;
	float: left;
}

#sidebar > .widget:first-child + .widget {
	display: none;
}

#sidebar h2 {
	padding-bottom: 10px;
}

.widget {
	margin-bottom: 30px;
}

#searchsubmit {
	color: #fff;
	cursor: pointer;
	padding: 6px 5px;
	border: 1px solid #000;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
	background-image: url( images/shortcodes/black_button.jpg );
}

#searchsubmit:hover {
	background-position: 0 -27px;
}

/* END 10 */



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

11 FOOTER STYLES

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

#footer {
	clear: both;
	margin-top: 20px;
}

#footer p {
	text-align: center;
	text-shadow: #fff 0 1px 1px;
	color: #666;
}

#credits {
	padding: 5px 0;
	background-image: url( images/large_middle.png );
}

#credits p {
	margin: 0;
}

/* END 11*/



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

12 WIDGET STYLES

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

#twitter_feed li {
	text-align: left;
	border-bottom:#ccc solid 1px;
	padding-bottom:10px;
	margin-bottom:10px;
}

.small_content #envato-marketplace-items li a {
	border: none;
	margin: 0 0 1px 1px;
}

.flickr_feed {
}

.flickr_photo {
	height: 70px;
	width: 70px;
	overflow: hidden;
	margin: 6px;
	padding: 0;
	display: inline-block;
	background-color: #fff;
	box-shadow: #999 0px 1px 1px;
}

.flickr_photo img {
	width: auto;
	height: 120px;
}

/* END 12 */



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

13 CONTACT STYLES

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

#contact_form {
	margin-bottom: 30px;
	background-color: #ddd;
}

.forms li {
	margin: 10px 0;
}

li.inline {
	float: left;
	margin: 0 0 0 100px;
}

li.inline label {
	width: 400px;
	float: left;
}

li.inline input {
	height: 10px;
	width: 10px;
	margin-left: 0;
	float: left;
	margin-top: 12px;
}

.forms label {
	display: block;	
	float: left;
	width: 100px;
	line-height: 3;
}

.forms input {
	color: #666;
	height: 30px;
	width: 200px;
	padding: 0 5px;
	margin-right: 10px;
	background-color: #ededed;
	border: 0;
}

.forms textarea {
	width: 440px;
	height: 100px;
	border: 0;
	background-color: #ededed;
	padding: 0 5px;
}

.forms .error.comment {
	margin-top: 20px;
	margin-left: 100px;
	margin-right: 200px;
	margin-bottom: 20px;
	float: left;
}

.error {
	background-repeat: no-repeat;
	padding: 10px 10px 10px 35px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-position: 10px 10px;
}

li.screenReader label {
	float: left;
	width: 400px;
	margin-left: 100px;
}

li.screenReader input {
	margin-left: 100px;
	margin-top: 5px;
}

.forms .button {
	height: 30px;
	float: right;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 5px;
	display: inline-block;
	text-decoration: none;
	background-repeat: repeat-x;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
		border-radius: 4px;
	-webkit-box-shadow: 0px 1px 1px #666;
	   -moz-box-shadow: 0px 1px 1px #666;
		box-shadow: 0px 1px 1px #666;
	color: #496172;
	text-shadow: #B7D3EA 0px 1px 1px;
	border: 1px solid #6D90A5;
	background-image: url( images/shortcodes/blue_button.jpg );
}

.forms .button:hover {
	background-position: 0 -28px;
}

.wp-caption-dd {
	font-size:11px;
	color: #336799;
}


ul.informe-lista {
}

ul.informe-lista li {
	float: left;
	margin-left: 40px;
}
ul.informe-lista li a {
	display: block;
	border: none !important;
	height: 290px;
	width: 205px;
}

ul.informe-lista li a span {
	display: block;
	margin:0 auto;
	text-align:center;
	width: 205px;
	line-height:15px;
	text-transform:uppercase;
}

ul.informe-lista li img {
	width: auto !important;
	height: 240px !important;
	border: 0 none !important;
	box-shadow: none !important;
	margin-bottom: 0px !important;
}