/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "layouts/responsive.css";

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */

/* LAYOUT styles*/
body {
    background-color: #9D9D9D;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    /*min-width: 960px;*/
}

h1 {
    font-family: Helvetica;
    font-weight: normal;
    font-size: 22px;
}

b {
    font-family: Helvetica;
    font-weight: bold;
}

#page {
    background: #FFFFFF;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-image: linear-gradient(#378CC2, #378BC7, #378CC2) 2%;
    border-image-width: 15px;
    border-image-outset: 15px;
    width: 900px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
    
}

#header {
    padding: 0px;
    border-left: 5px solid #000000;
    border-right: 5px solid #000000;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

.header__region {
    clear: both;
    position: absolute;
    margin: 20px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#main {
    border-left: 5px solid #000000;
    border-right: 5px solid #000000;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#widgets-element-socialmedia_socialmedia-twitter-profile-button a{
    margin: 4px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#page-title {
    display: none;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#content {
    margin: 20px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

.timeline-Tweet-text {
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

/* MAIN MENU styles*/

#navigation {
    background-color: #E8A808;
    width: 100%;
    height: 35px;
    color: #FFFFFF;
    border-bottom: 5px solid #DADADA;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#navigation .menu li a {
    display: table-cell;
    vertical-align: middle;
    width: 130px;
    height: 30px;
    text-align: center;
    background: #E8A808;
    text-decoration: none;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
    color: #FFFFFF;
}

#navigation .menu a {
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
    color: #FFFFFF;
    border-bottom:1px solid #DADADA;
}

#navigation .menu li first a {
    border-bottom: 5px solid #DADADA;
}

#navigation .menu li:hover > a {
    background: #DADADA;
}

#navigation .menu ul {list-style: none;}
#navigation .menu ul li {float: left; padding-right: 1px; position: relative; clear: left;}
#navigation .menu ul a {
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    height: 25px;
    text-align: center;
    background: #E8A808;
    text-decoration: none;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
    color: #FFFFFF;
}
#navigation .menu li > ul {display: none; position: absolute; z-index: 1; top: 100%; }
#navigation .menu li:hover > ul {display: block}
#navigation .menu li > ul li {padding: 0; border-top:1px solid #DADADA;}
#navigation .menu li > ul li > ul {left: 100%; top: 0;}
#navigation .menu li > ul li > ul li {width: 170px;line-height: 20px;}

.header__logo-image {
    width: 100%;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

/* HOME styles*/
#home-left {
    width: 55%;
    float: left;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#home-right {
    width: 40%;
    float: right;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

.title-box {
    border-bottom: solid 1px #AE2327;
    margin-bottom: 10px;
    color: #565656;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#home-right tbody {
    background: #E6E6E6;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#home-right th {  
    background: linear-gradient(#0090CF, #0074A9) 2%;
    color: #FFFFFF;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 14px;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

#home-right td {  
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 0px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#home-right .row {
    border-bottom: solid 1px #D5AF66;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#home-right .row-info {
    padding-left: 5px;
    padding-right: 5px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

/* SLIDESHOW styles */
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
  }

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
  }

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
  }

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    height: 300px;
    border: 0;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
  }

.prev{
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    z-index: 99;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("../images/slideshow/izq.png") no-repeat left top;
    background-size: 100% 100%;
    margin-top: -39px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

.next{
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    right: 0;
    z-index: 99;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("../images/slideshow/der.png") no-repeat left top;
    background-size: 100% 100%;
    margin-top: -39px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

.slides-text{
    text-align: right;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
    color: black;
}

.slides-text p{
    margin-bottom: 0px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

/* FOOTER styles */
#footer {
    padding: 20px;
    padding-top: 15%;
    border-left: 5px solid #000000;
    border-right: 5px solid #000000;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

.footer-title-box {
    border-bottom: solid 1px #E6E6E6;
    text-align: center;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

.footer-title-box h1 {
    margin: 0px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#hoted-by-gt {
    color: #565656;
    text-align: right;
    margin-top: 10%;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#sponsor1 {
    width: auto;
    margin: auto;
    background: url("../images/sponsors/sponsor1.jpg") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#sponsor2 {
    width: auto;
    margin: auto;
    background: url("../images/sponsors/sponsor2.jpg") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#sponsor3 {
    width: auto;
    margin: auto;
    background: url("../images/sponsors/sponsor3.jpg") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#sponsor4 {
    width: auto;
    margin: auto;
    background: url("../images/sponsors/sponsor4.jpg") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#sponsor5 {
    width: auto;
    margin: auto;
    background: url("../images/sponsors/sponsor5.jpg") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#sponsor6 {
    width: auto;
    margin: auto;
    background: url("../images/sponsors/sponsor6.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#sponsor7 {
    width: auto;
    margin: auto;
    background: url("../images/sponsors/sponsor7.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}
#sponsor8 {
    width: auto;
    margin: auto;
    background: url("../images/sponsors/sponsor8.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}
#sponsor9 {
    width: auto;
    margin: auto;
    background: url("../images/sponsors/sponsor9.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}
/* BENEFACTORS styles */
#benefactorB1_gold {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB1_gold.png") no-repeat;
    height: 70px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}
#benefactorB2_gold {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB2_gold.png") no-repeat;
    height: 70px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB3_gold {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB3_gold.png") no-repeat;
    height: 70px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB4_gold {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB4_gold.png") no-repeat;
    height: 70px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB5_gold {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB5_gold.png") no-repeat;
    height: 70px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}


#benefactorB1_silver {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB1_silver.png") no-repeat;
    height: 60px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB2_silver {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB2_silver.png") no-repeat;
    height: 60px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB3_silver {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB3_silver.png") no-repeat;
    height: 60px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB4_silver {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB4_silver.png") no-repeat;
    height: 60px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB5_silver {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB5_silver.png") no-repeat;
    height: 60px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB6_silver {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB6_silver.png") no-repeat;
    height: 60px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB1_bronze {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB1_bronze.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB2_bronze {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB2_bronze.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB3_bronze {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB3_bronze.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB4_bronze {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB4_bronze.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB5_bronze {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB5_bronze.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB6_bronze {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB6_bronze.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB7_bronze {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB7_bronze.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB8_bronze {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB8_bronze.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB9_bronze {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB9_bronze.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB10_bronze {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB10_bronze.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB11_bronze {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB11_bronze.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB12_bronze {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB12_bronze.png") no-repeat;
    height: 50px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB1_local {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB1_local.png") no-repeat;
    height: 40px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB2_local {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB2_local.png") no-repeat;
    height: 40px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

#benefactorB3_local {
    width: auto;
    margin: auto;
    background: url("../images/benefactors/benefactorB3_local.png") no-repeat;
    height: 40px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

/* TEAM styles */
.team-title-box h1 {
    margin: 0px;
    margin-top: 10px;
    font-weight: lighter;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 22px;
}

.contact-card {
    width: 100%;
    margin: 20px;
    margin-top: 10px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

.contact-img {
    height: 200px;
    float: left;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

.contact-img a{
    border: none;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

.contact-img img {
    height: 100%;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

.contact-info {
    color: #414141;
    height: 200px;
    float: left;
    margin-left: 20px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

.contact-name {
    font-family: Helvetica;
    font-weight: normal;
    font-size: 14px;
}

.contact-bio {
    color: #818181;
    font-family: Helvetica;
    font-size: 12px;
    font-weight: lighter;
}

.contact-country {
    font-family: Helvetica;
    font-size: 12px;
    font-weight: lighter;
}

/* VENUE styles */
.venue-title-box h1 {
    margin: 0px;
    margin-top: 10px;
    font-family: Helvetica;
    font-size: 22px;
    font-weight: lighter;
}

.venue-content-box {
    color: #414141;
    margin-top: 10px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

.conference-venue-img {
    width: 400px;
    float: right;
    margin-left: 10px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

.tango-img {
    width: 300px;
    float: right;
    margin-left: 10px;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

/* RESOURCES styles */
.download {
    height: 200px;
    margin: 20px;
    float: left;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}

.download img{
    height: 100%;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12px;
}