/*
Theme Name:  Colección Digital Ignacio Martín-Baró
Theme URI: 
Author: José Soriano 7161-5072 jsoriano852@gmail.com
Author URI: 
Description: Plantilla creada desde cero y optimizada para diferentes dispositivos.
Version: 1.0
License: 
License URI: 
Tags:
Text Domain: 
*/



body{
background: #567495;
}
.sitio{
background:#fff;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom:6px solid #ccc;
}
.seccion{
	background:#233F71;
	padding:20px;
	color:#fff;
	border-bottom:4px solid #D9EDF7;
}
.seccion-lista{
	background:#fff;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom:6px solid #ccc;
}

.seccion-lista .item{
	padding:20px 10px 20px 10px;
	border-bottom:1px dotted #CCC;
}
.seccion-lista .item:hover{
	background:#D9EDF7 url(images/barra-1.png);
	background-position:left top;
	background-repeat:repeat-y;
}
.col-logo{
height:100px;
align-items:flex-end;
display: flex !important;
flex-direction: row;
justify-content: center;
/*font-family:"Times New Roman", Times, serif;*/
font-size:22px;

font-weight:bold;
}
.col-menu-top{
height:90px;
align-items:flex-end;
display: flex !important;
flex-direction: row;
justify-content:flex-end;
}
.padding5{
padding:5px;
}
.padding10{
padding-left:10px;
padding-right:10px;
}
.sin-padding{
padding:0px;
}
.sin-padding-left{
padding-left:0px;
}
.sin-padding-right{
padding-right:0px;
}
.padding_left_5{
padding-left:5px;
}
.padding_right_5{
padding-right:5px;
}
.sin-margin{
margin:0px;
}
.sin-margin-left{
margin-left:0px;
}
.sin-margin-right{
margin-right:0px;
}
.sin-margin-top{
margin-top:0px;
}
.sin-margin-bottom{
margin-bottom:0px;
}
.separador{
height: 5px;
display: block;
clear: both;
}
.separador10{
clear:both;
height: 10px;
display: block;
clear: both;
}
.separador15{
clear:both;
height: 15px;
display: block;
clear: both;
}

.align-right-text {
float:right;
display:block;
min-width:50%;
text-align:right;
}

.align-left-text {
float: left;
}
.layer{
	display:block;
	width:100%
}
.footer{
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top:6px solid #ccc;
text-align:center;
color:#FFF;
}
.footer a{
	color:#FC0;
}
.lo-mas-nuevo{
	list-style-image:url(images/bullet.png);
}
.lo-mas-nuevo li{	
	border-bottom:1px dotted #CCC;
	padding:10px 5px 15px 5px;
}
.lo-mas-nuevo li:hover{
	background:#E0E0E0;
}
.lo-mas-nuevo li a{
	clear:both;
}

.celda-descarga{
	background:#DBDBDB;
	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
	border-radius: 10px;
	width:100%;
	padding:10px;
	color:#000;
	text-align:center;
	
}


/*Carrusel*/
.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity:0;
}

.carousel.carousel-fade .active.item {
	opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}

.carousel.carousel-fade .carousel-control {
	z-index: 3;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


@media screen and (min-width:200px) and (max-width:991px) { /*767*/
.sitio{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border:0px solid #B0CBE4;
background:#fff;
margin-top: 10px;  
}
.sin-padding{
padding:inherit;
}
.sin-padding-dispositivo{
padding:inherit;
}
.col-logo{
height:inherit;
align-items:flex-end;
display: flex !important;
flex-direction: row;
justify-content: center;


}
.col-menu-top{
height:inherit;
align-items:center;
display: flex !important;
flex-direction: row;
justify-content:flex-end;
margin-bottom:10px;
}
.logo-align-center {
    display: block;
    margin: 5px auto 5px auto;
}
}

@media (min-width: 768px) {


  
}
@media (max-width: 992px) {
	
  
}
@media (min-width: 1200px) {
  
  
}
.nav-justified {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-weight: bold;
  color: #777;
  text-align: center;
  background-color: #e5e5e5; /* Old browsers */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image:         linear-gradient(to bottom, #f5f5f5 0%,#e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  background-repeat: repeat-x; /* Repeat the gradient */
  border-bottom: 1px solid #d5d5d5;
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #ddd;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
  .nav-justified {
    /*max-height: 52px;*/
  }
  .nav-justified > li > a {
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #fff;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-right: 0;
    border-radius: 0 5px 5px 0;
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}


/**Menú*/
/* Red */
$bgDefault      : #e74c3c;
$bgHighlight    : #c0392b;
$colDefault     : #ecf0f1;
$colHover       : #ffbbbc; 
/* Green * /
$bgDefault      : #2ecc71;
$bgHighlight    : #27ae60;
$colDefault     : #ecf0f1;
$colHover       : #d1ffed; /*/
/* Purple * /
$bgDefault      : #9b59b6;
$bgHighlight    : #8e44ad;
$colDefault     : #ecf0f1;
$colHover       : #ecdbff; /*/
/* Orange * /
$bgDefault      : #e67e22;
$bgHighlight    : #d35400;
$colDefault     : #ecf0f1;
$colHover       : #ffe6d1; /*/


/* --- Style --- */
.navbar-default {
    background-color: $bgDefault;
    border-color: $bgHighlight;
    .navbar-brand {
        color: $colDefault;
        &:hover, &:focus {
            color: $colHover; }}
    .navbar-nav {
        > li {
            > a {
                color: $colDefault;
                &:hover, &:focus {
                    color: $colHover;   }}}
        .active {
            > a, > a:hover, > a:focus {
                color: $colHover;
                background-color: $bgHighlight; }}
        .open {
            > a, > a:hover, > a:focus {
                color: $colHover;
                background-color: $bgHighlight;
                .caret {
                    border-top-color: $colHover;
                    border-bottom-color: $colHover; }}}
        > .dropdown {
            > a {
                .caret {
                    border-top-color: $colDefault;
                    border-bottom-color: $colDefault; }
                &:hover, &:focus {
                    .caret {
                        border-top-color: $colHover;
                        border-bottom-color: $colHover; }}}}}
    .navbar-toggle {
        border-color: $bgHighlight;
        &:hover, &:focus {
            background-color: $bgHighlight; }
        .icon-bar {
            background-color: $colDefault; }}}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: $colDefault;
        &:hover, &:focus {
            color: $colHover;
            background-color: $bgHighlight; }}
}