/*
Theme Name: Cendie Informa
Template Theme URI: --
Author: Gatti Valeria
Description: Plantilla desarrollada para cendie informa.
Version: 1.0
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
.blanco {
  background-color: #fff;
}
p{text-align:justify;}
.img-responsive{width: 100%; height: auto;}
html, html body{margin-top: 0!important;}
aside.col-md-3{padding-right: 0;}
h3.widget-title, h2.title {
    border: 0 none;
    border-bottom: 1px solid #dbdbdb;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 25px;
    padding-bottom: 3px;
    position: relative;
    text-transform: uppercase;
}
h3.widget-title span, h2.title span {
    position: relative;
    display: inline-block;
    line-height: 24px;
}
h3.widget-title span:after, h2.title span:after{
    border-bottom: 4px solid transparent;
    bottom: -9px;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}
h3.widget-title {
    color: #fff;
}
h3.widget-title span:after {
    border-color: #fff;
}
h3 a{color:#000;}
h2.title{color: #2980b9;}
h2.title span:after { border-color: #2980b9;}

/** HEADER TOP **/
#text-17{background: #004664;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
  margin-right: 1rem;}
#text-16{font-size: 1.2rem;padding: 1.4rem;}
span.pull-right{    text-transform: uppercase;   font-size: 1.05rem;  margin: 1rem;}
span.pull-right a{ color: #333;}
a.navbar-brand, .navbar-inverse a.navbar-brand {color: #fff; text-transform: uppercase;  font-size: x-large;}
.navbar-brand span{font-weight: 800;}
.navbar-default {
    background-color: #004664;
    border-color: none;
    background-image: none;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 1.2rem;
    text-transform: uppercase;
  }
.navbar-default .navbar-nav>li>a span{text-transform: none; font-size: smaller;position: relative; top: -0.5rem;}
.row-margin{margin-left: 0;  margin-right: 15px;}

/** MAIN **/
section {margin-bottom: 30px;}
section p{line-height: 2.5rem;}
.modal blockquote {
  min-width: 250px;
font-size: 25px;
line-height: 1.2;
padding: 10px 60px;
margin: 40px;
    background: #f0f0f0;
    position: relative;
    float: left
}
.modal blockquote:before, .modal blockquote:after {
    position: absolute;
    width: 38px;
    height: 38px;
    font-size: 35px;
    background: #2980b9;
    content: '"';
    padding: 6px 10px;
}
.modal blockquote:before {
top: 0;
left: 0;
color: #fff;
}
.modal blockquote:after {
bottom:  0;
right: 0;
color: #fff;
}

/** cendiedia **/
#cendiedia{background: #f0f0f0;padding-bottom: 20px;}
#cendiedia h2{  padding: 3px;}
#cendiedia div:last-child{padding-right: 15px;}

/** novedades carrousel **/
.carousel-control,.carousel-control.left, .carousel-control.right, .carousel-control:hover, .carousel-control:focus{background: #2980b9;      font-size: 1.5rem;
   opacity: inherit;    position: relative;    height: 22px; width: 25px; display: inline-block;}
.card {
  display: block;
  line-height: 1.42857143;
  position: relative;
  overflow: hidden;
  height: 280px;
}
.card:hover{cursor: pointer;}
.card:hover>.card-content{ position: absolute; bottom: 0; transition: all 0.3s linear;}
.card img {
  border: 2px solid #dddfe2;
  display:block;
  overflow: hidden;
}
.card-content {
  bottom: -280px;
  position: absolute;
  padding:5px;
  text-align:left;
  transition: all 0.3s linear;
  padding: 0 1rem;
  background:  #dddfe2;
  height: 280px;
  font-size: 1.1rem;
}
.card-content p{line-height: 2rem!important;}
.izquierda p{text-align: left;margin-top:0;}
.carousel-inner.row .col-xs-12:first-child .card:nth-child(2) p {
    font-size: 1rem;
}

/** destacado **/
section#destacado>div{background: #004664; padding: 1.3rem 0; color: #fff;}
section#destacado h3 a{color: #fff;}
section#destacado .modal, section#destacado .modal h2{color:#333;}

/** actividades **/
label:after{content: "|"; padding-left: 5px; margin-right: 5px;}
label[for=todo]:after{content: "";}
input[type=radio] { display: none; }
 label{font-weight: 600;    float: right; font-size: x-small; color: #2980b9; text-transform: uppercase;    top: -4.5rem;  position: relative;}
 label:hover { cursor: pointer; }

figure#filtro div {
  margin: 10px 0 0 0;
  border-bottom: 1px solid #e0e0e0;
  -webkit-transition: 1s;
  transition: 1s;
  }
figure#filtro div.modal{margin:  auto!important; border: none}
input#todo:checked ~ figure div { display: block;}
span.fecha{background: #dddfe2;  color: #2980b9; font-size: small; padding: 3px 7px;}
figure  img{float: left;margin: 0 15px 15px 0;}
figure a>button { line-height: normal;}
.clear{clear: both;}

/** link **/
section#link span.fecha{background: #2980b9; color: #fff;}
section#link li{ list-style: none; margin: 8px 5px; display: inline-block;}
#link a{color:#333;}
section#link li.pull-right{font-weight: normal; font-size: small; color: rgba(0,0,0,0.5);}
.calendario{text-align: right; padding-left: 20rem;  margin-bottom: 5rem;}

/** MODAL **/
.modal-body img{float: left; margin: 0 25px 10px 0;}
span.mes{font-size: small;
    font-weight: normal;
    text-transform: uppercase;
    color: #2980b9;}
#link .modal h2, .margin-top{margin-top: 10px;}
.modal span{margin-right:10px; }
#link .modal-body a, .modal-body a{color: #2980b9;}

/** ASIDE **/
aside img{ margin-bottom: 2rem;}

/** FOOTER **/
footer .row:last-child{border-top: 1px solid #555; margin-top: 2rem; padding-top: 1.2rem;}
footer{background: #233140; color: #fff; padding: 3rem;}
footer p{font-size: 1.2rem;  line-height: 2rem;}
footer h3.widget-title {
    border-bottom-color: #595959;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 35px;
}
footer h3.widget-title span:after {
    bottom: -4px;
}
.btn-group{ position: fixed; right: 25px; bottom: 25px;}
.btn-group button, a>button, button.btn.btn-default{background: #233140; color: #fff; font-size: 1rem; text-shadow: none;  border: none;}
 a>button{padding: 0.5rem 1rem;}

@media (min-width: 768px){
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 5px;
  }
  .modal-dialog {
      width: 900px;
      margin: 30px auto;
  }
}