/*
Theme Name: World Democratic Forum
Theme URI: World Democratic Forum
Description: La Plata
Version: 1.0
Author: QKStudio
Author URI: http://www.qkstudio.com/
*/

/* ************************************************** */
/*                       RESET                        */
/* ************************************************** */
* {outline:none;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal;}
a img {border:none;}
ul, figure {margin:0; padding:0;}
ul li {list-style-position:inside }
img {max-width: 100%;}
iframe {width: 100%;}

figure img,
.fig-image img {-webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}
figure:hover img,
.fig-image:hover img {-webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05);}

.no-margin {margin:0 !important;}
.no-margin-vertical {margin-top:0 !important; margin-bottom:0 !important;}
.no-margin-horizontal {margin-left:0 !important; margin-right:0 !important;}
.yes-margin-vertical {margin-top:15px !important; margin-bottom:15px !important;}
.yes-margin-horizontal {margin-left:15px !important; margin-right:15px !important;}
.yes-margin-right {margin-right:15px !important;}
.yes-margin-left {margin-left:15px !important;}
.yes-margin-top {margin-top:15px !important;}
.yes-margin-bottom {margin-bottom:15px !important;}

.no-padding {padding:0 !important;}
.no-padding-vertical {padding-top:0 !important; padding-bottom:0 !important;}
.no-padding-horizontal {padding-left:0 !important; padding-right:0 !important;}
.yes-padding-vertical {padding-top:15px !important; padding-bottom:15px !important;}
.yes-padding-horizontal {padding-left:15px !important; padding-right:15px !important;}

.bg-green {background: #268486;}
.bg-gray {background: #323A45;}
.bg-yellow {background: #EACE00;}

span.read-more a,
span.read-less a {width: 100%; float: left; text-align: center; padding: 10px 0; color: #333; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
span.read-more a:hover,
span.read-less a:hover {color: #268486; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}

.panelizer-view-mode h2,
.pane-term-name .pane-title,
.title-none > h2 {display: none;}
.pane-node-title > h2.pane-title {display: none !important;}

.search-results-box > .pane-title {display: none;}

.panels-flexible-region {padding: 0 15px !important;}
.panels-flexible-region-inside,
.panels-flexible-region-inside-first,
.panels-flexible-region-inside-last {padding: 0 !important;}
.panel-separator {display: none;}
.pane-panels-mini {display: block; clear: both;}

#turnkey-credit {display: none !important;}

.title-page h2.pane-title {margin: 0 0 4% 0!important; color: #217778 !important; font-weight: 600 !important; font-size: 42px !important; line-height: 44px !important; display: inline-block !important; padding: 0 !important;}
.title-page .pane-content {display: none !important;}


/* ************************************************** */
/*                      HEADER                        */
/* ************************************************** */
body {background-color: #f3f3f3 !important; font-family: 'Open Sans', sans-serif !important; overflow-x: hidden;}

.top-bar {position: absolute; top: 0; width: 100%; z-index: 10; color: #adb4be; padding: 10px 0; border-bottom: solid 1px #676E79;}
.tp-scroll {position: relative !important; z-index: 0; background:#323a45; border: none;}
.top-bar div div div a img {max-width: 100%; height: auto;}
.top-bar.tp-scroll > div > div > div .social-share,
.top-bar.tp-scroll > div > div > div .lang,
.top-bar.tp-scroll > div > div > div .search {margin-top: 10px;}

.date-first {margin: 0 !important; line-height: 32px;}

.social-share {display: inline-block; list-style: none; padding: 0; margin: 0 0 0 30px;}
.social-share li {display: inline-block;}
.social-share li a {display: inline-block; color: #9a9da2; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 2px;}
.social-share li a:hover {color: #e4d100;}

.lang {display: inline-block; list-style: none; padding: 0; margin: 0 0 0 30px;}
.lang li {display: inline-block; margin-top: 3px;}
.lang li a {display: inline-block; color: #9a9da2; width: 25px; height: 20px; line-height: 20px; text-align: center; border-radius: 2px; font-size: 12px; text-decoration: none;}
.lang li a:hover,
.lang li.active a {color: #323A45; background: #e4d100;}

.search > div > div > div > form > div > h2,
.search > div > div > div > form > div > div > div.form-type-textfield,
.search > div > div > div > div > div > form > div > div > div.form-type-textfield {/*display: none;*/}
.search > div > div > div > form > div > div > div.form-type-textfield > input[type="text"],
.search > div > div > div > div > div > form > div > div > div.form-type-textfield > input[type="text"] {margin-right: 5px; padding:2px 15px; border:solid 1px #8f9399; background: transparent; color: #8f9399; font-size: 13px;}
.search > div > div > div > form > div > div > div > input[type="submit"],
.search > div > div > div > div > div > form > div > div > div > input[type="submit"] { background: url(images/icon-search.png) no-repeat transparent; border: none;     position: relative; text-indent: -500px; width: 25px; margin: 3px 0 0 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; opacity: 0.5;}
.search > div > div > div > form > div > div > div > input[type="submit"]:hover,
.search > div > div > div > div > div > form > div > div > div > input[type="submit"]:hover { background: url(images/icon-search.png) no-repeat transparent; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; opacity: 1;}

.search.search-mini {margin-top: 10px; margin-right: 20px;}
.search.search-mini > div > div > div > div > form > div > div > div > input[type="text"] {/*display: none;*/ background:transparent; margin-right: 10px; border: solid 1px #92c1c2; color:#92c1c2; padding: 2px 10px; font-size: 14px;}
.search.search-mini > div > div > div > div > form > div > div > div > input[type="submit"]{ background: url(images/icon-search.png) no-repeat transparent; border: none; position: relative; text-indent: -500px; width: 25px; margin: 3px 0 0 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; opacity: 0.5;}
.search.search-mini > div > div > div > div > form > div > div > div > input[type="submit"]:hover { background: url(images/icon-search.png) no-repeat transparent; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; opacity: 1;}

#block-search-form h2 {display: none;}

.main-menu {background: #268486; border-radius: 0 !important; border: 0 !important; min-height: 40px !important; margin-bottom:0 !important;}
.main-menu > div > div > div > .navbar-collapse {padding: 0;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu {display: block; float: left; margin: 10px 0 0 0 !important; padding: 0;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li {position: inherit !important; list-style-type: none !important; list-style-image: none !important; display: block; float: left; margin: 0 !important; padding: 0 !important; position:relative !important;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > li > a .caret {margin-left: 20px;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > a,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > a:focus,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > a,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > a:focus {color: #fff; background: #268486; position: relative; padding: 10px 15px; text-decoration: none; text-transform:uppercase !important; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > a:hover,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > a:hover {background:#eace00; color: #363749; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li.dropdown.open a,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li.dropdown.open > a {background: #fff; color: #268486 !important; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

/* SUBMENU */
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > ul.menu,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > ul.menu {width: 200%; border: 0; border-radius: 0; box-shadow: none; border-bottom: solid 3px #EAEAEA; border-right: solid 1px #EFEFEF; border-left: solid 1px #EFEFEF; padding: 0; display: none; position: absolute; left: 0 !important; background: #fff; z-index: 100; top: 29px;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > ul.menu > li,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > ul.menu > li {float: left; width: 100%; display: block; margin: 0; position: relative; padding:0;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > ul.menu > li:after,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > ul.menu > li:after {position: absolute; content:""; width: 1px; height: 80%; right: 0; background: #f0f0f0; top: 10%;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > ul.menu > li:after:last-child,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > ul.menu > li:after:last-child {display: none;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > ul.menu > li > a,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > ul.menu > li > a {display: block; float: left; padding: 11px; width: 100%; white-space: normal; font-size: 11px; text-align: left; color: #585858 !important; min-height: 13px; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > ul.menu > li > a:hover,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > ul.menu > li > a:hover {background: #f3f3f3; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > ul.menu > li > a:after,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > ul.menu > li > a:after {background: #fff; position: absolute; content: ""; width: 100%; height: 5px; bottom: 0; left: 0;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > ul.menu > li > a:hover:after,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > ul.menu > li > a:hover:after {background: #e9ce01;}

/* WORLD-POLICE-SUBMENU */
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li:nth-child(2) > ul.menu,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li:nth-child(2) > ul.menu {width: 833%; border: 0; border-radius: 0; box-shadow: none; border-bottom: solid 3px #EAEAEA; border-right: solid 1px #EFEFEF; border-left: solid 1px #EFEFEF; padding: 0; display: none; position: absolute; left: -66% !important; background: #fff; z-index: 100; top: 29px;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li {float: left; width: 12.5%; display: block; margin: 0; position: relative; padding:0;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li:after,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li:after {position: absolute; content:""; width: 1px; height: 80%; right: 0; background: #f0f0f0; top: 10%;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li:after:last-child,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li:after:last-child {display: none;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li > a,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li > a {display: block; float: left; padding: 20px 11px; width: 100%; white-space: normal; font-size: 11px; text-align: center; color: #585858 !important; min-height: 15px; text-decoration: none;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li > a,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li > a {display: block; float: left; padding: 20px 11px; width: 100%; white-space: normal; font-size: 11px; text-align: center; color: #585858 !important; min-height: 169px;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li > a figure,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li > a figure {display: block; float: left; width: 100%; min-height: 50px; padding: 10px 5%;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li > a:hover,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li > a:hover {background: #f3f3f3;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li > a:after,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li > a:after {background: #fff; position: absolute; content: ""; width: 100%; height: 5px; bottom: 0; left: 0;}
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li > a:hover:after,
.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li:nth-child(2) > ul.menu > li > a:hover:after {background: #e9ce01;}

/* WORLD-POLICE-MENU */
#menu-world-police {border-radius: 0; box-shadow: none; border-bottom: solid 3px #EAEAEA; background:#fff; margin-bottom:0; margin-top: 0;}
#menu-world-police.mwp {margin-bottom:35px;}
#navbar-world-police > ul > div > div > div > ul > li {float: left; width: 12.5%; display: block; margin: 0; position: relative; padding:0;}
#navbar-world-police > ul > div > div > div > ul > li:after {position: absolute; content:""; width: 1px; height: 80%; right: 0; background: #f0f0f0; top: 10%;}
#navbar-world-police > ul > div > div > div > ul > li:last-child:after {display: none;}
#navbar-world-police > ul > div > div > div > ul > li a {display: block; float: left; padding: 20px 11px; width: 100%; white-space: normal; font-size: 11px; text-align: center; color: #585858 !important; min-height: 155px; text-decoration:none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
#navbar-world-police > ul > div > div > div > ul > li a figure {display: block; float: left; width: 100%; min-height: 50px; padding: 10px 5%;}
#navbar-world-police > ul > div > div > div > ul > li a figure img {max-width: 100%; height: auto;}
#navbar-world-police > ul > div > div > div > ul > li a:hover {background: #f3f3f3; text-decoration:none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
#navbar-world-police > ul > div > div > div > ul > li a:after {background: #fff; position: absolute; content: ""; width: 100%; height: 5px; bottom: 0; left: 0;}
#navbar-world-police > ul > div > div > div > ul > li a:hover:after {background: #e9ce01;}

#nav-scroll{ width: 100%; display: inline-block; position: fixed; z-index: 999; top: -400px; left: 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}

.navbar-toggle {background-color: #fff !important;}
.navbar-toggle .icon-bar {background: #268486 !important;}

.main-menu > div > div > div > .navbar-collapse.in > ul > li {position: inherit !important; float: left; width: 100%; border-bottom: solid 1px #2FA6A9;}
.main-menu > div > div > div > .navbar-collapse.in > ul > li ul.dropdown-menu li.dropdown:last-child {border: 0;}
.main-menu > div > div > div > .navbar-collapse.in > ul > li ul.dropdown-menu {position: relative !important; border: 0 !important; background: transparent !important; width: 100%;
 float: left;}
.main-menu > div > div > div > .navbar-collapse.in > ul > li ul.dropdown-menu li.dropdown {float: left; width: 100%; display: block; margin: 0; position: relative; background: transparent; border:0; border-bottom: solid 1px #2FA6A9;}
.main-menu > div > div > div > .navbar-collapse.in > ul > li ul.dropdown-menu li.dropdown a {min-height: inherit !important; padding: 10px 15px; text-align: left; font-size: 14px; background: transparent; border: 0; color: #fff !important;}
.main-menu > div > div > div > .navbar-collapse.in > ul > li ul.dropdown-menu li.dropdown:after,
.main-menu > div > div > div > .navbar-collapse.in > ul > li ul.dropdown-menu li.dropdown a:after,
.main-menu > div > div > div > .navbar-collapse.in > ul > li ul.dropdown-menu li.dropdown a figure {display:none;}
.main-menu > div > div > div > .navbar-collapse.in > ul > li ul.dropdown-menu li.dropdown a:hover {background:#eace00; color: #363749 !important;}
.expanded.dropdown > .dropdown-toggle:after {color: #fff; content: ' ▾';}
.expanded.dropdown > .dropdown-toggle:hover:after {color: #444; content: ' ▾';}
.expanded.dropdown .leaf figure { display: none; }

/* ************************************************** */
/*                        HOME                        */
/* ************************************************** */
/*.banner-home {width:100%; height:365px; overflow:hidden;position: relative;background:url(images/banner-head.jpg) no-repeat center;} */
.banner-home {width:100%; height:250px; overflow:hidden;position: relative;background:url(images/banner-head.jpg) no-repeat bottom;}
.banner-home > div > div > .logo img {max-width: 90%; height:auto; margin:25% auto 0 auto; padding:0; display:block;}

.home-title h4 {display: block; float:left; margin:0 0 25px 0 !important; border: 0 !important; padding:0 0 0 52px !important; color: #323941 !important; font-size: 32px !important; line-height: 32px !important; font-weight:500 !important; position: relative; font-family: 'Roboto', sans-serif;}
h2.pane-title,
#events h2,
.pane-homepage-document-loop > h2.pane-title {display: block; float:left; margin:45px 0 45px 0 !important; border: 0 !important; padding:0 0 0 52px !important; color: #323941 !important; font-size: 32px !important; line-height: 32px !important; font-weight:500 !important; position: relative; font-family: 'Roboto', sans-serif;}
.home-title h4:before,
#strategy > h2.pane-title:before,
#partners > h2:before,
#docs > h2:before,
.pane-subportada-documents h2:before,
#events h2:before,
.pane-homepage-document-loop > h2.pane-title:before,.pane-documents-loop-02 h2.pane-title:before  {display: block; margin:0 15px 0 0; padding:0; position: absolute; width:39px; height:38px; left:0; top:0; content:"";}
.home-title h4.pic-forum:before {background: url(images/title-pic.jpg) no-repeat -512px 0;}
.home-title h4.pic-strat:before,
#strategy > h2.pane-title:before {background: url(images/title-pic.jpg) no-repeat -39px 0;}
.home-title h4.pic-troix:before {background: url(images/title-pic.jpg) no-repeat -78px 0;}
.home-title h4.pic-event:before,
#events h2:before {background: url(images/title-pic.jpg) no-repeat -117px 0;}
.home-title h4.pic-propp:before {background: url(images/title-pic.jpg) no-repeat -156px 0;}
.home-title h4.pic-blog:before {background: url(images/title-pic.jpg) no-repeat -197px 0;}
.home-title h4.pic-doss:before,
#docs > h2:before,
.pane-subportada-documents h2:before,
.pane-documents-loop-02 h2.pane-title:before {background: url(images/title-pic.jpg) no-repeat -237px 0;}
.home-title h4.pic-part:before,
#partners > h2:before {background: url(images/title-pic.jpg) no-repeat -277px 0;}
.home-title h4.pic-news:before {background: url(images/title-pic.jpg) no-repeat -316px 0;}
.home-title h4.pic-quote:before {background: url(images/title-pic.jpg) no-repeat -356px 0;}
.home-title h4.pic-info:before {background: url(images/title-pic.jpg) no-repeat -395px 0;}
.home-title h4.pic-media:before {background: url(images/title-pic.jpg) no-repeat -435px 0;}
.home-title h4.pic-search:before {background: url(images/title-pic.jpg) no-repeat -473px 0;}

/* HOME-TWO-COLS */
#home-two-cols {}
/*
#forum {overflow: hidden; display: block; float: left; width: 100%; position: relative; margin-bottom: 45px;}
*/
#forum {display: none; }
#forum .row {margin: 0;}
#forum .tab-content {padding: 0; height: 100%; position: absolute; float: left;}
#forum .tab-content .tab-pane,
#forum .tab-content .tab-pane article,
#forum .tab-content .tab-pane article a,
#forum .tab-content .tab-pane article a figure {float: left; margin: 0; position: relative; height: 100%; width: 100%; overflow:hidden;}
#forum .tab-content .tab-pane article a figure img {height: auto; width: 100%;}
#forum .tab-content .tab-pane article a figure figcaption {position: absolute; background: #323a45; padding:5%; left:0; bottom:0; width: 96.2%; z-index: 99;}
#forum .tab-content .tab-pane article a figure figcaption h1 {margin: 0 0 15px 0; color: #fff; font-size: 22px; line-height: 24px; font-weight: 400;}
#forum .tab-content .tab-pane article a figure figcaption p {color: #ccc; font-size: 13px; line-height: 20px; font-weight: 400; margin: 0;}
#forum ul.nav {float: right; margin: 0; padding: 0; position: relative; z-index: 99;}
#forum ul.nav li {background: #fff; float: right; height: 170px; width: 100%; position: relative;}
#forum ul.nav li.active,
#forum ul.nav li.active a {background: #eace00; border-bottom: solid 4px #eace00; font-weight: 600; color: #343d42; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#forum ul.nav li.active a:hover,
#forum ul.nav li a:hover {background: #eace00; border-bottom: solid 4px #eace00; color: #333; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#forum ul.nav li a {height: 170px; padding: 0 15%; position: relative; border-bottom: solid 4px #eaeaea; color: #333; font-size: 20px; font-weight: 400; line-height: 26px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; display:table-cell; vertical-align:middle;}
#forum ul.nav li.active:before {content: ""; position: absolute; z-index: 10; border-bottom: 80px solid transparent; border-right: 29px solid #eace00; border-top: 80px solid transparent; height: 0px; width: 0px; margin: 0 0 0 -29px; left: 0;}

#strategy {display: block; float: left; width: 100%; position: relative; margin-bottom: 0;}
.pane-list-homepage-en > div > div > div {display: block; float: left; width: 100%; position: relative; margin-bottom: 30px;}
#strategy article a,
.pane-list-homepage-en > div > div > div > div.views-row {float: left; display: block; width: 100%; margin: 0 0 15px 0; background: #fff; border-bottom: solid 2px #e0e0e0; border-right: solid 1px #efefef; position: relative; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#strategy article a:hover,
.pane-list-homepage-en > div > div > div > div.views-row:hover {background: #efefef; border-bottom: solid 2px #e0e0e0; border-right: solid 1px #efefef; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#strategy article a figure, .pane-list-homepage-en > div > div > div > div.views-row > div > div.strat-img {display: block; float: left; min-height: 204px;}
#strategy article a figure,
.pane-list-homepage-en > div > div > div > div.views-row > div > div a {float: left; margin: 0; position: absolute; height: 100%; overflow:hidden; padding:0; left: 0;}
#strategy article a figure img,
.pane-list-homepage-en > div > div > div > div.views-row > div > div a img {float: none; margin: 0 auto; height: auto; width: 100%;-webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}
#strategy article a:hover figure img,
.pane-list-homepage-en > div > div > div > div.views-row > div > div a:hover img{-webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05);}
#strategy article a .strategy-text h3,
.pane-list-homepage-en > div > div > div > div.views-row > div.views-field-title h3 a {color: #343843 !important; font-size: 28px; line-height: 30px; font-weight: 300; margin: 10px 0 15px 0; text-decoration: none;}
.pane-list-homepage-en > div > div > div > div.views-row > div.views-field-title h3 a:hover {color: #343843 !important; text-decoration: none;}
#strategy article a .strategy-text p,
.pane-list-homepage-en > div > div > div > div.views-row > div.views-field-title p {color: #555; font-size: 14px; line-height: 25px; font-weight: 400; margin: 0;}

#troix {display: block; float: left; width: 100%; position: relative; margin-bottom: 45px;}
#troix .panel {border: 0; border-radius: 0; margin-bottom: 2px;float: left; width: 100%;}
#troix .panel .panel-heading {background: #268486; border: 0; border-radius: 0; padding: 0; width: 100%; display: table;}
#troix .panel .panel-heading.active h4 a.accordion-toggle {padding: 0; display: table; width: 100%; background: #268486; position: relative;}
#troix .panel .panel-heading.active h4 a.accordion-toggle span {padding: 2% 5%; display: block; float: left; background: #217778; color: #fff; font-size: 55px; font-weight: 100; font-family: 'Open Sans', sans-serif !important; position: absolute; height: 100%;}
#troix .panel .panel-heading.active h4 a.accordion-toggle strong {padding: 5% 0 5% 20%; display: block; float:left; color: #fff; font-weight: 400; max-width: 75%;}
#troix .panel .panel-heading.active h4 a.accordion-toggle i {padding: 5%; display: block; float:right; color: #fff;}
#troix .panel .panel-heading h4 a.accordion-toggle,
#troix .panel .panel-heading h4 a.accordion-toggle.collapsed {padding: 0; display: table; width: 100%; background: #fff; position: relative;}
#troix .panel .panel-heading h4 a.accordion-toggle span,
#troix .panel .panel-heading h4 a.accordion-toggle.collapsed span {padding: 2% 5%; display: block; float:left; background: #f9f9f9; color: #959595; font-size: 55px; font-weight: 100; font-family: 'Open Sans', sans-serif !important; position: absolute; height: 100%;}
#troix .panel .panel-heading h4 a.accordion-toggle strong,
#troix .panel .panel-heading h4 a.accordion-toggle.collapsed strong {padding: 5% 0 5% 20%; display: block; float:left; font-weight: 400; color: #323440; max-width: 75%;}
#troix .panel .panel-heading h4 a.accordion-toggle i,
#troix .panel .panel-heading h4 a.accordion-toggle.collapsed i {padding: 5%; display: block; float:right; color: #959595;}
#troix .panel .panel-collapse .panel-body {padding: 5%;}
#troix .panel .panel-collapse .panel-body p {margin-bottom: 20px; color: #555; font-size: 14px; line-height: 25px; font-weight: 400;}
#troix .panel .panel-collapse .panel-body ul {margin-bottom: 20px;}
#troix .panel .panel-collapse .panel-body ul li{color: #555; font-size: 14px; line-height: 25px; font-weight: 400; position: relative; list-style-type: none; padding: 0 0 0 15px;}
#troix .panel .panel-collapse .panel-body ul li:before {content:""; position: absolute; width: 8px; height: 8px; background: #e5d000; top: 10px; left: 0; border-radius: 4px;}

/* HOME-ONE-COL */
#home-one-col {margin-bottom: 25px;}

#events {display: block; float: left; width: 100%; position: relative; margin-bottom: 45px;}
#events .row,
#events > div {background: #fff; display: block; float: left; width: 100%;}
#events .row article,
#events > div > div {border-right: solid 3px #f3f3f3;}
#events .row article:nth-child(3),
#events > div > div:nth-child(3) {border-right: 0;}
#events .row article a div .date  {background: #333; display: block; float: left; width: 100%; text-align:center; color: #fff;}
#events .row article a div .date p  {font-size: 30px; font-weight: 300; line-height: 17px; padding: 10px 0 0 0;}
#events .row article a div .date p em {font-style: normal; font-size: 14px; text-transform: uppercase;}
#events .row article a div .date p strong {width: 100%;background:#268486; display: block; float: left; font-size: 15px; padding: 2px 5px 3px 5px; margin-top: 3px; font-weight: 400;}
#events > div > div > div > table {width: 100%;}
#events > div > div > div > table > tbody > tr > td {display: block; float:left;}
#events > div > div > div > table > tbody > tr > td > div > .date > span {background: #333; display: block;float: left; width: 100%;color: #fff; font-size: 20px; font-weight: 400; line-height: 18px; padding: 3% 3% 3% 17%; margin-bottom: 20px; text-transform: uppercase; position: relative;}
#events > div > div > div > table > tbody > tr > td > div > .date > span:before {position: absolute; content: url(images/ico-calendar.png); height: 100%; top: 0; left: 0; background: #268486; padding: 5px 10px;}
#events .row article a .event-text h5,
#events > div > div > div > table > tbody > tr > td > div > h5 {color: #323941; font-size: 22px; line-height: 24px; font-weight: 600; margin-bottom:10px;}
#events > div > div > div > table > tbody > tr > td > div > h5 a {color: #323941; text-decoration: none;}
#events .row article a .event-text span,
#events > div > div > div > table > tbody > tr > td > div > span.lugar {color: #313842; font-size: 14px; line-height: 25px; font-weight: 400; margin-bottom:10px;padding-left: 15px; position:relative; display:block;}
#events .row article a .event-text span:before,
#events > div > div > div > table > tbody > tr > td > div > span.lugar:before {position:absolute; content:""; width:8px; height:8px; background: #e5d000; top:10px; left:0;}
#events > div > div > div > table > tbody > tr > td > div > span.lugar span {margin-left: 5px;}
#events .row article a .event-text p,
#events > div > div > div > table > tbody > tr > td > div > .bajada p {color: #333; font-size: 14px; line-height: 25px; font-weight: 400; margin: 0;}
#events div article a {display: table; padding-top: 15px; padding-bottom: 30px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#events .row article a:hover,
#events > div > div:hover {background: #efefef; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#events > div > div:hover > div > table > tbody > tr > td > div > h5 a {color: #268486; text-decoration: none;}
#events > div > div:hover > div > table > tbody > tr > td > div > span.lugar {color: #999;}

.proposal-paper {display: block; float: left; margin: 0 0 45px 0; width: 100%;  padding: 15px 0; position: relative;}
#proposal-paper > div.control-box {display: block; right: 0; width: 90px; margin: 0; position: absolute; top: -74px; z-index:10;}
#proposal-paper > div.control-box a {width: 40px; height: 40px; background: #dfdfdf !important; color: #666; text-shadow: none; font-size: 45px; font-weight: 300; line-height: 27px;text-align: center;}
#proposal-paper > div.carousel-inner > .item > ul {background: #fff; border-bottom: solid 2px #e0e0e0; border-right: solid 1px #efefef; border-left: solid 1px #efefef; display:block; float: left;}
#proposal-paper > div.carousel-inner > .item > ul > li {list-style-type: none; padding:0;}
#proposal-paper > div.carousel-inner > .item > ul > li a {display: block; padding: 15px 15px 30px 15px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none;}
#proposal-paper > div.carousel-inner > .item > ul > li a:hover {background: #efefef; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#proposal-paper > div.carousel-inner > .item > ul > li a > .thumbnail {padding: 0; border: 0; border-radius: 0; background: transparent !important; overflow:hidden; min-height: 170px; max-height: 220px;}
#proposal-paper > div.carousel-inner > .item > ul > li a > .thumbnail img{ -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; width: 100%;}
#proposal-paper > div.carousel-inner > .item > ul > li a:hover > .thumbnail img {-webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05);}
#proposal-paper > div.carousel-inner > .item > ul > li a > .caption > h3 {color: #323941; font-size: 22px; line-height: 24px; font-weight: 600; margin-bottom:20px;}
#proposal-paper > div.carousel-inner > .item > ul > li a > .caption > span {color: #313842; font-size: 14px; line-height: 25px; font-weight: 400; margin-bottom:10px; padding-left: 15px; position:relative; display:block;}
#proposal-paper > div.carousel-inner > .item > ul > li a > .caption > span:before {position:absolute; content:""; width:8px; height:8px; background: #e5d000; top:10px; left:0;}
#proposal-paper > div.carousel-inner > .item > ul > li a > .caption > p {color: #333; font-size: 14px; line-height: 25px; font-weight: 400; margin: 0;}


/* ************************************************** */
/*                       CONTENT                      */
/* ************************************************** */
.banner-page {width:100%; height:278px; overflow:hidden;position: relative;background:url(images/banner-head.jpg) no-repeat center;}
.banner-page > div > div > .logo img {max-width: 100%; height:auto; margin:20% auto 0 auto; padding:0; display:block;}

#pathway {margin-top: 0; border-bottom: solid 1px #e5e5e5; padding: 0; margin-bottom:2.5%;}
#pathway div .breadcrumb {padding: 10px 15px; margin: 0; background: transparent; text-transform: uppercase; line-height: 1.5em;}
#pathway div .breadcrumb li {display: inline !important;}
#pathway div .breadcrumb li a,
.breadcrumb a,
.breadcrumb {color: #7e7e7e; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none !important;}
#pathway div .breadcrumb li.active,
.breadcrumb {color: #7e7e7e;}
#pathway div .breadcrumb li a:hover,
.breadcrumb a:hover {color: #000; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none !important;}
#pathway div .breadcrumb > li + li:before {content: "►" !important; padding: 0 5px; color: #E3C701; font-size: 1em;}

#home-one-col-full {margin-top: -40px; margin-bottom: 25px; background: #fff; padding-top: 15px; padding-bottom: 30px; border-bottom: solid 1px #e4e4e4;}
#home-one-col-full div .row div h1 {color: #217778; font-weight: 600; font-size: 42px; line-height: 44px; margin-left: 15px; margin-right: 15px;}
#home-one-col-full div .row div p {font-weight: 300; font-size: 16px; line-height: 26px; margin-left: 15px; margin-right: 15px; margin-bottom: 30px;}

.page .row,
.page > div:first-child,
.search-results {margin: 0 0 45px 0; background: #fff; padding-top: 30px; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 2px #e4e4e4; padding: 4% !important; float: left; width:100%;}
.page .row.title-exp-box {margin: 0 0 5px 0;}

.page .row h1,
.page div h1,
.search-results h2 {margin: 0 0 2% 0 !important; color: #217778 !important; font-weight: 500 !important; font-size: 50px !important; line-height: 52px !important; display: inline-block; padding: 0 !important; width: 100%; font-family: 'Roboto', sans-serif;}
.page .row h2,
.page div h2 {margin: 0 4% 4% 0; color: #383b40; font-weight: 300; font-size: 32px; line-height: 34px; display: inline-block; border: 0;}
.page .row h3,
.page div  h3 {margin: 3% 0 4% 0; color: #000; font-weight: 400; font-size: 22px; line-height: 30px; border-bottom: solid 3px #eee; padding-bottom: 20px; display: block;}
.page .row h4,
.page div h4 {margin: 3% 0 4% 0; color: #217778; font-weight: 300; font-size: 20px; line-height: 26px; border-bottom: solid 3px #eee; padding-bottom: 20px; display: block;}
.page .row h5,
.page div h5 {margin: 3% 0; color: #217778; font-weight: 300; font-size: 18px; line-height: 24px; display: inline-block;}
.page .row h6:first-child,
.page div h6:first-child {margin: 3% 0; color: #217778; font-weight: 300; font-size: 14px; line-height: 22px; border-top: solid 1px #eee !important; padding-top: 20px; font-style:italic; display: inline-block;}
.page .row h6,
.page div h6 {margin: 0 0 3% 0; padding-top: 0; border-top: 0;  color: #217778; font-weight: 300; font-size: 14px; line-height: 22px; font-style:italic; display: inline-block;}

.page .row p,
.page div p {margin: 0 0 4% 0; color: #555; font-weight: 400; font-size: 16px; line-height: 26px;}
.page .row p strong,
.page div p strong {color: #333; font-weight: 600; font-size: 16px;}

.page .row p a,
.page div p a,
.page .row p a strong,
.page div p a strong {color: #217778 !important;}

.page .row ul,
.page div ul {margin: 0 0 4% 0;}
.page .row ul li,
.page div ul li {margin: 0 0 2px 0; color: #555; font-weight: 400; font-size: 16px; line-height: 26px; position: relative; list-style-type: none; padding-left: 10px;}
.page .row ul li:before,
.page div ul li:before {content: ""; position: absolute; width: 4px; height: 4px; background: #555; top: 11px; left: 0; border-radius: 3px;}

.page > .row > figure,
.fig-image {margin: 0 0 4% 0; overflow: hidden; position: relative; width:100%;}
.page > .row > figure img,
.fig-image img {width: 100%; height:auto;}
.page .row .fig-caption,
.fig-caption {color: #222; padding: 0 10px; line-height: 17px !important; border-left: solid 5px #217778; font-size: 13px !important; display: table; margin: -10px 0 30px 0 !important; font-weight: 400 !important;}
.fig-caption > div > div > div.field-label,
.fig-caption > div > div > div.field-items {display: inline-block; font-weight: 400 !important;}
.fig-caption > div > div > div > div > p {margin: 0 !important;}
.page .row .fig-caption a,
.fig-caption > div > div > div > div > p > a {color: #217778; font-size: 13px !important;}

.doc-upload > h2.pane-title {margin: 0 0 3% 0 !important; color: #383b40 !important; font-weight: 300 !important; font-size: 32px !important; line-height: 34px !important; display: table !important; width: 100% !important; padding: 0!important;}
.doc-upload > .pane-content {display: table; width: 100% !important;}
.page .row ul.doc-upload,
.doc-upload > div > div > div.field-items {margin: 0 0 4% 0;}
.page .row ul.doc-upload li,
.doc-upload > div > div > div > div > .file {margin: 0 0 2px 0; font-weight: 300; font-size: 16px; line-height: 26px; list-style-type: none; padding: 0;border-bottom: solid 1px #ccc;display: table; width: 100%;}
.page .row ul.doc-upload li:before,
.doc-upload > div > div > div > div > .file:before {display: none;}
.page .row ul.doc-upload li a,
.doc-upload > div > div > div > div > .file a {color: #555; font-weight: 400; font-size: 16px; line-height: 26px; padding: 7px 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none !important; display: block; width: 96%; position:relative; padding:7px 0 7px 4%;}
.page .row ul.doc-upload li a:hover,
.doc-upload > div > div > div > div > .file a:hover {color: #333; background:#f9f9f9; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none !important;}
.page .row ul.doc-upload li a i{margin:0 12px 0 2px;}
.doc-upload > div > div > div > div > .file a:before {content: url('images/ico-pdf.png'); position: absolute; width: 30px; height: 30px; top: 6px; left: 0;}
.page .row ul.doc-upload li,
.doc-upload > div > div > div > div > .file img {display: none;}

.doc-link > .pane-content {display: table; width: 100% !important;}
.doc-link > .pane-content > div >.field-label {margin: 0 0 3% 0 !important; color: #383b40 !important; font-weight: 300 !important; font-size: 32px !important; line-height: 34px !important; display: table !important; width: 100% !important; padding: 0!important;}
.doc-link > .pane-content > div > div.field-items {margin: 0 0 4% 0;}
.doc-link > .pane-content > div > div > div {margin: 0 0 2px 0; font-weight: 300; font-size: 16px; line-height: 26px; list-style-type: none; padding: 0;border-bottom: solid 1px #ccc;display: table; width: 100%;}
.doc-link > .pane-content > div > div > div:before {display: none;}
.doc-link > .pane-content > div > div > div a {color: #555; font-weight: 400; font-size: 16px; line-height: 26px; padding: 7px 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none !important; display: block; width: 96%; position:relative; padding:7px 0 7px 4%;}
.doc-link > .pane-content > div > div > div a:hover {color: #333; background:#f9f9f9; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none !important;}
.doc-link > .pane-content > div > div > div a:before {content: url('images/ico-link.png'); position: absolute; width: 30px; height: 30px; top: 6px; left: 0;}
.doc-link > .pane-content > div > div > div img {display: none;}

#content-page {margin: 0 -4.3%;}
.acc-inside {border: 0 !important; box-shadow: none !important; margin-bottom: -1px !important;}
.acc-inside div div div.panel {border: 0 !important;border-radius: 0 !important; box-shadow: none !important;}
.acc-inside .panel-heading,
.acc-inside div div div .panel-heading {border: solid 1px #E4E4E4; border-radius: 0; padding: 0;}
.acc-inside .panel-heading h4,
.acc-inside div div div .panel-heading h4 {margin: 0 !important; border: 0 !important; padding: 0 !important;}
.acc-inside .panel-heading h4 a,
.acc-inside div div div .panel-heading h4 a {padding: 20px 10px; display: table; width: 100%; background: #f3f3f3; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; font-size: 20px; line-height: 24px; text-decoration: none !important; color: #383b40;}
.acc-inside .panel-heading.active h4 a,
.acc-inside div div div .panel-heading h4 a.collapsed {background: #f3f3f3; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none !important;}
.acc-inside .panel-heading h4 a:hover,
.acc-inside div div div .panel-heading h4 a:hover {background: #ededed; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none !important;}
.acc-inside .panel-collapse .panel-body,
.acc-inside div div div .panel-collapse .panel-body {padding: 30px 0 0 0; border: none !important; box-shadow: none !important; color: #fff; font-size: 1px;}
.acc-inside .panel-collapse .panel-body p,
.acc-inside div div div .panel-collapse .panel-body p {margin: 0 10px 30px 10px; color: #555; font-weight: 400; font-size: 16px; line-height: 26px;}
.acc-inside div div div .panel-collapse .panel-body ul {margin: 0 0 4% 0;}
.acc-inside div div div .panel-collapse .panel-body ul li {margin: 0 0 2px 0; color: #555; font-weight: 400; font-size: 16px; line-height: 26px; position: relative; list-style-type: none; padding-left: 10px;}
.acc-inside div div div .panel-collapse .panel-body ul li:before {content: ""; position: absolute; width: 4px; height: 4px; background: #555; top: 11px; left: 0; border-radius: 3px;}

.acc-inside .panel-collapse .panel-body h3,
.acc-inside div div div .panel-collapse .panel-body h3 {margin: 0 10px 30px 10px !important; color: #383b40; font-weight: 300; font-size: 32px; line-height: 34px; border: 0 !important; padding: 0 !important;}

.mini-data {margin: 0 0 15px 0; display: block; float: left; width: 100%;}
.mini-date {display: block; margin-left: 0;}
.mini-date:before {display: block; float: left; width: 26px; height: 27px; margin:3px 10px 0 0; content:""; background:url(images/calendar-icon.jpg) no-repeat top left;}
.mini-data .mini-date i,
.mini-date i {display: block; float: left; margin: 3px 10px 0 0; color: #555; font-size: 24px;}
.mini-data .mini-date span,
.mini-date span,
.mini-data .mini-date h2,
.mini-date h2 {display: block !important; text-transform: uppercase !important; color: #6c6c6c !important; font-size: 12px !important; line-height: 15px !important; font-weight: 300 !important; float: left !important; width: 80% !important; margin: 0 !important; padding: 0 !important;}
.mini-data .mini-date span strong,
.mini-date div {font-weight: 400 !important; font-size: 14px !important; display: block; float:left; color: #6c6c6c;}
.mini-data .mini-date span strong {font-weight: 400 !important; font-size: 14px !important;}
.mini-shared {display: block; margin-right: 0;}

.mini-tax {margin: 0; display: table; width: 100%; padding: 0;}
.mini-tax ul,
.mini-tax > div > div {margin: 0 !important; display: table; float: left; width: 100%; border-top: solid 1px #eee; padding-top: 15px;}
.mini-tax > div > div > div {display: block; float: left; color: #555; text-transform:uppercase; font-weight: 400 !important;}
.mini-tax ul li,
.mini-tax > div > div > div > div {display: inline-block; list-style-type: none !important; text-transform: uppercase; font-size: 13px !important; line-height: 22px !important; margin-right: 7px !important; font-weight: 300 !important; padding-left: 8px !important; width: auto; position: relative;}
.mini-tax ul li:before,
.mini-tax > div > div > div > div:before {top: 8px !important; content: ""; position: absolute; width: 4px; height: 4px; background: #555; top: 11px; left: 0; border-radius: 3px;}
.mini-tax ul li a,
.mini-tax > div > div > div > div > a {text-transform: none !important; color: #217778; font-size: 14px !important; font-weight: 400;}

.pager {margin: 0 15px 45px 15px !important;}
.pager li {background-image: none; display: inline; list-style-type: none; padding: 0 !important; border-radius: 0 !important; margin: 0 0 5px 5px !important;}
.pager li.pager-current {display: inline-block; padding: 5px 14px !important; background-color: #268486; border: 1px solid #268486; border-radius: 0 !important; color: #fff; font-size: 13px; margin: 0 0 5px 5px !important; font-weight: 400;}
.pager li > a,
.pager li > span {display: inline-block; padding: 5px 14px !important; background-color: #fff; border: 1px solid #ddd; border-radius: 0 !important; color: #666; font-size: 13px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.pager li > a:hover,
.pager li > span:hover {background-color: #268486 !important; color: #fff; border: 1px solid #268486; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}

/* SEARCH-RESULT */
.search-results > div > form > div > div > div > input[type="text"] {background: #fff; width: 80%; border: solid 1px #eee; padding: 10px; color: #555; font-weight: 400; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; margin-bottom: 15px;display:block;float:left;}
.search-results > div > form > div > div > div > input[type="submit"]{background: #268486; width: 17%; border: 0; padding: 10px; color: #fff; font-weight: 300; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; line-height: 22px; margin-bottom: 0; text-transform: uppercase;display:block;float:right;}
.search-results > div > form > div > div > div > input[type="submit"]:hover{background: #eace00; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.search-results-box > div > ol {margin: 0 0 45px 0; background: #fff; padding: 0 !important; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 2px #e4e4e4; width: 100%; display: table;}
.search-results-box > div > ol li{display: block; padding: 15px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none; float: left; border-bottom: solid 1px #E4E4E4; margin:0; width: 100%;}
.search-results-box > div > ol li:hover {background: #efefef; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.search-results-box > div > ol li > h3 {color: #323941 !important; font-size: 22px !important; line-height: 24px !important; font-weight: 600 !important; margin-bottom:10px !important; margin-top:0 !important;}
.search-results-box > div > ol li > h3 a {color: #323941; text-decoration:none;}
.search-results-box > div > ol li > div {padding: 0 !important;}
.search-results-box > div > ol li > div p.search-snippet {color: #555; font-size: 14px; line-height: 22px; font-weight: 400; margin: 0 0 10px 0;}
.search-results-box > div > ol li > div p.search-snippet strong {color: #555; font-weight: 600;}
.search-results-box > div > ol li > div p.search-info {color: #555;}
.search-results-box > div > ol li > div p.search-info a {color: #268486;}

.search-results-box > div > ul {border: solid 1px #E5D000; display: block; float: left; padding: 4%;}
.search-results-box > div > ul > li {font-family: 'Open Sans', sans-serif !important; color: #323941; font-size: 14px; line-height: 20px; font-weight: 400; margin-bottom: 5px; margin-top: 0; text-decoration: none; padding: 0 0 0 20px; display: block; float: left; position:relative;}
.search-results-box > div > ul > li:before {position: absolute; content: ""; width: 8px; height: 8px; background: #e5d000; top: 6px; left: 0;}

/* ARCHIVE-DOCUMENT */
.archive-doc {/*margin: -15px;*/}
#archive-doc .row,
.archive-doc > div > table {margin: 0 0 45px 0; background: #fff; padding-top: 0; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 2px #e4e4e4; width: 100%;}
#archive-doc .row article {list-style-type: none; padding:0;}
#archive-doc .row article a,
.archive-doc > div > table > tbody > tr > td {display: block; padding: 15px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none; float: left; width: 100%; border-bottom: solid 1px #E4E4E4;}
#archive-doc .row article a:hover,
.archive-doc > div > table > tbody > tr > td:hover {background: #efefef; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#archive-doc .row article a > .thumbnail,
.archive-doc > div > table > tbody > tr > td > div > .thumbnail {padding: 0; border: 0; border-radius: 0; background: transparent !important; overflow:hidden; min-height:130px; max-height:150px; margin:0;}
#archive-doc .row article a > .thumbnail img,
.archive-doc > div > table > tbody > tr > td > div > .thumbnail img{ -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; width: 100%;}
#archive-doc .row article a:hover > .thumbnail img,
.archive-doc > div > table > tbody > tr > td:hover > div > .thumbnail img {-webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05);}
#archive-doc .row article a > .caption > span.date {background: transparent; display: inline; color: #313842; font-weight: 300; padding: 2px 0; margin: 0 0 5px 0; font-size: 13px;}
#archive-doc .row article a > .caption > span.date:before {display: none;}
#archive-doc .row article a > .caption > h3,
.archive-doc > div > table > tbody > tr > td > div > h3 {color: #323941; font-size: 22px; line-height: 24px; font-weight: 600; margin-bottom:5px; margin-top:0;}
.archive-doc > div > table > tbody > tr > td > div > h3 a {color: #323941; text-decoration:none;}
.archive-doc > div > table > tbody > tr > td > div > span.date {background: transparent; display: inline; color: #313842; font-weight: 300; margin: 0 0 8px 0; font-size: 13px;}
.archive-doc > div > table > tbody > tr > td > div > span.autor {color: #313842; font-size: 14px; line-height: 25px; font-weight: 400; margin-bottom: 4px; padding-left: 30px; position: relative; display: block;}
.archive-doc > div > table > tbody > tr > td > div > span.autor:before {position: absolute; content: ""; width: 8px; height: 8px; background: #e5d000; top: 10px; left: 15px;}

#archive-doc .row article a > .caption > h3 > i {margin: 0 10px 5px 0; color: #268486; font-size: 26px;}
#archive-doc .row article a > .caption > span {color: #313842; font-size: 14px; line-height: 25px; font-weight: 400; margin-bottom:10px; padding-left: 15px; position:relative; display:block;}
#archive-doc .row article a > .caption > span:before {position:absolute; content:""; width:8px; height:8px; background: #e5d000; top:10px; left:0;}
#archive-doc .row article a > .caption > span.autor {margin-bottom: 0; margin-right: 7px; margin-top: 1px;}
#archive-doc .row article a > .caption > p,
.archive-doc > div > table > tbody > tr > td > div > .caption p {color: #555; font-size: 14px; line-height: 25px; font-weight: 400; margin: 0;}

.archive-blog-grid > div {margin: 0 0 45px 0; background: #fff; padding-top: 0; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 2px #e4e4e4; width: 100%; display: table;}
.archive-blog-grid > div > .mbg-equal > div > table > tbody > tr > td,
.archive-blog-grid > div > table > tbody > tr > td.mbg-equal {display: block; padding: 15px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none; float: left; border-bottom: solid 1px #E4E4E4; min-height: 330px;}
.archive-blog-grid > div > .mbg-equal > div > table > tbody > tr > td:hover,
.archive-blog-grid > div > table > tbody > tr > td.mbg-equal:hover {background: #efefef; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.archive-blog-grid > div > .mbg-equal > div > table > tbody > tr > td > div > .thumbnail,
.archive-blog-grid > div > table > tbody > tr > td.mbg-equal > div > .thumbnail {padding: 0; border: 0; border-radius: 0; background: transparent !important; overflow:hidden; min-height:200px; max-height:225px; margin-bottom: 20px;}
.archive-blog-grid > div > .mbg-equal > div > table > tbody > tr > td > div > .thumbnail a,
.archive-blog-grid > div > table > tbody > tr > td.mbg-equal > div > .thumbnail a {display: block; float: left;}
.archive-blog-grid > div > .mbg-equal > div > table > tbody > tr > td > div > .thumbnail a img,
.archive-blog-grid > div > table > tbody > tr > td.mbg-equal > div > .thumbnail a img{ -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; width: 100%;}
.archive-blog-grid > div > .mbg-equal > div > table > tbody > tr > td:hover > div > .thumbnail a img,
.archive-blog-grid > div > table > tbody > tr > td.mbg-equal:hover > div > .thumbnail {-webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05);}
.archive-blog-grid > div > .mbg-equal > div > table > tbody > tr > td > div > span.date,
.archive-blog-grid > div > table > tbody > tr > td.mbg-equal > div > span.date {background: transparent; display: inline; color: #313842; font-weight: 300; padding: 2px 0; margin: 0 0 5px 0; font-size: 13px;}
.archive-blog-grid > div > .mbg-equal > div > table > tbody > tr > td > div > span.date:before,
.archive-blog-grid > div > table > tbody > tr > td.mbg-equal > div > span.date:before {display: none;}
.archive-blog-grid > div > .mbg-equal > div > table > tbody > tr > td > div > h3,
.archive-blog-grid > div > table > tbody > tr > td.mbg-equal > div > h3 {color: #323941;font-size: 20px;line-height: 22px;font-weight: 600; margin-bottom:10px;margin-top:7px;}
.archive-blog-grid > div > .mbg-equal > div > table > tbody > tr > td > div > h3 a,
.archive-blog-grid > div > table > tbody > tr > td.mbg-equal > div > h3 a {color: #323941; text-decoration:none;}
.archive-blog-grid > div > .mbg-equal > div > table > tbody > tr > td > div > span.autor,
.archive-blog-grid > div > table > tbody > tr > td.mbg-equal > div > span.autor {color: #313842; font-size: 14px; line-height: 25px; font-weight: 400; margin-bottom:10px; padding-left: 15px; position:relative; display:block; min-height: 30px;}
.archive-blog-grid > div > .mbg-equal > div > table > tbody > tr > td > div > span.autor:before,
.archive-blog-grid > div > table > tbody > tr > td.mbg-equal > div > span.autor:before {position:absolute; content:""; width:8px; height:8px; background: #e5d000; top:10px; left:0;}
.archive-blog-grid > div > .mbg-equal > div > table > tbody > tr > td > div > .caption,
.archive-blog-grid > div > table > tbody > tr > td.mbg-equal > div > .caption {color: #555; font-size: 14px; line-height: 25px; font-weight: 400; margin: 0;}

#archive-doc .row article.ad-mini {list-style-type: none; padding:0;}
#archive-doc .row article.ad-mini a {display: block; padding-top: 15px; padding-bottom: 15px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none; border-left:0; border-right:0; border-bottom: solid 1px #e4e4e4; margin:0;}
#archive-doc .row article.ad-mini a:hover {background: #efefef; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#archive-doc .row article.ad-mini a > .thumbnail {padding: 0; border: 0; border-radius: 0; background: transparent !important; overflow:hidden; min-height:115px; margin:0;}
#archive-doc .row article.ad-mini a > .thumbnail img{ -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; width: 100%;}
#archive-doc .row article.ad-mini a:hover > .thumbnail img {-webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05);}
#archive-doc .row article.ad-mini a div > i {margin: 0; color: #268486;}
#archive-doc .row article.ad-mini a > .caption > span.date {background: transparent; display: inline; color: #313842; font-weight: 300; padding: 2px 0; margin: 0 0 5px 0; font-size: 13px;}
#archive-doc .row article.ad-mini a > .caption > span.date:before {display: none;}
#archive-doc .row article.ad-mini a > .caption > h3 {color: #323941; font-size: 18px; line-height: 20px; font-weight: 600; margin-bottom:0; margin-top:0;}
#archive-doc .row article.ad-mini a > .caption > h3 > i {margin: 0 5px 5px 0; color: #268486; font-size: 26px;}
#archive-doc .row article.ad-mini a > .caption > span {color: #313842; font-size: 14px; line-height: 25px; font-weight: 400; margin-bottom:10px; padding-left: 15px; position:relative; display:block;}
#archive-doc .row article.ad-mini a > .caption > span:before {position:absolute; content:""; width:8px; height:8px; background: #e5d000; top:10px; left:0;}
#archive-doc .row article.ad-mini a > .caption > span.autor {margin-bottom: 0; margin-right: 7px; margin-top: 1px;}
#archive-doc .row article.ad-mini a > .caption > p {color: #555; font-size: 14px; line-height: 22px; font-weight: 400; margin: 0;}

.archive-doc-grid > div {margin: 0 0 45px 0; background: #fff; padding-top: 0; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 2px #e4e4e4; width: 100%; display: table;}
.archive-doc-grid > div > .mdg-equal > div > table > tbody > tr > td,
.archive-doc-grid > div > table > tbody > tr > td.mdg-equal  {display: block; padding: 15px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none; float: left; border-bottom: solid 1px #E4E4E4; min-height: 300px;}
.archive-doc-grid > div > .mdg-equal > div > table > tbody > tr > td:hover,
.archive-doc-grid > div > table > tbody > tr > td.mdg-equal:hover {background: #efefef; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.archive-doc-grid > div > .mdg-equal > div > table > tbody > tr > td > div > .thumbnail,
.archive-doc-grid > div > table > tbody > tr > td.mdg-equal > div > .thumbnail {padding: 0; border: 0; border-radius: 0; background: transparent !important; overflow:hidden; min-height:130px; max-height:130px; margin-bottom: 20px;}
.archive-doc-grid > div > .mdg-equal > div > table > tbody > tr > td > div > .thumbnail a,
.archive-doc-grid > div > table > tbody > tr > td.mdg-equal > div > .thumbnail a {display: block; float: left;}
.archive-doc-grid > div > .mdg-equal > div > table > tbody > tr > td > div > .thumbnail a img,
.archive-doc-grid > div > table > tbody > tr > td.mdg-equal > div > .thumbnail a img{ -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; width: 100%;}
.archive-doc-grid > div > .mdg-equal > div > table > tbody > tr > td:hover > div > .thumbnail a img,
.archive-doc-grid > div > table > tbody > tr > td.mdg-equal > div > .thumbnail a img {-webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05);}
.archive-doc-grid > div > .mdg-equal > div > table > tbody > tr > td > div > h3,
.archive-doc-grid > div > table > tbody > tr > td.mdg-equal > div > h3 {color: #323941; font-size: 20px; line-height: 22px; font-weight: 600; margin-bottom:10px;margin-top:0; /*background:url(images/archive-doc-mini1.png) no-repeat left top; padding-left: 30px;*/ min-height: 30px;}
.archive-doc-grid > div > .mdg-equal > div > table > tbody > tr > td > div > h3 a,
.archive-doc-grid > div > table > tbody > tr > td.mdg-equal > div > h3 a {color: #323941; text-decoration:none;}
.archive-doc-grid > div > .mdg-equal > div > table > tbody > tr > td > div > span.autor,
.archive-doc-grid > div > table > tbody > tr > td.mdg-equal > div > span.autor {color: #313842; font-size: 14px; line-height: 1.3em; font-weight: 400; margin-bottom:10px; padding-left: 15px; position:relative; display:block; min-height: 30px;}
.archive-doc-grid > div > .mdg-equal > div > table > tbody > tr > td > div > span.autor:before,
.archive-doc-grid > div > table > tbody > tr > td.mdg-equal > div > span.autor:before {position:absolute; content:""; width:8px; height:8px; background: #e5d000; top:5px; left:0;}
.archive-doc-grid > div > .mdg-equal > div > table > tbody > tr > td > div > p,
.archive-doc-grid > div > table > tbody > tr > td.mbg-equal > div > .caption {color: #555; font-size: 14px; line-height: 25px; font-weight: 400; margin: 0;}

.archive-doc-mini > div > table {margin: 0 0 45px 0; background: #fff; padding-top: 0; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 2px #e4e4e4; width: 100%;}
.archive-doc-mini > div > table > tbody > tr > td {display: block; padding: 15px;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;-o-transition: all 0.1s linear;transition: all 0.1s linear; text-decoration: none; float: left;width: 100%; border-bottom: solid 1px #E4E4E4; background:url(images/archive-doc-mini2.png) no-repeat 15px 17px #fff; min-height: 80px;}
.archive-doc-mini > div > table > tbody > tr > td:hover {background:url(images/archive-doc-mini2.png) no-repeat 15px 17px #efefef;-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.archive-doc-mini > div > table > tbody > tr > td > div > h3 {color: #323941; font-size: 20px; line-height: 22px; font-weight: 600; margin-bottom:0;margin-top:0;padding-left: 50px;}
.archive-doc-mini > div > table > tbody > tr > td > div > h3 a {color: #323941; text-decoration:none;}
.archive-doc-mini > div > table > tbody > tr > td > div > span {color: #313842; font-size: 14px; line-height: 25px; font-weight: 400; margin-bottom:10px; padding-left: 65px; position:relative; display:block;}
.archive-doc-mini > div > table > tbody > tr > td > div > span:before {position:absolute; content:""; width:8px; height:8px; background: #e5d000; top:10px; left:50px;}
.archive-doc-mini > div > table > tbody > tr > td > div > span.autor {margin-bottom: 0; margin-right: 7px; margin-top: 1px;}


.doc-tax {margin: 1.5% 0 !important; display: block; float: left; width: 97%;}
.doc-tax li {display: block; float: left; margin: 0 5px 5px 0 !important; list-style-type: none !important; padding:0 !important;}
.doc-tax li:before {display: none;}
.doc-tax li a {display: block; float: left; margin: 0 !important; background: #F2D404; padding: 5px 14px; text-align: center; color: #fff; font-weight: 400; text-decoration: none; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.doc-tax li a:hover {background: #268486; text-decoration: none; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}


/* ************************************************** */
/*                     SUBPORTADA                     */
/* ************************************************** */
.banner-subportada {margin-top: 0; width:100%; height: 308px; overflow:hidden;position: relative;background:url(images/subportada.jpg) no-repeat center; padding-top:2%; padding-bottom:2%;}
.banner-subportada > div > div > div > div .suport-ico {margin-top:20px; margin-bottom:20px;}
.banner-subportada > div > div > div > div .suport-ico img {max-width: 100%; height:auto; float:none; margin:0 auto; display:block;}
.banner-subportada > div > div > div > div .suport-title {margin:0;}
.banner-subportada > div > div > div > div .suport-title h3 {color: #fff; font-size: 36px; line-height: 30px; font-weight: 300; text-align: center; margin:0; text-transform: uppercase; letter-spacing: 0.01em; line-height: 1.2em;}
.banner-subportada > div.overlay {position: absolute; width: 100%; height: 100%; margin-top: -2%; background-color: rgba(10, 25, 35, 0.5);}

.tax-title h1 {margin: 0 0 4.5% 0 !important; color: #217778 !important; font-weight: 600 !important; font-size: 42px !important;line-height: 44px !important; display: inline-block; padding: 0 !important; width: 100%;}

.discussion-paper {margin: 0 0 35px 0; background: #fff; padding-top: 30px; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 2px #e4e4e4; padding: 4%; display: table;}
.doc-debate {display: block; float: left; margin: 0; width: 100%;  padding: 0;}
#doc-debate {display: block; float: left; width: 100%; position: relative;}
#doc-debate > div.control-box {display: block; right: 15px; width: 90px; margin: 0; position: absolute; top: -74px; z-index:10;}
#doc-debate > div.control-box a {width: 40px; height: 40px; background: #dfdfdf !important; color: #666; text-shadow: none; font-size: 45px; font-weight: 300; line-height: 27px;text-align: center;}
#doc-debate > div.carousel-inner > .item > ul {padding:0; margin: 0 -15px !important; border:0 !important;}
#doc-debate > div.carousel-inner > .item > ul > li {list-style-type: none; padding:0;}
#doc-debate > div.carousel-inner > .item > ul > li:before {display: none;}
#doc-debate > div.carousel-inner > .item > ul > li a {display: block; padding: 15px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none; border:0 !important; margin:0 !important;}
#doc-debate > div.carousel-inner > .item > ul > li a > .thumbnail {padding: 0; border: 0; border-radius: 0; background: transparent !important; overflow:hidden; margin:0 !important;}
#doc-debate > div.carousel-inner > .item > ul > li a > .thumbnail img{ -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; width: 100%;}
#doc-debate > div.carousel-inner > .item > ul > li a:hover > .thumbnail img {-webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05);}
#doc-debate > div.carousel-inner > .item > ul > li a > .caption > h3 {color: #323941; font-size: 22px; line-height: 24px; font-weight: 600; margin: 10px 0 15px 0; border: 0 !important;
 padding: 0 !important;}
#doc-debate > div.carousel-inner > .item > ul > li a > .caption > span.bajada {color: #313842; font-size: 14px; line-height: 25px; font-weight: 400; margin-bottom:10px; padding-left: 15px; position:relative; display:block;}
#doc-debate > div.carousel-inner > .item > ul > li a > .caption > span.bajada:before {position:absolute; content:""; width:8px; height:8px; background: #e5d000; top:10px; left:0;}
#doc-debate > div.carousel-inner > .item > ul > li a > .caption > span.date {background: #268486; display: inline; color: #fff; font-weight: 300; padding: 2px 10px; margin: 0; font-size: 12px;}
#doc-debate > div.carousel-inner > .item > ul > li a > .caption > span.date:bofore {display: none;}
#doc-debate > div.carousel-inner > .item > ul > li a > .caption > p {color: #555; font-size: 14px; line-height: 25px; font-weight: 400; margin: 0 0 15px 0;}
#doc-debate > div.carousel-inner > .item > ul > li a > .caption > span.learn-more {border: solid 1px #717479; display: inline; color: #717479; font-weight: 300; padding: 4px 15px; margin: 0; font-size: 12px; text-transform: uppercase;}
#doc-debate > div.carousel-inner > .item > ul > li a > .caption > span.learn-more :bofore {display: none;}
#doc-debate > div.carousel-inner > .item > ul > li a:hover > .caption > h3 {color: #666; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#doc-debate > div.carousel-inner > .item > ul > li a:hover > .caption > span.bajada {color: #555; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#doc-debate > div.carousel-inner > .item > ul > li a:hover > .caption > span.date {background: #409496; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#doc-debate > div.carousel-inner > .item > ul > li a:hover > .caption > p {color: #999; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#doc-debate > div.carousel-inner > .item > ul > li a:hover > .caption > span.learn-more {border: solid 1px #999; color: #999; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}

.pane-declarations {display: block; float:left; margin:0 0 45px 0 !important; padding:0 !important; background: #fff; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 2px #e4e4e4; width:100%}
.pane-declarations h2.pane-title {display: block; float:left; margin: 25px 15px 30px 15px !important; border: 0 !important; padding:0 0 0 52px !important; color: #323941 !important; font-size: 26px !important; line-height: 30px !important; font-weight:600 !important; position: relative; }
.pane-declarations h2.pane-title:before {display: block; margin:0 15px 0 0; padding:0; position: absolute; width:39px; height:38px; left:0; top:0; content:"";}
.pane-declarations h2.pane-title:before {background: url(images/title-pic.jpg) no-repeat -356px 0;}
#quotes,
.page.quotes {display: block; float: left; width: 100%; position: relative; border: 0 !important; padding: 0 !important; margin: 0 0 15px 0; background: #fff; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 2px #e4e4e4;}
#quotes article,
.page.quotes > div { border: 0 !important; margin: 0 !important; padding: 0 !important;}
#quotes article a,
.quotes > div > div {display: block; float: left; width: 100%; border-bottom: solid 1px #ebebeb !important; padding: 15px !important; margin: 0 !important; border-right: 0 !important; border-left: 0 !important; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#quotes article:last-child a,
.quotes > div > div:last-child {border-bottom: 0 !important;}
#quotes article a:hover,
.quotes > div > div:hover {background:#efefef; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#quotes article a .thumbnail,
.page.quotes > div > div > div > .thumbnail {padding: 0; display: block; float: left; margin: 0 !important; border: 0; border-radius: 0; max-height: 125px; overflow: hidden;}
.page.quotes > div > div > div > .thumbnail a {padding: 0; border: 0; border-radius: 0; background: transparent !important; overflow:hidden; margin: 0 !important;}
#quotes article a .thumbnail img,
.page.quotes > div > div > div > .thumbnail a img { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; width: 100%;}
#quotes article a:hover .thumbnail img,
.page.quotes > div > div > div > .thumbnail a:hover img {-webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05);}
#quotes article a .caption h3,
.page.quotes > div > div > div > h3.caption {font-size: 22px; line-height: 24px; font-weight: 600; margin: 0; border: 0 !important; padding-bottom: 10px;}
.page.quotes > div > div > div > h3.caption a {color: #222; text-decoration: none;}
#quotes article a .caption span.bajada,
.page.quotes > div > div > div > span.autor a {color: #313842; font-size: 14px; line-height: 25px; font-weight: 400; margin-bottom:0; padding-left: 15px; position:relative; display:block;}
#quotes article a .caption span.bajada a:before,
.page.quotes > div > div > div > span.autor a:before {position:absolute; content:""; width:8px; height:8px; background: #e5d000; top:10px; left:0;}
#quotes article a .caption p,
.page.quotes > div > div > div > .bajada p,
.page.quotes > div > div > div > .bajada p strong,
.page.quotes > div > div > div > .bajada h1,
.page.quotes > div > div > div > .bajada h2,
.page.quotes > div > div > div > .bajada h3,
.page.quotes > div > div > div > .bajada h4,
.page.quotes > div > div > div > .bajada h5,
.page.quotes > div > div > div > .bajada h6 {color: #555; font-size: 14px; line-height: 22px; font-weight: 400; margin: 0; padding:0; border:0;}
.page.quotes > div > div > div > .bajada p br {display: none;}

.pane-reports {display: block; float:left; margin:0 0 45px 0 !important; padding:0 !important; background: #fff; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 2px #e4e4e4; width:100%}
.pane-reports h2.pane-title {display: block; float:left; margin: 25px 15px 30px 15px !important; border: 0 !important; padding:0 0 0 52px !important; color: #323941 !important; font-size: 26px !important; line-height: 30px !important; font-weight:600 !important; position: relative; }
.pane-reports h2.pane-title:before {display: block; margin:0 15px 0 0; padding:0; position: absolute; width:39px; height:38px; left:0; top:0; content:"";}
.pane-reports h2.pane-title:before {background: url(images/title-pic.jpg) no-repeat -356px 0;}
#informes,
.page.informes {display: block; float: left; width: 100%; position: relative; border: 0 !important; padding: 0 !important; margin: 0 0 15px 0; background: #fff; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 2px #e4e4e4;}
#informes article,
.page.informes > div { border: 0 !important; margin: 0 !important; padding: 0 !important;}
#informes article a,
.page.informes > div > div {display: block; float: left; width: 100%; border-bottom: solid 1px #ebebeb !important; padding: 15px !important; margin: 0 !important; border-right: 0 !important; border-left: 0 !important; position:relative; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; min-height: 160px;}
#informes article:last-child a,
.page.informes > div > div:last-child {border-bottom: 0 !important;}
#informes article a:hover,
.page.informes > div > div:hover {background:#efefef;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;-o-transition: all 0.1s linear; transition: all 0.1s linear;}
#informes article a .date,
.page.informes > div > div > div > .date {background: #f9f9f9; display: block; float: left; text-align: center; color: #808080; position: absolute;}
#informes article a .date p,
.page.informes > div > div > div > .date p {font-size: 34px; font-weight: 300; line-height: 20px; padding: 30px 0 0 0; margin: 0 !important;}
#informes article a .date p em,
.page.informes > div > div > div > .date p em {font-style: normal;font-size: 12px; text-transform: uppercase;}
#informes article a .date p strong,
.page.informes > div > div > div > .date strong {width: 100%;color: #fff;background: #268486;display: block;float: left;font-size: 16px;padding: 4px 5px 5px 5px; margin-top: 20px;font-weight: 300;}
#informes article a .caption {float: right;}
#informes article a .caption h3,
.page.informes > div > div > div > h3.caption {color: #222; font-size: 22px; line-height: 24px; font-weight: 600; margin: 0 0 5px 0; padding-bottom:0; border: 0 !important; float: right;}
.page.informes > div > div > div > h3.caption a {color: #222; text-decoration: none;}
#informes article a .caption span.bajada,
.page.informes > div > div > div > span.autor {color: #313842;font-size: 14px; line-height: 25px;font-weight: 400; margin-bottom:10px; padding-left: 30px; position:relative; display:block; float:right;}
.page.informes > div > div > div > span.autor a {color: #313842; text-decoration: none;}
#informes article a .caption span.bajada:before,
.page.informes > div > div > div > span.autor:before {position:absolute; content:""; width:8px; height:8px; background: #e5d000; top:10px; left:15px;}
.page.informes > div > div > div > .bajada {display: block; float: right; margin:0;}
#informes article a .caption p,
.page.informes > div > div > div > .bajada p {color: #555; font-size: 14px; line-height: 25px; font-weight: 400; margin: 0;}
.page.informes > div > div > div > .bajada p br {display: none;}


/* ************************************************** */
/*                       SIDEBAR                      */
/* ************************************************** */
#blog {display: block; float: left; width: 100%; position: relative; margin-bottom: 25px;}
#blog h2 {display: block; float: left; margin: 0 0 30px 0 !important; border: 0 !important; padding: 0 0 0 52px !important; color: #323941 !important; font-size: 32px !important; line-height: 32px !important; font-weight: 500 !important; position: relative; font-family: 'Roboto', sans-serif;}
#blog h2:before {display: block; margin: 0 15px 0 0; padding: 0; position: absolute; width: 39px; height: 38px; left: 0; top: 0; content: ""; background: url(images/title-pic.jpg) no-repeat -197px 0;}
#blog div article {margin-bottom: 5px;}
#blog div article a,
#blog > div > div > div > div.blog-text {background: #fff; display: block; padding: 0; margin: 0 0 5px 0; position: relative; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; min-height: 90px;}
#blog div article a:hover,
#blog > div > div > div > div.blog-text:hover {background: #f9f9f9; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#blog div article a .date,
#blog > div > div > div > div.blog-text > div > .date  {background: #f9f9f9; display: block; float: left; text-align: center; color: #808080; margin: 20px 0; height: 100%; padding: 0;}
#blog div article a .date p,
#blog > div > div > div > div.blog-text > div > .date p {font-size: 34px; font-weight: 300; line-height: 20px; padding: 15% 0 0 0; position: relative; height: 100%;}
#blog div article a .date p em,
#blog > div > div > div > div.blog-text > div > .date p em {font-style: normal;font-size: 12px; text-transform: uppercase;}
#blog div article a .date p strong,
#blog > div > div > div > div.blog-text > div > .date p strong {width: 100%; color: #fff; background: #268486; display: block; float: left; font-size: 16px; padding: 4px 5px 5px 5px; margin-top: 3px; font-weight: 300;}
#blog div article a .blog-text {float: right;}
#blog div article a .blog-text h5,
#blog div article a .date, #blog > div > div > div > div.blog-text > div > h3.caption {color: #323941; font-size: 20px; line-height: 22px; font-weight: 400; margin-bottom: 10px; float:right;}
#blog div article a .date, #blog > div > div > div > div.blog-text > div > h3.caption a {color: #323941; text-decoration: none;}
#blog div article a .blog-text span,
#blog div article a .date, #blog > div > div > div > div.blog-text > div > .autor {color: #313842; font-size: 12px; line-height: 20px; font-weight: 400; margin-bottom:10px;padding-left: 30px; position:relative; display:block; float:right;}
#blog div article a .date, #blog > div > div > div > div.blog-text > div > .autor a {color: #313842;}
#blog div article a .blog-text span:before,
#blog div article a .date, #blog > div > div > div > div.blog-text > div > .autor a:before {position:absolute; content:""; width:8px; height:8px; background: #e5d000; top:6px; left:15px;}
#blog div article a .blog-text p {color: #555; font-size: 14px; line-height: 25px; font-weight: 400; margin: 0;}

#docs,
.docs {display: block !important; float: left; width: 100%; position: relative; margin-bottom: 25px; z-index: 10;}
.pane-document-database-loop-en > h2:before,
.pane-document-database-loop-es > h2:before,
.pane-document-database-loop-fr > h2:before,
.pane-document-database-loop-zh > h2:before,
.pane-dossiers-and-documents-en > h2:before,
.pane-dossiers-and-documents-es > h2:before,
.pane-dossiers-and-documents-fr > h2:before,
.pane-dossiers-and-documents-zh > h2:before,
.pane-generic-proposition-loop > h2:before,
.pane-homepage-document-loop > h2.pane-title:before {background: url(images/title-pic.jpg) no-repeat -237px 0;}
.pane-document-database-loop-en > h2:before,
.pane-document-database-loop-es > h2:before,
.pane-document-database-loop-fr > h2:before,
.pane-document-database-loop-zh > h2:before,
.pane-generic-proposition-loop > h2:before,
.pane-dossiers-and-documents-en > h2:before,
.pane-dossiers-and-documents-es > h2:before,
.pane-dossiers-and-documents-fr > h2:before,
.pane-dossiers-and-documents-zh > h2:before {display: block; margin:0 15px 0 0; padding:0; position: absolute; width:39px; height:38px; left:0; top:0; content:"";}
#docs .row .home-title h4,
#docs > h2,
.pane-document-database-loop-en > h2,
.pane-document-database-loop-es > h2,
.pane-document-database-loop-fr > h2,
.pane-document-database-loop-zh > h2,
.pane-dossiers-and-documents-en > h2,
.pane-dossiers-and-documents-es > h2,
.pane-dossiers-and-documents-fr > h2,
.pane-dossiers-and-documents-zh > h2,
.pane-generic-proposition-loop > h2 {display: block !important; background: #f9f9f9; padding: 20px 15px 30px 72px !important; margin: 0 !important; border-left: solid 1px #F3F3F3; border-right: solid 1px #F3F3F3; width: 100%;}
#docs .row .home-title h4:before,
#docs > h2:before,
.pane-document-database-loop-en > h2:before,
.pane-document-database-loop-es > h2:before,
.pane-document-database-loop-fr > h2:before,
.pane-document-database-loop-zh > h2:before,
.pane-dossiers-and-documents-en > h2:before,
.pane-dossiers-and-documents-es > h2:before,
.pane-dossiers-and-documents-fr > h2:before,
.pane-dossiers-and-documents-zh > h2:before,
.pane-generic-proposition-loop > h2:before {margin: 20px 15px 0 15px;}
#docs .row article a,
#docs > div.pane-content > div > div > div.doss-text,
.docs > div > div.doss-text {margin: 0; background: url(images/ico-doc.png) no-repeat top left #fff; float: left; width: 100%; padding: 15px; border-bottom: solid 2px #E0E0E0; border-right: solid 1px #EFEFEF; border-left: solid 1px #EFEFEF; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#docs .row article a:hover,
#docs > div.pane-content > div > div > div.doss-text:hover,
.docs > div > div.doss-text:hover {background: url(images/ico-doc.png) no-repeat top left #f9f9f9; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#docs .row article:last-child a,
#docs > div.pane-content > div > div > div.doss-text:last-child,
.docs > div > div.doss-text:last-child {border-bottom: 0; border-right: solid 1px #EFEFEF; border-left: solid 1px #EFEFEF;}
#docs > div.pane-content > div > div > div.doss-text > div h5,
.docs > div > div.doss-text > div h5 {display: block; float: left; margin:0;}
#docs .row article a .docs-text h5,
#docs > div.pane-content > div > div > div.doss-text > div h5 a,
.docs > div > div.doss-text > div h5 a{color: #323941; font-size: 16px; line-height: 20px; font-weight: 400; margin-bottom: 5px; margin-top: 0;text-decoration: none; padding: 0 0 0 60px; display: block; float: left;}
#docs .row article a .docs-text span,
#docs > div.pane-content > div > div > div.doss-text > div span a,
.docs > div > div.doss-text > div span a {color: #313842; font-size: 12px; line-height: 20px; font-weight: 400; margin-bottom:0; padding-left: 15px; position:relative; display:block; text-decoration: none; margin-left: 60px; display: block; clear:both;}
#docs .row article a .docs-text span:before,
#docs > div.pane-content > div > div > div.doss-text > div span a:before,
.docs > div > div.doss-text > div span a:before {position:absolute; content:""; width:8px; height:8px; background: #e5d000; top:6px; left:0;}
#docs > div.pane-content > div > div > div.doss-text > div h5 a:hover,
.docs > div > div.doss-text > div h5 a:hover {color: #999;}
#docs > div.pane-content > div > div > div.doss-text > div span a {color: #999;}
#docs .row article a .docs-text p {color: #555; font-size: 14px; line-height: 25px; font-weight: 400; margin: 0;}
#docs .row article a div i {color: #333; font-size: 20px; line-height: 25px; font-weight: 300; margin: 0 auto; text-align: center; float: none; display: block;}
#docs .row a.all-docs,
#docs > div.more-link > a,
#docs > div > div > div.more-link > a,
.docs > div.more-link a {margin: 0; background: #268486; padding: 15px 25px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; display: block; clear: both; text-decoration: none; color: #fff; position:relative; text-align: left !important;}
#docs .row a.all-docs:hover,
#docs > div.more-link > a:hover,
#docs > div > div > div.more-link > a:hover,
.docs > div.more-link a:hover {background: #217778;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;-o-transition: all 0.1s linear;transition: all 0.1s linear; text-align: left !important;}
#docs .row a.all-docs i {float: right;}
#docs > div > div > div.more-link > a:after,
.docs > div.more-link a:after {position:absolute; content:"›"; top:8px; right:20px; font-size: 20px;}

.pane-subportada-documents {display: block; float: left; width: 100%; position: relative; margin-bottom: 25px; z-index: 10;}
.pane-subportada-documents h2 {background: #f9f9f9; padding: 20px 15px 30px 72px !important; margin: 0 !important; border-left: solid 1px #F3F3F3; border-right: solid 1px #F3F3F3; width: 100%;}
.pane-subportada-documents h2:before {margin: 20px 15px 0 15px;}
.pane-subportada-documents > .pane-content {display: block; float: left; padding: 0; margin: 0;}
.pane-subportada-documents > .pane-content > .docs > div > div {margin: 0; background: url(images/ico-doc.png) no-repeat top left #fff; float: left; width: 100%; padding: 15px; border-bottom: solid 2px #E0E0E0; border-right: solid 1px #EFEFEF; border-left: solid 1px #EFEFEF; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.pane-subportada-documents > .pane-content > .docs > div > div:hover {background: url(images/ico-doc.png) no-repeat top left #f9f9f9; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
/*.pane-subportada-documents > .pane-content > .docs > div > div:last-child {border-bottom: 0; border-right: solid 1px #EFEFEF; border-left: solid 1px #EFEFEF;}*/
.pane-subportada-documents > .pane-content > .docs > div > div > div > h5 {display: block; float: left; margin:0;}
.pane-subportada-documents > .pane-content > .docs > div > div > div > h5 a {color: #323941; font-size: 16px; line-height: 20px; font-weight: 400; margin-bottom: 5px; margin-top: 0;text-decoration: none; padding: 0 0 0 60px; display: block; float: left;}
.pane-subportada-documents > .pane-content > .docs > div > div > div span a {color: #313842; font-size: 12px; line-height: 20px; font-weight: 400; margin-bottom:0; padding-left: 15px; position:relative; display:block; text-decoration: none; margin-left: 60px; display: block; float: left;}
.pane-subportada-documents > .pane-content > .docs > div > div > div span a:before,
.pane-subportada-documents > .pane-content > .docs > div > div > div span a:before {position:absolute; content:""; width:8px; height:8px; background: #e5d000; top:6px; left:0;}
.pane-subportada-documents > .pane-content > .docs > div > div > div h5 a:hover {color: #999;}
.pane-subportada-documents > .pane-content > .docs > div > div > div span a {color: #999;}

#doc-data {display: block; float: left; width: 100%; position: relative; margin-bottom: 25px;}
#doc-data .row .data-title {margin: 0; background: #217778; padding: 15px 25px; display: block; clear: both; text-decoration: none; color: #fff; font-size: 16px; font-weight: 300;}
#doc-data .row article {background: url(images/bg-doc-data.jpg) repeat-x top #fff;}
#doc-data .row article a figure {min-height: 180px; margin-bottom: 20px;}
#doc-data .row article a figure img {float: none; margin: 0 auto; height: auto; width: 100%;-webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}
#doc-data .row article a:hover figure img{-webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05);}
#doc-data .row article a .doc-data-title {margin-bottom: 20px;}
#doc-data .row article a .doc-data-title h5 {color: #fff; font-size: 28px; line-height: 30px; font-weight: 300; margin: 10px 0 15px 0;}
#doc-data .row article a .doc-data-text p {color: #555; font-size: 14px; line-height: 25px; font-weight: 400; margin: 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#doc-data .row article a:hover .doc-data-text p {color: #999; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#doc-data .row a.all-data {margin: 0; background: #EACE00; padding: 15px 25px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; display: block; clear: both; text-decoration: none; color: #fff; font-size: 16px; font-weight: 300;}
#doc-data .row a.all-data:hover {background: #217778; -webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;-o-transition: all 0.1s linear; transition: all 0.1s linear;}
#doc-data .row a.all-data i {float: right;}

#pod-side01,
.pod-side01 {display: block; float: left; width: 100%; position: relative; margin-bottom: 25px;}
#pod-side01 .row article a {display: block; float: left;}
#pod-side01 .row article a .pod-text {background: #323a45;}
#pod-side01 .row article a .pod-text h5 {color: #fff; font-size: 28px; line-height: 30px; font-weight: 300; margin: 25px 0 15px 0;}
#pod-side01 .row article a .pod-text p {color: #fff; font-size: 14px; line-height: 25px; font-weight: 300; margin: 0 0 20px 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#pod-side01 .row article a .pod-text span {color: #fff; font-size: 14px; line-height: 20px; font-weight: 400; margin-bottom:15px; padding-left: 15px;position:relative;display:block;}
#pod-side01 .row article a .pod-text span:before {position:absolute; content:""; width:8px; height:8px; background: #e5d000; top:6px; left:0;}
#pod-side01 .row article a:hover .pod-text h5,
#pod-side01 .row article a:hover .pod-text p,
#pod-side01 .row article a:hover .pod-text span {color: #999; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#pod-side01 .row article a figure {overflow:hidden;}
#pod-side01 .row article a figure img {float: none; margin: 0 auto; height: auto; width: 100%;-webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}
#pod-side01 .row article a:hover figure img{-webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05);}
#pod-side01 .row a.all-pod-side {margin: 0; background: #217778; padding: 15px 25px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; display: block; clear: both; text-decoration: none; color: #fff; font-size: 16px; font-weight: 300;}
#pod-side01 .row a.all-pod-side:hover {background: #EACE00; -webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;-o-transition: all 0.1s linear; transition: all 0.1s linear;}
#pod-side01 .row a.all-pod-side i {float: right;}

.pane-sidebar-box-01,
.pane-sidebar-box-02,
.pane-sidebar-box-03,
.pane-sidebar-box-04,
.pane-sidebar-box-05 {display: block; float: left; width: 100%; position: relative; margin-bottom: 35px;}
.pane-sidebar-box-01 > h2,
.pane-sidebar-box-02 > h2,
.pane-sidebar-box-03 > h2,
.pane-sidebar-box-04 > h2,
.pane-sidebar-box-05 > h2 {margin: 0 !important; background: #217778; padding: 15px 25px !important; display: block; clear: both; text-decoration: none; color: #fff !important; font-size: 16px !important; font-weight: 300 !important; width: 100%;}
.pod-side > div > table > tbody > tr > td.pod-text {padding: 0;}
.pod-side > div > table > tbody > tr > td.pod-text > div > h5 {color: #fff;font-size: 28px; line-height: 28px; font-weight: 300; padding-top: 15px; background: #323a45; margin: 0; padding-bottom: 20px;}
.pod-side > div > table > tbody > tr > td.pod-text > div > .ps-fig {overflow:hidden;}
.pod-side > div > table > tbody > tr > td.pod-text > div > .ps-fig img {float: none; margin: 0 auto; height: auto; width: 100%;-webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}
.pod-side > div > table > tbody > tr > td.pod-text > div > .ps-caption {color: #333; font-size: 14px; line-height: 25px; font-weight: 400; margin: 0; background: #fff; padding-bottom: 25px; padding-top: 15px;}
.pane-sidebar-box-01 > div > div > .more-link a,
.pane-sidebar-box-02 > div > div > .more-link a,
.pane-sidebar-box-03 > div > div > .more-link a,
.pane-sidebar-box-04 > div > div > .more-link a,
.pane-sidebar-box-05 > div > div > .more-link a {margin: 0; background: #EACE00; padding: 15px 25px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; display: block; clear: both; text-decoration: none; color: #fff; position:relative; text-align: left !important;}
.pane-sidebar-box-01 > div > div > .more-link a:hover,
.pane-sidebar-box-02 > div > div > .more-link a:hover,
.pane-sidebar-box-03 > div > div > .more-link a:hover,
.pane-sidebar-box-04 > div > div > .more-link a:hover,
.pane-sidebar-box-05 > div > div > .more-link a:hover {background: #217778;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;-o-transition: all 0.1s linear;transition: all 0.1s linear; text-align: left !important;}
.pane-sidebar-box-01 > div > div > .more-link a:after,
.pane-sidebar-box-02 > div > div > .more-link a:after,
.pane-sidebar-box-03 > div > div > .more-link a:after,
.pane-sidebar-box-04 > div > div > .more-link a:after,
.pane-sidebar-box-05 > div > div > .more-link a:after {position:absolute; content:"›"; top:8px; right:20px; font-size: 20px;}

#partners,
.partners {display: block; float: left; width: 100%; position: relative; margin-bottom: 25px;}
#partners .row .home-title h4,
#partners > h2,
.pane-partners-en > h2,
.pane-partners-es > h2,
.pane-partners-fr > h2,
.pane-partners-zh > h2,
.pane-generic-team > h2,
.pane-generic-team-en > h2,
.pane-generic-team-es > h2,
.pane-generic-team-fr > h2,
.pane-generic-team-zh > h2 {line-height: 44px !important; background: #f9f9f9; padding: 15px 15px 20px 72px !important; margin: 0 !important; border-left: solid 1px #F3F3F3; border-right: solid 1px #F3F3F3; display: block !important; float: left; width: 100%;}
.pane-partners-en > h2:before,
.pane-partners-es > h2:before,
.pane-partners-fr > h2:before,
.pane-partners-zh > h2:before,
.pane-generic-team > h2:before,
.pane-generic-team-en > h2:before,
.pane-generic-team-es > h2:before,
.pane-generic-team-fr > h2:before,
.pane-generic-team-zh > h2:before {background: url(images/title-pic.jpg) no-repeat -277px 0;}
.pane-partners-en > h2:before,
.pane-partners-es > h2:before,
.pane-partners-fr > h2:before,
.pane-partners-zh > h2:before,
.pane-generic-team > h2:before,
.pane-generic-team-en > h2:before,
.pane-generic-team-es > h2:before,
.pane-generic-team-fr > h2:before,
.pane-generic-team-zh > h2:before {display: block; margin:0 15px 0 0; padding:0; position: absolute; width:39px; height:38px; left:0; top:0; content:"";}
#partners .row .home-title h4:before,
#partners > h2:before,
.pane-partners-en > h2:before,
.pane-partners-es > h2:before,
.pane-partners-fr > h2:before,
.pane-partners-zh > h2:before,
.pane-generic-team > h2:before,
.pane-generic-team-en > h2:before,
.pane-generic-team-es > h2:before,
.pane-generic-team-fr > h2:before,
.pane-generic-team-zh > h2:before {margin: 20px 15px 0 15px;}
#partners .row article a,
#partners > div.pane-content > div > div.view-content > div,
.partners > div > div {margin: 0; background: #fff; float: left; width: 100%; padding: 15px 0; border-bottom: solid 2px #E0E0E0; border-right: solid 1px #EFEFEF; border-left: solid 1px #EFEFEF; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#partners .row article a:hover,
#partners > div.pane-content > div > div.view-content > div:hover,
.partners > div > div:hover {background: #f9f9f9;-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#partners .row article a figure,
#partners > div.pane-content > div > div.view-content > div > div > .partner-fig,
.partners > div > div > div > .partner-fig {overflow: hidden;}
#partners .row article a figure img,
#partners > div.pane-content > div > div.view-content > div > div > .partner-fig img,
.partners > div > div > div > .partner-fig img {width: 100%; height: auto; margin:0; padding:0;}
#partners .row article a .docs-text h5,
#partners > div.pane-content > div > div.view-content > div > div > h5.docs-text > a,
.partners > div > div > div > h5.docs-text > a {color: #323941; font-size: 18px; line-height: 20px; font-weight: 400; margin-bottom: 5px; margin-top:0; text-decoration: none;}
#partners > div.pane-content > div > div.view-content > div > div > span.docs-text,
.partners > div > div > div > span.docs-text {color: #313842; font-size: 12px; line-height: 20px; font-weight: 400; margin-bottom:0; padding-left: 15px; position:relative; display:block;}
#partners > div.pane-content > div > div.view-content > div > div > span.docs-text:before,
.partners > div > div > div > span.docs-text:before {position:absolute; content:""; width:8px; height:8px; background: #e5d000; top:6px; left:0;}
#partners .row article a .docs-text p {color: #555; font-size: 14px; line-height: 25px; font-weight: 400; margin: 0;}
#partners .row article a div i {color: #333; font-size: 20px; line-height: 25px; font-weight: 300; margin: 0 auto; text-align: center; float: none; display: block;}
#partners .row a.all-docs,
#partners > div.more-link > a {margin: 0 15px; background: #268486; padding: 15px 25px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; display: block; clear: both; text-decoration: none; color: #fff;}
#partners .row a.all-docs:hover,
#partners > div.more-link > a:hover {background: #217778;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#partners .row a.all-docs i {float: right;}

#suscripcion {display: block; float: left; width: 100%; position: relative; margin-bottom: 25px; padding:0 !important; border-left: solid 1px #e4e4e4 !important; border-right: solid 1px #e4e4e4 !important; background: #fff;}
#suscripcion div {padding:0 !important; border: 0 !important; margin:0; width: 100%;}
#suscripcion .row .home-title h4,
#suscripcion > div > div > div > div > div > div > h2 {line-height: 44px; padding: 15px 15px 20px 57px !important; margin: 5px 15px !important; display: block; float: left; width: 100%; }
#suscripcion .row .home-title h4:before,
#suscripcion > div > div > div > div > div > div > h2:before {margin: 20px 15px 0 0; background: url(images/title-pic.jpg) no-repeat -316px 0; display: block; padding: 0; position: absolute; width: 39px; height: 38px; left: 0; top: 0; content: "";}
#suscripcion .suscripcion-box div p,
#suscripcion > div > div > div > div > div > div > div > p {color: #555; font-size: 14px; line-height: 22px; font-weight: 400; margin: 0 15px 20px 15px;}
#suscripcion > div > div > div > div > div > div > div > .suscripcion-box {margin: 0 15px; display: block; float: left; padding-bottom: 30px !important; width: auto !important;}
#suscripcion > div > div > div > div > div > div > div > .suscripcion-box div input[type='text'],
#suscripcion > div > div > div > div > div > div > div > .suscripcion-box div input[type='mail'] {background: #fff; width: 100%; border: solid 1px #eee; padding: 10px; color: #555; font-weight: 400; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; margin-bottom: 15px;}
#suscripcion > div > div > div > div > div > div > div > .suscripcion-box div input[type='submit'],
#suscripcion > div > div > div > div > div > div > div > .suscripcion-box div input[type='button'],
#suscripcion > div > div > div > div > div > div > div > .suscripcion-box div button {background: #268486; width: 100%; border: 0; padding: 10px; color: #fff; font-weight: 300; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; line-height: 22px; margin-bottom: 0; text-transform: uppercase;}
#suscripcion > div > div > div > div > div > div > div > .suscripcion-box div input[type='submit']:hover,
#suscripcion > div > div > div > div > div > div > div > .suscripcion-box div input[type='button']:hover,
#suscripcion > div > div > div > div > div > div > div > .suscripcion-box div button:hover {background: #eace00; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#suscripcion > div > div > div > div > div > div > div > .suscripcion-social {background: #f9f9f9;padding: 20px 15px !important; margin: 0; display: block; float: left; width: 100%; border-bottom: solid 2px #e4e4e4 !important;}
#suscripcion .suscripcion-social span {color: #555; font-size: 14px; line-height: 22px; font-weight: 400; margin: 0 10px 0 0; display:block; float:left;}
#suscripcion .suscripcion-social a {display: block; float: left; margin-right: 4px; width: 30px; height: 30px; text-decoration: none; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#suscripcion .suscripcion-social a.facebook {background: #2c2c62; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#suscripcion .suscripcion-social a.twitter {background: #31a6dc; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#suscripcion .suscripcion-social a.linkedin {background: #29586a; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#suscripcion .suscripcion-social a i {color: #fff; margin: 0 auto; float: none; display: block; text-align: center; line-height: 30px;}
#suscripcion .suscripcion-social a:hover {opacity: 0.9; text-decoration: none; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#suscripcion .suscripcion-social a:hover i {text-decoration: none;}

#media {display: block; float: left; width: 100%; position: relative; margin-bottom: 25px;}
#media .row {padding: 15px 0 0 0 !important; background:#323a45; position:relative;}
#media .row .home-title h4 {color: #fff !important;}
#media .row .carousel-indicators {position: absolute; top: 27px; left: 65%; display: block; height: 15px;}
#media .row .carousel-indicators li {float: right; margin-right: 5px; background-color: #81848b !important; border:0 !important; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#media .row .carousel-indicators li.active,
#media .row .carousel-indicators li:hover { background-color: #2a8286 !important; border:0 !important; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#media .row .carousel-inner .row {}
#media .row .carousel-inner a figure {display: block; float:left; width:100%; margin:0; padding:0; overflow:hidden;}
#media .row .carousel-inner a figure img {width: 100%; height: auto;}
#media .row .carousel-inner a .container {display: block; float:left; width:100%; margin:0; padding:0;}
#media .row .carousel-inner a .container .carousel-caption {position: relative !important; left: 0 !important; padding: 20px; display: block; float: left; bottom: 0 !important; text-align: left;}
#media .row .carousel-inner a .container .carousel-caption h4 {color: #e6cf07; font-size: 20px; line-height: 22px; font-weight: 400; margin-bottom: 5px; margin-top: 0;}
#media .row .carousel-inner a .container .carousel-caption p {color: #fff; font-size: 14px; line-height: 20px; font-weight: 300; margin-bottom:0; margin-top: 0;}

#search-pod {display: block; float: left; width: 100%; position: relative; margin-bottom: 25px; background: #fff; border-left: solid 1px #e4e4e4 !important; border-right: solid 1px #e4e4e4 !important; border-bottom: solid 2px #e4e4e4;}
#search-pod .row .home-title h4,
#search-pod > div > div > div > div > div > h2 {line-height: 44px !important;padding: 15px 15px 20px 57px !important; margin: 0 !important; display: block; float: left; width: 100%;}
#search-pod .row .home-title h4:before,
#search-pod > div > div > div > div > div > h2:before {margin: 20px 15px 0 0; display: block; padding:0; position: absolute; width:39px; height:38px; left:0; top:0; content:""; background: url(images/title-pic.jpg) no-repeat -473px 0;}
#search-pod .search-box {background: #fff; padding: 0 0 30px 0; margin: 0; display: block; float: left; width: 100%; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 2px #e4e4e4;}
#search-pod .search-box div p,
#search-pod > div > div > div > div > div > .pane-content > p {color: #555; font-size: 14px; line-height: 22px; font-weight: 400; margin: 0 0 20px 0;}
#search-pod > div > div > div > div > div > .pane-content > form {display: block; float:left; width: 100%; margin-bottom: 25px;}
#search-pod .search-box div input[type='text'],
#search-pod > div > div > div > div > div > .pane-content > form > div > div > div > input[type='text'] {background: #fff; width: 100%; border: solid 1px #eee; padding: 10px; color: #555; font-weight: 400; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; margin-bottom: 15px;}
#search-pod .search-box div input[type='submit'],
#search-pod .search-box div input[type='button'],
#search-pod .search-box div button,
#search-pod > div > div > div > div > div > .pane-content > form > div > div > div > input[type='submit'] {background: #268486; width: 100%; border: 0; padding: 10px; color: #fff; font-weight: 300; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; line-height: 22px; margin-bottom: 0; text-transform: uppercase;}
#search-pod .search-box div input[type='submit']:hover,
#search-pod .search-box div input[type='button']:hover,
#search-pod .search-box div button:hover,
#search-pod > div > div > div > div > div > .pane-content > form > div > div > div > input[type='submit']:hover {background: #eace00; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}

#autor-pod {display: block; float: left; width: 100%; position: relative; margin-bottom: 25px;}
#autor-pod .autor-box {background: #fff; padding: 20px 0; margin: 0; display: block; float: left; width: 100%; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 2px #e4e4e4;}
#autor-pod .autor-box figure {overflow: hidden;}
#autor-pod .autor-box figure img {width: 100%; height: auto;}
#autor-pod .autor-box article h4 { line-height: 26px; padding: 0; margin: 0 0 15px 0; display: block; float: left; width: 100%; font-size: 26px; font-weight: 600; color: #323941;}
#autor-pod .autor-box article p {color: #555; font-size: 14px; line-height: 22px; font-weight: 400; margin: 0;}
#autor-pod .autor-box article p a {color: #217778; font-weight: 400; font-size: 18px; margin-bottom: 10px;}
#autor-pod .autor-box article p strong {color: #555; font-weight: 400; font-size: 18px; margin-bottom: 10px;}


/* ************************************************** */
/*                       LOGIN                        */
/* ************************************************** */
#user-login {background: #fff; padding: 15px; margin: 2% auto 6% auto;border-bottom: solid 2px #e0e0e0; border-right: solid 1px #efefef; border-left: solid 1px #efefef; border-top: solid 1px #efefef; width: 50%; display: table;}
#user-login > div > .form-item {display: block; width: 100%; float: left; margin-bottom: 0;}
#user-login > div > .form-item > label {display: block; float: left; width: 100%; margin: 0 0 10px 0; color: #323941;font-size: 16px; line-height: 20px; font-weight: 400;}
#user-login > div > .form-item > input[type='text'],
#user-login > div > .form-item > input[type='password'] {background: #fff; width: 100%; border: solid 1px #eee; padding: 10px; color: #555; font-weight: 400;margin: 0;}
#user-login > div > .form-item > .description {color: #999; font-size: 12px; line-height: 20px; font-weight: 400;}
#user-login > div > .form-actions {display: block; width: 100%; float: left;}
#user-login > div > .form-actions > input[type='button'],
#user-login > div > .form-actions > input[type='submit'] {background: #268486; width: 50%; display:block; margin-top: 10px; float:right; border: 0; padding: 10px; color: #fff; font-weight: 300; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; line-height: 22px; margin-bottom: 0; text-transform: uppercase;}
#user-login > div > .form-actions > input[type='button']:hover,
#user-login > div > .form-actions > input[type='submit']:hover{background: #eace00; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}


/* ************************************************** */
/*                       FOOTER                       */
/* ************************************************** */
#pre-footer {background:url(images/banner-foot.jpg) no-repeat center #323a45; padding:5% 0; color:#fff; background-size: auto 100%;}

#pre-footer > div > div > div > h5,
.footer-col > div > div > h2 {color: #fff; font-size: 22px; line-height: 24px; font-weight: 300; margin-bottom: 20px; font-family: 'Roboto', sans-serif;}
#pre-footer > div > div > div > p,
.footer-col > div > div > div > p {color: #8b929a; font-size: 14px; line-height: 25px; font-weight: 300; margin: 0;}
.footer-col > div > div > div > p a {color: #fff;}
#pre-footer > div > div > div {margin-bottom: 15px;}
#pre-footer > div > div > div > .social-share-foot {display: inline-block; list-style: none; padding: 0; margin: 20px 0 0 0;}
#pre-footer > div > div > div > .social-share-foot li {display: inline-block; margin-right: 7px;}
#pre-footer > div > div > div > .social-share-foot li a {display: inline-block; color: #9a9da2; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; background: #222931; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#pre-footer > div > div > div > .social-share-foot li a:hover {color: #e4d100; background: #242e38; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
#pre-footer > div > div > div > .foot-news {margin-top: 15px;}
#pre-footer > div > div > div > .foot-news input[type='text'],
#pre-footer > div > div > div > .foot-news input[type='mail'] {background: #fff; width: 100%; border: solid 1px #eee; padding: 3px 10px; color: #555; font-weight: 400; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; margin-bottom:15px;}
#pre-footer > div > div > div > .foot-news input[type='submit'],
#pre-footer > div > div > div > .foot-news input[type='button'],
#pre-footer > div > div > div > .foot-news button {background: #268486; width: 100%; border: 0; padding: 3px 10px; color: #fff; font-weight: 300; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; line-height: 22px; margin-bottom:15px;}
#pre-footer > div > div > div > .foot-news input[type='submit']:hover,
#pre-footer > div > div > div > .foot-news input[type='button']:hover,
#pre-footer > div > div > div > .foot-news button:hover {background: #eace00; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}

#footer {background:#29323b; padding:2% 0; color:#8b929a;}
.foot-menu > div > div > div > ul {display: block; float: right; margin: 0;}
.foot-menu > div > div > div > ul li {list-style-type: none; display: block; float: left; padding: 0 10px 0 5px; margin-right: 5px; border-right: solid 1px #848991;}
.foot-menu > div > div > div > ul li:last-child {border-right: 0;}
.foot-menu > div > div > div > ul li a {color: #848C94; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; font-size: 12px; text-transform:uppercase;}
.foot-menu > div > div > div > ul li a:hover {color: #70777f; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-decoration: none;}


/* ************************************************** */
/*                 BACKEND (NO-BORRAR)                */
/* ************************************************** */
/*.field-type-taxonomy-term-reference .form-type-select select {width: 50%; min-height: 160px;}
.form-wrapper .form-type-select select {width: 50%;}
.form-wrapper .form-type-textfield input[type="text"],
.node-form .form-item  input[type="text"],
.form-item  input[type="text"] {width: 50%;}
.form-wrapper .form-type-select select#edit-field-credit-photo-und-0-format--2,
.form-wrapper .form-type-select select#edit-field-site-und-0-weight {width: 100px; min-height: auto;}
.form-wrapper > div > div > div > div > div > input[type="text"] {width: 50%;}
.date-no-float .form-item {width: 50%;}
.date-no-float .form-item > div {width: 100%;}
.date-no-float .form-item > div > div {width: 13%; margin-right: 3%;}
.date-no-float .form-item > div > div > div select {width: 100%;}
.organisation-block > div {width: 100%;}
.addressfield-container-inline.locality-block .form-item {width: 15.5%; margin-right: 2% !important;}
.addressfield-container-inline.locality-block .form-item input,
.addressfield-container-inline.locality-block .form-item select {width: 100% !important;}
.link-field-subrow {width: 50%;}
.link-field-subrow .link-field-title {width: 50%;}
.link-field-subrow .form-item {width: 100%;}
.link-field-subrow .form-item input {width: 90%;}
.link-field-url div input {width: 100%;}*/


/* ************************************************** */
/*                     RESPONSIVE                     */
/* ************************************************** */

/* LG */
@media (min-width: 1200px) {
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {

	#forum .tab-content .tab-pane article a figure img {max-width:inherit !important; min-width: 105% !important; height:auto;}

}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {

	/* header */
	.tp-sm-xs {position: relative !important; z-index: 0; background:#323a45; border: none;}
	.top-bar.tp-sm-xs > div > div > div .social-share,
	.top-bar.tp-sm-xs > div > div > div .lang,
	.top-bar.tp-sm-xs > div > div > div .search {margin-top: 10px;}

	.main-menu > div > div > div > .navbar-collapse > ul > li > a,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > a,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > a:focus,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > a,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > a:focus {padding: 10px 5px !important;}

	.search.search-mini {display: none;}

	/* home */
	.home-title h4,
	#docs .row .home-title h4 {font-size: 20px !important; line-height: 22px !important;}

	#forum ul.nav li {min-height: 130px;}
	#forum ul.nav li a {font-size: 16px; line-height: 22px;}
	#forum ul.nav li.active:before {border-bottom: 65px solid transparent; border-top: 65px solid transparent;}
	#forum .tab-content .tab-pane article a figure figcaption h1 {font-size: 20px; line-height: 22px;}

	#troix .panel .panel-heading h4 a.accordion-toggle span,
	#troix .panel .panel-heading h4 a.accordion-toggle.collapsed span,
	#troix .panel .panel-heading.active h4 a.accordion-toggle span {font-size: 35px;}

	#forum .tab-content .tab-pane article a figure img {max-width:inherit !important; min-width: 105% !important; height:auto;}

	/* content */
	.page .row h1 {font-size: 36px !important; line-height: 38px !important;}

	/* sidebar */
	#blog div article a .date p {font-size: 34px; line-height: 20px; padding: 40% 0 0 0; position: relative; height: 100%;}

	#autor-pod .autor-box article p {margin-top: 15px;}

	/* login */
	#user-login {width: 96%; margin-left: 2%; margin-right: 2%;}
	#user-login > div > .form-actions > input[type='button'],
	#user-login > div > .form-actions > input[type='submit'] {width: 100%;}

}

/* XS */
@media (min-width: 641px) and (max-width: 767px) {

	/* header */
	.tp-sm-xs {position: relative !important; z-index: 0; background:#323a45; border: none;}
	.top-bar.tp-sm-xs > div > div > div .social-share,
	.top-bar.tp-sm-xs > div > div > div .lang,
	.top-bar.tp-sm-xs > div > div > div .search {margin-top: 10px;}

	.main-menu {padding-bottom: 10px;}
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu {margin: 0 !important; width: 100%;}
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li {width: 100%;}
	.main-menu > div > div > div > .navbar-collapse > ul > li > a,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > a,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > a:focus,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > a,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > a:focus {padding: 10px; width: 100%;}
	.main-menu > div > div > div > #navbar-main-left,
	.main-menu > div > div > div > .navbar-collapse {margin-top: 10px;}
	.main-menu > div > div > div > .navbar-collapse {width: 100%; overflow: hidden; border: 0 !important; box-shadow: none !important; margin: 0; padding: 0;}
	.main-menu > div > div > div > .navbar-collapse ul,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav {margin: 0;}
	.main-menu > div > div > div > div > .navbar-toggle {margin-bottom: 0;}

	#navbar-world-police > ul > div > div > div > ul > li a {font-size: 10px; line-height: 12px;}

	/* home */
	.home-title h4 {font-size: 26px; line-height: 30px;}
	#docs .row .home-title h4 {font-size: 26px; line-height: 30px; padding: 15px 15px 30px 72px; width: 100%;}

	#forum ul.nav li {min-height: 130px;}
	#forum ul.nav li a {font-size: 16px; line-height: 22px;}
	#forum ul.nav li.active:before {border-bottom: 65px solid transparent; border-top: 65px solid transparent;}
	#forum .tab-content .tab-pane article a figure figcaption h1 {font-size: 20px; line-height: 22px;}

	#troix .panel .panel-heading h4 a.accordion-toggle span,
	#troix .panel .panel-heading h4 a.accordion-toggle.collapsed span,
	#troix .panel .panel-heading.active h4 a.accordion-toggle span {font-size: 45px;}

	#events .row article {border-right: 0; border-bottom: solid 3px #f3f3f3;}

	#events .row article a div .date {display: block; float: left; width: auto; text-align: center;}
	#events .row article a div .date p {font-size: 20px; line-height: 20px; padding: 5px 78px 5px 10px; margin: 0; float: left; display: block; position: relative;}
	#events .row article a div .date p br {display: none;}
	#events .row article a div .date p em {font-size: 20px; line-height: 20px; padding: 0; display: inline-block; margin-left: 10px;}
	#events .row article a div .date p strong {width: inherit; display: inline-block; float: left; font-size: 20px; padding: 0 10px; margin-top: 0; line-height: 30px; position: absolute; height: 100%; top: 0; right: 0;}

	#forum .tab-content .tab-pane article a figure img {min-width: 105% !important; height:auto;}

	/* content */
	.page .row h1 {font-size: 36px !important; line-height: 38px !important;}

	.mini-tax ul li {display: inline-block !important; width: auto !important;}

	/* sidebar */
	#blog div article a .date p {font-size: 18px; line-height: 20px; padding: 10% 0 0 0;}
	#blog div article a .date p br {display: none;}
	#blog div article a .date p em {font-size: 18px; margin-left: 10px; display: inline-block;}

	/* login */
	#user-login {width: 96%; margin-left: 2%; margin-right: 2%;}
	#user-login > div > .form-actions > input[type='button'],
	#user-login > div > .form-actions > input[type='submit'] {width: 100%;}

}

@media (min-width: 320px) and (max-width: 640px) {

	/* header */
	.tp-sm-xs {position: relative !important; z-index: 0; background:#323a45; border: none;}
	.top-bar.tp-sm-xs > div > div > div .social-share,
	.top-bar.tp-sm-xs > div > div > div .lang,
	.top-bar.tp-sm-xs > div > div > div .search {margin-top: 10px;}

	.lang li a {width: 20px;}

	#navbar-main-right {margin-bottom: 10px;}
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu {margin: 0 !important; width: 100%;}
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li {width: 100%; border-bottom: solid 1px #3F9EA0;}
	.main-menu > div > div > div > .navbar-collapse > ul > li > a,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > a,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > a:focus,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > a,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > a:focus {padding: 10px; width: 100%; display: block;}
	.main-menu > div > div > div > #navbar-main-left,
	.main-menu > div > div > div > .navbar-collapse {margin-top: 10px;}
	.main-menu > div > div > div > .navbar-collapse {width: 100%; overflow: hidden; border: 0 !important; box-shadow: none !important; margin: 0; padding: 0;}
	.main-menu > div > div > div > .navbar-collapse ul,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav {margin: 0;}
	.main-menu > div > div > div > div > .navbar-toggle {margin-bottom: 5px;}

	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > ul.menu,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > ul.menu {border-bottom: 0; border-right: 0; border-left: 0; position: relative; left: inherit !important;  background: none;  z-index: inherit !important; top: inherit !important; }
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > ul.menu > li,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > ul.menu > li {border-bottom: solid 1px #3F9EA0;}
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > ul.menu > li > a:after,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > ul.menu > li > a:after {display: none;}
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > ul.menu > li > a,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > ul.menu > li > a {padding: 5px 11px; font-size: 13px; color: #fff !important;}
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu > li > ul.menu > li > a:hover,
	.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > div > ul.menu > li > ul.menu > li > a:hover {color: #585858 !important;}

	#navbar-world-police > ul > div > div > div > ul > li {width: 100%;}
	#navbar-world-police > ul > div > div > div > ul > li a {font-size: 13px; line-height: 1px; min-height: inherit; text-align: left;}
	#navbar-world-police > ul > div > div > div > ul > li a figure {display: block; float: left; width: 9%; min-height: 11px; padding: 0; position: relative; margin: -15px 0 0 0;}
	#navbar-world-police > ul > div > div > div > ul > li:after {display: none;}

	/* home */
	.home-title h4 {font-size: 26px; line-height: 30px;}
	#docs .row .home-title h4 {font-size: 26px; line-height: 30px; padding: 15px 15px 30px 72px; width: 100%;}

	#forum .tab-content .tab-pane article a figure img {min-width: 105% !important; height:auto;}

	/* content */
	.page .row h1 {font-size: 36px !important; line-height: 38px !important;}

	.mini-tax ul li {display: table; width: 100%;}

	.search-results > div > form > div > div > div > input[type="text"] {width: 75%; padding: 10px;}
	.search-results > div > form > div > div > div > input[type="submit"] {width: 22%; padding: 10px 5px; font-size: 11px;}

	/* sidebar */
	#blog div article a .date p {font-size: 18px; line-height: 20px; padding: 10% 0 0 0;}
	#blog div article a .date p br {display: none;}
	#blog div article a .date p em {font-size: 18px; margin-left: 10px; display: inline-block;}

	#doc-data .row article {background: url(images/bg-doc-data.jpg) repeat-x 10px #fff;}
	#doc-data .row article a figure {min-height: 100px; margin-bottom: 20px;}
	#doc-data .row article a .doc-data-title h5 {font-size: 22px; line-height: 25px; margin: 0 0 15px 0;}

	/* login */
	#user-login {width: 96%; margin-left: 2%; margin-right: 2%;}
	#user-login > div > .form-actions > input[type='button'],
	#user-login > div > .form-actions > input[type='submit'] {width: 100%;}

}

.main-menu > div > div > div > .navbar-collapse > ul.nav.navbar-nav > div > div > div > ul.menu {
	margin-top: 0 !important;
}

nav.navbar.main-menu {
	line-height: 50px;
}

nav.navbar.main-menu ul {
	margin: 0;
}

nav.navbar.main-menu ul a {
	line-height: 50px;
	display: block;
	padding: 0 20px;
}

.common-subtitle .field-label {
	display: none !important;
}

.common-subtitle .field-item{
	border: 0;
    font-size: 2em;
    font-weight: 700;
    color: #999;
}


/* Modificado GENEOS oct 2017*/


.view-slideshow {
	background: white;
	padding: 15px;
}

.views-slideshow-controls-bottom .views-slideshow-pager-field-item 
{   float: left; 
    margin: 15px 10px 0 0;
 }

.views-slideshow-controls-bottom .views-slideshow-pager-fields > div {
    padding-left: 0;
}

.views-slideshow-pager-fields img {
    max-width: 80px;
    max-height: 80px;
}

.views-slideshow-cycle-main-frame-row-item .views-field-field-image{
    width:100%;
    position: relative;
 } 

.views-slideshow-cycle-main-frame-row-item {
	overflow: hidden;
}

.views-slideshow-cycle-main-frame-row-item  .slideshow-legend {
    background: rgba(38, 132, 134, 0.85) none repeat scroll 0 0;
    color: #000000;
    height: 105px;
    position: absolute;
    width: 100%;
    bottom: 0px;
    color: white;
    padding: 10px 0 10px 10px;
 } 

#views_slideshow_cycle_teaser_section_slideshow-default_1 {
 	width:100% !important;
 }

#views_slideshow_cycle_teaser_section_slideshow-default_1 .views_slideshow_cycle_slide{
 	width:100% !important;
 }

#views_slideshow_cycle_teaser_section_slideshow-default_1 .views-field-field-image img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#views_slideshow_cycle_teaser_section_slideshow-default_1 .views-field-field-image:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}