/* $Id: fusion-starter-style.css,v 1.1.2.7 2010/07/04 01:51:31 sociotech Exp $ */

/* Basic Typography & Colors
-------------------------------------------------------------- */
/* Add general site styling here for typography and background */
@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400);

@import url(http://fonts.googleapis.com/css?family=Istok+Web);

@font-face {font-family:"Sierra Madre";src:url("../fonts/Sierra_Madre.eot?") format("eot"),url("../fonts/Sierra_Madre.woff") format("woff"),url("../fonts/Sierra_Madre.ttf") format("truetype"),url("../fonts/Sierra_Madre.svg#SierraMadre") format("svg");font-weight:normal;font-style:normal;}



body {
  /*font-size: 75%;   /* also set in fusion_starter.info: settings[base-font-size] = font-size-12 */
  background: #feff99 url(../images/bg.png) repeat/*#d4621b*/;
  color: #898989;
  font-family: "Istok Web", Arial, Helvetica, sans-serif;
  font-size: 14px !important;
}

body.cke_show_borders{
  background: #fff;
}
/* Default link styles - separate a:visited for a different visited link style */
a,
a:link,
a:visited {
  color: #2d616e /*#1e6672 #008487 */;
  text-decoration: none;
}

/* Hover/active link styles. Don't forget :focus for accessibility */
a:hover,
a:focus,
a:active {
  text-decoration: underline;
}

/*.grid16-16 { width: 1010px !important;}
.grid16-13 {width: 760px !important;}
.grid16-3 {width: 250px !important;} */

/* Specific Typography
-------------------------------------------------------------- */
#site-name {
  font-size: 300%;
  line-height: 150%;
}

.footer-message {
  font-size: 90%;
}


/* HTML Elements
-------------------------------------------------------------- */
body {
}

p{
  text-align: justify;
}
/* Site Info
-------------------------------------------------------------- */
/* Wrapper around logo, site name, and slogan */
.header-site-info span {
  display: block;
}

#header-site-info{
  width: 300px;
}

/* Add float here to put logo and site name side by side, also add margins as
  needed */
#logo {
  float: left;
}

#logo img{
  width: 200px;
}

/* Link and hover styles for site name */
#site-name a:link,
#site-name a:visited,
#site-name a:hover,
#site-name a:active {
  float: left;
  margin: 0;
  width: 100%;
  color: #fff;
}

/* Typography for site slogan */
#slogan {
  color: #fff;
}


/* Regions

  Classes (.region-name) should always be used instead of IDs (#region-name) so
  that Skinr styles can override them with a class later
-------------------------------------------------------------- */

/* All Regions
-------------------------------------------------------------- */
/* By default this wrapper is set to 100% width and centered -- override here to
  narrow wrapper or align left or right */
.page {
}

/* The 0 values here remove padding and spacing at the bottom of the page.
  Remove to add a gap at the very bottom of the page */
.page-inner {
  border: 0;
  margin-bottom: 0;
  padding: 0;
}


/* Header Regions
-------------------------------------------------------------- */
/* Header Top region to the bottom of Header region */
/* For full-width header background, add background image/color here */
.header-group-wrapper {
   background: url(../images/topo.jpg) repeat-x bottom; /* url(../images/banner3.png) #0779bf bottom center; #ffde16; */ 
   height: 87px;
   padding:22px 0px;
   border-top: 4px solid #D4621B;
}

.header-group {
	height:150px;
	overflow: hidden !important;
}

/* Header Top region which sits above the header */
/* Works well with inline login or inline menu block style */
.header-top-wrapper {
}

.header-top {
}

/* **************** Formulário de Login Header -----------------
*/

#header-group #block-user-0, #header-group #block-views-admuser-block_1{
  margin: 0;
  padding: 10px 0 0 0;
  float: right;
  width: 410px !important;
  margin-right: -13px;
  font-size: 13px;
}

#header-group #block-user-0 {padding:0px !important;}

#header-group #block-views-admuser-block_1 {margin-right: -7px !important;}

#header-group #block-user-0 h2.title{
  display: none;
}

#header-group #block-user-0 .form-item{
  margin-top: 0.5em;
  margin-bottom: 0;
  margin-right: 0.5em;
  float: left;
  line-height: 10px;
}
#header-group #block-user-0 .form-item label{
  font-weight: normal;
  font-size: 12px !important;
  margin-bottom: 2px; /*bruna*/
}
#header-group #block-user-0 form input.form-text{
  background-color: #fff;
  border: 1px solid #BBB;
  color: #000;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  outline: none;
  width: 150px;
}
#header-group #block-user-0 form input.form-submit{
  margin-top: 17px; /*bruna*/
}

#header-group #block-user-0 .item-list{
  margin-top: 0;
  clear: both;
  line-height: 10px;
  font-size: 12px !important;
}
#header-group #block-user-0 .item-list ul li{
  display:inline;
  padding: 5px 80px 0 0 ;/*bruna*/
}

#header-group #block-user-0 .item-list ul li a { color:#357dce !important; text-decoration:underline !important;}/*bruna*/

#header-group #block-views-admuser-block_1 .views-field-picture {
  float: right; /*bruna*/
  margin-right: 5px; /*bruna*/
  margin-left: 10px; /*bruna*/
}
.fb_user-login-button-wrapper{
  margin-top: 5px;
  float: right; /*bruna*/
  margin-right: 12px; /*bruna*/
}
.fb_connected{
top: -56px;
position: relative;
background: #fff;
margin-left: 0px;
margin-bottom: -10px;
padding-bottom: 42px;
padding-top: 10px;
padding-left:20px;
}

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


/* Primary Menu
/-------------------------------------------------------------- */
/* Add general styles for primary menu here, such as typography, borders, floats,
  or spacing above/below */
.primary-menu {
  background: #fff;
}

/* styles for Superfish primary menu */
.primary-menu-inner ul.sf-menu {
  text-align: center;
  line-height: 50px;
  font-family: 'Maven Pro', serif;
  font-size: 18px;
}

/* Link style for top level menu items, add padding here */
.primary-menu-inner ul.sf-menu a,
.primary-menu-inner ul.sf-menu a:visited  {
}

.primary-menu-inner ul.sf-menu a:hover,
.primary-menu-inner ul.sf-menu a:active,
.primary-menu-inner ul.sf-menu a:focus {
}

/* These are the top level menu items, add border-right here for separators */
.primary-menu-inner ul.sf-menu li {
}
.primary-menu-inner ul.sf-menu li a{
  color: #333;
  padding: 8px 10px;
  text-decoration: none;
}
/* Add border-right: 0; here to remove separator on last menu item */
.primary-menu-inner ul.sf-menu li.last {
}

/* Style for container of dropdown, add background or border */
.primary-menu-inner ul.sf-menu ul {
}

/* Style for individual dropdown menu items, add border-bottom for separators */
.primary-menu-inner ul.sf-menu li li {
  background-color: #fff;
}

.primary-menu-inner ul.sf-menu li li.last {

}

.primary-menu-inner ul.sf-menu li li li {
}

/* Style for hover of dropdown menu items (add background-color here) */
.primary-menu-inner ul.sf-menu li ul li:hover,
.primary-menu-inner ul.sf-menu li ul li.sfHover {
}


/* Secondary menu
-------------------------------------------------------------- */
/* This menu usually appears in the header as a set of simple text links */
.secondary-menu {
  /* background:#d4641c url(../images/bg-menu.jpg) repeat-x bottom center; */
  /* background: #222222 url(../images/stripe.png) repeat top left; */
  margin: 0;
  text-align:center;
 /*  background: -webkit-gradient(linear, left top, left bottom, from(rgba(212, 98, 27, 1)), to(rgba(255, 255, 255, 0.75)));
  background: -moz-linear-gradient(rgba(212, 98, 27, 1) 95%, rgba(255, 255, 255, 0.75) 0%); */
  background: #fff; /*url(../images/menu.png) repeat-x 0 0 */
  border-bottom: 1px #DDD solid;
}

/* Set general style for menu here -- background, alignment, etc. */
.secondary-menu-inner ul.links {
  width:960px;
  text-align:center;
  margin: auto;
  line-height: 50px;
  font-family: 'Maven Pro', serif;
  font-size: 18px;
}

/* Add a border-right here for a separator */
.secondary-menu-inner ul.links li {
  /* border-right: 1px solid #333; */
  padding: 10px 0; 
  background-repeat: no-repeat;
}

/* Add border-right: 0; here to remove right separator on last menu item */
.secondary-menu-inner ul.links li.last {
  /* border-right: none; */
}

/* Styles for links */
.secondary-menu-inner ul.links li a:link,
.secondary-menu-inner ul.links li a:visited,
.secondary-menu-inner ul.links li a.active  {
  color: #898989;
  padding: 10px;
}

.secondary-menu-inner ul.links li a:hover,
.secondary-menu-inner ul.links li a:focus {
  color: #898989;
  text-decoration: none;
  /* text-shadow: #e0ce00 -0.08em 0.08em 0; */
}


/* Search box
-------------------------------------------------------------- */
.search-box {
  width: 310px;
  float:right;
  margin: /*10px 0 0;*/20px 60px 0;
  display: none/*inline*/;
}

.search-box-inner {
}

.search-box .search_submit{
}

.search-box-inner form#search-theme-form {
}

.search-box-inner input#edit-search-theme-form-header {
  background: #F6DD89  /* url(../images/search.png) no-repeat 0 55% */;
  border: 4px solid #000;
  width: 150px;
  padding-left: 1px;
  float:left;
  height: 25px; /* 170px */
  /* margin-right: 10px; */
  color: #000;
  margin-top: 15px;
}
.search-box-inner input#edit-search-theme-form-header:focus{
  outline: none;
}
/* Search block
-------------------------------------------------------------- */
#block-search-0 {
  width: 266px !important; /*bruna*/
  float:right;
  margin: 30px -10px 0px 0px;/*bruna*/
  display: inline;
  clear: right;
}
#block-search-0 h2.title, #block-search-0  .form-item label{
  display: none;
}
#block-search-0 input#edit-search-block-form-1 {
  background-color: white;
  border: 1px solid #BBB;
  border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
  border: 1px solid #BBB;
  color: #333;
  padding: 4px 2px;
  width: 170px; /*bruna*/
}
#block-search-0 input#edit-search-block-form-1:focus{
  outline: none;
}
/*  Preface Regions
-------------------------------------------------------------- */
/* The Preface Top region sits between the header and the Main Area
 (columns, sidebars, and main content).  The Preface Bottom region
 is inside the Main Area. */
.preface-top-wrapper {
  border-bottom: 1px #DDD solid;
  background: #f9f9f9;
}
.front .preface-top-wrapper {
  background: transparent;
  border-bottom: 4px solid #D4621B;
}
.preface-top {
}

.preface-top-inner {
}

.preface-top-inner .block{
  margin-bottom: 0;
}
.view-display-id-block_5 .more-link{
  position: absolute;
  bottom:0;
  right: 20px; /*bruna*/
  z-index: 99;
  background: #D4621B;
  color: #fff !important;
  border: 4px solid #D4621B;
  border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  padding: 5px 10px 3px; /*bruna*/
  margin-bottom: 0;
  text-transform: uppercase;
}
.view-display-id-block_5 .more-link a{
  color: #fff;
  background: none;
  font-family: 'Maven Pro', sans-serif;
  font-size: 15px !important;
  line-height: 0;
  padding: 0;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
#views_slideshow_cycle_main_og_ghp_ron-block_5{
  height: 250px;
  width: 955px;
  background: #fff;
  margin: 0 auto;
}

/* Preface Top Front blocks  */ 
.preface-top-inner  h2.block-title{
  font-size: 1em !important;
  font-weight: bold;
}
.preface-top-inner #block-views-admuser-block_3{
  margin-bottom: 10px;
}
.preface-top-inner #block-views-admuser-block_3 a, .preface-top-inner #block-views-admuser-block_3 a:hover{
  color: rgb(137, 137, 137);
  text-decoration: none;
  font-size: 14px;
}
.preface-top-inner #block-views-og_my-block_2 img{
  float: left;
  padding: 0 3px;
}
.preface-top-inner #block-views-admuser-block_2 img{
  float: left;
  clear: left;
  display: table-cell;
  vertical-align: middle;
  margin-right: 5px;
  width: 32px;
  height: 32px;
}
.preface-top-inner #block-views-admuser-block_2 .views-row{
  padding: 5px 0;
  font-size: 12px;
}
.preface-top-inner #block-views-admuser-block_2 a, .preface-top-inner #block-views-admuser-block_2 a:hover{
  font-size: 12px;
}
.preface-top-inner #block-views-og_my-block_2 .attachment{
  display: none;
}
.preface-bottom-inner h2.block-title{
   font-family: 'Istok Web', Arial, Helvetica, sans-serif;
   font-size: 19px !important;
}
.preface-bottom-inner #block-views-og_ghp_ron-block_4{
  width: 420px !important;
 /*  background: #ffac43; */
}

 .preface-bottom-inner #block-views-admuser-block_1{
 /*  background: #FEF200; */
}

.preface-bottom-inner #block-views-og_ghp_ron-block_2{
 /*  background: #F8991B; */
   width: 450px !important;
   clear: left;
   padding-right: 24px;
  /*  margin-right: 25px;
   border-right: 1px solid #ddd; */
   margin-bottom: 0;
   padding-bottom: 30px;
}

.preface-bottom-inner #block-views-og_ghp_ron-block_6{
  width: 420px !important;
}

.preface-bottom-inner #block-views-og_ghp_ron-block_2 .views-field-teaser img{
  display: none;
}

.preface-bottom-inner #block-views-comments_recent-block, .preface-bottom-inner #block-views-conteudo-block_2{
  /* background: #F36A22; */
  width: 460px !important;
  margin-bottom: 0;
  padding-bottom: 30px;
  margin-top:30px; /*bruna*/
  padding-top:5px;
}

.preface-bottom-inner #block-views-comments_recent-block a { color:#898989 !important; font-size: 14px !important;}
.preface-bottom-inner #block-views-comments_recent-block a:hover {text-decoration:none !important; font-size: 14px !important;}
.preface-bottom-inner #block-views-comments_recent-block .field-content {color:#357dce !important; font-size:12px !important;}

.preface-bottom-inner #block-views-comments_recent-block { margin-top:0px !important; /*bruna*/ padding-top:0px !important; border-left: 1px solid #ddd;
padding-left: 25px;}

.preface-bottom-inner #block-views-conteudo-block_2 table tr td{
   padding: 2px 0px; /*bruna*/
}
.preface-bottom-inner #block-block-11{
  width: 100%;
  clear: both;
  margin: 50px 5px 30px 5px; /*bruna*/
}
.preface-bottom-inner #block-block-11 h2.block-title{
  font-family: 'Maven Pro', serif;
  font-weight: 400;
  font-size:21px !important; /*bruna*/
}
.preface-bottom-inner #block-block-2{
  /* background: #D55017; */
}
.preface-bottom-inner #block-views-conteudo-block_1{
   width: 450px !important;
   clear: left;
   padding-right: 24px;
   margin-right: 25px;
   border-right: 1px solid #ddd;
   margin-top:30px; /*bruna*/
   padding-bottom:40px;
   padding-top:5px;
}
.preface-bottom-inner #block-block-10{
   width: 420px !important;
}
.preface-bottom {
}

.preface-bottom-inner {
}
.preface-bottom-inner  #block-views-diretorio-block_1{
   width: 450px !important;
   padding-right: 24px;
   margin-right: 25px;
   border-right: 1px solid #ddd;
   margin-top: 30px; /*bruna*/
   clear: left;
   /*padding-bottom: 35px; bruna*/
}
.preface-bottom-inner  #block-views-relatos-block_6{
    width: 430px !important;
	margin-top: 30px; /*bruna*/
	padding-bottom: 0;
}

.preface-bottom-inner #block-views-relatos-block_6 a {color:#898989!important;}
.preface-bottom-inner #block-views-relatos-block_6 h3 a {color: #357dce !important;}
.preface-bottom-inner #block-views-relatos-block_6 a:hover { text-decoration:none !important;}

.preface-bottom-inner #block-views-destaques-block_1{
   clear: both;
   width: 950px !important;
   margin-bottom: 0;
}
.preface-bottom-inner #block-block-12{
   clear: both;
   width: 960px;
}
.preface-bottom-inner #block-block-12 p{
  text-align: center;
}
.preface-bottom-inner #block-addthis-0{
  padding: 20px 10px 0 10px;
  margin-bottom: .5em;
}
#block-addthis-0{
  float: right;
  width: 130px;
  text-align: right;
}
#content-content #node-top{
  float: right;
  width: 130px;
  text-align: right;
}
.node-type-oficina-metodologia #content-content #node-top{
  width: 100%;
}
/*  Main Area (content + sidebars + preface bottom + postscript top)
-------------------------------------------------------------- */
.main-wrapper {
  background: #fff;
  min-height: 300px;
}


/* Sidebar Regions
-------------------------------------------------------------- */
/* Sidebar widths can be controlled through theme settings */
.sidebar-first {
	margin-top: 25px;
}

.sidebar-last {
	margin-top: 25px;
}


/* Content Regions
-------------------------------------------------------------- */
.content-top {
}

.content {
}

.content-inner {
  padding: 0 10px 0 0;
}
.content-inner h1.title{
  line-height: 1.5em;
  border-bottom: 1px solid #D4621B;
  margin-top: 20px;
  margin-bottom: 15px;
}
.content-bottom {
}

/* This region only appears on full node pages. It's useful for ads or other
  content between the body of the node and its comments */
.node-bottom {
}

/*  Postscript & Footer Regions
-------------------------------------------------------------- */
.postscript-top {
}

.postscript-top-inner {
}

.postscript-bottom-wrapper {
}

.postscript-bottom {
}
#postscript-bottom-wrapper{
   background: #fff;
   border-top: #ddd solid 1px;
   padding-top: 15px;
   padding-bottom:5px;
   font-size: 12px !important;
}

<!--[if !lt IE]><!-->
#postscript-bottom-wrapper{
   padding-top: 0px !important;
}
<!--<![endif]-->

.postscript-bottom-inner {
	margin-top: -10px;
margin-bottom: 5px;
}

.footer-wrapper {
  font-size: 0.923em;
  margin: -5px 0 0px 0;
  color: #fff;
  border-top: 1px solid #ddd;
  padding-top: 25px;
}

.footer {
}

.footer-inner {
}

.footer-message-wrapper {
}

.footer-message {
}

.footer-message-inner {
}

.footer-message-text {
}


/* Page titles
/-------------------------------------------------------------- */
/* Page and full node titles */
h1.title {
  line-height: 2em;
  font-family: 'Maven Pro', sans-serif;
  font-size: 22px !important;
  color: #D4621B !important;
  margin-bottom: 10px;
}

h1.title span{
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
}



/* Default node styles
/-------------------------------------------------------------- */
/* Change unpublished and preview colors for dark background themes */
.node-unpublished {
  background-color: #fff4f4;
}
.preview .node {
  background-color: #ffffea;
}

/* Typography for node titles */
h2.title {
}

/* Colors and styles for linked node titles, ie. teaser listing at /node */
h2.title a:link,
h2.title a:visited {
}

h2.title a:hover,
h2.title a:focus,
h2.title a:active {
}

/* Separators and padding for node teasers */
.teaser {
}

/* Author/date info */
.meta {
}

.submitted {
  font-size: 12px;
}

/* Links for nodes (taxonomy, commenting, read more, etc) */
.node ul.links li {
}
.node ul.links a {
}

/* Only more/read more links */
div.node .read-more a,
div.node .more-link a {
}

/* Default image node styles
/-------------------------------------------------------------- */

span.image-caption-container{
  float: left;
  margin: 5px;
}

.imagecache-img_grande_esquerda{
  float: left;
}
.imagecache-img_grande_direita, .imagecache-img_media_direita, .imagecache-img_pequena_direita{
  float: right;
}
.node .content img{
  display: block;
}

.image-caption{
  display: block;
  background: #000;
  color: #fff;
  padding: 5px;
  margin-top: 0;
}
/* Drupal Messages
/-------------------------------------------------------------- */
/* General style for all errors/messages (border, padding, etc.) */
div.content-messages div.messages,
div.content-help div.help {
}

/* Status messages: green */
div.content-messages-inner div.status {
}

/* Warning messages: yellow */
div.content-messages-inner div.warning {
}

/* Error messages: red */
div.content-messages-inner div.error {
}

/* Help messages: blue */
div.content-help-inner div.help {
}

/* Error that appears when a required form field is not filled out */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #aa1144;
}

/* "New" text and required form field asterisk (default = red) */
.marker,
.form-required {
  color: #aa1144;
}

#header-group #block-user-0 .form-item label .form-required {
  color: #fff !important;   /*bruna*/
  display:none !important; /*bruna*/
}

/* Default block title styles
/-------------------------------------------------------------- */
h2.block-title {
  font-family: 'Maven Pro', sans-serif;
  font-size: 21px !important;
  color: #D4621B !important;
  margin-bottom: 10px;
  padding-top:5px;  /*bruna*/
}


/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {
}

.breadcrumbs a:link,
.breadcrumbs a:visited {
}


/* Tab Menus
/-------------------------------------------------------------- */
#content-tabs {
  background-color: transparent;
  float: left; /* LTR */
  margin: 20px 0;
  padding: 0;
}

#content-tabs ul.primary,
#content-tabs ul.secondary {
  border-bottom: 1px solid #000;
  clear: both;
  float: left; /* LTR */
  margin: 0;
  padding: 0 10px;
}

#content-tabs ul.secondary {
  border-bottom: 1px solid #555;
  margin-top: 10px;
  text-transform: lowercase;
}

#content-tabs ul.primary li,
#content-tabs ul.secondary li {
  border-style: none;
  display: inline;
  float: left; /* LTR */
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited,
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  background-color: transparent;
  border: none;
  color: #000;
  float: left; /* LTR */
  font-weight: bold;
  margin: 0;
  padding: 0 0 6px 0;
  text-decoration: none;
  white-space: nowrap;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  color: #555;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 4px solid #000;
  color: #555;
  padding-bottom: 2px;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 4px solid #555;
  color: #777;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus,
#content-tabs ul.secondary li a:hover,
#content-tabs ul.secondary li a:focus {
  border-bottom: 4px solid #777;
  color: #777;
  padding-bottom: 2px;
}

/* Pagers
-------------------------------------------------------------- */
ul.pager {
}

ul.pager li {
}

ul.pager a,
ul.pager li.pager-current {
  border-color: #faad20;
}

ul.pager li.pager-current {
  background-color: #faad20 !important;
  border-color: #fcd68d !important;
  color: #fff;
}

ul.pager a:hover,
ul.pager a:active,
ul.pager a:focus {
  background-color: #777;
  border-color: #333;
  color: #fff;
}

/* Forms
/-------------------------------------------------------------- */
/* Typography and backgrounds for all form buttons */
form input.form-submit, .more-link a {
  font-family: 'Maven Pro', sans-serif;
  font-size: 11px;
  color: #333;
  padding: 5px 10px;
  
   /* fallback */
  background-color: #ffc848;
  
  background: -moz-linear-gradient( top, #FFC848 0%, #FFBE44);
  background: -webkit-gradient( linear, left top, left bottom, from(#FFC848), to(#FFBE44)); 
  
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  
  border: 1px solid #FFBE44;
  
  -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6);
  -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.6);
  box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.6);
  text-shadow: 0px 0px 0px rgba(000, 000, 000, 0), 0px 1px 0px rgba(255, 255, 255, 0.2);
  font-weight: 700;
}

/* Hover style for form buttons */
form input.form-submit:hover,
form input.form-submit.hover,
form input.form-submit:focus {
}

/* Typography, background, borders, padding for form fields */
.form-item input,
.form-item select,
.form-item textarea {
}

/* Remove backgrounds and border on radios and checkboxes */
.form-item .form-radio,
.form-item .form-checkbox {
  background: none;
  border: none !important;
}

/* Fieldset wrapper around groups of form elements -- add border here */
fieldset {
}

/* Typography and spacing for legend of fieldsets */
fieldset legend {
}

/* Link style for legend of fieldsets */
fieldset legend,
legend.collapse-processed,
legend.collapse-processed a:link,
legend.collapse-processed a:visited {
}

/* Custom icons on (open) collapsible fieldsets */
html.js fieldset.collapsible legend a:link,
html.js fieldset.collapsible legend a:visited {
}

/* Custom icons on (closed) collapsible fieldsets */
html.js fieldset.collapsed legend a:link,
html.js fieldset.collapsed legend a:visited {
}


/* Tables
-------------------------------------------------------------- */
table {
  table-layout: fixed;
}

/* Body of tables */
tbody {
  border-top: 1px solid #ccc;
}

/* Header of tables */
thead th,
th {
  border-bottom: 3px solid #ccc;
}

tbody th {
  border-bottom: 1px solid #ccc;
}

/* Alternating row background styles */
tr.even,
tr.even td {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}

tr.odd,
tr.odd td {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

td.active {
}

tr.drag td,
tr.drag-previous td {
  color: #000;
}


/* Maintenance Page
/-------------------------------------------------------------- */
/* Maintenance page tpl file in Fusion Core has simplified layout, but you can
  also add specific styles, such as a background, just for your offline page */
.in-maintenance  {
}


/*--------------------------------------------------------------*/
/* Module styles
/-------------------------------------------------------------- */


/* Book
/-------------------------------------------------------------- */
.book-navigation .menu {
  border-top: 1px solid #ccc;
}

.book-navigation .page-links {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}


/* Comments
/-------------------------------------------------------------- */
/* Style for each individual comment */
div.comment {
}

/* Subject (title) of each comment */
div.comment h3.title {
	text-transform:capitalize;
}
div.comment h3.title a {
	color:#d4621b !important;
}
/* Links (edit, reply, delete) for each comment */
div.comment div.links a,
div.comment ul.links a {
  color: black;
  text-decoration: none;
}

div.comment ul.links li{
font-family: 'Maven Pro', sans-serif;
font-size: 11px;
color: #333;
padding: 5px 10px;
background-color: #ffc848;
background: -moz-linear-gradient( top, #FFC848 0%, #FFBE44);
background: -webkit-gradient( linear, left top, left bottom, from(#FFC848), to(#FFBE44));
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #FFBE44;
-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6);
-webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.6);
box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.6);
text-shadow: 0px 0px 0px rgba(000, 000, 000, 0), 0px 1px 0px rgba(255, 255, 255, 0.2);
font-weight: 700;
}

/*div.comment ul.links li{
  background: url(../images/btn-search.png) repeat-x center center;
  padding: 0.2em 0.8em;
  border: #999 1px solid;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align: center;
  margin: 0;  
}*/
.comment_delete a{
  background: url(../images/comment_delete.png) no-repeat 0 50%;
  padding-left: 20px;
}
.comment_edit a{
  background: url(../images/comment_edit.gif) no-repeat 0 50%;
  padding-left: 20px;
}
.comment_reply a{
  background: url(../images/comment_replay.png) no-repeat 0 50%;
  padding-left: 20px;
}
.comment1 a{
  background: url(../images/comment.png) no-repeat 0 50%;
  padding-left: 20px;
}
div.comment ul.links li.spam{
  display: none;
} 

/* Alternating styles for even/odd comments */
.comments div.odd {
  background-color: #fff4cc;
}

.comments div.even {
  background-color: #feeac5;
}

/* A special highlight style for a comment by the author of the node */
.comments div.comment-by-author {
  background-color: #ddd;
}

/* Comment signatures */
.signature {
  border-top: 1px solid #d6ddb9;
}

/* User avatars in comments */
.comment .picture img {
  border: 1px solid #d4621b;
  padding: 3px;
  float: left;
  margin-right: 10px;
  margin-top:2px;
}

/* Change title of comments */
.comment_forbidden:before{
  /* content:"Coment\00e1rios \a";
  font-weight:bold;
  font-size: 150%;
  line-height: 3em;
  border-bottom: 6px solid #2D616E;
  white-space: pre; */
}
.comment_forbidden span{
}

h2.comments-header{
  font-weight:bold;
  font-size: 150%;
  border-bottom: 6px solid #d4621b;
  width: 140px;
  margin-bottom: 35px;
  line-height: 1.2em;
}

/* Forum
/-------------------------------------------------------------- */
#forum .description {
}

.forum-topic-navigation {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}


/* Poll
/-------------------------------------------------------------- */
div.poll div.bar {
  background-color: #ddd;
}

div.poll div.bar div.foreground {
  background-color: #999;
}


/* Profiles
/-------------------------------------------------------------- */
.profile .picture {
  float: left;
  margin-right: 10px;
  margin-top:2px;
  border: 1px solid #ddd;
  padding: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* Styles for sub-headings on user profiles */
.profile dt {
  background-color: #ccc;
}
.profile-block{
  width: 48.5%;
  float:left;
  padding: 5px;
}
#profilepic p{
  display: none;
  background: #fff;
  position:absolute;
  margin-left: 3px;
}
#profilepic:hover p{
  display: block;
}
#profileog img{
  float: left;
  padding: 0 3px;
}
.opml-icon{
  display:none;
}
/* Ubercart - catalog
/-------------------------------------------------------------- */

/* Horizontal list of subcategories in catalog */
ul.uc-categories {
}

.uc-categories li a {
  font-weight: bold;
  padding: 0 5px 0 3px;
}

/* Product and category names */
.catalog-grid-title a:link,
.catalog-grid-title a:visited,
.category a:link,
.category a:visited {
}

.catalog-grid-title a:hover,
.catalog-grid-title a:focus,
.category a:hover,
.category a:focus {
}

/* Sell price in Ubercart catalog */
.category-grid-products .catalog-grid-sell-price {
}

/* Ubercart - add to cart buttons
/-------------------------------------------------------------- */

/* Add to cart buttons */
input.node-add-to-cart,
input.list-add-to-cart {
}

/* Hover and focus styles, with .hover class added for IE6 support */
input.node-add-to-cart:hover,
input.node-add-to-cart.hover,
input.node-add-to-cart:focus,
input.list-add-to-cart:hover,
input.list-add-to-cart.hover,
input.list-add-to-cart:focus {
}

/* Ubercart - product nodes
/-------------------------------------------------------------- */

#field-group {
}

#price-group {
}

/* Product images */
.product-image a img {
}

.product-image a:hover img,
.product-image a:focus img {
}

/* Display price on full product nodes */
.full-node .product-group .uc-price-display {
}

/* Product attributes on full nodes */
.full-node .product-group .attributes {
}

/* Ubercart - general / checkout
/-------------------------------------------------------------- */

/* For optional "Powered by Ubercart" footer message */
#store-footer {
}

#store-footer a:link,
#store-footer a:visited {
}

/* View cart/Checkout links in Ubercart cart block */
.cart-block-summary-links ul.links li a {
}

.cart-block-summary-links ul.links li.cart-block-checkout a:link,
.cart-block-summary-links ul.links li.cart-block-checkout a:visited {
}

/* Key checkout process buttons: Checkout, Continue, and Submit Order */
#uc-cart-view-form #edit-checkout,
#uc-cart-checkout-form #edit-continue,
#uc-cart-checkout-review-form #edit-submit {
}

/* Table on final order review page */
.order-review-table {
}

#cart-form-products table th {
  border-bottom: 3px solid #dec2c3;
}


/* Skinr
/-------------------------------------------------------------- */

/* This is a sample Skinr style to get you started. See fusion_starter.info */
.fusion-example-stylename .inner {
  /* When setting the background color, also set foreground colors for text and
    links, even if it's similar to the default body style. Remember, this block
    style may be used in regions with other foreground colors, thus making text
    invisible if left unspecified */
  background-color: #ccc;
  color: #000;
  /* All padding and borders should go on the .inner div, so as not to break
    the widths of the grid */
  border: 3px solid #000;
  padding: 10px;
}

/* .fusion-horiz-login#block-user-0 #user-login-form div#edit-openid-identifier-wrapper{
  width: 960px;
}

html.js .fusion-horiz-login#block-user-0 #user-login-form label{
  position: relative;
} */

/* Diretório em Diálogo
/-------------------------------------------------------------- */


#diretorio{
	/*background:url(images/diretorio.png) no-repeat 0 0;*/
	margin:0;
	padding: 0 15px;
}

#diretorio h1.pane-title{
	padding: 10px 0 0 100px;
	/*background:url(images/diretorio.png) no-repeat 0 0;*/
}

#diretorio h2.pane-title{
background: url(../images/diretorio-title-new.png) repeat-x scroll left bottom;
color: #ffffff;
padding: 5px;
letter-spacing: 115%;
font-weight: 600;
font-size: 120%:
}

#diretorio .teaser{
background: #FEF3EA;
/*background: url(images/teaser.png) repeat-x 0 0; */
border: 1px dashed #FBB027;
padding: 5px;
margin: 3px auto;
}

#diretorio .teaser h1.title{
font-size: 10pt;
padding: 2px 0;
margin:0;
}

div.node-type-diretorio{
	float: left;
	width: 100%;
}

div.contentteaser{
	border:2px dashed #ccc;
	width:100%;
}

#cont_ficha{
background: url(../images/ficha_m.png) repeat-y scroll 0 200px;
width:700px;
}
#ficha_top{
background:transparent url(../images/ficha_t.png) no-repeat scroll 0 0;
position:relative;
}
#ficha_meio{
padding: 150px 40px 40px 40px;
width:620px;
}

#ficha_bottom{
background:transparent url(../images/ficha_b.png) no-repeat 0 0;
height:25px;
position:relative;
width:700px;
}

/* Áudio e Vídeo
/-------------------------------------------------------------- */

.audio-download{
  display: none;
}

.more-link{
  margin-top: 10px;
  margin-bottom:5px;
}

#view-id-conteudo-page_2 .views-field-field-videolink-embed .field-content img {width:138px; margin-right:5px; height:95px; border: 1px solid #dddddd;
padding: 3px;}
#view-id-conteudo-page_2 .view-content {padding-bottom: 15px;}

#block-views-conteudo-block_1 .views-field-field-videolink-embed .field-content img {width:140px; height:95px; margin-bottom:-8px;}

#block-views-conteudo-block_1 .more-link { margin-top:41px;}

/* Comunidades
/-------------------------------------------------------------- */
.view-display-id-block_3{
}
.view-display-id-block_3 p a{
  background: url(../images/btn-search.png) repeat-x center center;
  color: black;
  text-decoration: none;
  font-weight: bold;
  padding: 5px;
  line-height: 3em;
  border-radius:4px;
}
.view-display-id-block_3 .view-header{
  width: 250px;
  float: left;
 /*  height: 250px; */
  margin: 0;
}
.view-display-id-block_3 .view-header h1{
  font-family: "Sierra Madre", "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, sans-serif;
  font-size: 24px;
  padding: 5px 15px 0 5px;
  line-height: 1.3em;
  text-align: left;
  text-transform: uppercase;
}
.view-display-id-block_3 .view-header p{
  padding: 5px;
  margin-right:15px;
  text-align: left;
}

.jcarousel-container-horizontal a {color:#898989 !important;}
.jcarousel-container-horizontal a:hover { text-decoration:none !important;}

.jcarousel-container-horizontal{
  width: 870px;
  padding: 20px 40px 0 40px;
}
.jcarousel-clip-horizontal {
  width: 870px;
  height: 170px;
  overflow: hidden;
}
.jcarousel-item-horizontal {
  margin-left: 0;
  margin-right: 10px;
}
.jcarousel-item{
  width: 210px;
  height: 200px;
  font-family: 'Maven Pro', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}
.jcarousel-container .jcarousel-prev{
  position: absolute;
  top: 65px;
  left: -5px;
  width: 32px;
  height: 43px;
  cursor: pointer;
  background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-container .jcarousel-next{
  position: absolute;
  top: 65px;
  right: 5px;
  width: 40px;
  height: 43px;
  cursor: pointer;
  background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}


/* Comunidades content
/-------------------------------------------------------------- */

.node .content .field-field-banner img{
  float: left;
  margin: 15px;
  border: 6px solid #f36621;
}
.node .content .field-field-banner{
  display: none;
}
.og-mission p{
  text-align: justify !important;
}
.og-mission{
  display: table-cell;
  vertical-align: bottom;
}
.node .view-og-ghp-ron{
  clear: both;
  padding-top: 30px;
}
.node .view-og-ghp-ron .views-row{
  padding: 40px 10px 20px 10px;
  background: url(../images/divider.png) no-repeat bottom center;
}
.node-type-comunidade #block-search-0{
  display: none;
}
#block-og-0 .invite, #block-og-0 .subscribers, #block-og-0 .manager, #block-og-0 .my_membership{
  display: none;
}
.node-type-comunidade  a, .node-type-comunidade a:hover{
  color: #898989;
  text-decoration: none;
}

/* Comunidades page
/-------------------------------------------------------------- */

#view-id-og_ghp_ron-page_1 .views-field-title{
  min-height: 30px;
  width: 290px;
  font-family: 'Arial Narrow', Arial;
  font-size: 22px;
  background: #f9ac1e;
  padding: 10px 0 0 10px;
  color: #000;
}
#view-id-og_ghp_ron-page_1 .views-field-field-banner-fid img{
  width: 300px;
  height: 157px;
} 
/* Comunidades menu block details
/-------------------------------------------------------------- */
#block-og-0 .manager{
  display:none;
}

/* Footer blocks and menus
/-------------------------------------------------------------- */

.footer ul.menu li{
  list-style: none;
  display: inline;
}

.footer ul.menu li a, .footer a{
  padding: 5px;
  color: #1d1717;
  font-size: 13px !important;
  opacity:1.0 !important;
}

.postscript-bottom #block-system-0{
  text-align: right;
  width: 95px;/*bruna*/
  float:right!important;
  margin-right:2px;
}

.postscript-bottom #block-block-4{
  width: 100px;
  float: right;
  margin-top: 15px; /*bruna*/
  margin-bottom: -10px; /*bruna*/
  margin-right: -9px;
}

.postscript-bottom #block-block-3 {
  clear: both;
  width: 800px;
  margin-left: -20px;/*bruna*/
  font-weight: bold;  
}

.postscript-bottom #block-block-3 p {padding-top:0px !important;}

.postscript-bottom #block-block-3 img{
  margin: 5px 15px;
  float: left;
}
.preface-bottom-inner #block-block-1{
  width: 200px !important;
  float: left;
  margin-left: 0;
  margin-top: 10px;
}
.preface-bottom-inner #block-block-1 img{
  float: left;
  margin: 0 3px; /*bruna*/
  width: 36px;
  height: 36px;
}
.footer #block-menu-secondary-links ul.menu{
  width: 100%;
  text-align: center;
}
.views-field-picture img{
  border: 1px solid #ddd;
  padding:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
.header-group #block-block-7{
  margin-bottom: 0;
}
.header-group #block-block-7 #festival{
  background: url(../images/banner_campanha.png) no-repeat -3870px -20px; /* url(../images/bannerpremiados.png) repeat-x -279px -150px; */
  display: block;
  width: 600px;
  height: 130px;
  overflow:hidden;
  text-indent:110%;
  white-space:nowrap;
}

/* Service Links
/-------------------------------------------------------------- */

.service-links li{
  height: 20px;
  padding: 10px;
}

.service-label{
  font-weight: bold;
  font-size: 150%;
  border-bottom: 6px solid #2D616E;
  width: 240px;
  margin-bottom: 35px;
  line-height: 1.2em;
}

.service-links-facebook-widget a, .FBConnectButton, .FBConnectButton_RTL {
  background: #ECEEF5 url(http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/1dQf_ATK831.png);
  background-repeat: no-repeat;
  cursor: default;
  display: inline-block;
  padding: 0 0 0 1px;
  text-decoration: none;
  outline: none;
  height: 17px;
  -webkit-border-radius: 3px;
  border: 1px solid #CAD4E7;
}

.FBConnectButton .FBConnectButton_Text, .FBConnectButton_RTL .FBConnectButton_Text {
  background: none;
  border: none;
  color: #3B5998;
  display: block;
  font-family: arial,sans-serif;
  font-weight: 500;
  padding: 2px 6px 4px;
  margin: 1px 1px 0 0;
  text-shadow: none;
}

.service-links-facebook-widget, .FBConnectButton_Small .FBConnectButton_Text {
  padding: 2px 6px 3px;
  margin-left: 17px;
}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {
  background-position: 4px 2px;
  font-size: 11px;
  line-height: 10px;
}

.fb_share_size_Small{
  display: table-cell;
  padding-right: 25px;
}

/* .fb_share_count_right .fb_share_count_inner {
  border: 1px solid #C1C1C1;
  margin: 1px 1px 0 1px;
  font-size: 11px;
  line-height: 14px;
  padding: 2px 6px 3px;
  font-weight: 500;
}

.fb_share_count_inner {
background: #fff;
display: block;
} 

.fb_share_size_Small .fb_share_count_right .fb_share_count_inner {
  font-size: 11px;
}

.fb_share_count {
  background: none;
  color: #333;
  font-family: arial,sans-serif;
  text-align: center;
}

.fb_share_count_nub_right {
  background: none;
}*/

/*  .FBConnectButton, .FBConnectButton_RTL{
  background: #ECEEF5 url(http://static.ak.fbcdn.net/images/connect_sprite.png);
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 0 0 1px;
  text-decoration: none;
  outline: none;
}

.FBConnectButton .FBConnectButton_Text, .FBConnectButton_RTL .FBConnectButton_Text{
  color: #3B5998;
  display: block;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  margin: 1px 1px 0 0;
  text-shadow: none;
  background: none;
  border: none;
} */

/* Phpfreechat */

.node .content #pfc_container img{
  display: inline;
}
#pfc_cmd_container, #pfc_bbcode_container{
  display:none;
}
div#pfc_smileys{
  margin-top: 10px !important;
}
div#pfc_input_container td.pfc_td2{
  width: 85% !important;
}
.galleryformatter-greenarrows{
  float: right;
  margin-left: 10px;
}

/* Form profile
/-------------------------------------------------------------- */

#edit-field-idade-0-value-wrapper, #edit-field-aniversario-0-value-wrapper, #edit-field-userconheceuoutro-0-value-wrapper {
  display:none; 
}

/* Festival de videos
/-------------------------------------------------------------- */

#pid-festival-imagens-emdialogo-oficina .content-inner h1.title, 
#pid-festival-imagens-emdialogo-festival .content-inner h1.title,
#pid-festival-imagens-emdialogo-regulamento .content-inner h1.title,
#pid-festival-imagens-emdialogo-calendario .content-inner h1.title,
#pid-festival-imagens-emdialogo-programacao .content-inner h1.title,
#pid-festival-imagens-emdialogo-links  .content-inner h1.title{
  font-family: "Sierra Madre", "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, sans-serif;
  font-size: 40px;
  padding: 5px;
  text-transform: uppercase;
}
#pid-festival-imagens-emdialogo-oficina .content-inner, 
#pid-festival-imagens-emdialogo-festival .content-inner,
#pid-festival-imagens-emdialogo-regulamento .content-inner,
#pid-festival-imagens-emdialogo-calendario .content-inner,
#pid-festival-imagens-emdialogo-programacao .content-inner,
#pid-festival-imagens-emdialogo-links  .content-inner{
  font-size: 16px;
  line-height: 25px;
}
#pid-festival-imagens-emdialogo-links .content-inner ul li,
#pid-festival-imagens-emdialogo-oficina .content-inner ul li{
  list-style: square outside;
  color: #f7941d;
  font-size: 18px;
  text-transform: uppercase;
}
#pid-festival-imagens-emdialogo-oficina .content-inner ul li span{
    color: #000;
}
#pid-festival-imagens-emdialogo-links .content-inner ul li ul li,
#pid-festival-imagens-emdialogo-oficina .content-inner ul li ul li{
  list-style: none;
  color: #000;
  font-size: 16px;
  text-transform: none;
}
#pid-festival-imagens-emdialogo-links .content-inner ul.links li,
#pid-festival-imagens-emdialogo-oficina .content-inner ul.links li{
  font-size: 13px;
  color: #000;
}
/* Festival de videos - Pós-inscrições
/-------------------------------------------------------------- */

@font-face {font-family:"Quicksand";src:url("../fonts/Quicksand_Bold.eot?") format("eot"),url("../fonts/Quicksand_Bold.ttf") format("truetype"),url("../fonts/Quicksand_Bold.svg") format("svg");font-weight:normal;font-style:normal;}

table#programa-festival{
  padding: 0;
  border-collapse: separate;
  text-align: center;
}
table#programa-festival tbody{
  padding:0;
  border:none;
}
table#programa-festival td{
  padding:0;
}
table#programa-festival tr{
  height: 125px !important;
  display: block;
}
#view-id-festival-page_2 table td{
  background-color: #f7941d;
  color: #fff;
  font-size: 18px;
  padding: 15px;
  line-height: 30px;
  vertical-align: top;
}

#view-id-festival-page_2 table td.video-festival a, #view-id-festival-page_2 table td.video-festival a:hover{
  color: #fff;
}
#view-id-festival-page_2 table{
  border-collapse: separate;
  border-spacing: 10px;
}
#view-id-festival-page_2 .views-field-title a, #view-id-festival-page_2 .views-field-title a:hover, #view-id-festival-page_2 .views-field-field-festrespestado-value{
  text-transform: uppercase;
}
h1#title-festival{
  font-family: Quicksand;
  font-size: 30px;
  font-weight: bold;
  line-height: 70px;
  margin: 20px 0;
}
h1#title-festival span{
  color: #f7941d;
}
h1#title-festival strong{
  text-transform: uppercase;
}
.node-type-ficha-festival-videos  h1.title{
  font-size: 50px;
  /*line-height:  50px I Festival*/
  /*padding:  40px 0 I Festival */
  text-transform: uppercase;
  font-family: Quicksand;
  margin-right: 20px;
}
.node-type-ficha-festival-videos .emvideo-youtube{
  float: right;
  margin: 0 20px;
}
.node-type-ficha-festival-videos  h2.festival-video, .node-type-ficha-festival-videos  .festival-sinopse, .node-type-ficha-festival-videos  .festival-escola{
  margin-bottom: 20px;
}
.node-type-ficha-festival-videos  .festival-sinopse{
  text-align: justify;
  line-height: 20px;
}
.node-type-ficha-festival-videos  .festival-estado{
  text-transform: uppercase;
}
.node-type-ficha-festival-videos #comments{
  clear: both;
}
.views-field-field-festcomunidade-nid{
  clear: right;
}
.node-type-ficha-festival-videos .festival-share{
  clear: right;
  float: right;
  margin-right: 20px;
  background-color: #04aced;
  color: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
}
.node-type-ficha-festival-videos .festival-share a, .node-type-ficha-festival-videos .festival-share a:hover, .node-type-ficha-festival-videos .festival-voto a, .node-type-ficha-festival-videos .festival-voto a:hover{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
}
.node-type-ficha-festival-videos .festival-voto{
  clear: both;
  float: right;
  margin-bottom: 20px;
  margin-right: 50px;
  width: 250px;
}
.vud-widget-alternate .up-active, .vud-widget-alternate .up-inactive{
  margin-top: 0;
}
.node-type-ficha-festival-videos .festival-voto span{
  float: left;
  padding: 10px 13px 10px 16px;
  color: #fff;
  background-color: #f7941d;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}
.node-type-ficha-festival-videos .festival-voto div.vud-widget-alternate{
  float: right;
}
.node-type-ficha-festival-videos .statistics_counter{
  display: none;
}



/* Festival de videos - Pós-inscrições - Comentários
/-------------------------------------------------------------- */
.node-type-ficha-festival-videos  #comments{
  border: 1px solid #000;
  margin: 20px 0;
  padding: 20px;
  clear: both;
  width: 95%;
}
.node-type-ficha-festival-videos h2.comments-header{
  font-family: Quicksand;
  font-size: 20px;
  text-transform:uppercase;
  border: none;
}
.festival-comments .wysiwyg-format-5, .festival-comments p, .festival-comments #edit-preview, .node-type-ficha-festival-videos  #comments .wysiwyg-format-5, .node-type-ficha-festival-videos  #comments p, .node-type-ficha-festival-videos  #comments #edit-preview, .node-type-ficha-festival-videos  #comments .box h2.title, .node-type-ficha-festival-videos  #comments #edit-homepage-wrapper, .node-type-ficha-festival-videos  #comments h3.title{
  display:none;
}
.node-type-ficha-festival-videos  #comments .content p{
  display: block;
}
.node-type-ficha-festival-videos #comments .comment .links, .node-type-ficha-festival-videos #comments .box{
  /* display: none; */
}
/* Festival de videos - Pós-inscrições - Ajuda no Voto
/-------------------------------------------------------------- */
#festival-voto-help{
  display:none;
  float:right;
  clear:right;
  margin-right: 10px;
  text-align: right;
}
#voto-help-float{
  position: relative;
  z-index: 99999;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px #000 solid;
  background-color: #fff;
  padding: 20px;
  overflow: visible;
  width: 340px;
  text-align: left;  
}
.close-this{
  float:right;
}
#voto-help-float li{
  list-style: decimal;
}
#voto-help-thanks{
  margin: 5px 0;
  font-weight: bold;
}
#voto-help-float input[type=submit]{
  background: #e0e0e0 url(../images/button.png) repeat-x top left;
  border-style: solid;
  border-width: 1px;
  border-top-color: #e4e4e4;
  border-right-color: #d2d2d2;
  border-bottom-color: #b4b4b4;
  border-left-color: #d2d2d2;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  color: #444;
  cursor: pointer;
  font-size: 1.077em;
  margin: 0;
  overflow: visible;
  padding: 3px 8px;
}
#voto-help-float input[type=text]{
  padding: 3px 8px;
}
/* Festival de videos - Pós-inscrições - Mostra DEGASE
/-------------------------------------------------------------- */

.mostra-degase{
  background-color: #f7941d;
  text-align: center;
  margin: 10px 0 10px 320px;
  padding: 20px 5px;
}
.mostra-degase h2{
  background-color: #000;
  color: #fff;
  font-family: Quicksand;
  font-size: 20px;
  padding: 10px 5px;
  text-align: center;
  margin: 0 10px;
}
.mostra-degase-sidebar{
  float: left;
  width: 300px;
}
.mostra-degase-sidebar p.logo{
  text-align: center;
}
#pid-festival-mostra-degase .content-inner h1{
  font-family: Quicksand;
  font-size: 40px;
}
#block-block-9 p{
  font-family: Quicksand;
  font-size: 14px;
}
#block-block-9 h2.block-title{
  font-size: 32px;
  font-family: "Sierra Madre";
  line-height: 40px;
}
#block-block-9 h2{
  font-size: 18px;
  line-height: 20px;
  font-family: Quicksand;
}
/* Festival de videos - Vencedores
/-------------------------------------------------------------- */

#pid-festival-vencedores p {
  font-size: 16px;
  font-family: Quicksand;
  margin-bottom: 30px;
}
#pid-festival-vencedores p  span{
  text-transform: uppercase;
  font-size: 14px;
}
#pid-festival-vencedores .wrap h2{
  margin-bottom: 65px;
}
#pid-festival-vencedores h2 {
  text-shadow:0 1px 0 #fff; 
  font-size: 24px;
  font-family: Quicksand;
  line-height: 20px;
  margin-bottom: 50px;
  padding-left: 10px;
  background: url(../favicon.ico) no-repeat 0 0;
}

#pid-festival-vencedores #wrap_juri {
  width:450px;
  margin:0;
  float: left;
}
#pid-festival-vencedores #wrap_web{
  width:450px;
  margin:20px 0 0 470px;
}
#pid-festival-vencedores #wrap_premios{
  clear: both;
  margin-top: 30px;
}
#pid-festival-vencedores h1 {
  margin-bottom:20px; 
  font-size:48px; 
  text-shadow:0 1px 0 #ede8d9;
  font-family: Quicksand;
}

#pid-festival-vencedores #resultado_wrap_juri, #pid-festival-vencedores #resultado_wrap_web {
  overflow:hidden; height:446px; position:relative; top:0px;
  -webkit-transition: all 1s ease-in-out .3s;
  -moz-transition: all 1s ease-in-out .3s;
  -o-transition: all 1s ease-in-out .3s;
  transition: all 1s ease-in-out .3s;}
	
#pid-festival-vencedores #resultado_wrap_juri:before, #pid-festival-vencedores #resultado_wrap_web:before {content:"";
  position:absolute;
  bottom:128px;
  left:0px;
  background:url(../images/festival/before.png);
  width:450px;
  height:316px;
}
	
#pid-festival-vencedores #resultado_wrap_juri:after, #pid-festival-vencedores #resultado_wrap_web:after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  background:url(../images/festival/after.png);
  width: 450px;
  height: 260px;
}
#pid-festival-vencedores .cover{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  background:url(../images/festival/after.png);
  width: 450px;
  height: 260px;
  margin: 0;
  padding: 0;
}

#pid-festival-vencedores #resultado_wrap_juri.hide:after, #pid-festival-vencedores #resultado_wrap_web.hide:after, #resultado_wrap_juri.hide:before, #resultado_wrap_web.hide:before {
  display:none;
}
#pid-festival-vencedores #resultado_wrap_juri:hover, #pid-festival-vencedores #resultado_wrap_web:hover {
  height:820px;
  top:-200px;
}
#pid-festival-vencedores .resultado_wrap div.message {
  background:#f7f2ec url(../images/festival/letter_bg.png); 
  position:relative;
  top:200px;
  overflow:hidden;
  height:200px;
  width:320px;
  margin:0px auto;
  padding:20px; 
  border: 1px solid #fff;
  border-radius: 3px; 
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px;
  box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
  -moz-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 14px #fff;
  -webkit-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
  -webkit-transition: all 1s ease-in-out .3s;
  -moz-transition: all 1s ease-in-out .3s;
  -o-transition: all 1s ease-in-out .3s;
  transition: all 1s ease-in-out .3s;
}


#pid-festival-vencedores .resultado_wrap:hover div.message{
  height:450px;
}




/* Festival de videos 2013
/-------------------------------------------------------------- */
@font-face {font-family:"Claire";src:url("../fonts/ClaireHandRegular.eot?") format("eot"),url("../fonts/ClaireHandRegular.ttf") format("truetype"),url("../fonts/ClaireHandRegular.svg") format("svg");font-weight:normal;font-style:normal;}
@font-face {font-family:"Sketchetik";src:url("../fonts/Sketchetik-Light.eot?") format("eot"),url("../fonts/Sketchetik-Light.woff") format("woff"),url("../fonts/Sketchetik-Light.ttf") format("truetype"),url("../fonts/Sketchetik-Light.svg#Sketchetik-Light") format("svg");font-weight:normal;font-style:normal;}

/* #pid-ii-festival-imagens-emdialogo #main-content, #pid-festival-regulamento #main-content, #pid-festival-ajuda #main-content, #pid-festival-links #main-content, .node-type-ficha-festival-videos #main-content, .page-festival #main-content, #pid-festival-ii-festival-imagens-emdialogo #main-content, #pid-festival-fim-do-recreio #main-content, #pid-festival-vencedores2013 #main-content, #pid-festival-edicoes-anteriores #main-content{
  background: url(../images/festival/topopaginafestival2014.png) no-repeat top right;
  padding-top: 130px;
  margin-top: 10px;
} */
#pid-festival-ii-festival-imagens-emdialogo2 #main-content h1.title{
  display: none;
}
#pid-ii-festival-imagens-emdialogo2 .menu ul{
  padding-top: 50px;
}
/* Home */
#pid-ii-festival-imagens-emdialogo2 h1.title{
  display:none;
}

#pid-ii-festival-imagens-emdialogo2  #content-bottom{
  font-family: Claire;
  color: black;
  font-weight: bold;
  font-size: 12pt;
}
#pid-ii-festival-imagens-emdialogo2  #content-bottom span.silver{
  font-family: Sketchetik;
  font-size: 12pt;
}
#pid-ii-festival-imagens-emdialogo2  #content-bottom  #festival-redes{
  float: left;
  margin: 0;
}
#pid-ii-festival-imagens-emdialogo2  #content-bottom  #festival-apoio{
  text-align: right;
  margin: 0;
}

#pid-ii-festival-imagens-emdialogo2 #block-addthis-0{
  width: 104px;
  margin-right: 9px;
}

#pid-ii-festival-imagens-emdialogo2 #content-content .node .first .inner{
  margin-right: 0;
}
#pid-ii-festival-imagens-emdialogo2  #block-block-10 img {
  margin-left:5px;
}
#pid-ii-festival-imagens-emdialogo2 #node-8024  ul{
  margin: 0 0 0 17px;
  text-align: center;
}
#pid-ii-festival-imagens-emdialogo2 #node-8024  li{
  background: url(/sites/default/files/images/bilheteria.png) 0 0 no-repeat;
  height: 135px;
  float: left;
  list-style: none;
  padding: 275px 90px 0 70px;
}
#pid-ii-festival-imagens-emdialogo2 #node-8024  li span{
  width: 165px;
  text-align: center;
  font-size: 0.9em;
}
#pid-ii-festival-imagens-emdialogo2 #node-8024  li a, #pid-festival-ii-festival-imagens-emdialogo2 #node-8024  li a:hover{
  font-family: Sketchetik;
  color: #c8292d;
  text-decoration: none;
  text-transform: lowercase;
  font-weight: bold;
}
#pid-ii-festival-imagens-emdialogo2 #node-8024  li a span, #pid-festival-ii-festival-imagens-emdialogo2 #node-8024  li a:hover span{
  font-family: Claire;
  color: #c8292d;
  text-transform: uppercase;
  font-size: 1em;
}
/* Festival de videos - Menu
/-------------------------------------------------------------- */
#block-menu-menu-festival, #block-menu-menu-festival-es{
  margin: 40px 0 0 0;
  /*background: url(../images/festival/linha_titulo_videos.png) 50% 100% no-repeat;*/
}
#block-menu-menu-festival h2.block-title, #block-menu-menu-festival-es h2.block-title{
  font-size: 2.5em;
  margin-top: 0.8em;
}
#block-menu-menu-festival ul.menu, #block-menu-menu-festival-es ul.menu{
  margin-left: 0;
  padding: 10px;
  text-align: center;
  /*font-family: Sketchetik;*/
  font-family: JandaSafeandSound; /* 2014 */
  font-weight: bold;
}
#block-menu-menu-festival ul.menu li, #block-menu-menu-festival-es ul.menu li{
  list-style: none;  
  display:  inline  /*block*/; 
  padding: 5px 15px /*5px 0 */;
  text-transform: /*uppercase */lowercase ;
}
#block-menu-menu-festival ul.menu li a, #block-menu-menu-festival-es ul.menu li a{
  color: black;
  /* Festival de videos - pos-incrição*/
  font-size: 16px /* 20px*/;
  text-decoration: none;
}*/

/* Festival de videos - Mostras - Página lista videos
/-------------------------------------------------------------- */

h2.festival-titulos{
  color: #000;
  text-transform: uppercase;
  background: url(../images/festival/linha_titulo.png) 15px 100% no-repeat;
  padding-bottom: 10px;
  padding-left: 15px;
  font-family: Sketchetik;
  font-size: 17pt;
}
p.festival-textos{
  padding-left: 15px;
  padding-right: 10px;
}
.festival-mostra{
  margin: 0 auto;
  max-width: 960px;
}
.festival-mostra  .item-list ul{
  list-style: none;
  padding: 0;
}
.festival-mostra  .views-row{
  width: 180px;
  height: 135px;
  list-style: none;
  margin: 20px;
  float: left;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}
.festival-mostra .movie{
  width: 180px;
  height: 135px;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translateZ(-90px);
  -webkit-transition: -webkit-transform 350ms;
  transform-style: preserve-3d;
  transform: translateZ(-90px);
  transition: transform 350ms;
}
.festival-mostra .movie:hover{
  -webkit-transform: rotateY(-78deg) translateZ(20px);
  transform: rotateY(-78deg) translateZ(20px);
}
.festival-mostra .movie .thumb, 
.festival-mostra .movie .info {
  position: absolute;
  width: 180px;
  height: 135px;
  background-color: #000;
  backface-visibility: hidden;
  -webkit-backface-visibility:hidden; /* Chrome and Safari */
  -moz-backface-visibility:hidden; /* Firefox */
  -ms-backface-visibility:hidden; /* Internet Explorer */
}
.festival-mostra .movie .thumb {
  transform: translateZ(90px);
  -webkit-transform: translateZ(90px);
  background-size: cover;
  background-repeat: no-repeat;
}
 
.festival-mostra .movie .info {
  transform: rotateY(90deg) translateZ(90px);
  -webkit-transform: rotateY(90deg) translateZ(90px);
  border: 1px solid #B8B5B5;
  text-align: center;
  color: #898989;
}
.festival-mostra .movie .info a, 
.festival-mostra .movie .info a:hover{
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
}
.festival-mostra .movie .info h2{
  height: 135px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  font-size: 10px;
  min-width: 162px;
}
.festival-mostra .movie::after {
  content: '';
  width: 135px;
  height: 135px;
  position: absolute;
  bottom: 0;
  box-shadow: 0 30px 50px rgba(0,0,0,0.3);
  transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  transform: rotateX(90deg) translateY(90px);
  -webkit-transform: rotateX(90deg) translateY(90px);
  transition: box-shadow 350ms;
  -webkit-transition:box-shadow 350ms;
}
 
.festival-mostra .movie:hover::after {
  box-shadow: 20px -5px 50px rgba(0,0,0,0.3);
}

/* Festival de videos - Mostras - Página exibicao dos videos
/-------------------------------------------------------------- */
.node-type-ficha-festival-videos  .content-inner, .node-type-ficha-festival-videos .inner, .page-festival .content-inner, #node-8024, #pid-festival-fim-do-recreio .content-inner {
  color: #000;
}
.node-type-ficha-festival-videos  .content-inner h1.title, .taxonomy-mostra-cine-ararib-ia .content-inner h1.title, #pid-festival-fim-do-recreio .content-inner h1.title, #pid-festival-vencedores2013 .content-inner h1.title{
  color: #000 !important;
  text-transform: uppercase;
  font-family: Sketchetik;
  font-size: 20pt;
  border: none;
  background: url(../images/festival/linha_titulo_videos.png) -17px bottom no-repeat;
  padding-bottom: 10px;
}
.node-type-ficha-festival-videos h2.festival-video{
  color: #000 !important;
  text-transform: uppercase;
  font-family: Claire;
}
.node-type-ficha-festival-videos .festival-infos{
  margin-top: 50px;
  float: left;
  width: 450px;
}
.taxonomy-mostra-cine-ararib-ia .emvideo-youtube, .node-type-ficha-festival-videos .emvideo-youtube{
  border: 1px solid #8c8c8c;
  padding: 5px 5px 0 5px;
  margin-bottom: 5px;
}
.node-type-ficha-festival-videos .festival-voto span, .node-type-ficha-festival-videos .festival-share{
  font-family: Claire;
}
.node-type-ficha-festival-videos .festival-voto .vud-widget-alternate{
  width: 105px;
  height: 21px;
  margin: 0;
}
.node-type-ficha-festival-videos .festival-voto .alternate-votes-display{
  float: left;
  padding: 0px 9px;
  height: 20px;
}
.node-type-ficha-festival-videos .festival-voto .vud-widget-alternate a, .node-type-ficha-festival-videos .festival-voto .vud-widget-alternate .up-active{
  float: left;
}
.festival-botao{
  padding: 10px 20px;
  background: #e3006d;
  clear: both;
}
.node-type-ficha-festival-videos .node .links, .taxonomy-mostra-cine-ararib-ia .node .links{
  clear: both;
}
.taxonomy-mostra-cine-ararib-ia .node .links{
  margin-bottom: 70px;
}
.node-type-ficha-festival-videos .node .links ul{
  display: block;
  padding-top: 25px;
}
.festival-botao a, .festival-botao a:hover{
  color: #fff;
  font-family: Claire;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
.alerta{
  background:#F9C29E;
  border: 1px solid #F9C29E;
  padding: 20px;
  border-radius: 10px;
}
.node-type-ficha-festival-videos h2.comments-header, .taxonomy-mostra-cine-ararib-ia h2.comments-header, #pid-festival-fim-do-recreio h2.comments-header{
  font-family: Sketchetik;
  font-size: 20pt;
  background: url(../images/festival/linha_titulo.png) left bottom no-repeat;
  padding: 0 190px 8px 0;
  border:none;
  color: #000;
}
.taxonomy-mostra-cine-ararib-ia #comments .box h2, .taxonomy-mostra-cine-ararib-ia #comments #edit-subject-wrapper, .taxonomy-mostra-cine-ararib-ia #comments #edit-preview, #pid-festival-fim-do-recreio #comments .box h2, #pid-festival-fim-do-recreio #comments #edit-subject-wrapper, #pid-festival-fim-do-recreio #comments .box h2, #pid-festival-fim-do-recreio #comments #edit-preview{
  display:none;
}
.taxonomy-mostra-cine-ararib-ia #cke_edit-comment, #pid-festival-fim-do-recreio #cke_edit-comment{
  width: 95% !important;
}
.taxonomy-mostra-cine-ararib-ia #block-search-0{
  display:none;
}
.node-type-ficha-festival-videos #comments{
  border: none;
}
.taxonomy-mostra-cine-ararib-ia #comments form input.form-submit, .node-type-ficha-festival-videos #comments form input.form-submit{
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  background: #d4d700;
  border: 1px solid #d4d700;
  font-family: Claire;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;

}

/* Festival de videos - Vencedores
/-------------------------------------------------------------- */
#pid-festival-vencedores2013 #node-top{
  display:none;
}
#pid-festival-vencedores2013 p {
  font-size: 16px;
  margin-bottom: 30px;
  color: #000;
  font-family: Arial;
}
#pid-festival-vencedores2013 p  span{
  text-transform: uppercase;
  font-size: 14px;
}
#pid-festival-vencedores2013 .wrap h2{
  margin-bottom: 65px;
  text-align: center;
}
#pid-festival-vencedores2013 h2 {
  font-size: 24px;
  line-height: 20px;
  /* margin-bottom: 50px; */
  color: #000;
  font-family: Claire;
  font-weight: normal;
}

#pid-festival-vencedores2013 #wrap_juri {
  width:450px;
  margin:0;
  float: left;
}
#pid-festival-vencedores2013 #wrap_web{
  width:450px;
  margin:20px 0 0 470px;
}
#pid-festival-vencedores2013 #wrap_premios{
  clear: both;
  margin-top: 50px;
}
#pid-festival-vencedores2013 #wrap_premios h2{
  margin-top: 50px;
}
#pid-festival-vencedores2013 #jurados p{
  font-weight: bold;
  text-shadow: 0 1px 0 #ede8d9;
}
#pid-festival-vencedores2013 h1 {
  margin-bottom:20px; 
  font-size:48px; 
}

#pid-festival-vencedores2013 #resultado_wrap_juri, #pid-festival-vencedores2013 #resultado_wrap_web {
  overflow:hidden; height:446px; position:relative; top:0px;
  -webkit-transition: all 1s ease-in-out .3s;
  -moz-transition: all 1s ease-in-out .3s;
  -o-transition: all 1s ease-in-out .3s;
  transition: all 1s ease-in-out .3s;}
	
#pid-festival-vencedores2013 #resultado_wrap_juri:before, #pid-festival-vencedores2013 #resultado_wrap_web:before {content:"";
  position:absolute;
  bottom:128px;
  left:0px;
  background:url(../images/festival/before.png);
  width:450px;
  height:316px;
}
	
#pid-festival-vencedores2013 #resultado_wrap_juri:after, #pid-festival-vencedores2013 #resultado_wrap_web:after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  background:url(../images/festival/after.png);
  width: 450px;
  height: 260px;
}
#pid-festival-vencedores2013 .cover{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  background:url(../images/festival/after.png);
  width: 450px;
  height: 260px;
  margin: 0;
  padding: 0;
}

#pid-festival-vencedores2013 #resultado_wrap_juri.hide:after, #pid-festival-vencedores2013 #resultado_wrap_web.hide:after, #resultado_wrap_juri.hide:before, #resultado_wrap_web.hide:before {
  display:none;
}
#pid-festival-vencedores2013 #resultado_wrap_juri:hover, #pid-festival-vencedores2013 #resultado_wrap_web:hover {
  height:820px;
  top:-200px;
}
#pid-festival-vencedores2013 .resultado_wrap div.message {
  background: #ffffff; 
  position:relative;
  top:200px;
  overflow:hidden;
  height:200px;
  width:320px;
  margin:0px auto;
  padding:20px; 
  border: 1px solid #fff;
  border-radius: 3px; 
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px;
  box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
  -moz-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 14px #fff;
  -webkit-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
  -webkit-transition: all 1s ease-in-out .3s;
  -moz-transition: all 1s ease-in-out .3s;
  -o-transition: all 1s ease-in-out .3s;
  transition: all 1s ease-in-out .3s;
}


#pid-festival-vencedores2013 .resultado_wrap:hover div.message{
  height:450px;
}
/* Festival de videos 2014
/-------------------------------------------------------------- */
#node-12262, #node-13286{
  height:800px;
}
#festival-idioma{
  position: absolute;
  top:10px;
  left: 25px;
  /* display: none;  Comentar essa linha */
}
#festival-idioma img{
  display: inline;
  margin-right: 7px;
}
#festival-home div{
  position: absolute;
  top: 0;
  left:0;
  z-index: 1;
}
#festival-home-text{
  position: relative;
  z-index: 2;
  top: 690px;
  width: 700px;
  margin: 0 auto;
}
#festival-home-text h5{
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  font-family: Claire;
  line-height: 20px;
}
#pid-festival-2014 h1.title, #pid-es-festival-2014 h1.title, #pid-festival-2014-previa h1.title{
  display: none;
}

#pid-festival-2014 #main-content, #pid-es-festival-2014 #main-content, #pid-festival-2014-previa #main-content{
  padding-top: 130px;
  margin-top: 10px;
}
#pid-festival-2014 #main-content, #pid-festival-2014-previa #main-content{
  background: url(../images/festival/topopaginafestival2014_6.jpg) no-repeat top center;
}
#pid-es-festival-2014 #main-content, #pid-es-festival-sobre #main-content, #pid-es-festival-ediciones-anteriores #main-content, #pid-es-festival-preguntas-frecuentes #main-content, #pid-es-festival-enlaces #main-content, #pid-es-festival-normas #main-content{
  background: url(../images/festival/topopaginafestival2014es_3.png) no-repeat top left;
  padding-top: 130px;
  margin-top: 10px;
}
#pid-ii-festival-imagens-emdialogo #main-content, #pid-festival-sobre #main-content, #pid-festival-regulamento #main-content, #pid-festival-ajuda #main-content, #pid-festival-links #main-content, .node-type-ficha-festival-videos #main-content, .page-festival #main-content, #pid-festival-ii-festival-imagens-emdialogo #main-content, #pid-festival-fim-do-recreio #main-content, #pid-festival-vencedores2013 #main-content, #pid-festival-edicoes-anteriores #main-content, #pid-festival-equipe #main-content, #pid-festival-boas-vindas #main-content{
  background: url(../images/festival/topopaginafestival2014_6.jpg) no-repeat top right;
  padding-top: 130px;
  margin-top: 10px;
}

/* Galeria de Experiâncias */

.page-experiencias h1.title, .page-experiencias h2.block-title{
  font-family: Quicksand;
  margin-bottom: 0;
  font-size: 30px;
}
.page-experiencias h2.title{
  padding-left: 10px;
  margin-top: 5px;
}
.view-experiencias.view-display-id-page_1{
  height: 800px;
}

.view-experiencias ul li.views-row{
  list-style: none;
  font-family: Quicksand;
  font-size: 16pt;
  font-weight: bold;
  text-shadow: black 0.1em 0.1em 0.2em;
  float: left;
}

.view-experiencias ul li.views-row a, .view-experiencias ul li.views-row a:hover{
  color: #fff;
  text-decoration: none;  
}

/* Galeria de Experiâncias - Menu */

#menu-experiencias{
  position: absolute;
  top: 100px;
  right: 5px;
  z-index: 9;
}
#menu-experiencias div{
  display: block;
  margin: 5px 40px 0 0;
}
#menu-experiencias div.ge-buttons{
  width: 51px;
  height: 51px;
  cursor: pointer;
  background: url(../images/bt-galeria.png) no-repeat;
}
#menu-experiencias div#ge-twitter{
  background-position: 0 -357px;
}
#menu-experiencias div#ge-facebook{
  background-position: 0 -306px;
}
#menu-experiencias div#ge-gplus{
  background-position: 0 -408px;
}
#menu-experiencias div#ge-more{
  background-position: 0 -255px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
}
#menu-experiencias div#ge-twitter:hover{
  background-position: -51px -357px;
}
#menu-experiencias div#ge-facebook:hover{
  background-position: -51px -306px;
}
#menu-experiencias div#ge-gplus:hover{
  background-position: -51px -408px;
}
#menu-experiencias div#ge-more:hover{
  background-position: -51px -255px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
}
#menu-experiencias div span.ge-tip{
  display:none;
}
#menu-experiencias div:hover span.ge-tip{
  display: block;
  padding: 0 60px 50px 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
#menu-experiencias div#ge-more:hover span.ge-tip{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
  padding: 0 120px 10px 20px;
}
/* Galeria de Experiências - Cards 1 

.view-experiencias ul li.views-row{
  background: #f39325;
  border: 3px solid #ffde15;
  border-radius: 15px;
  padding: 10px 10px 0 10px;
  position: absolute;
  top:0;
  left:450px;
  width: 200px; 
  height: 310px;
}

.view-experiencias ul li.views-row div{
  -webkit-transform: rotate(270deg); 
  -moz-transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  height: 170px;
}

.view-experiencias ul li.views-row-1{
z-index: 1000; -webkit-transform-origin: 50% 200%; -webkit-transition: -webkit-transform 500ms ease-out 0ms; -webkit-transform: translate(0px) rotate(-50deg);
}

.view-experiencias ul li.views-row-2{
  z-index: 1001; -webkit-transform-origin: 50% 200%; -webkit-transition: -webkit-transform 500ms ease-out 0ms; -webkit-transform: translate(0px) rotate(-45.23809523809524deg);
}
*/
/* Galeria de Experiências - Cards 2 */

.view-experiencias.view-display-id-page_1{
  background: url(../images/bg-galeria.png) no-repeat -500px -150px /*0 -50px*/;
}
.view-experiencias ul li.views-row{
  border-radius: 80px;
  width: 60px;
  height: 60px;
  padding: 0;
  position: absolute;
  top: 170px;
  left: 0;
}
.view-experiencias ul li.views-row div{
  padding-left: 50px;
  width: 450px;
}
.view-experiencias ul li.views-row-1{
  background: #3277b5;
  border: 2px solid #3277b5;
  -webkit-transform: translate(145px, -127px);
  -moz-transform: translate(145px, -127px);
  -ms-transform: translate(145px, -127px);
  /*-webkit-transform: translate(0px, 50px);
  -moz-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);*/
}
.view-experiencias ul li.views-row-2{
  background: #4c549f;
  border: 2px solid #4c549f;
  -webkit-transform: translate(215px, -70px);
  -moz-transform: translate(215px, -70px);
  -ms-transform: translate(215px, -70px);
  /*-webkit-transform: translate(80px, -30px);
  -moz-transform: translate(80px, -30px);
  -ms-transform: translate(80px, -30px);*/
}
.view-experiencias ul li.views-row-3{
  background: #008253;
  border: 2px solid #008253;
  -webkit-transform: translate(285px, -13px);
  -moz-transform: translate(285px, -13px);
  -ms-transform: translate(285px, -13px);
 /* -webkit-transform: translate(210px, -90px);
  -moz-transform: translate(210px, -90px);
  -ms-transform: translate(210px, -90px);*/
}
.view-experiencias ul li.views-row-4{
  background: #90c600;
  border: 2px solid #90c600;
  -webkit-transform: translate(336px, 54px);
  -moz-transform: translate(336px, 54px);
  -ms-transform: translate(336px, 54px);
  /*-webkit-transform: translate(370px, -120px);
  -moz-transform: translate(370px, -120px);
  -ms-transform: translate(370px, -120px);*/
}
.view-experiencias ul li.views-row-5{
  background: #ffea0d;
  border: 2px solid #ffea0d;
  -webkit-transform: translate(374px, 124px);
  -moz-transform: translate(374px, 124px);
  -ms-transform: translate(374px, 124px);
  /*-webkit-transform: translate(560px, -90px);
  -moz-transform: translate(560px, -90px);
  -ms-transform: translate(560px, -90px);*/
}
.view-experiencias ul li.views-row-6{
  background: #ffcf14;
  border: 2px solid #ffcf14;
  -webkit-transform: translate(400px, 198px);
  -moz-transform: translate(400px, 198px);
  -ms-transform: translate(400px, 198px);
  /*-webkit-transform: translate(680px, 0);
  -moz-transform: translate(680px, 0);
  -ms-transform: translate(680px, 0);*/
}
.view-experiencias ul li.views-row-7{
  background: #f89322;
  border: 2px solid #f89322;
  -webkit-transform: translate(420px, 275px);
  -moz-transform: translate(420px, 275px);
  -ms-transform: translate(420px, 275px);
}
.view-experiencias ul li.views-row-8{
  background: #f16722;
  border: 2px solid #f16722;
  -webkit-transform: translate(426px, 360px);
  -moz-transform: translate(426px, 360px);
  -ms-transform: translate(426px, 360px);
}
.view-experiencias ul li.views-row-9{
  background: #ea2a29;
  border: 2px solid #ea2a29;
  -webkit-transform: translate(411px, 436px);
  -moz-transform: translate(411px, 436px);
  -ms-transform: translate(411px, 436px);
}
.view-experiencias ul li.views-row-10{
  background: #b51312;
  border: 2px solid #b51312;
  -webkit-transform: translate(376px, 509px);
  -moz-transform: translate(376px, 509px);
  -ms-transform: translate(376px, 509px);
}

/* Galeria de Experiências - Metodologia */

.node-type-oficina-metodologia h1.title{
  text-transform: uppercase;
}
.node-type-oficina_metodologia .field-type-text .field-label{
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.node-type-oficina_metodologia .field-type-text .field-items, .view-experiencias .field-exp .field-content{
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 10px;
  border: 3px solid #ffde15;
  border-radius: 10px;
  padding: 20px;
}
.node-type-oficina_metodologia .field-type-text{
  width: 670px;
  margin-right: 250px;
}
.node-type-oficina_metodologia .field-field-backref-02c67487a9d5b57d87{
  float: right;
  width: 250px;
  background: #ffde15;
  border: 3px solid #ffde15;
  border-radius: 10px;
  padding: 5px;
  display: none;
}
#view-id-experiencias-page_2 .views-field-field-proposta-exp-value {
  width: 670px;
  margin-right: 250px;
}
#view-id-experiencias-page_2 .views-field-nothing, #content-sidebar #link-relato{
  float: right;
  width: 200px;
  height: 200px;
  background: #ffde15;
  border-radius: 5px;
  padding: 15px;
  text-align: center;
  line-height: 26px;
  margin-top: 30px;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  margin-right: 25px;
}
#view-id-experiencias-page_2 .views-field-nothing span, #content-sidebar #link-relato span{
  position: relative;
  top: 50px;
}
#view-id-experiencias-page_2 .views-field-nothing a, #view-id-experiencias-page_2 .views-field-nothing a:hover, #view-id-experiencias-page_2 .views-field-nothing a:visited, #content-sidebar #link-relato a, #content-sidebar #link-relato a:hover, #content-sidebar #link-relato a:visited{
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size: 16px;
}

/* Galeria de Experiências - Relatos */
.field-field-backref-02c67487a9d5b57d87 .noderelationships-backref-view{
  display: block;
}
#content-sidebar{
  width: 200px !important;
  float: right;
  margin-top: 10px;
}
#menu-relato{
  margin-top: 300px;
}

/* Galeria de Experiências - Relatos na página da metodologia */
#block-views-relatos-block_4{
  width: 100% !important;
}

.box-relato{
  float: left;
  margin: 10px 20px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  width: 100px;
  height: 100px;
  text-align: center;
  padding: 10px;
  background: #3277b5;
}
.view-id-relatos .views-row{

}
.box-relato span{
  display: table-cell;
  vertical-align: middle;
  height: 100px;
}
.box-relato a, .box-relato a:hover, .box-relato a:visited{
  color: #ddd;
  font-weight: bold;
  text-decoration: none;
}
.view-id-relatos .views-row-1 .box-relato{
  background: #3277b5;
}
.view-id-relatos .views-row-2 .box-relato{
  background: #3277b5;
}
.view-id-relatos .views-row-3 .box-relato{
  background: #3277b5;
}
.view-id-relatos .views-row-4 .box-relato{
  background: #3277b5;
}
.view-id-relatos .views-row-5 .box-relato{
  background: #3277b5;
}

.node-type-oficina-metodologia h2.block-title{
  font-family: Quicksand;
  margin-bottom: 10px;
}

/* Galeria de Experiências - Relatos */
#block-menu-menu-experiencias{
  text-align: center;
  clear: both;
  width: 100%;
}
#block-menu-menu-experiencias ul{
  padding: 10px;
  width: 80%;
}
#block-menu-menu-experiencias ul li{
  display: inline;
  list-style: none;
  padding: 0 0 0 20px;
}
#block-menu-menu-experiencias ul li a, #block-menu-menu-experiencias ul li a:hover{
  color: #000;
  font-size: 14px;
  text-decoration: none;
  text-shadow: #e0eff9 0 1px 0;
}
.node-type-oficinas-relato #content-group{
  padding: 0 20px 0 10px;
  width: 675px !important;
}
.node-type-oficinas-relato #sidebar-last{
  margin-top: 30px;
  padding-left: 5px;
}
.node-type-oficinas-relato .grid16-3{
  width: 250px;
}
.node-type-oficinas-relato h2.block-title{
  font-family: Quicksand;
  margin-bottom: 10px;
}
#block-views-relatos-block_3{
  border-left: 5px solid #ffde15;
}
#block-views-relatos-block_3 .views-row{
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #ddd;
}
#block-views-relatos-block_3 .views-row-last{
  border:none;
}
#block-views-relatos-block_2{
  border-left: 5px solid #ea2a29;
}
#block-views-relatos-block_2 .views-row{
  width: 240px;
  clear: both;
  margin: 10px 0;
  background: #ffde15;
}
#block-views-relatos-block_2 .views-field-field-videolink-embed img{
  float: left;
  margin-right: 4px;
}
#block-views-relatos-block_2 .views-field-title a{
  display: block;
  height: 100px;
  display: table-cell;
  vertical-align: middle;
  color: #000;
  text-shadow: #ffde15 0 1px 0;
}
#block-views-relatos-block_2 .views-field-title a:hover{
  text-decoration: none;
}
#block-views-relatos-block_1{
  border-left: 5px solid #4c549f;
}
#block-views-relatos-block_5{
  text-align: center;
  margin: 5px 25px 20px;
}
#block-views-relatos-block_5 .view-content{
  width: 170px;
  background: #ffde15;
  text-align: center;
  padding: 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#block-views-relatos-block_5 .view-content a, #block-views-relatos-block_5 .view-content a:hover{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
/* .front #content-messages{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  position: absolute;
  top: 0;
  left: 0;
}
.front #content-messages-inner{
  width: 500px;
  position: relative;
  top: 50%;
  margin: auto;
}

.front #content-messages #close_link{
  cursor: pointer;
  color: white;
  display: block;
  text-align: right;
  margin-right: 30px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
} */

/* Página da Rede */

#nejif{
  padding: 20px 30px 20px 20px;
  background: #CF0008;
  width: 130px;
  text-align: center;
  float: left;
  margin-top: 30px;
}
#nejif a, #nejif a:hover, #nejif a:visited{
  font-size: 22px;
  color: gold;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#node-5576 div{
  clear: both;
}
#node-5576 img{
  float: left;
  display: table-cell;
  vertical-align: middle;
  padding: 30px;
}

#pid-biblioteca .view-content .item-list a {color:#898989 !important;}/*bruna*/
#pid-biblioteca .view-content .item-list a:hover {text-decoration:none !important;}/*bruna*/
#pid-biblioteca .view-content .item-list li {list-style:square !important;}/*bruna*/
#pid-biblioteca .view-content .item-list ul {margin-left: 1.5em !important;}/*bruna*/
#block-views-admuser-block_1 .view-content {text-align:right !important;}
#block-views-admuser-block_1 .views-field-edit-node a , .views-field-nothing a { font-size:12px; color:#357dce;}
#block-views-admuser-block_1 .views-field-edit-node a:hover , .views-field-nothing a:hover { font-size:12px; color:#357dce; text-decoration:none;}



/*bruna perfil usuário*/

.content-complete-percent-bar {
height: 13px;
-moz-border-radius:3px;
border-radius:3px;
background: repeating-linear-gradient(60deg, #faad20 13px, #faad20 17px, #fcd68d 18px, #fcd68d 22px);
min-height: 100%;
}

.content-complete-percent-bar-wrapper {
width: 95% !important;
border: 1px solid #f26523 !important;
padding: 1px;
-moz-border-radius:3px;
border-radius:3px;

}

#preface-top-inner #block-views-admuser-block_3 {width:180px !important; padding:5px 0px !important; margin-left:10px !important;}
#preface-top-inner #block-views-og_my-block_2 {margin-left:10px !important; width: 540px !important; padding:5px 0px !important;}
#preface-top-inner #block-views-admuser-block_2 {width:215px !important; padding:5px 0px !important;}
#preface-top-inner #block-views-admuser-block_2 a {color:#357dce !important;}

.sidebars-split .grid16-10 {width: 555px !important; margin-right:10px !important;}

#pid-painel-seminario-sociologia #comments .title{
  display: none;
}

#block-block-3 a {color:#357dce !important;}
#view-id-conteudo-page_2, #view-id-conteudo-page_1 {padding-top:15px;}
#view-id-conteudo-page_1 h2 a {color:#357dce !important;}
#view-id-conteudo-page_1 .submitted a {color:#faad20 !important; text-decoration:underline;}
#view-id-conteudo-page_1 .field-label { margin-top:10px;}
#view-id-conteudo-page_1 .terms-inline li {border-right:1px solid #f26523 ;}
#view-id-conteudo-page_1 .terms-inline .last {border-right:0px !important;}
#view-id-conteudo-page_1 .terms ul.links li {
margin-left: 5px;
padding-right: 10px;

}
#view-id-conteudo-page_1 .terms li a {color:#f26523 !important;}
#view-id-conteudo-page_1 .views-row {padding-bottom: 0px;
border-bottom: 1px dotted #dddddd;
margin-bottom: 25px;}

#view-id-conteudo-page_1 .node ul.links li.comment_add {font-family: 'Maven Pro', sans-serif;
font-size: 11px;
color: #333;
padding: 5px 10px;
background: -moz-linear-gradient( top, #FFC848 0%, #FFBE44);
background: -webkit-gradient( linear, left top, left bottom, from(#FFC848), to(#FFBE44));
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #FFBE44;
-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6);
-webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.6);
box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.6);
text-shadow: 0px 0px 0px rgba(000, 000, 000, 0), 0px 1px 0px rgba(255, 255, 255, 0.2);
font-weight: 700;}

#view-id-conteudo-page_1 .node ul.links li.node_read_more {font-family: 'Maven Pro', sans-serif;
font-size: 11px;
color: #333;
padding: 5px 10px;

/* fallback */
  background-color: #ffc848;
background: -moz-linear-gradient( top, #FFC848 0%, #FFBE44);
background: -webkit-gradient( linear, left top, left bottom, from(#FFC848), to(#FFBE44));
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #FFBE44;
-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6);
-webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.6);
box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.6);
text-shadow: 0px 0px 0px rgba(000, 000, 000, 0), 0px 1px 0px rgba(255, 255, 255, 0.2);
font-weight: 700;}

#view-id-conteudo-page_1 .node ul.links li {margin-right:5px;}

#view-id-conteudo-page_1 .node ul.links li.comment_comments a {color:#357dce !important; text-decoration:underline;}

.footer .content .menu {background-color: white; opacity:0.7;
padding: 2px 0px;
border-radius: 9px;
width: 600px !important;
margin-left: 180px;}

#node-3458 h2 .imagefield  {float: left;
margin-right: 20px;
margin-top: 45px;
margin-bottom: 20px;}

#node-3458 a { color:#d4621b !important;}

/* teste comunidade em /comunidades2 */

#view-id-og_ghp_ron-page_3 ul{
	margin-left: 0;
}

#view-id-og_ghp_ron-page_3 li {
    float: left;
    margin: 5px;
    background: #fff;
    padding: 8px;
    position: relative;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	list-style: none;
}
#view-id-og_ghp_ron-page_3 li a,
#view-id-og_ghp_ron-page_3 li a img {
    display: block;
    position: relative;
}
#view-id-og_ghp_ron-page_3 li a {
    overflow: hidden;
}
#view-id-og_ghp_ron-page_3 li a div {
    position: absolute;
font-weight: bold;
background: rgba(212,98,24,0.9);
font-family: 'Maven Pro', sans-serif;
font-size: 18px !important;
width: 100%;
height: 100%;
}
#view-id-og_ghp_ron-page_3 li a div {
	top: 0px;
	left: -100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#view-id-og_ghp_ron-page_3 li a:hover div{
	left: 0px;
}
#view-id-og_ghp_ron-page_3 li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}

/***** Mapa das Escolas ****/

.map-toggle{
  width: 960px;
}
.map-toggle div{
  display: none;
  margin: 30px 20px;
  background: #fafafa;
  padding: 20px;
  border: 2px #000 solid;
  border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
  position: absolute;
  z-index: 3;
  width: 370px;
}
.map-toggle h3{
  color: #fff;
  font-size: 15px;
  margin: 40px 5px;
  padding: 60px 5px;
  width: 150px;
  float: left;
  clear: right;
  text-align: center;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  min-height: 42px;
}
.map-toggle h3#toggle-1, .map-toggle h3#toggle-5, .map-toggle h3#toggle-9, .map-toggle h3#toggle-13, .map-toggle h3#toggle-17, .map-toggle h3#toggle-21, .map-toggle h3#toggle-25, .map-toggle h3#toggle-29, .map-toggle h3#toggle-33, .map-toggle h3#toggle-37, .map-toggle h3#toggle-41, .map-toggle h3#toggle-45, .map-toggle h3#toggle-49, .map-toggle h3#toggle-53, .map-toggle h3#toggle-57, .map-toggle h3#toggle-61{
  background: #f8a441;
  border-top: ridge 5px #FF9932;
  border-left: ridge 5px #FF9932;
  border-bottom: groove 10px #FF9932;
  border-right: groove 10px #FF9932;
}
.map-toggle h3#toggle-2, .map-toggle h3#toggle-6, .map-toggle h3#toggle-10, .map-toggle h3#toggle-14, .map-toggle h3#toggle-18, .map-toggle h3#toggle-22, .map-toggle h3#toggle-26, .map-toggle h3#toggle-30, .map-toggle h3#toggle-34, .map-toggle h3#toggle-38, .map-toggle h3#toggle-42, .map-toggle h3#toggle-46, .map-toggle h3#toggle-50, .map-toggle h3#toggle-54, .map-toggle h3#toggle-58, .map-toggle h3#toggle-62{
  background: #3bc5ae;
  border-top: ridge 10px #FF9932;
  border-left: ridge 10px #FF9932;
  border-bottom: groove 5px #FF9932;
  border-right: groove 5px #FF9932;
}
.map-toggle h3#toggle-3, .map-toggle h3#toggle-7, .map-toggle h3#toggle-11, .map-toggle h3#toggle-15, .map-toggle h3#toggle-19, .map-toggle h3#toggle-23, .map-toggle h3#toggle-27, .map-toggle h3#toggle-31, .map-toggle h3#toggle-35, .map-toggle h3#toggle-39, .map-toggle h3#toggle-43, .map-toggle h3#toggle-47, .map-toggle h3#toggle-51, .map-toggle h3#toggle-55, .map-toggle h3#toggle-59, .map-toggle h3#toggle-63, .map-toggle h3#toggle-65{
  background: #ff6160;
  border-top: ridge 5px #FF9932;
  border-left: ridge 5px #FF9932;
  border-bottom: groove 10px #FF9932;
  border-right: groove 10px #FF9932;
}
.map-toggle h3#toggle-4, .map-toggle h3#toggle-8, .map-toggle h3#toggle-12, .map-toggle h3#toggle-16, .map-toggle h3#toggle-20, .map-toggle h3#toggle-24, .map-toggle h3#toggle-28, .map-toggle h3#toggle-32, .map-toggle h3#toggle-36, .map-toggle h3#toggle-40, .map-toggle h3#toggle-44, .map-toggle h3#toggle-48, .map-toggle h3#toggle-52, .map-toggle h3#toggle-56, .map-toggle h3#toggle-60, .map-toggle h3#toggle-64{
  background: #8cc53d;
  border-top: ridge 10px #FF9932;
  border-left: ridge 10px #FF9932;
  border-bottom: groove 5px #FF9932;
  border-right: groove 5px #FF9932;
}
#pid-escolas-em-dialogo .links{
  clear: both;
}
#pid-escolas-em-dialogo .main{
  /*background: url(../images/mapa/bg_mapa.png);*/
  background-repeat: no-repeat;
  background-position: center center; 
}
#pid-escolas-em-dialogo .content-inner  h1.title{
  border: none;
  color: #000 !important;
  font-size: 30px !important;
}

div.warning, .warning {
color: #840;
}

div.warning {
background-image: url(../../seven/images/message-24-warning.png);
border-color: #ed5;
}

div.warning {
background-position: 8px 16px;
background-repeat: no-repeat;
border: 1px solid;
margin: 6px 0;
padding: 10px 10px 10px 50px;
}

div.warning{
background-color: #fffce5;
}