/*****************************/
/*** Core html setup stuff ***/
/*** CSS By Bruno Monteiro ***/
/*** Check other works at www.brunoatwork.com ***/
/*****************************/

html { margin:0; background: url(/imgs/back.jpg) no-repeat; background-color: #000; }
body { font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; margin: 0px 0px 0px 0px; font-size: 14px; color: #9fa8a8; }
a img { border:0 }
a { color:#58a8ff; text-decoration: none; }
a:visited { color:#58a8ff; text-decoration: none; }
a:hover { color: #FFF; }

h1 {font-family: Century Gothic,Helvetica,Arial,sans-serif; font-size: 30px; color: #FFF; font-style: normal; margin: 0px; font-weight: bold;}
h2 {font-family: Century Gothic,Helvetica,Arial,sans-serif; font-size: 24px; color: #FFF; font-style: normal; font-weight: 100; margin: 0px;}

/******** ARTICLES *************/

.article_column {padding: 20px;}
.column_separator {margin: 10%;}
.article_separator {margin: 0px 0px 150px 0px;}
.spacer_up {margin-top: 20px;}
/** Article Title **/
.contentheading {font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; font-size: 28px; color: #FFF; padding-bottom: 10px;}
.contentpagetitle {font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; font-size: 28px; color: #FFF; padding: 5px;}
.contentpagetitle:visited {font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; font-size: 28px; color: #FFF; padding: 5px;}
.contentpagetitle:hover {font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; font-size: 28px; color: #000; background-color: #FFF; padding: 5px;}
/** Readmore **/
.readon {font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; font-size: 14px; color: #fe9900; padding: 5px; }
.readon:visited {font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; font-size: 14px; color: #fe9900; padding: 5px; }
.readon:hover {font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; font-size: 14px; color: #fe9900; background-color: #FFF; }

.stay {font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; font-size: 24px; color: #787878; background-image: url(../../imgs/back_stayintouch.png); padding: 10px; width: 172px;}
.spacer_social {margin: 5px;}
.spacer_up {margin-top: 10px;}

/******** END ARTICLES *************/


/************* FORM  ****************/

.inputbox {font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; font-size: 14px; color: #787878; padding: 10px; border: none; background-color: #eee; width: 300px;  margin-left: 2px;}
.button {font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; font-size: 14px; color: #58a8ff; padding: 10px; border: none; background-color: #787878; }
.button:hover {font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; font-size: 14px; color: #FFF; padding: 10px; border: none; background-color: #58a8ff; }

/************* END FORM  ****************/


/******** Conventions *************/

#wrapper { width:960px; margin:auto; padding-top: 0px;}
#social { position:relative; top:20px; color: #FFF; font-size: 12px;}
#png_black { width: 612px; background: rgba(0, 0, 0, .39); margin-top: 20px; padding: 4px;}
#right {margin: 20px 0px 0px 40px;}
#footer { margin-top: 20px; }
#main {width: 68%; min-height: 356px; margin-right: 2%; background-image: url(../../imgs/back_black.png); padding: 10px;}
#chart {width: 25%; background-image: url(../../imgs/back_black.png); padding: 10px; }
#right_holder {width: 25%;}
#jf-twitter {width: 640px;}
.tweetbox tweetrail tweet tweet-column first-tweet {width: 600px;}
#gallery_last_event {background-image: url(../../imgs/back_black.png); padding: 10px; margin-top: 10px;}
#bar_back_cinza {background-image: url(../../imgs/bar_back_cinza.png); padding: 20px 10px 20px 10px;}
#bar_back_blue {background-image: url(../../imgs/bar_back_blue.png); padding: 20px 10px 20px 10px;}
#bar_back_orange {background-image: url(../../imgs/bar_back_orange.png); padding: 20px 10px 20px 10px;}
#assets {margin: 20px 0px 0px 0px;}
#newsletter {width: 68%; min-height: 122px; margin-right: 2%; background-image: url(../../imgs/back_newsletter.png); padding: 10px;}
#social {width: 25%; padding: 10px; margin: 0px; margin-top: -30px;}
/**#chart:hover {width: 25%; background-image: url(../../imgs/back_chart.png); padding: 10px; color: #FFF; }**/
#flash_news {padding: 10px 5px 10px 5px; margin: 0px 0px 20px 0px; background-color: #000;}
#copyright {margin: 50px 0px 30px 0px;}
.intro_txt {font-family: Helvetica,Arial,sans-serif; font-size: 29px; color: #FFF; font-style: normal; }
.colunas {width: 100px; margin-right: 10px;}
.ident_chart { font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; margin: 0px 0px 0px 0px; font-size: 23px; color: #c2e237;}
.ident_white { font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; margin: 0px 0px 0px 0px; font-size: 23px; color: #fff;}
.txt_intheworld1 { font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; margin: 0px 0px 0px 0px; font-size: 13px; color: #c2e237;}
.txt_intheworld { font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; margin: 0px 0px 0px 0px; font-size: 13px; color: #787878;}
.connections_spacer {margin: 5px; padding: 5px; background-image: url(../../imgs/menu_back_item6.png); }
.connections_spacer:hover {margin: 5px; padding: 5px; background-image: url(../../imgs/menu_back_item1.png); }
.music_bt {margin: 0px 0px 20px 100px;}

/******** END Conventions *************/


/** Menu Styling **/

#navigation {width: 100%; margin: 30px 0px 0px 0px;}
.menu li {list-style: none; float: left; font-family: Helvetica,Century Gothic, Verdana,Arial,sans-serif; font-size: 18px; color: #58a8ff; height: 82px; margin: 20px 0px 0px 0px;}

.item1 a {color: #58caff; height: 82px; background-image: url(../../imgs/menu_back_item1.png); padding: 30px 45px 30px 45px;}
.item1 a:hover { background-image: url(../../imgs/menu_back_item_hover.png); color: #0070d9;}

.item2 a {color: #58caff; height: 82px; background-image: url(../../imgs/menu_back_item2.png); padding: 30px 40px 30px 40px;}
.item2 a:hover { background-image: url(../../imgs/menu_back_item_hover.png); color: #0070d9;}

.item3 a {color: #58caff; height: 82px; background-image: url(../../imgs/menu_back_item3.png); padding: 30px 25px 30px 25px;}
.item3 a:hover { background-image: url(../../imgs/menu_back_item_hover.png); color: #0070d9;}

.item4 a {color: #58caff; height: 82px; background-image: url(../../imgs/menu_back_item4.png); padding: 30px 45px 30px 45px;}
.item4 a:hover { background-image: url(../../imgs/menu_back_item_hover.png); color: #0070d9;}

.item5 a {color: #58caff; height: 82px; background-image: url(../../imgs/menu_back_item5.png); padding: 30px 25px 30px 25px;}
.item5 a:hover { background-image: url(../../imgs/menu_back_item_hover.png); color: #0070d9;}

.item6 a {color: #58caff; height: 82px; background-image: url(../../imgs/menu_back_item6.png); padding: 30px 31px 30px 31px;}
.item6 a:hover { background-image: url(../../imgs/menu_back_item_hover.png); color: #0070d9;}

.menu {padding: 0px;}


/**Current article que está a ser visualizado
#current {background-image: url(/imgs/menu_back_item_hover.png);}**/

.login {width: 230px;}

.links_social {font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #FFF; text-decoration: none; }
.links_social:hover {font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #9ad018; text-decoration: underline; }
.links_social:visited {font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #FFF; }
.links_social:active {font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #FFF; }

.awesome, .awesome:visited {
background: #222 url(/imgs/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
}
.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }

.link_copyright, .link_copyright:visited {
background: #222 url(/imgs/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-size: 11px;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
}
.link_copyright:hover { background-color: #749a02; color: #fff; }
.link_copyright:active { top: 1px; }