/* CUSTOM FONTS
----------------*/

@font-face {
    font-family: 'LatoRegular';
    src: url('fonts/Lato/lato-reg.eot');
    src: url('fonts/Lato/lato-reg.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato/lato-reg.svg#LatoRegular') format('svg'),
         url('fonts/Lato/lato-reg.woff') format('woff'),
         url('fonts/Lato/lato-reg.ttf') format('truetype');
}

@font-face {
    font-family: 'TitilliumText';
    src: url('fonts/TitilliumText1/titilliumtext1.eot');
    src: url('fonts/TitilliumText1/titilliumtext1.eot?#iefix') format('embedded-opentype'),
         url('fonts/TitilliumText1/titilliumtext1.woff') format('woff'),
         url('fonts/TitilliumText1/titilliumtext1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TitilliumText600';
    src: url('fonts/TitilliumText600wt/titilliumtext600wt.eot');
    src: url('fonts/TitilliumText600wt/titilliumtext600wt.eot?#iefix') format('embedded-opentype'),
         url('fonts/TitilliumText600wt/titilliumtext600wt.woff') format('woff'),
         url('fonts/TitilliumText600wt/titilliumtext600wt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




/* GENERAL STYLING
-------------------*/

body {
  font-family: 'LatoRegular';
  font-size: 14px;
  margin: 0;
  margin: 110px 0 0;
}

#page {
  height: 100%;
  width: 100%;
}

#page article {
  box-shadow: 0px 1px 2px #000;
  margin: 0;
  padding: 50px 0 0;
  width: 100%;
}

#page article .article-body,
header .header-content {
  margin: auto;
  width: 960px;
}

a:link {
  color: #A50106;
  text-decoration: none;
}

a:visited {
  color: #A50106;
  /*color: #8B0004;*/
}

a:hover {
  text-decoration: underline;
}

h5 a:link,
h5 a:visited {
  color: #666;
}

h5 a:hover {
  color: #333;
}

/* Clearfix method */
.group:after {
  content: "";
  display: table;
  clear: both;
}



/* SECTION TITLES
------------------*/
article h2,
article#intro .palestras-title {
  color: #a50106;
  font-family: 'TitilliumText', Arial;
  font-size: 22px;
  font-weight: normal;
  padding: 9px 0 7px 50px;
}

article#about h2 {
  background: url('../img/logo-icon.png') top left no-repeat;
}

article#ventures h2 {
  background: url('../img/sparta-icon.png') top left no-repeat;
}

article#speaking h2,
article#intro .palestras-title {
  background: url('../img/mic-icon.png') top left no-repeat;
  padding: 12px 0 15px 50px;
}

  article#intro .palestras-title:link {
    margin-top: 0;
    text-decoration: none;
  }
  
  article#intro .palestras-title:hover {
    text-decoration: underline;
  }

article#contact h2 {
  background: url('../img/mail-icon.png') top left no-repeat;
  padding: 7px 0 6px 50px;
}



/* HEADER
----------*/

header {
  background: #FFF; /* Old browsers */
  box-shadow: 0px 1px 5px #000;
  height: 110px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

header .header-content {
  position: relative;
}

header h1 {
  margin: 0;
}

header h1 a {
  background: url('../img/logo-white.jpg') top left no-repeat;
  display: block;
  height: 110px;
  overflow: hidden;
  text-indent: -347px;
  width: 347px;
}

header .language-selector {
  background-color: #8F0419;
  border-radius: 0 0 5px 5px;
  color: #FFF;
  font-family: 'TitilliumText', Arial;
  font-size: 12px;
  padding: 7px 7px 5px;
  position: absolute;
  right: 0;
  top: 0;
}

header .language-selector a:link,
header .language-selector a:visited {
  color: #FFF;
  text-decoration: none;
}

header .language-selector a.active:link,
header .language-selector a.active:visited,
header .language-selector a:hover {
  color: #FF8A03;
}

header nav {
  position: absolute;
  right: 0;
  top: 32px;
}

header nav ul li {
  float: left;
  list-style: none;
  padding: 0 20px;
}

header nav ul li.external {
  background: url('../img/ext-link.png') top right no-repeat;
}

header nav ul li a:link,
header nav ul li a:visited {
  color: #770104;
  font-family: 'TitilliumText', Arial;
  font-size: 20px;
  text-decoration: none;
}

header nav ul li a:hover {
  color: #FFB20B;
}



/* INTRO
---------*/

article#intro {
  background: url('../img/tedx-unisinos-bg.png') top right no-repeat #000;
}

article#intro .article-body {
  height: 757px;
  position: relative;
}

article#intro .article-body img.gustavo-main {
  left: -250px;
  position: absolute;
  top: -34px;
}

article#intro .intro-content {
  color: #FFF;
  position: absolute;
  right: 0;
  top: 170px;
}

article#intro .intro-content h4 {
  font-family: 'TitilliumText', Arial;
  font-size: 48px;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 30px;
}

article#intro .intro-content h2 {
  color: #FFF;
  font-family: 'TitilliumText600', Arial;
  font-size: 72px;
  margin: 0;
  padding: 0;
}

article#intro .intro-content p {
  font-family: 'LatoRegular';
  font-size: 15px;
  margin-bottom: 15px;
  margin-left: 2px;
  width: 580px;
}

article#intro .intro-content .assista-ja {
  background: url('../img/assista-ja.png') top left no-repeat;
  display: block;
  height: 66px;
  margin-left: -3px;
  margin-top: 2px;
  overflow: hidden;
  text-indent: -274px;
  width: 274px;
}

.photo-credits {
  bottom: 10px;
  position: absolute;
  right: 0;
}

.photo-credits:link,
.photo-credits:visited {
  color: #FFF;
  font-size: 12px;
  text-decoration: none;
}

.photo-credits:hover {
  text-decoration: underline;
}



/* SOBRE
---------*/

article#about {
  background: url('../img/bg-logo-50.png') center -530px no-repeat;
}

article#about .article-body {
  background: url('../img/bg-logo-50.png') center 900px no-repeat;
  padding-bottom: 100px;
}

article#about .article-body p.history1 {
  font-family: 'TitilliumText', Arial;
  font-size: 48px;
  font-weight: normal;
  margin-top: 30px;
  line-height: 60px;
}

article#about .article-body .bottom-wrapper .history2 {
  color: #333;
  font-family: 'LatoRegular';
  font-size: 14px;
  float: left;
  line-height: 18px;
  margin-top: 11px;
  width: 420px;
}

article#about .article-body .bottom-wrapper .team {
  float: right;
  width: 460px;
}

article#about .article-body .bottom-wrapper .team .team-caption {
  color: #666;
  margin-left: 20px;
}



/* INICIATIVAS
---------------*/

article#ventures {
  background: url('../img/bg-logo-50.png') center -393px no-repeat #C8C8C8;
}

article#ventures .article-body h3 {
  color: #333;
  font-family: 'TitilliumText', Arial;
  font-size: 48px;
  font-weight: normal;
  line-height: 60px;
  margin-bottom: 25px;
  width: 900px;
}

article#ventures .article-body table {
  margin-bottom: 50px;
}

article#ventures .article-body table h5 {
  color: #666;
  font-family: 'TitilliumText600';
  font-size: 24px;
  font-weight: normal;
  margin: 20px 0 7px;
}

article#ventures .article-body table p {
  margin-top: 0;
}

article#ventures .article-body table tr.second td {
  padding-top: 50px;
}



/* PALESTRAS
-------------*/

article#speaking {
  background: url('../img/bg-palestras-left.png') left top no-repeat #232323;
  padding-top: 0;
}

article#speaking .bg-wrapper {
  background: url('../img/bg-palestras-right.png') right top no-repeat;
  padding-top: 50px;
  padding-bottom: 100px;
}

article#speaking .info {
  color: #FFF;
  font-family: 'TitilliumText', Arial;
  font-size: 28px;
  font-weight: normal;
  line-height: 40px;
  margin-bottom: 0;
}

article#speaking .line {
  border-top: 1px solid #666;
  width: 700px;
  margin: 40px auto 40px;
}

article#speaking h3 {
  color: #A50106;
  font-family: 'TitilliumText', Arial;
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 40px;
  margin-top: 0;
}

article#speaking .blocks {
  color: #FFF;
}

article#speaking .blocks .block {
  float: left;
  width: 270px;
}

article#speaking .blocks .block.block-2 {
  margin: 0 60px;
}

article#speaking .blocks .block .block-title {
  color: #FFAE00;
  font-family: 'TitilliumText600';
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 10px;
}

article#speaking .blocks .block-3 .block-content {
  margin: 0 0 20px 0;
  
}

article#speaking .bottom-wrapper {
  color: #FFF;
}

article#speaking .bottom-wrapper img,
article#speaking .bottom-wrapper p,
article#speaking .bottom-wrapper h4 {
  float: left;
}

article#speaking .bottom-wrapper p,
article#speaking .bottom-wrapper h4 {
  margin-left: 30px;
  width: 590px;
}

article#speaking .bottom-wrapper h4 {
  color: #A50106;
  font-family: 'TitilliumText', Arial;
  font-size: 28px;
  font-weight: normal;
  margin: 5px 0 5px 30px;
}

article#speaking .get-in-touch {
  color: #CCC;
  font-family: 'TitilliumText', Arial;
  font-size: 22px;
  font-weight: normal;
  margin: 40px auto;
  width: 750px;
}

article#speaking .get-in-touch a:link,
article#speaking .get-in-touch a:visited {
  background: url('../img/entre-em-contato.png') top left no-repeat;
  display: inline-block;
  height: 62px;
  margin: 0 0 -25px 10px;
  overflow: hidden;
  text-indent: -328px;
  width: 328px;
}



/* CONTATO
-----------*/

article#contact {
  box-shadow: none;
}

article#contact .article-body {
  padding-bottom: 119px;
}

article#contact form {
  margin-top: 60px;
}

article#contact .info {
  color: #000;
  float: left;
  font-family: 'TitilliumText';
  font-size: 48px;
  font-weight: normal;
  line-height: 55px;
  width: 640px;
}

article#contact .contact-info {
  float: left;
  margin-left: 60px;
  line-height: 18px;
  width: 240px;
}

article#contact .left-column,
article#contact .right-column {
  float: left;
}

article#contact .right-column {
  margin-left: 40px;
}

article#contact label {
  color: #333;
  display: block;
  font-family: 'TitilliumText600';
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 20px;
}

article#contact label.lbl4 {
  display: none !important;
}

article#contact .left-column input,
article#contact textarea {
  background-color: #CCC;
  border-bottom: 1px solid #BDBDBD;
  border-left: 1px solid #999;
  border-right: 1px solid #BDBDBD;
  border-top: 1px solid #999;
  border-radius: 5px;
  color: #333;
  display: block;
  font-family: 'TitilliumText';
  font-size: 20px;
  font-weight: normal;
  padding: 15px 10px 11px;
  width: 430px;
}

article#contact textarea {
  height: 232px;
}

article#contact .submit {
  clear: left;
  padding-right: 11px;
  padding-top: 20px;
  text-align: right;
}

article#contact .submit input {
  background: url('../img/enviar.png') top left no-repeat transparent !important;
  border: none;
  height: 66px;
  overflow: hidden;
  text-indent: -500px;
  width: 274px;
}

article#contact .submit input:hover {
  cursor: pointer;
}



/* RODAPÉ
----------*/

footer {
  background: #740001; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc0MDAwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZDAxMDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #740001 0%, #9d0105 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#740001), color-stop(100%,#9d0105)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #740001 0%,#9d0105 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #740001 0%,#9d0105 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #740001 0%,#9d0105 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #740001 0%,#9d0105 100%); /* W3C */
  box-shadow: 0 6px 20px #000 !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#740001', endColorstr='#9d0105',GradientType=0 ); /* IE6-8 */
  height: 260px;
  padding-top: 50px;
}

footer .logo-footer {
  margin: auto;
  width: 352px;
}

.meios-de-contato {
  color: #FFF;
  font-family: 'TitilliumText';
  font-size: 20px;
  font-weight: normal;
  margin: auto;
  padding-top: 55px;
  width: 960px;
}

.meios-de-contato a.ext {
  background: url("../img/sprite-footer.png") no-repeat scroll left top transparent;
  display: inline-block;
  height: 39px;
  margin-right: 2px;
  overflow: hidden;
  text-indent: -200px;
  vertical-align: middle;
  width: 39px;
}

.meios-de-contato a.twitter {
  background-position: 0 -2px;
}

.meios-de-contato a.facebook {
  background-position: -39px -2px;
  margin-left: 15px;
}

.meios-de-contato a.youtube {
  background-position: -78px -2px;
}

.meios-de-contato a.livestream {
  background-position: -117px -2px;
}

.meios-de-contato a.blog {
  background-position: -155px -2px;
}

.meios-de-contato a.email {
  background-position: -193px -2px;
  margin-right: 0;
}

.meios-de-contato .address {
  font-size: 14px;
  padding-left: 20px;
}

.logo-fuerza {
  background: url("../img/fuerza.png") no-repeat scroll left top transparent !important;
  float: right;
  height: 11px;
  margin-top: 18px;
  overflow: hidden;
  text-indent: 43px;
  width: 43px;
}

.iniciativas-table td,
.iniciativas-table td p {
  width: 304px;
}

.iniciativas-table .middle-column {
  padding: 0 15px;
}



/* MESSAGES
---------------*/

.success{
		background-size: 40px 40px;
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);										
		 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 width: 100%;
		 border: 1px solid;
		 color: #fff;
		 padding: 15px;
		 position: fixed;
		 _position: absolute;
		 text-shadow: 0 1px 0 rgba(0,0,0,.5);
		 animation: animate-bg 5s linear infinite;
		 display: none;
		 top: 0;
}

.success{
		 background-color: #61b832;
		 border-color: #55a12c;
}

.success h3{
		 margin: 0 0 5px 0;													 
}

.success p{
		 margin: 0;													 
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}


/* FORM VALIDATION
---------------------*/

article#contact label.error {
  font-size: 13px;
  color: #e10305;
  padding-top: 5px;
}

article#contact .left-column input.error,
article#contact textarea.error {
  border: 1px solid #e10305;
  border-right: 1px solid #e03959;
  border-bottom: 1px solid #e03959;
}

article#contact .left-column input.error:focus,
article#contact textarea.error:focus {
  background-color: #fdf1f1;
  outline: none;
}
article#about .article-body {
    background: url("../img/bg-logo-50.png") no-repeat scroll center 699px transparent;
    padding-bottom: 100px;
}

header {
  background: #900000; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYTAwMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #900000 0%, #aa0001 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#900000), color-stop(100%,#aa0001)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #900000 0%,#aa0001 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #900000 0%,#aa0001 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #900000 0%,#aa0001 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #900000 0%,#aa0001 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#900000', endColorstr='#aa0001',GradientType=0 ); /* IE6-8 */
}

header h1 a {
  background: url('../img/logo.jpg') top left no-repeat;
}

header .language-selector {
  background-color: #490103;
}

header nav ul li.external {
  background: url('../img/external-icon.jpg') top right no-repeat;
}

header nav ul li a:link,
header nav ul li a:visited {
  color: #FFF;
}

header nav ul li a:hover {
  color: #FFB20B;
}

article#intro .article-body img.gustavo-main {
  left: -145px;
  top: 0;
}

article#intro .intro-content .assista-ja {
    background: url("../img/watch-now.png") no-repeat scroll left top transparent;
}

article#speaking .get-in-touch a:link, article#speaking .get-in-touch a:visited {
    background: url("../img/get-in-touch.png") no-repeat scroll left top transparent;
}

article#contact .submit input {
    background: url("../img/send.png") no-repeat scroll left top transparent !important;
}