#portada{
    width:100%;
    max-height: 500px;
}

#rowslider{
    margin-bottom: 10px;
}

#slider{
    margin-top: 10px;
}

#noticias{
    color: deeppink;
}

.carousel-item{
    max-height:500px;
}

.card-text {
  background: rgba(35, 35, 35, 0.7);
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  -webkit-transition: opacity 0.45s ease-in-out;
  transition: opacity 0.45s ease-in-out;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
    padding: 20%;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  color: #fff;
  opacity: 0;
}
.card-text:hover {
  opacity: 1;
}

.card-new {
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50% 50%;
  -webkit-transition: background-size 0.275s ease-in-out;
  transition: background-size 0.275s ease-in-out;
  -webkit-box-flex: 1;
          flex-grow: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
    padding:0;
}
.card-body:hover {
  background-size: 120%;
}

body{
    background-color: #fff;
}
/*
.container{
    padding-left: 0px;
    padding-right: 0px;
    max-width: 1200px;
}*/

#container {
  margin: 50px 0;
  position: relative;
}

.actions {
    position: absolute;
    top: 0;
    width: 5%;
    height: 200px;
    line-height: 300px;
    color: #000;
    background: rgba(0, 0, 0, 0.15);
    text-align: center;
    user-select: none;
    cursor: pointer;
}

.left {
  left: 0;
}

.right {
  right: 0;
}

#item {
    text-align: justify;
    color:deeppink;
}

#item:nth-child(even) {
    color:midnightblue;
}

#actions-landing:nth-child(odd){
    border-bottom: deeppink 10px solid;
}

#actions-landing:nth-child(even){
    border-bottom: midnightblue 10px solid;
}

#textotramites{
    padding:20px;
    font-size: 2rem;
    background-color: deeppink;
    color: #fff;
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    letter-spacing: 1px;
}

#listatramites{
    font-size: 2rem;
}

.tramite{
    color:midnightblue !important;
}

.tramite:hover{
    color:#fff !important;
    background-color: midnightblue;
    cursor:pointer;
    text-decoration: none !important;
}

#listatramites .card{
    margin-bottom: 10px;
}

#transparencia{
    width:100%;
    padding: 10px;
    color: #fff;
    background-color: midnightblue;
    border-radius: 10px;
}

#transparencia h1{
    letter-spacing: 5px;
}

#transparencia p{
    padding-top: 10px;
    font-size: 1.5rem;
}

#botonTransparencia{
    background-color: deeppink;
    color: #fff;
    font-size: 2rem;
}

#mujer-segura{
    background-image: url('../img/mujersegura.jpg');
    background-size: 100% 100%;
    border-radius: 10px;
    height: 200px;
    cursor: pointer;
}

#mujer-sancion{
    background-image: url('../img/modelo_integral_sancion_violencia.png');
    background-size: 100% 100%;
    border-radius: 10px;
    height: 200px;
    cursor: pointer;
}
#mujer-prevension{
    background-image: url('../img/mujer_prevension.jpg');
    background-size: 100% 100%;
    border-radius: 10px;
    height: 200px;
    cursor: pointer;
}
#mujer-tarjeta{
    background-image: url('../img/banner_tarjeta_mujeres.jpg');
    background-size: 100% 100%;
    border-radius: 10px;
    height: 200px;
    cursor: pointer;
}

#numdato{
    font-size: 5rem;
    color: midnightblue;
}

#textdato{
    font-size: 1.5rem;
    color: deeppink;
}

footer{
    background-color: gray;
    color:#fff;
    position:relative;
    bottom:0;
    margin-top:50px;
}

footer hr{
    background-color:#fff;
}

footer li{
    margin-bottom: 10px;
    font-size: 1rem;
}

#redessociales{
    width:50px;
}

#vermas{
    background-color: deeppink;
    margin-top: 20px;
    color: #fff;
}

#vermas:hover{
    background-color: midnightblue;
}

@media (min-width:200px )and (max-width: 750px){
    .carousel-item{
        max-height:200px !important;
    }
    
    #listatramites{
        margin-top: 20px;
        font-size: 1rem;
    }
    
    #transparencia{
        padding: 5px;
        color: #fff;
        background-color: midnightblue;
        border-radius: 10px;
    }

    #transparencia h1{
        letter-spacing: 1px;
        font-size:1.5rem;
    }

    #transparencia p{
        padding-top: 10px;
        font-size: 1rem;
    }

    #botonTransparencia{
        background-color: deeppink;
        color: #fff;
        font-size: 1rem;
    }
}

@media (min-width:200px )and (max-width: 560px){
    #textotramites{
        padding:10px;
        font-size: 2rem;
        letter-spacing: normal;
        transform: rotate(0deg);
        writing-mode: unset;
    }
}

@media (min-width:560px )and (max-width: 750px){
    #item{
        display:contents;
    }
    
    #textotramites{
        padding:10px;
        font-size: 1rem;
        margin-right:10px;
    }
}

@media (min-width:750px )and (max-width: 1300px){
    #item{
        font-size:10px;
    }
    
    #titulo-accion{
        font-size:15px !important;
    }
    
    #textotramites{
        padding:10px;
        font-size: 1rem;
        margin-right:10px;
    }
}

.cardActions:hover{
  -webkit-animation: tiembla 1s ;
}
@-webkit-keyframes tiembla{
  0%  { -webkit-transform:rotateZ(-5deg); }
  50% { -webkit-transform:rotateZ( 0deg) scale(.8); }
  100%{ -webkit-transform:rotateZ( 5deg); }
}