@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/**************** TAGS **********************/

body {
    color: #333;
    font-family: 'Open Sans', sans-serif;
}

header, footer {
    background: #612d62;
    color: #fff;
}

header a:hover, footer a:hover, section a:hover {
	color: #fff;
    text-decoration: none;
}

header {
	background: #612d62 url("../images/cabecera-podemos.png") no-repeat right top;
    position: fixed;
    width: 100%;
    top: 0em;
    z-index: 10;
}

header nav {
    font-size: 1.2em;
    margin-top: 1em;
}

header nav a:hover:after, header nav a.selected:after {
    display:block;
    content: "";
    height:0;
    width:0;
    padding:0;
    margin: 0 auto;
    border:10px solid transparent;
    border-top-color:#612d62;
    left: 45%;
    position: absolute;
    top: 34px;
}

header nav a.selected:hover, .info-parlamentarios a.selected:hover, nav.menu a.selected:hover {
    /*cursor: default;*/
}

header span {
    display: inline-block;
    text-indent: -9999px;
}

h1, h2, h3, nav a {
    font-family: 'Montserrat', sans-serif;
}

h1 {
    float: left;
    font-size: 0;
}

h2, h3, h4 {
    color: #612d62;
    text-transform: uppercase;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 20px;
}

li {
    list-style-type: none;
}

section {
    padding: 0;
}

nav {
    padding: 0.75em 1em;
}

nav a {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

footer {
    padding: 2em 0;
    text-align: center;
}

footer a {
    color: #77A9A6;
}

img {
    max-width: 100%;
}

p, span {
    word-wrap: break-word;
}


/**************** GENÉRICAS **********************/

.row {
    margin: 0;
}

.container {
    position: relative;
    padding: 0 1em;
    max-width: 1070px;
    margin: 0 auto;
}

.container-fluid {
    padding: 0;
}

.index, .preguntas-frecuentes {
    margin-top: 11em;
}

.podemos-home a {
    background: #612D62;
    border-radius: 0px 0px 5px 5px;
    color: #AE95AC;
    float: right;
    font-size: 0.9em;
    margin-right: 1em;
    padding: 5px 9px;
}

nav.menu {
    background-color: #b5a9b8;
}

nav.menu a {
    color: #fff;
    text-decoration: none;
}

nav.submenu {
    background-color: #eee;
}

nav.submenu a {
    color: #aaa;
    text-decoration: none;
}

nav.menu a:hover,
nav.submenu a:hover {
    text-decoration: none;
}

nav.menu a:hover:after, nav.menu a.selected:after,
nav.submenu a:hover:after, nav.submenu a.selected:after {
    display:block;
    content: "";
    height:0;
    width:0;
    padding:0;
    margin: 0 auto;
    border:10px solid transparent;
    border-top-color: #b5a9b8;
    left: 45%;
    position: absolute;
    top: 29px;
}

nav.submenu a:hover:after, nav.submenu a.selected:after {
    border-top-color: #eee;
}

.submenu-anual {
    border-bottom: 1px solid #ddd;
    font-size: 3em;
    padding: 0.25em 0;
}

select.desplegable-anual {
    background: url(/images/flecha-anual.PNG) no-repeat right;
    border: 0;
    color: #999;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    float: right;
    padding-right: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.alert {
    border: 0;
    border-radius: 0;
}

.alert a {
    color: #612d62;
}

.alert a:hover {
    color: #612d62;
    border-bottom: 1px dotted;
}

.video-wrapper {
    clear: both;
    height: 0;
    margin: 0 auto;
    position: relative;
    padding-bottom: 56.25%;
    margin:2em 0;/* 16:9 */
    widows: 100%;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

/* Grid 5 Columnas */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}


/* Icomoon */

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

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-earth:before {
	content: "\e600";
}
.icon-mail:before {
	content: "\e601";
}
.icon-facebook:before {
	content: "\e602";
}
.icon-twitter:before {
	content: "\e603";
}
.icon-pinterest:before {
	content: "\e604";
}
.icon-mail2:before {
	content: "\e605";
}
.icon-facebook2:before {
	content: "\e606";
}
.icon-twitter2:before {
	content: "\e607";
}


/**************** MENÚ **********************/

.side .md>ul {
    position: absolute;
    background: black;
    color: white;
    width: 1260px;
    z-index: 999;
    top: 260px;
    left: 0;
}


/**************** INDEX **********************/

.transparencia-descripcion {
    border-bottom: 1px solid #ccc;
    margin-bottom: 3em;
    padding: 2em 0 3em;
}

.transparencia-descripcion p {
    margin-top: 2em;
}

.datos-cuentas:first-child {
    padding-bottom: 2em;
}

.grafico {
    max-height: 340px;
    overflow: hidden;
}

.porcentajes>div {
    float: left;
    text-align: center;
    margin-bottom: 1em;
    padding-right: 0em;
    margin-left: 1em;
    width: 20%;
}

.porcentajes>div>div {
    font-size: 1.5em;
    font-weight: 600;
}

.porcentajes>div>span {
    font-weight: 600;
}

.porcentajes .primero {color: #6D2D5F;}
.porcentajes .segundo {color: #704169;}
.porcentajes .tercero {color: #725775;}
.porcentajes .cuarto {color: #736C81;}
.porcentajes .quinto {color: #74818E;}
.porcentajes .sexto {color: #75969B;}
.porcentajes .septimo {color: #77A9A6;}
.porcentajes .octavo {color: #78BCB2;}

.porcentajes .prestamos-bancarios {
    margin-top: -0.7em;
}

.porcentajes .prestamos-bancarios>div {
    font-size: 3em;
}

.cuentas-transparencia hr {
    display: block;
    margin-top: 0em;
    margin-bottom: 2em;
    margin-left: 40%;
    margin-right: 40%;
    border-width: 3px;
	border-color: #CCC;
	border-style: solid;
}

.index .subsecciones {
    margin-top: 2em;
}

.desglose-completo a {
    color: #78bbb1;
}

.desglose-completo a:hover {
    border-bottom: 1px dotted;
    color: #78bbb1;
}

.index .subsecciones ul li {
    list-style-type: none;
}

.index .subsecciones ul li i {
    padding-right: 0.5em;
}

.index .subsecciones ul li a {
    color: #612d62;
}

.index .subsecciones ul li a:hover {
    border: 0;
    color: #78bbb1;
}

.cuentas-claras .subsecciones ul li {
    list-style-type: none;
}


/**************** CUENTAS CLARAS **********************/

.cuentas-claras h4 {
    font-weight: bold;
    margin-top: 2em;
}

.cuentas-claras h2 {
    margin: 2em 0 1em;
    text-transform: none;
}

.subsecciones ul li {
	list-style-type: disc;
	padding-bottom: 0.5em;
}

.subsecciones p a {
    color: #78bbb1;
	font-weight: bold;
}

.subsecciones p a:hover {
	border-bottom: 1px dotted;
    color: #78bbb1;
}

.subsecciones li a, .subsecciones2 li a {
    color: #78bbb1;
}

.subsecciones li a:hover, .subsecciones2 li a:hover {
    border-bottom: 1px dotted;
    color: #78bbb1;
}

.subsecciones2 {
    margin-top: 1em;
}

#elecciones>.alert a:hover {
    color: #78bbb1;
    border-bottom: none;
}

#elecciones>.alert .fa {
    padding-right: 0.25em;
    padding-left: 1em;
}

.fa-file-o {
    padding-right: 0.5em;
}

.subsecciones2 .cuentas-autonomicas li {
    margin-bottom: 0.5em;
}

.subsecciones2 .cuentas-autonomicas li a {
    color: #612d62;
}

.subsecciones2 .cuentas-autonomicas li a:hover {
    border: 0;
    color: #78bbb1;
}

.cuentas-claras .subsecciones li a {
    color: #612d62;
}

.cuentas-claras .subsecciones li a:hover {
    border-bottom: 0;
    color: #78bbb1;
}

.cuentas-claras .subsecciones p a {
    color: #612d62;
    font-weight: normal;
}

.cuentas-claras .subsecciones p a:hover {
    border-bottom: 0;
    color: #78bbb1;
}

.superavit {
    color: #999;
    font-size: 14px;
    margin-top: 1em;
}

.cifras-total {
    border-bottom: 3px solid #ddd;
    padding-bottom: 1em;
    margin-bottom: 1.5em;
    margin-top: 1em;
}

#gastos-parlamento-2015 h3,
#ingresos-parlamento-2015 h3 {
    margin-bottom: 1.5em;
    text-align: center;
}

#gastos-parlamento-2015 .superavit.inmovilizado {
    max-width: 1000px;
    margin: 0 auto;
}


/**************** CARGOS PÚBLICOS **********************/

.cargos-publicos,
.cargos-internos,
.cuentas-claras,
.parlamentarios {
    margin-top: 8.2em;
}
.min-height-600 {
	min-height: 600px;
}

.cargos-publicos img,
.cargos-internos img {
    border-radius: 50%;
	border: 1px solid #C3C3C3;
    max-width: 110px;
}

.cargos-publicos h2,
.cargos-internos h2 {
    margin-bottom: 1em;
    text-align: center;
}

.cargos-publicos h4,
.cargos-internos h4 {
    font-size: 1em;
	min-height: 5em;
}

.cargos-publicos a:hover img,
.cargos-internos a:hover img {
    opacity: 0.7;
}

.cargos-publicos>.container,
.cargos-internos>.container {
    margin-top: 1em;
}

.inmovilizado-pe {
    height: 90%;
}

.ex-pe h2 {
    color: #ccc;
}

.cargos-publicos .ex-pe img {
    opacity: 0.4;
}

.parlamentarios {
    background: #78bbb1;
}

.parlamentarios>.container {
    margin-top: 2em;
    page-break-after: 2em;
}

.parlamentarios li a {
    color: #333;
}

.parlamentarios h3 {
    color: #fff;
    line-height: 1.25em;
    margin-top: 0;
}

.parlamentarios img {
    border: 2px solid #999;
    border-radius: 50%;
    float: left;
    margin-right: 2em;
    margin-bottom: 1em;
}

.parlamentarios li {
    font-size: 1.1em;
}

.parlamentarios  span.selected {
    display: none;
    content: "";
    height: 0;
    width: 0;
    padding: 0;
    margin: 0 auto;
    border: 13px solid transparent;
    border-top-color: #fff;
    left: 7em;
    position: absolute;
    top: -3em;
}

.parlamentarios [class^="icon-"],
.parlamentarios [class*=" icon-"] {
    color: #fff;
}

.parlamentarios nav.menu {
    background-color: #eee;
}

.parlamentarios nav.menu a {
    color: #aaa;
    text-decoration: none;
}

.parlamentarios nav.menu a:hover:after,
.parlamentarios nav.menu a.selected:after {
    border-top-color: #eee;
}

.info-parlamentarios {
    text-transform: uppercase;
}

.info-parlamentarios .selected {
    color: #fff;
    text-decoration: none;
}

.info-parlamentarios a:hover:after,
.info-parlamentarios a.selected:after {
    display:block;
    content: "";
    height:0;
    width:0;
    padding:0;
    margin: 0 auto;
    border:10px solid transparent;
    border-top-color:#78bbb1;
    left: 45%;
    position: absolute;
    top: 30px;
}

.info-parlamentarios .col-md-3, .info-parlamentarios .col-md-2 {
    border-right: 1px solid;
    padding: 0;
}

.info-parlamentarios .col-md-2:last-child {
    border-right: 0;
}

#subsecciones {
    margin-top: 2em;
	min-height: 400px;
}

#subsecciones a {
    color: #333;
}

#subsecciones a:hover {
	color: #78bbb1;
}

#subsecciones h2 {
    font-size: 1.75em;
}

#subsecciones h3 {
    color: #78bbb1;
    font-size: 1.25em;
}

#subsecciones .iniciativas-parlamentarias .col-md-6 a {
    color: #78bbb1;
}

.iniciativas-parlamentarias .col-md-6>.row {
    color: #808080;
    padding: 1em 0px 1.75em;
}

.iniciativas-parlamentarias .col-md-6:first-child {
    border-right: 1px solid #808080;
}

.iniciativas-parlamentarias h3 {
    text-align: center;
}

.iniciativas-parlamentarias .col-md-4>span {
    display: block;
    float: left;
    font-size: 1em;
    text-align: center;
    width: 100%;
}

.iniciativas-parlamentarias .col-md-4>span:first-child {
    font-size: 2em;
    font-weight: 600;
}

.iniciativas-parlamentarias a:hover {
	color:#612d62;
}

.iniciativas-total {
    color: #78bbb1;
}

.resumen-iniciativas {
    border-top: 1px solid #808080;
    padding-top: 2em;
    margin-top: 1em;
}

.resumen-iniciativas li {
	padding: 1em 0 1em 0;
}

.resumen-iniciativas em {
    font-style: normal;
    font-weight: bold;
    font-size: 1em;
    margin-right: 0.5em;
}

#agenda table a {
	color: #612d62 !important;
	background-color:#fff;
	text-decoration:none;
}

.pdfs {
	width:50%;
	float:right !important;
	padding:2% 5%;
	border:2px solid #78bbb1;
	margin:1%;
}

.moneda {
	text-align: right;
}

.subvencion-europea {
    font-size: 0.8em;
}

.datos-actualizados {
    margin-top: 1em;
}

nav.menu-autonomico, nav.menu-estatal {
	background-color: #fff;
}

nav.menu-autonomico .container {
    /*border-bottom: 2px solid #999;*/
}

nav.menu-autonomico ol ol {
	display: none;
    padding-left: 1.5em;
}

nav.menu-autonomico ol ol li {
    border-bottom: 0;
}

nav.menu-autonomico ol ol li a {
    text-transform: inherit;
}

nav.menu-autonomico span {
    color: #999;
    float: right;
    font-size: 0.8em;
    margin-top: 0.3em;
}

nav.menu-autonomico li, nav.menu-estatal li {
    padding: 5px 0;
    border-bottom: 1px dotted #999;
}

nav.menu-autonomico li:last-child, nav.menu-estatal li:last-child {
    border-bottom: 0;
}

nav.menu-autonomico a, nav.menu-estatal a {
    color: #999;
}

nav.menu-autonomico a:hover, nav.menu-estatal a:hover {
    color: #78bbb1;
}

nav.menu-estatal {
	text-align: center;
}


/**************** CARGOS INTERNOS **********************/

.secretaria-general .col-md-12 {
    text-align: center;
}

.cargos-internos h4 {
    font-size: 1em;
    text-align: center;
}

.cargos-internos .parlamentarios {
    background: #fff;
    margin: 0 auto;
}

.cargos-internos .parlamentarios h3 {
    color: #612d62;
    font-size: 1.5em;
}

.cargos-internos .parlamentarios ol {
    padding-left: 0;
}

.cargos-internos .votos-iniciativas .numero {
    font-size: 2em;
    padding: 0;
}

.cargos-internos .votos-iniciativas .col-md-15 {
    padding: 0 0.4em;
}

.cargos-internos .votos-totales span {
    font-size: 1em;
}

.cargos-internos .social {
    display: inline;
    float: right;
    font-size: 1.5em;
    margin-top: 1em;
}

.cargos-internos .social a {
    color: #612d62;
}

.cargos-internos .parlamentarios .social [class^="icon-"],
.cargos-internos .parlamentarios .social [class*=" icon-"] {
    color: #612d62;
}

.cargos-internos .mas-info {
    margin: 2em 0;
    text-align: center;
}

.cargos-internos .mas-info a {
    color: #612d62;
    display: inline-block;
    padding: 1em;
    border: 2px solid;
}

.cargos-internos .mas-info a:hover {
   background: #eee;
}

.cargos-internos .texto-transparencia {
    color: #612d62;
}

.cargos-internos nav a:hover:after,
.cargos-internos nav a.selected:after {
    left: 48.5%;
}

.actas a, a .actas-cc {
    color: #612d62;
}

.actas a:hover, a:hover .actas-cc {
    color: #78BBB1;
}

.actas ol {
    text-align: center;
}

.actas ol i {
    padding-right: 0.5em;
}

.actas ol li {
    margin-bottom: 1em;
}

.actas h2 {
    margin-top: 1.5em;
}

.actas-cc {
    font-size: 0.5em;
    padding-left: 1.5em;
    text-align: left;
    vertical-align: middle;
}

.actas-cc i {
    padding-right: 0.3em;
}

.consejo-ciudadano .col-md-2,
.comision-garantias .col-md-2 {
    min-height: 160px;
}

.cargos-estatales .pdfs {
    float: left;
}

.lista-internos {
    float:right;
}

.lista-internos.mobile {
    display: none;
}

.iniciativas-parlamentarias .resumen-iniciativas h3 {
    text-align: left;
}

.resumen-iniciativas ul {
    padding-left: 0;
}

#biografia p, #funciones p {
    background: #ddd;
    padding: 1.5em 2em;
    line-height: 2em;
    border-radius: 0 10px 10px 10px;
    margin-bottom: 6em;
}

#biografia h2, #funciones p {
    margin-bottom: 0;
}

#biografia>div, #funciones>div,
#biografia .container>div, #funciones .container>div {
    margin-bottom: 1em;
}

#subsecciones .lista-internos a {
    background:#BFA1BF;
    color: #fff;
    padding:1em;
    border-radius:10px 10px 0 0;
    font-weight:bold;
}

#subsecciones .lista-internos a:hover {
    background: #612d62;
    color: #fff;
}

.directorio-cc ol li {
    margin-bottom: 1em;
    text-align: center;
}

.directorio-cc ol li a {
    color: #612d62;
}

.directorio-cc ol li a:hover {
    border-bottom: 1px dotted #78bbb1;
    color: #78bbb1;
}

.directorio-cc h2 {
    font-size: 20px;
}

/*.directorio-cc li strong:before {
    content: "\f0da";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    margin-right: 0.25em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}*/


/**************** SALARIOS **********************/

.salario .fa {
    color: #78bbb1;
    font-size: 1.25em;
    margin-right: 2px;
}

.salario div img, .condiciones-economicas div img {
    max-width: 100px;
}

.observaciones-salarios {
    margin: 0;
    padding: 0.5em 0 3em;
}

.observaciones-salarios a {
    border-bottom: 1px dotted;
}

#subsecciones .salario h3,
#subsecciones .condiciones-economicas h3 {
    font-size: 1.5em;
    text-transform: inherit;
    border-bottom: 2px solid;
    padding-bottom: 0.5em;
    margin-bottom: 0.75em;
}

#subsecciones .salario-grafico {
    background-color: #eee;
    margin-top: -2em;
    padding: 2em;
}

#subsecciones .salario-grafico .form-control {
    background: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    height: auto;
    width: auto;
    font-size: 1.25em;
    margin-bottom: 2em;
}

#subsecciones .condiciones-economicas h2 {
    color: #78bbb1;
    font-size: 1.5em;
    margin: 2em 0;
}

#salario .condiciones-economicas p a {
    border-bottom: 1px dotted;
}

.highcharts-container svg>text {
    display: none;
}

.tarta-salarios {
    height: 300px !important;
    margin-bottom: 2em;
    margin-top: -60px;
}

.cargos-publicos .baja img, .cargos-estatales .baja img, .cargos-internos .baja img {
	opacity: 0.4;
}

/**************** ERROR **********************/

.error-404 {
    min-height: 400px;
    margin-top: 15em;
}

.error-404 p {
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
}


/**************** SOCIAL SHARE **********************/

#share-buttons {
    text-align: center;
    padding: 1.5em 0;
    border-top: 1px dotted #ccc;
    margin-top: 2em;
}

#share-buttons img {
    width: 35px;
    padding: 2px;
    border: 0;
    box-shadow: 0;
    display: inline;
}

#share-buttons a {
    text-decoration: none !important;
}

#share-buttons a:hover {
    opacity: 0.7;
    text-decoration: none !important;
}

#share-buttons span {
    margin-right: 8px;
}

#share-buttons .fa {
    font-size: 1.3em;
    padding-top: 0.4em;
    color: #fff;
    margin-right: 3px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

#share-buttons .fa-facebook {background: #3b5998;}
#share-buttons .fa-twitter {background: #05AAF1;}
#share-buttons .fa-linkedin {background: #03699B;}
#share-buttons .fa-google-plus {background: #DC4E41;}
#share-buttons .fa-envelope {background: #669C41;}


h3 a:hover {
  color: #612d62;
}

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

.navbar-default {display: none;}
.col-md-2 {text-align: center;}

@media (max-width: 992px) {
    nav.info-parlamentarios a {float: left; margin-bottom: 0.5em;}
    .cargos-internos hr, .cargos-publicos hr, .cuentas-transparencia hr {display: none;}
    .votos-iniciativas .col-md-15 {padding: 0 1em;}
    .info-parlamentarios .col-md-3, .info-parlamentarios .col-md-2 {border-right: 0; width: auto; margin-right: 1em;}
    .iniciativas-parlamentarias .col-md-6:first-child {display: none;}
    .info-parlamentarios a:hover:after, .info-parlamentarios a.selected:after {display: none;}
    .porcentajes {font-size: 0.9em;}
}

@media (max-width: 768px) {
    header {position: relative;}
    nav.menu-autonomico li {text-align: center;}
    .submenu-anual {font-size: 2em;}
    .cargos-publicos, .cargos-internos, .cuentas-claras, .parlamentarios, .preguntas-frecuentes {margin-top: 0;}
    .index {margin-top: 0;}
    .transparencia-descripcion {margin-bottom: 0; padding-bottom: 0;}
    .cuentas-claras {margin-top: 0;}
    .cuentas-claras nav a {display: inline-block; float:left; margin-bottom: 0em;}
    .cuentas-claras nav a:hover:after, .cuentas-claras nav a.selected:after {display: none;}
    .datos-cuentas:first-child {padding-bottom: 0;}
    .navbar-transparencia {display: none;}
    .navbar-default {display: block; margin: 0; padding: 0 1em;}
    .error-404 {margin-top: 2em;}
    .iniciativas-parlamentarias .col-md-6:first-child {border-right: 0;}
}

@media (max-width: 640px) {
    .podemos-home {display: none;}
}

@media (min-width: 768px) {.container {width: 95%;}}