input {-webkit-appearance: none; border-radius: 0;}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

[type="search"] {
        -moz-appearance:    textfield;
        -webkit-appearance: textfield;
        appearance: textfield;
    }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}

strong {font-weight: 600; font-family: inherit;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Tipografias */

/* Museo Sans: font-family: "museo-sans"; */
/* Brandon Grotesque: font-family: "brandon-grotesque"; */
/* Italicas: font-family: "adobe-text-pro"; */

/* Clase para poner las imagenes en B/N y con Blur */

.gray{
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    /*
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    */
}

 

/* PRE Overrides */

#content .pivotal a {
	border-bottom: none;
}

#content .pivotal a.btn,
#content .pivotal a.btn:link,
#content .pivotal a.btn:visited  {
	border-bottom: none;
	color: #fff;
}

#content .pivotal a:hover {
	color: #2C85C1 !important;
}

#content .pivotal a.btn:hover { 
	color: #fff !important; 
}



/* Estructura */


.wrapper {width: 960px; margin: 0 auto; padding: 0; position: relative; /*border-right: 1px solid red; border-left: 1px solid red;*/ display: block; height: 100%;}


.header .secondary {height: 40px; background-color: #484549;}
.header .nav {height: 120px; background-color: #ffffff;}
.foot .prefooter {height: 57px; background-color: #27323f;}
.foot .footer {height: 205px; background-color: #2d83bf;}




/* Estilos comunes */

.page-title h2,
.home-body h2,
#below-content h2,
#news-home h2 {font-family: "brandon-grotesque"; font-weight: 600; font-size: 28px; text-transform: uppercase; text-align: center;}

/* Navegacion Secundaria */

.secondary-nav {width: auto; float: right; height: 100%; }

.contact-btn {display: block; float: left; font-family: "brandon-grotesque"; font-weight: 500; font-size: 11px; color: #ffffff; text-align: center; text-transform: uppercase; width: 92px; height: 24px; border: 1px solid #9c9e9f; padding-top: 5px; border-radius: 5px; margin-top: 8px; cursor: pointer; text-decoration: none;}
.search-form {display: block; float: left; width: 55px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; margin-left: 25px; height: 40px; padding-top: 10px; padding-left: 20px;}
.search-form a, .section-search a {display: block; float: left; width: 15px; height: 18px; background-image: url('images/search-button.png'); background-repeat: no-repeat; background-position: left center; margin-right: 17px; cursor: pointer;}
.search-form input,  .section-search input { width: 100%; height: 18px; line-height: 18px; border-radius: 9px; border: none; background-color: #ffffff; color: rgba(1, 0, 1, 0.8); font-size: 11px; padding-left: 9px; }
.search-form input {display: none; width: 0;}
a.linkedin {display: block; float: left; width: 18px; height: 18px; background-image: url('images/linkedin-button.png'); background-repeat: no-repeat; background-position: left center; cursor: pointer; margin-top: 10px; margin-left: 24px;}

a.contact-btn:link, a.contact-btn:visited {
	color: #fff;
}


.search-form.toggled{width: 200px;}
.search-form.toggled input  {display: block; width: 118px;}

/* Navegacion Principal */

a.pivotal-logo {width: 252px; height: 50px; display: block; float: left; cursor: pointer; margin-top: 40px;}
a.pivotal-logo img {width: 100%; height: auto; display: block;}

ul.main-nav {display: inline-block; float: right; height: 120px;}
ul.main-nav li {display: block; float: left; height: 120px;}
ul.main-nav li a {font-family: "brandon-grotesque"; font-size: 17px; color: #2c85c1; line-height: 20px; display: block; width: 100%; height: 100%; background-color: #ffffff; text-transform: uppercase; text-decoration: none; padding: 0 14px; padding-top: 74px; font-weight: 400; -webkit-transition: background .35s ease-in-out; -moz-transition:background .3s ease-in-out; -o-transition:background .3s ease-in-out; -ms-transition:background .3s ease-in-out; transition: background .3s ease-in-out;}

.no-touch ul.main-nav li a:hover,
ul.main-nav li.active a  {
    color: #ffffff; background-color: #27323f;
    -webkit-transition: background .35s ease-in-out; -moz-transition:background .3s ease-in-out;
    -o-transition:background .3s ease-in-out;
    -ms-transition:background .3s ease-in-out;
    transition: background .3s ease-in-out;
}



/* Megamenus */

.megamenu-container {
    position: absolute;
    top: 160px;
    left: 0;
    z-index: 1002;
    width: 100%;
    background-color: #27323f;
    overflow: hidden;
}

.megamenu-wrapper {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    display: none;
}

.megamenu-wrapper ul {display: block; list-style-type: none; margin-top: 50px;}
.megamenu-wrapper ul li {display: block; float: left; width: 33%; text-align: center; margin-top: 10px; height: 120px;}
.megamenu-wrapper ul li a {font-family: "brandon-grotesque"; font-weight: 600; font-size: 18px; text-transform: uppercase; text-align: center; line-height: 1.3em; text-decoration: none; color: #ffffff; margin-bottom: 15px;}
.megamenu-wrapper ul li a.summary {font-family: "adobe-text-pro"; font-style: italic; color: #ffffff; font-size: 15px; text-align: center; line-height: 1.4em; max-width: 220px; display: block; margin: 0 auto; text-transform: none; font-weight: 300;}
.megamenu-wrapper ul li p {font-family: "adobe-text-pro"; font-style: italic; color: #ffffff; font-size: 15px; text-align: center; line-height: 1.4em; max-width: 220px; display: block; margin: 0 auto; text-transform: none; font-weight: 300;}





/* Prefooter */

.prefooter a.linkedin {width: 25px; height: 25px; background-image: url('images/linkedin-button2.png'); margin: 0; margin-top: 16px; }

ul.prefooter-nav {display: inline-block; float: right; height: 57px;}
ul.prefooter-nav li {display: block; float: left; height: 100%; padding-top: 20px;}
ul.prefooter-nav li a {font-family: "brandon-grotesque"; font-size: 13px; color: #ffffff; line-height: 1.2em;text-transform: uppercase; text-decoration: none; margin: 0 22px; }

/* Footer */

.footer-wrapper {padding-top: 40px;}

.logo-footer {display: block; width: 250px; height: 51px; float: left;}

.logo-footer img {width: 250px; height: 51px; }

.footer-search {display: block; width: 224px; float: right; margin-right: 21px;}
.footer-search input.searchField {display: block; float: left; width: 190px; height: 29px; background-color: #ffffff; border-radius: 5px;
    color: #2d83bf;
    font-size: 13px; font-family: "brandon-grotesque";
    border: none; padding-left: 17px;}

.footer-search button.search-icon {display: block; border:none; float: right; width: 28px; height: 29px; background-image: url('images/footer-search.png'); background-repeat: no-repeat; background-position: center center; cursor: pointer; border-radius: 3px; background-color: #ffffff;}

.footer-legal {display: block; width: 100%; clear: both; color: #ffffff; padding-top: 60px;}
.footer-legal a {font-family: "museo-sans"; font-size: 12px; color: #ffffff; text-decoration: none;}

/* Home */
/* Slider */

#home-slider {position: relative; width: 100%; height: 600px; overflow: hidden;}
#home-slider .slide {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none;}
#home-slider .slide.active {display: block; z-index: 1000;}
#home-slider .slide.next {display: block; z-index: 999;}

.slider-content {position: absolute; width: 500px; height: 500px; left: 50%; margin-left: -250px; top: 50%; margin-top: -250px; border-radius: 250px; z-index: 1002; background-color: rgba(44, 133, 193, 0.8); padding: 40px;}
.slider-content .slider-content-title {display: table-cell; width: 416px; height: 215px; vertical-align: bottom; color: #ffffff; font-family: "brandon-grotesque"; font-weight: 600; font-size: 26px; text-transform: uppercase; border-bottom: 1px solid #ffffff; line-height: 1.4em; padding-bottom: 20px; text-align: center;}
.slider-content .slider-content-text {display: block; margin: 0 auto; margin-top: 20px; width: 388px; font-family: "adobe-text-pro"; font-size: 17px; font-style: italic; color: #ffffff; line-height: 1.6em; text-align: center; font-weight: 400;}

.slider-bottom {width: 100%; height: 116px; background-color: #ffffff; text-align: center; padding-top: 48px;}
.slider-nav {display: inline-block; margin: 0 auto;}
.slider-nav li {display: block; float: left; margin-right: 14px;}
.slider-nav li a {display: block; width: 10px; height: 10px; border-radius: 5px; background-color: #ffffff; border: 1px solid #2c85c1; cursor: pointer;}
.slider-nav li.active a {background-color: #2c85c1;}

#home-slider .slider-image {
    position: absolute; width: 100%; height: 100%; z-index: 1001;
    background-repeat: no-repeat; background-position: center center; background-size: cover;
}

#home-slider .slide img {
    display: none;
    margin: 0 auto;
    position: absolute;
}

/* Bloques Home */

.home-body {width: 100%; background-color: #ffffff; padding-bottom: 76px;}
.home-body-content {display: block; margin: 0 auto; width: 940px; border-top: 1px solid #9c9e9f; border-bottom: 1px solid #9c9e9f; padding: 45px 50px; }
.home-body-content h2 { color: #2c85c1; margin-bottom: 65px;}
.home-body-content p {font-family: "museo-sans"; font-weight: 200; font-size: 17px; line-height: 30px; color: #1a171b; padding-bottom: 20px; text-align: justify;}

.our-service, .our-experience {width: 100%; background-color: #2c85c1; }
.our-experience {background-color: #27323f;}
.our-service-content, .our-experience-content {width: 880px; margin: 0 auto; display: block; padding-top: 96px;}
.our-service-content h2, .our-experience-content h2 {color: #ffffff; margin-bottom: 90px;}


.rounded-item {width: 32.9%; display: inline-block; height: 370px; vertical-align: top; margin-bottom: 0; position: relative;}
.rounded-item:nth-child(n+4) {height: 370px;}

.rounded-item > a {display: block; width: 190px; height: 190px; border: 4px solid #ffffff; border-radius: 95px; margin: 0 auto; margin-bottom: 30px; position: relative; overflow: hidden; cursor: pointer; background-color: #ffffff;}

.rounded-item > a span {display: block; width: 190px; height: 190px; position: absolute; top: 190px; left: 0; color: #2c85c1; transition: 1s; background-color: #ffffff; font-family: "brandon-grotesque"; font-weight: 600; font-size: 18px; text-transform: uppercase; text-align: center; padding-top: 25px; }
.rounded-item > a:hover span {top: 91px; transition: 1s;}


.our-experience .rounded-item > a span {color: rgba(1, 0, 1, 0.8);}

.rounded-item > a span.more {background-color: transparent; top: -91px; width: 190px; height: 91px; background-image: url('images/plus-sign-blue.png'); background-repeat: no-repeat; background-position: center center;}
.rounded-item > a:hover span.more {top: 0;}
.rounded-item > a img {height: 182px; width: 182px; }

.rounded-item  p {text-align: center; margin-bottom: 0 !important;}
.rounded-item  p a {color: #ffffff; font-family: "brandon-grotesque"; font-weight: 600; font-size: 21px; text-transform: uppercase; text-align: center; text-decoration: none;}

.rounded-item  p.item-content {color: #707173; font-family: "adobe-text-pro"; font-size: 17px; line-height: 25px; margin-top: 11px;}
.rounded-item  p.item-content {font-size: 13px; color: #9c9e9f; line-height: 1.3em; max-width: 200px; margin: 0 auto 0 auto; margin-bottom: 0 !important;}


#pivotal-folder .rounded-item > a,
#pivotal-page .rounded-item > a {
    border: 4px solid #2c85c1;
}

#pivotal-folder .rounded-item > a span,
#pivotal-page .rounded-item > a span  {
    background-color: #2c85c1; color: #ffffff;
}


#pivotal-folder .rounded-item > a span.more,
#pivotal-page .rounded-item > a span.more {
    background-color: transparent;
}

#pivotal-folder .rounded-item  p a,
#pivotal-page .rounded-item  p a {
    color: #2c85c1; border-bottom: none;
}

#pivotal-folder .rounded-item  p,
#pivotal-page .rounded-item  p {
    margin-bottom: 0 !important;
    text-align: center !important;
}


#news-home {background-color: #ffffff; position: relative; }

#news-home h2 {display: block; width: 100%; height: 170px; line-height: 170px; font-size: 48px; color: #ffffff; position: relative; z-index: 0; overflow: hidden; background-color: transparent; text-shadow: 0 0 6px #828282;}

#news-home-title {
    position: relative;
    height: 170px;
    overflow: hidden;
}

#news-home-title .back {
    display: block;
    position: absolute;
    top: 0; left: 0; width: 105%; height: 105%;
    background-image: url('images/news-title.jpg');
    background-repeat: no-repeat; background-position: center 0;
    background-size: cover;
    overflow: hidden;
    margin-top: -5px; margin-left: -5px;
    border: 2px solid #000000;
    box-shadow: 0px 0px 3px #000000;
}



.news-home-content {width: 960px; height: auto; margin: 0 auto; margin-top: 74px; padding-bottom: 82px;}

.news-home-content .news-block {width: 320px; float: left; height: 157px;  border-right: 1px solid #9c9e9f; padding: 0 24px; position: relative;}
.news-home-content .news-block:last-child {border-right: none;}
.news-home-content .news-block  p.news-title {text-align: center; margin-bottom: 18px;}
.news-home-content .news-block  p.news-title a {color: #000000; font-family: "brandon-grotesque"; font-weight: 600; font-size: 15px; text-transform: uppercase; text-align: center; line-height: 1.3em; text-decoration: none; }
.news-home-content .news-block .news-text {font-family: "adobe-text-pro"; font-style: italic; color: #9c9e9f; font-size: 15px; text-align: center; line-height: 1.4em;}
.news-home-content .news-block .news-more {display: block; width: 40px; height: 40px; border-radius: 20px; background-color: #2c85c1; cursor: pointer; position: absolute; left: 50%; margin-left: -20px; bottom: -20px; color: #ffffff; font-size: 25px; font-weight: bold; text-align: center;font-family: "brandon-grotesque"; padding-top: 7px;}
.news-home-content .news-block .news-more:hover {background-color: #484549;}

/* Estilos de pagina */

.page-title {display: block; position: relative; width: 100%; height: 300px; overflow: hidden; background-color: transparent; margin-bottom: 100px;}
.page-title h2 {display: block; width: 100%; line-height: 300px; font-size: 78px; color: #ffffff; position: relative; z-index: 0; overflow: hidden; background-color: transparent; text-shadow: 0 0 6px #828282;}


.page-title .back {
    display: block;
    position: absolute;
    top: 0; left: 0;
    width: 105%; height: 105%;
    background-repeat: no-repeat; background-position: center 0;
    background-size: cover; z-index: -1; overflow: hidden;
    margin-top: -5px; margin-left: -5px;
    border: 2px solid #000000;
    box-shadow: 0px 0px 3px #000000;

    filter: blur(1px);
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: url(blur.svg#blur);
}


.page-title .back.noblur {
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
}

.sidebar-content {width: 940px; margin: 0 auto; margin-bottom: 85px; overflow: hidden;}
.sidebar-left {width: 178px; float: left;}
.sidebar-right {width: 700px; float: left; border-left: 1px solid #9c9e9f; padding-left: 40px;}


.sidebar-left h5 {padding-left: 20px; font-family: "brandon-grotesque"; font-weight: 600; font-size: 18px; text-transform: uppercase; color: rgba(0,0,0,0.8); line-height: 21px; cursor: pointer;}
.sidebar-left ul {display: none;}
.sidebar-left .actual ul {display: block;}
.sidebar-left ul.visible {display: block;} 
.sidebar-left ul li {padding: 3px 0;}
.sidebar-left a {padding-left: 20px; font-family: "adobe-text-pro"; font-style: italic; font-size: 14px; line-height: 21px; color: #707173; text-decoration: none; width: 170px; display: block;}
.sidebar-left ul li.active a, .sidebar-left ul li a:hover {color: #2c85c1; background-image: url('images/sidebar-hover.png'); background-repeat: no-repeat; background-position: left center;}
.sidebar-left a.list-toggler {font-family: "brandon-grotesque"; font-weight: 500; font-size: 18px; color: rgba(0,0,0,0.8); font-style: normal; margin-bottom: 5px; display: block; letter-spacing: 2px;}

.sidebar-right p {font-family: "brandon-grotesque"; font-size: 21px; line-height: 1.4em; color: #1a171b; font-weight: 300; margin-bottom: 34px !important; font-style: normal;  text-align: justify;}
.sidebar-right p.lead {font-family: "brandon-grotesque"; font-weight: 600; font-size: 21px; color: #2c85c1; text-transform: uppercase; line-height: 25px;}
.sidebar-right h4 {font-family: "brandon-grotesque"; font-size: 19px; line-height: 1.4em; text-transform: uppercase; font-weight: 500; color:  #2c85c1; margin-bottom: 40px; }




.blue {color: #2c85c1; font-family: inherit; font-weight: inherit;}
p.indent {background-image: url('images/sidebar-hover.png'); background-repeat: no-repeat; background-position: left 10px; padding-left: 30px;}

/* About Us */


.about-us-page {width: 100%;}
.about-us-page .about-us-content {display: block; margin: 0 auto; width: 940px; padding: 45px 50px; }

/* History */

.history-timeline {width: 100%; background-color: #27323f; padding-top: 70px; border-bottom: 1px solid #ffffff;}
.history-timeline .timeline-wrapper {width: 835px; margin: 0 auto; padding-bottom: 100px;}
.timeline-wrapper h3 {width: 100%; color: #ffffff; font-family: "brandon-grotesque"; font-size: 28px; text-transform: uppercase; line-height: 33px; margin-bottom: 75px; text-align: center; }

/* History Milestones */

.milestone {margin-top: -23px; padding-top: 12px;}
.milestone p.milestone-content {width: 299px; height: 119px;  padding-left: 32px; padding-right: 70px;    line-height: 118px; margin-top: -12px;}
.milestone p.milestone-content span {color: #ffffff; display: table-cell; vertical-align: middle; text-align: left; font-family: "brandon-grotesque"; font-size: 17px; line-height: 23px; width: 100%; height: 114px;}
.milestone p.milestone-year {width: 94px; height: 94px; border-radius: 47px; background-color: #2c85c1;  color: #ffffff; font-family: "brandon-grotesque"; font-size: 21px; text-align: center; font-weight: 500; padding-top: 35px;  position: relative; z-index: 2;}

.milestone.left p {float: left;}
.milestone.left p.milestone-content {margin-right: 30px; background-image: url('images/milestone-left.png'); background-repeat: no-repeat; background-position: left top;}
.milestone.right p {float: right;}
.milestone.right p.milestone-content {margin-left: 30px; background-image: url('images/milestone-right.png'); background-repeat: no-repeat; background-position: left top; padding-left: 64px;}

.milestone.left p.milestone-year:before {content:""; width: 35px; height: 35px; background-image: url('images/linea-1.png'); background-repeat: no-repeat; background-position: left top; position: absolute; right: -18px; bottom: -18px; z-index: 1;}
.milestone.right p.milestone-year:before {content:""; width: 35px; height: 35px; background-image: url('images/linea-2.png'); background-repeat: no-repeat; background-position: left top; position: absolute; left: -18px; bottom: -19px; z-index: 1;}
.milestone.last p.milestone-year:before {display: none;}

/* Management Team */

.people-content .rounded-item > a {border: 4px solid #2c85c1; text-align: center;}
#pivotal-page .people-content .rounded-item > a:hover {border: 4px solid rgba(44, 133, 193, 0.8);}

/*
.people-content .rounded-item > a img {height: auto; width: 90%; margin: 0 auto;}
*/

#pivotal-page .people-content .rounded-item > a span {background-color: rgba(44, 133, 193, 0.8); color: #ffffff; padding-top: 81px; }
.people-content .rounded-item > a:hover span {top: -2px;}

.people-content .rounded-item  p {margin-bottom: 0;}
.people-content .rounded-item  p a {color: #2c85c1; font-size: 16px;}


/* OVERLAY */
#overlay {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.6); z-index: 1000; display: none;}
.overlay-content {width: 840px; height: auto; /* min-height: 400px; */ position: absolute; top: 15%; left: 50%; margin-left: -420px;  border: 4px solid #2c85c1; background-color: #ffffff; padding: 40px 30px 40px 30px;}
.overlay-content .controls {clear: both; width: 100%; height: 0; margin-top: 0;}
#overlay .close-modal {display: block; width: 46px; height: 46px; position: absolute; top: -23px; right: -23px;  background-image: url('images/close-modal.png'); background-repeat: no-repeat; background-position: left top; cursor: pointer;}


.overlay-content .rounded-item {margin: 0 auto; float: left; width: 33%;}
.overlay-content .bio {float: left; width: 66%; padding-left: 40px; border-left: 1px solid #cccccc; overflow-y: auto; height: 360px; }
.overlay-content .bio p {font-family: "brandon-grotesque"; font-size: 14px; line-height: 1.3em; color: #1a171b; margin-bottom: 15px; font-weight:500; width: 85%;}
.overlay-content .controls {text-align: center;}
.overlay-content .controls a {display: inline-block; width: 35px; height: 35px; border-radius: 17px; color: #ffffff; background-color: rgba(0,0,0,0.8); font-family: "brandon-grotesque"; font-weight: 300; font-size: 28px; text-align: center; cursor: pointer; padding-top: 1px; margin-right: 25px;}
.overlay-content .controls a.next-bio {padding-left: 3px;}

.overlay-content .controls a.prev-bio {position: absolute; top: 50%; margin-top: -35px; left: -65px; background-color: transparent; font-size: 50px; }
.overlay-content .controls a.next-bio {position: absolute; top: 50%; margin-top: -35px; right: -90px; background-color: transparent; font-size: 50px;}
.overlay-content .controls a.inactive {
    /* background-color: rgba(0,0,0,0.6); */
    color: #666;
    cursor: default;
}


/* Contact */

#contact-form {width: 100%;}
#contact-form form {width: 890px; margin: 0 auto; font-family: "adobe-text-pro"; padding-bottom: 56px;}
#contact-form form .form-line {width: 100%; margin-bottom: 16px;}
#contact-form form .form-line input[type="text"] {float: left; width: 100%; height: 46px; line-height: 46px;}
#contact-form form .form-line input[type="text"]  {
    height: 46px; border: 1px solid #000000; padding-left: 25px; font-family: "adobe-text-pro";
    color: #2d83bf;
    font-size: 21px; font-style: italic; font-weight: 300;}

#contact-form form .form-line input[type="text"].input-full {width: 100%;}
#contact-form form textarea {border: 1px solid #000000; padding-left: 25px; font-family: "adobe-text-pro";
    color: #2d83bf;
    font-style: italic;
    font-size: 21px; height: 140px; resize: none; width: 100%; padding-top: 10px; margin-bottom: 5px;}
#contact-form form p.required {font-family: "adobe-text-pro"; color: #9c9e9f; font-size: 14px;}
#contact-form form .buttons {width: 100%; text-align: center; margin-bottom: 45px;}
#contact-form form .buttons input[type="button"] {display: inline-block; width: 210px; height: 84px; border: none; font-family: "brandon-grotesque"; font-size: 28px; line-height: 33px; margin-top: 24px; background-color: #484549; color: #ffffff; cursor: pointer;}
#contact-form form p.alternate {
    width: 100%;
    text-align: center;
    color: #1a171b;
    font-family: "brandon-grotesque";
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4em;
}
#contact-form form p.alternate a {color: #2c85c1; text-decoration: underline;
    font-family: "brandon-grotesque";
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4em;
}


#contact-form-response {
    display: none;
}

#contact-form-response p {
    color: #1A171B;
    font-family: "brandon-grotesque";
    font-size: 30px;
    font-weight: 400;
    line-height: 33px;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
}

#contact-form table {
    width: 100%;
    margin: 0;
}

#contact-form table tr td {
    width: 50%;
    padding: 0;
    margin: 0;
}

#contact-form table tr td:first-child {
    padding-right: 17px;
}

#contact-form table tr td:last-child {
    padding-left: 17px;
}

#contact-form form .form-line table td input[type="text"] {
    width: 100%;
}


/* Validacion formulario */
p.val-error {font-family: "adobe-text-pro"; color: #9c9e9f; font-size: 12px; color: red; width: 100%; line-height: 16px; padding-left: 25px; display: none;}
#contact-form.validate p.val-error {display: block;}
/* Fin validacion*/

#headquarters {width: 100%; background-color: #569dcd; /* rgba(44, 133, 193, 0.8); */ height: 344px;}
#headquarters .headquarters-content {width: 50%; float: left;}
#headquarters .headquarters-map {width: 50%; float: right; overflow: hidden; height: 100%;}

.headquarters-wrapper {width: 460px; float: right; text-align: left; padding-top: 45px;}
.headquarters-wrapper h3 {color: #ffffff; font-family: "brandon-grotesque"; font-size: 30px; line-height: 33px; text-transform: uppercase; margin-bottom: 40px; font-weight: 400;}
.headquarters-wrapper p {color: #ffffff;font-family: "brandon-grotesque"; font-size: 21px; line-height: 32px;}
.headquarters-wrapper p.city {font-family: "brandon-grotesque"; font-size: 30px; line-height: 33px; text-transform: uppercase; font-weight: 500; margin-bottom: 10px;}
.headquarters-wrapper p.phone {margin-top: 10px;}

#other-locations {width: 100%; background-color: #ffffff;}
#other-locations .locations-wrapper {width: 944px; margin: 0 auto; padding: 70px 0;}
#other-locations .locations-wrapper h3 {width: 100%; text-align: center; font-family: "brandon-grotesque"; font-size: 30px; line-height: 33px; text-transform: uppercase; font-weight: 400; color: #1a171b; margin-bottom: 40px;}
#other-locations .locations-wrapper ul {width: 100%; display: block;}
#other-locations .locations-wrapper ul li {width: 33%; display: block; float: left; text-align: center; margin-bottom: 35px;}
#other-locations .locations-wrapper ul li h4 {font-family: "brandon-grotesque"; font-size: 21px; line-height: 1.4em; text-transform: uppercase; font-weight: 600; color: #1a171b; margin-bottom: 25px;}
#other-locations .locations-wrapper ul li p {font-family: "brandon-grotesque"; font-size: 17px; line-height: 1.5em; font-weight: 400; color: #7c7e7f; margin-bottom: 3px;}




/* Oncology Trials */


.breast:before {background-color: #054073;}
.lung:before {background-color: #0d62ae;}
.colorectal:before {background-color: #2f7bcc;}
.other-gi:before {background-color: #9dc2e9;}
.prostate:before {background-color: #9bcdfd;}
.other-gu:before {background-color: #fcc76f;}
.head:before {background-color: #fba428;}
.other-tumours:before {background-color: #d8d8d8;}
.haematology:before {background-color: #bfbfbf;}
.solid:before  {background-color: #7e7e7e;}

.leyenda-1:before {background-color: #054073;}
.leyenda-2:before {background-color: #0d62ae;}
.leyenda-3:before {background-color: #2f7bcc;}
.leyenda-4:before {background-color: #9dc2e9;}
.leyenda-5:before {background-color: #9bcdfd;}
.leyenda-6:before {background-color: #fcc76f;}
.leyenda-7:before {background-color: #fba428;}
.leyenda-8:before {background-color: #d8d8d8;}
.leyenda-9:before {background-color: #bfbfbf;}
.leyenda-10:before  {background-color: #7e7e7e;}


.sidebar-left {width: 204px; }
.sidebar-right {width: 665px; margin-left: 70px; border: none; padding-left: 0;}

.sidebar-section {width: 100%; margin-bottom: 30px;}
.section-header {background-color: #484549; width: 100%; height: 48px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom: 1px solid #ffffff; padding: 15px 24px;}
.section-header .section-search a {display: inline-block; width: auto;}
.section-header .section-search input {width: 118px; float: right;}
.section-content {background-color: #484549; width: 100%;  border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-bottom: 1px; padding: 30px 24px 24px 24px;}
.section-content .selector .year-selector {width: 100%; height: 24px; line-height: 22px; border: 1px solid #9c9e9f; border-radius: 6px; font-family: "brandon-grotesque"; font-size: 14px; background-color: transparent; color: #ffffff; cursor: pointer; box-shadow: 1px 1px 2px rgba(0,0,0,0.8), inset 1px 1px 2px rgba(0,0,0,0.8); background-image: url('images/year-selector-bg.png'); background-repeat: no-repeat; background-position: 7px center; text-align: center; font-style: normal; text-transform: uppercase; padding-left: 0;}
.section-content .year-selector:last-child {margin-bottom: 25px;}
.section-content .year-selector:last-child {margin-bottom: 25px;}
.section-content .year-selector:active {box-shadow: -1px -1px 2px rgba(0,0,0,0.8), inset -1px -1px 2px rgba(0,0,0,0.8);}

.selector {position: relative; margin-bottom: 15px; }
.sidebar-left .selector ul {display: block; border-radius: 6px; width: 100%; height: auto; background-color: #ffffff; display: none; margin-left: 0 !important;}
.selector ul li:first-child {border-top-left-radius: 6px; border-top-right-radius: 6px;}
.selector ul li:last-child {border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
#content .selector ul li {display: block !important; width: 100%; height: 24px; line-height: 24px; font-family: "brandon-grotesque"; font-size: 14px;  text-align: left; padding: 0; padding-left: 30px; font-style: normal; text-transform: uppercase; background-color: #ffffff; }
#content .selector ul li:hover {border-radius: 6px; background-color: #2c85c1; color: #ffffff; cursor: pointer;}

.selector:hover .year-selector {display: none;}
.selector:hover ul {display: block; z-index: 2; position: relative;}
.selector ul:hover {display: block; }

.section-content .btn, .btn, #news a.btn {display: block; width: 125px; height: 33px; margin: 0 auto; line-height: 31px; font-family: "brandon-grotesque"; font-size: 14px; background-color: transparent; color: #ffffff; text-transform: uppercase; padding-left: 0; text-align: center; font-style: normal; border-radius: 6px; background-color: #2c85c1; border:2px solid #1e5377; cursor: pointer;}
.section-content input.btn { line-height: 27px; }

.section-header p.events {width: 100%; color: #ffffff; font-family: "brandon-grotesque"; font-size: 13px; text-transform: uppercase; background-image: url('images/calendar-icon.png'); background-repeat: no-repeat; background-position: left center; padding-left: 25px; line-height: 17px; font-weight: 600;}


/* News */

#news .news-item {padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #707173; overflow: hidden;}
#news .news-item:last-child {border-bottom: none;}
#news .news-item .btn {border: none; margin: 0; text-align: center; line-height: 45px; height: 45px; width: 164px; font-size: 16px;}
#news .news-item p.news-date {font-family: "adobe-text-pro"; color: #707173; font-style: italic;}
#news .news-item h3 {font-family: "brandon-grotesque"; font-size: 19px; line-height: 1.4em; text-transform: uppercase; font-weight: 600; color:  #2c85c1; margin-bottom: 10px;}
#news .news-item h3 a {color: inherit; text-decoration: none;}

#news .news-footer h5 {font-family: "brandon-grotesque"; font-size: 21px; line-height: 1.4em; text-transform: uppercase; font-weight: 500; margin-bottom: 10px; display: inline-block; float: left;}
#news .news-footer a.linkedin-profile {display: inline-block; width: 20px; height: 20px; float: right;  background-image: url('images/linkedin-profile.png'); background-repeat: no-repeat; background-position: left center; margin-top: 6px;}
#news .news-footer p {margin-bottom: 3px !important; font-size: 16px;}



/* Events */

.page-title.events-title {margin-bottom: 0;}
.page-title.events-title h2 {font-size: 60px; line-height: 60px; height: 300px; padding-top: 75px;}

.calendar-row {width: 100%; border-bottom: 1px solid #ffffff; padding: 72px 0; background-color: #1d2937;}
.calendar-row + .calendar-row {background-color: #293441;}
.calendar-wrapper {width: 910px; margin: 0 auto;}
.calendar-wrapper .month {width: 48%; float: left; text-align: center;}
.calendar-wrapper .month:first-child {margin-right: 4%;}

.calendar-wrapper .month h3 {font-family: "brandon-grotesque"; font-size: 23px; line-height: 1.4em; text-transform: uppercase; font-weight: 800; color: #ffffff; margin-bottom: 50px;}
.calendar-wrapper .month h3 span {display: block; font-size: 14px; line-height: 14px;}

table.calendar {width: 404px; margin: 0 auto;}
table.calendar td {border:1px solid #9c9e9f; color: #ffffff; width: 58px; height: 58px; vertical-align: middle; font-family: "brandon-grotesque"; font-size: 20px; font-weight: 600;}
table.calendar td.empty {border: none;}
table.calendar td a {display: block; width: 57px; height: 57px; color: #ffffff; line-height: 57px; text-decoration: none; position: relative;}

.event-popup {width: 205px; height: 126px; position: absolute; top: 58px; left: -75px; background-repeat: no-repeat; background-position: left top; padding: 10px 20px; padding-top: 33px; overflow: hidden; display: none;}
.event-popup p {font-family: "brandon-grotesque"; font-size: 14px; line-height: 1.1em; text-align: left; font-weight: 300;}
.event-popup p.event-title {text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px solid #ffffff; margin-bottom: 10px; font-size: 12px; font-weight: 600; }

table.calendar td a:hover .event-popup {display: block;}

.events-first table.calendar td a {background-color: #2c85c1;}
.events-first table.calendar td a .event-popup {background-image: url('images/event-bg-blue.png');}
.events-second table.calendar td a {background-color: #9dc2e9;}
.events-second table.calendar td a .event-popup {background-image: url('images/event-bg.png');}
.events-third table.calendar td a {background-color: #fba428;}
.events-third table.calendar td a .event-popup {background-image: url('images/event-bg-orange.png');}
.events-fourth table.calendar td a {background-color: #fcc76f;}
.events-fourth table.calendar td a .event-popup {background-image: url('images/event-bg-yellow.png');}

.upcoming-row {width: 100%; background-color: #1d2937; border-bottom: 1px solid #ffffff; padding: 75px 0;}
.upcoming-wrapper {

    width: 910px; margin: 0 auto; }
.upcoming-year {
    position: relative;
    margin-bottom: 40px;
    padding-left: 180px;
}
.upcoming-year > div {float: left; display: inline-block;}

.upcoming-wrapper .year-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
}
.upcoming-wrapper .year-title p {font-family: "brandon-grotesque"; font-size: 60px; line-height: 1.1em; text-align: left; font-weight: 600; color:#ffffff; }
.upcoming-wrapper .upcoming-event {width: 330px; margin-right: 30px; float: left; height: 142px;}

.upcoming-event p {font-family: "brandon-grotesque"; font-size: 16px; line-height: 1.1em; text-align: left; font-weight: 300; color:#ffffff; padding-left: 25px;}
.upcoming-event p.event-title {text-transform: uppercase;  margin-bottom: 15px; font-weight: 600;  color:#ffffff; font-size: 16px; position: relative;}
.upcoming-event p.event-title:before {width: 14px; height: 14px; border-radius: 8px; content:""; display: block; position: absolute; left: 0; top: 0;background-color: #2c85c1; }

.upcoming-event p.event-title.events-first:before {background-color: #2c85c1;}
.upcoming-event p.event-title.events-second:before {background-color: #9dc2e9;}
.upcoming-event p.event-title.events-third:before {background-color: #fba428;}
.upcoming-event p.event-title.events-fourth:before {background-color: #fcc76f;}

.upcoming-event .event-body {
    height: 50px;
    overflow: hidden;
}


/* PLONE OVERRIDES */
h1, h2 {
	letter-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
}

#portal-searchbox {
	float: none;
	margin: 0;
}

#content {
	margin-top: 0;
}

#contentActionMenus dl.actionMenu a, 
#contentActionMenus dl.actionMenu.activated dd {
	z-index: 9999999;
}

p.hiddenStructure {
	display: none;
	/*
	box-sizing: content-box; 
	margin: -0.1em 0 0 -0.1em !important;
	*/
}

#edit-bar,
#edit-bar ul,
#edit-bar li,
#edit-bar a {
	box-sizing: content-box; 
}

#plone-document-byline {
	margin-bottom: 20px;
}

#content .documentDescription {
	margin-bottom: 20px;
}


#content div.newsImageContainer {
	float: left;
	margin-right: 10px; 
	margin-bottom: 5px; 
	margin-top: 6px;
	margin-left: 0;
}

#content div.newsImageContainer img.newsImage {
	width: 330px;
}


.searchSection {
    display: none;
}

.LSBox input.searchButton {
    display: none;
}

input.searchField {
    -moz-appearance: none;
}

.searchPage input[type="submit"].searchButton {
    background-color: #484549;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "brandon-grotesque";
    font-size: 28px !important;
    height: 84px;
    line-height: 33px;
    margin-top: 24px;
    width: 210px;
    text-transform: uppercase;
    margin-left: 20px;
}


#content .pivotal .listingBar a {
    border-bottom: 0.1em solid #ccc;
}

#content .pivotal .listingBar a:hover {
    color: #fff !important;
}

/* AMR STYLES */


/* these are supposed to be Plone generated content */
#content-core * {
	-moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box; 
	box-sizing: content-box; 
}

#piv-personalbar-wrapper {
	float: left; 
	margin-left: 24px;

}

#portal-columns {
	/* overflow: hidden; */
	min-height: 500px;
}

.home-body p {
	margin-bottom: 0 !important;
}

#pivotal-folder {
	margin: 0 auto;
	width: 940px;
	padding: 45px 50px;
}

#pivotal-page .sidebar-left ul {
	margin-left: 0;
}

#pivotal-page .sidebar-left li {
	display: block;
	line-height: 21px;
	margin-bottom: 0;
}

#pivotal-page .sidebar-left a {
	border-bottom: none;
	color: #707173;
}

#pivotal-page .sidebar-left li.active a,
#pivotal-page .sidebar-left a:hover {
	border-bottom: none;
	color: #2C85C1 !important;
}


#pivotal-page .sidebar-left a.list-toggler {
	color: rgba(0, 0, 0, 0.8);
}

#pivotal-page .sidebar-right ul {margin-bottom: 40px; margin-left: 0;}
#pivotal-page .sidebar-right ul li {font-family: "brandon-grotesque"; font-size: 18px; line-height: 1.5em; color: #707173; background-image: url('images/sidebar-hover.png'); background-repeat: no-repeat; background-position: left 8px; padding-left: 20px;}

#pivotal-page .sidebar-right ul li {
	display: block;
	margin-bottom: 0;
}


#people-dialog-gallery-wrapper {
    overflow: hidden;
    width: 772px;
    height: 360px;
    position: relative;
}

#people-dialog-gallery {
    position: absolute;
    height: 360px;
    top: 0;
    left: 0;
}


.people-dialog-slide {
    /* display: inline-block; */
    float: left;
    width: 772px;
    height: 360px;
    padding-left: 33px;
}


/* GRAPHS */

.graphs > div {width: 32%; height: 262px; float: left; margin-right: 1%; }
.graphs .graph-titles {width: 100%; clear: both; height: 43px;}
.graphs .graph-titles h3 {width: 32%; float: left; margin-right: 1%; text-align: center;  font-family: "brandon-grotesque"; font-size:21px; line-height: 25px; color: #666666; text-transform: uppercase;}
.graphs .graph-titles h3 span {display: block; margin: 0 auto; font-family: "brandon-grotesque"; font-size: 14px; line-height: 16px;}

#pivotal-page .graph-legend {padding-top: 50px; border-top: 1px solid #9c9e9f; margin-bottom: 40px;}
#pivotal-page .graph-legend ul {width: 33%; float: left; margin-bottom: 0;}
#pivotal-page .graph-legend ul li {line-height: 25px; padding-left: 55px; font-family: "brandon-grotesque"; font-size: 18px; margin-bottom: 25px; position: relative;}
#pivotal-page .graph-legend ul li:before {width: 25px; height: 25px; border-radius: 25px; content:""; display: block; position: absolute; left: 0; top: 0;}

#pivotal-page .graph-legend ul li {
	background-image: none;
	color: #000;
}

/* TABLES */

#pivotal-page table.pivotal{
    width: 100%; text-align: center;
    border-radius: 8px; box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
    border-collapse: separate; }
#pivotal-page table.pivotal thead th {background-color: #f5f5f5; color: #2c85c1; font-family: "brandon-grotesque"; font-size: 16px; height: 42px; vertical-align: middle; font-weight: 500;}
#pivotal-page table.pivotal thead {
    /* border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; */
    border-top-left-radius: 8px; border-top-right-radius: 8px;
}
#pivotal-page table.pivotal thead th {border-bottom: 1px solid #999; /* rgba(0,0,0,0.4); */ }
#pivotal-page table.pivotal thead th:first-child {border-top-left-radius: 8px;}
#pivotal-page table.pivotal thead th:last-child {border-top-right-radius: 8px; }
#pivotal-page table.pivotal tbody {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
#pivotal-page table.pivotal tbody td, table.pivotal tbody td a {font-family: "brandon-grotesque"; font-size: 16px; height: 42px; vertical-align: middle; color: #1a171b;}

#pivotal-page table.pivotal thead th {
    padding-left: 6px;
    padding-right: 6px;
}

#pivotal-page table.pivotal tbody td {
    padding-left: 6px;
    padding-right: 6px;
}


h4.legal {
    color: #2c85c1;
    font-family: "brandon-grotesque";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4em;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

p.legal {
    font-family: "brandon-grotesque";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4em;
    margin-top: 10px;
}

a.rdc-access,
a.rdc-access:link,
a.rdc-access:visited {
    color: #fff;
    display: block;
    float: left;
    font-family: "brandon-grotesque";
    font-size: 11px;
    font-weight: 500;
    height: 24px;
    margin-top: 14px;
    margin-right: 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}



/* IE8 HACKS */
.ie8-rounded-item-cover {
    position: absolute;
    width: 190px;
    height: 190px;
    top: 0;
    left: 0;
    display: none;
}

.fuck-you-ie8 {
    display: none;
}