/*
  Neutrino CSS.
*/

/* Normalización */
body {
	font-family: Arial, sans-serif;
	font-size: x-small;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	line-height:1.5em;
	text-align:center;
}

*{
	margin: 0;
	padding: 0;
}
.accesible {
	display: none;
}
a { color: #2A6499; }

.wrapper {
	margin: 0 auto;
	width: 95em;
}

#header .wrapper {
	margin: 0 auto;
	background: url('../../images/front_neutrino/bg_header_wrapper.gif') no-repeat right center ;	
	width: 96.1em;
	height: 18.6em;
}

ul li {
  list-style: none;
}

/* end */

/*     CONTENT      */

#container {
  overflow: hidden;
  background: #F3F3F3;
  padding-bottom: 5em;
} 

/*      HEADER      */


#header {
	height: 18.6em;
	overflow: hidden;
	background: url('../../images/front_neutrino/bg_header.gif') repeat-x top left ;	
	
}
#header .wrapper a#logo {
	height: 8.1em;
	margin-left: -.5em;
	float: left;
	display: block;
	background: url('../../images/front_neutrino/bg_logo.gif') no-repeat top left ;	
	font-size: x-small;
	margin-top: 5em;
	width: 36.1em;
}

#header .twitter_box {
  float: right;
  text-align: left;
  margin-top: 5.5em;
}

/*      SIDEBAR      */

#sidebar {
	float: left;
	width: 25em;
	background: url('../../images/front_neutrino/sidebar_back.png') no-repeat left top ;
	margin-top: 1.5em;	
	text-align: left;
	height: 55em;
	
}
#sidebar .cont {
	padding: 2.2em;
}
#sidebar ul li {
	list-style-type: none;
	font-size: 1.3em;
	padding-bottom: 0.3em;
}
#sidebar ul li.top {
	border-bottom: 1px solid #ccc;
	margin-bottom: 0.5em;
}
#sidebar ul li.top a {
	padding-bottom: 0.3em;
	display: block;
}
#sidebar ul li a {
	color: #333333;
	text-decoration: none;
}

#sidebar ul li ul li {
	list-style-type: none;
	background: url('../../images/front_neutrino/list_bullet.png') no-repeat left 5px ;
	padding-left: 1.3em;
	font-size: small;
}
#sidebar ul li ul li ul li{
	list-style-type: none;
	background: url('../../images/front_neutrino/sublist_bullet.png') no-repeat left 5px ;
	padding-left: 1.3em;
}

/*      CONTENT      */

#container .content {
	text-align:left;
	padding-top: 2em;
	color: #333333;
}
#container .content h2 { 
	font-weight: bold;
	line-height: 100%;
	background: url('../../images/front_neutrino/bg_tab_right.gif') no-repeat top right;
	font-size: 2em;
	color: #FFF;
}

#container .content #layout_block_1 h2 a:hover {
  background: url('../../images/front_neutrino/bg_tab_right_active.gif') no-repeat top right;
}

#container .content #layout_block_2 h2 a:hover {
  background: url('../../images/front_neutrino/bg_tab_right_active2.gif') no-repeat top right;
}

#container .content h2 a {
  background:transparent url(../../images/front_neutrino/bg_tab_link.gif) no-repeat scroll 21.65em 0.75em;
  color:#FFFFFF;
  display:block;
  text-decoration:none;
}
#container .content h2 span {
  display: block;
  background: url('../../images/front_neutrino/bg_tab_left.gif') no-repeat top left;
	padding: .7em 0 .7em 1.5em;
}
#container .content h2 a:hover span {
  background: url('../../images/front_neutrino/bg_tab_left_active.gif') no-repeat top left;
}

/*      FOOTER      */
#footer {
	clear:both;
	background: url('../../images/front_neutrino/bg_footer.gif') repeat-x top left;
}
#footer .wrapper {
	padding-top: .5em;
	text-align: left;
}
#footer p {
	text-align: right;
	font-size: 1.2em;
	float: right;
}
#footer p img{
	vertical-align: middle;
	margin: 0 .2em 0 .2em;
	border: none;
}
#footer #suggestions {
	float left;
	text-align: left;
	font-size: 1.4em;
}
#footer #suggestions a{
	font-color: #333333;
	text-decoration: none;
}

#footer ul {
  overflow: hidden;
  padding: 3em 0 2em 0;
  width: 110%;
}
#footer ul li {
  width: 33em;
  margin-right: 16em;
  float: left;
}
#footer ul li ul {
  padding: 2em 0 0 0;
  width: auto;
}
#footer ul li h3 {
  color:#FFFFFF;
  line-height: 100%;
  font-size: 1.6em;
}
#footer ul li h3 a {
  color:#FFFFFF;
  text-decoration: none;
}
#footer ul li ul li {
  float:none;
  font-size:1.3em;
  line-height:90%;
  margin:0;
  padding-bottom:.8em;
  width:auto;
}
#footer ul li ul li a {
  color:#FFF;
  text-decoration: none;
}

/*      LAYOUT DOS COLUMNAS     */

#layout_2columnas {		
	overflow:hidden;
	height:1%;
}

#layout_block_1 {
	width:47em;
	float:left;	
}

#layout_block_2 {
	float:right;
	width:47em;
	
}


#layout_block_1 ul {
  padding: 2em;
  background:#FFF;
  margin-bottom: 1em;
}
#layout_block_1 ul li {
  padding-bottom: 2em;
}
#layout_block_1 ul li h3 {
  color: #2A6499;
  font-size: 2.2em;
  line-height: 100%;
  padding-bottom:.25em;
}
#layout_block_1 ul li h3 a {
  color: #2A6499;
  text-decoration: none;
}
#layout_block_1 ul li p {
  font-size: 1.4em;
  line-height: 150%;
  color: #333;
  padding-bottom: .4em;
}
#layout_block_1 ul li p.date {
  font-weight: bold;
  font-size: 1.3em;
}



/* INFO BOX */

.info_box {
  background:#FFFFFF none repeat scroll 0 0;
  font-size:x-small;
  margin-bottom:1em;
  overflow:hidden;
  padding:3em 1em 3em 3em;
  width:43em;
}
.info_box img {
  float: left;
  margin-right: 1.5em;
}
.info_box h3 {
  color:#2A6499;
  float:left;
  font-size:1.9em;
  line-height:125%;
  width:45%;
}
.info_box h3 span {
  color: #333;
}
.info_box ul {
  overflow: hidden;
  float: left;
  width: 21.5em;
  padding-top: 1.5em;
}
.info_box ul li {
  float:left;
  font-size:1.3em;
  line-height:130%;
  margin-right:2em;
  width:auto;
}
.info_box ul li p {
  padding-bottom: 1.5em;
}

.info_box ul li.eng_version p {
  padding-bottom: 1.5em;
  font-style: italic;
}

.info_box ul li a {
  color: #2A6499;
  font-weight: bold;
  padding: .2em 0;
  display: block;
  font-size: 1.1em;
  margin-bottom: .8em;
  text-decoration: none;
}
.info_box ul li a.linkedin {
  font-weight: normal;
}

/* PHOTOS */ 

.photo_container {
  overflow: hidden;
  padding: 3em 1em;
  height: 14em;
  background:#FFF;
  width: 45em;
  margin-bottom: 1em;
}
#carousel {
  width: 45.3em;
  position: relative;
}
#carousel ul li {
  float: left;
  padding-right: .85em;
}
#carousel li a img {
  border: none;
}

#carousel .wrapper {
  width: 45.3em;
  overflow: auto;
  left: 0;
  height: 10em;
  position: absolute;
  top: 0;
}

#carousel .wrapper ul {
  width: 9999px;
  height: 10em;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  font-size: x-small;
  padding:0;
  position: absolute;
  top: 0;
}
a.arrow {
  display: block;
  padding-left: .5em;
  cursor: pointer;
  font-weight: bold;
  font-size: x-small;
  width: 14.3em;
  height: 2.1em;
  text-indent: -999em;
  margin-top: 12.1em;
  float: left;
}
a.back {
  background: url(../../images/front_neutrino/icon_carousel.gif) no-repeat bottom left;
}
a.back:hover {
  background: url(../../images/front_neutrino/icon_carousel.gif) no-repeat top left;
}
a.forward {
  float: right;
  background: url(../../images/front_neutrino/icon_carousel.gif) no-repeat bottom right;
  padding-right: .5em;
}
a.forward:hover {
  background: url(../../images/front_neutrino/icon_carousel.gif) no-repeat top right; 
}

/* INTERVIEWS */ 


.interview_box {
  padding: 1.5em 3em;
  background:#FFF;
}

.video_box {
  padding: 1.5em 2em;
  background:#FFF;
}

.interview_box p {
  font-size: 1.3em;
  margin-bottom: 1em;
  line-height: 140%;
}
.interview_box p a {
  text-decoration: none;
}



.twitter_box {
  width: 50.6em;
  background: url('../../images/front_neutrino/bg_twitter.gif') no-repeat top left;
  height: 7.8em;
  position: relative;
}
.twitter_box ul li {
  font-size:1.35em;
  line-height:137%;
  overflow:hidden;
  padding:1em 1em 0 4em;
  width:31.6em;
}
.twitter_box ul li a {
  background:transparent url(../../images/front_neutrino/icon_twitter_time.gif) no-repeat scroll left center;
  bottom:-1.5em;
  clear:both;
  color:#FFFFFF;
  display:block;
  float:left;
  font-size:1em !important;
  left:4em;
  padding-left:1em;
  position:absolute;
  text-decoration:underline;
}
.twitter_box .follow_me {
  font-size: 1.4em;
  color:#FFFFFF;
  position: absolute;
  bottom:-1.5em;
  right: 2em;
}
.twitter_box .follow_me a img {
  vertical-align: middle;
  border: none;
  padding-left: .5em;
}
.twitter_box ul li span {
  float: left;
}
.twitter_box ul li span a {
  float: none;
  text-decoration: underline;
  background: none;
  padding: 0;
  font-size: 1em;
  position: static;
  display: inline;
  color:#333333;
  padding-top: 0;
}





#sidebar_1 {
  float: left;
  width: 48em;
  background:#FFF;
  padding: 7.5em;
}
#sidebar_2 {
  background: #FFFFFF url(../../images/front_neutrino/sidebar_bottom_right.gif) no-repeat scroll right bottom;
  float:right;
  padding-bottom: 0em;
}
.sidebar_container {
  padding:3em 4em;
  width:23em;
  padding-bottom: 2em;
  background: url(../../images/front_neutrino/sidebar_bottom_left.gif) no-repeat scroll left bottom;
}
.bio_box blockquote {
  font-size: 2em;
  font-style: italic;
  line-height: 120%;
  display: block;
  background:transparent url(../../images/front_neutrino/blog_blockquote.gif) no-repeat scroll center bottom;
  padding: 1.5em 0 2em 0;
  margin-bottom: 2em;
}
.bio_box p {
  font-size: 1.5em;
  line-height: 130%;
  padding-bottom: 1em;
}
#sidebar_1 h3 {
  background:transparent url(../../images/front_neutrino/bg_bio.gif) no-repeat scroll left top;
  width: 12.6em;
  float: left;
  height: 3.1em;
  margin-left:-0.4em;
  font-size: x-small;
  text-indent: -999em;
}

#sidebar_1 h3.eng_ver {
  background:transparent url(../../images/front_neutrino/bg_bio_eng.gif) no-repeat scroll left top; 
}

#sidebar_1  a.eng_version {
  color: #2A6499;
  padding: .7em 0 0 ;
  float: right;
  display: block;
  text-decoration: none;
  font-size: 1.5em;
}
.bio_box {
  overflow: hidden;
  clear: both;
  padding-top: 5em;
}
#sidebar_2 h3 {
  display: none;
}
#sidebar_2 h4{
  font-size:1.9em;
  line-height:125%;
  color:#2A6499;
  padding:1em 2em 1em 0;
}
#sidebar_2  h4 span {
  color:#333;
}
#sidebar_2 a {
  color:#2A6499;
  display:block;
  font-size:1.35em;
  font-weight:normal;
  margin-bottom:0.8em;
  padding:0.2em 0;
  text-decoration:none;
  width:13.5em;
}


/* 
* session
---------------------------------------------------- */
#session {
  padding: 3em 0 7em 0;
  height: 1%;
  overflow: hidden;
}

#container #session form h2 {
  background: #666;
  color:#FFF;
  padding: .5em 1.5em;
  font-size:1.5em;
  font-weight:bold;
  line-height:100%;
}

#session form {
  margin: 0 auto;
  width: 35.1em;
  padding-bottom: 1.2em;
  background: url('../../images/uem-press/form_shadow.gif') no-repeat bottom center;
}

#session fieldset {
  font-size: 1.4em;
  background: #FFFFFF;
  border: none;
  padding: 1.5em;
}

#session fieldset h1 {
  font-size: 1em;
  font-weight: normal;
  color: #006699;
  text-align: left;
  padding-bottom: 1em;
  line-height: normal;
}

#session fieldset small {
  font-size: 0.8em;
  line-height: 1em;
  padding-bottom: 1em;
  display: block;
  color: #999999;
}

#session fieldset label {
  display: block;
  margin-bottom: 0.3em;
}

#session fieldset input {
  display: block;
  margin-bottom: 0.6em;
  padding: 0.4em;
  border: 1px solid #C5C2BC;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
  color: #666666;
  width: 21em;
}

#session fieldset p {
  text-align: right;
}

#session fieldset button {
  padding: 0.5em 5em;
  border: none;
  background: #413F3E;
  font-size: 1.1em;
  overflow: visible;
  color:#FFF;
  width: 10em;
}

.alert {
  background: #CC0033;
  text-align: center;
  color: #FFFFFF;
  padding: 1em;
  font-size: 1.3em;
}

.person-list {
  list-style: none;
  width: 105%;
}

.person-list li {
  height: 1%;
  overflow: hidden;
  padding-bottom: 2em;
}

.person-list dl {
  width: 22em;
  padding-right: 2em;
  float: left;
}

.person-list dl dt {
  float:left;
  padding: 0 1em 1em 0;
}

.person-list dl dd {
}

.videocont {
  text-align: center;
  padding-bottom: 2em;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px; background: #FFF;}
        #cboxLoadedContent{ padding: 30px; background: #FFF;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{display: none!important;position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:125px; left:0px; margin-top:0; background:url(../../images/front_neutrino/icon_modal_left.gif) top left no-repeat; width:30px; height:200px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:125px; right:0px; margin-top:0; background:url(../../images/front_neutrino/icon_modal_right.gif) top right no-repeat; width:30px; height:200px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../../images/front_neutrino/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../../images/front_neutrino/icon_close.gif) top center no-repeat; width:58px; height:20px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}