/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20/09/2017, 01:20:42 PM
    Author     : User
    */
    body {
    	margin: 0;
    	padding: 0;
    	background-color: #ddd;
    	font-family: Calibri, Helvetica, Arial;
    	font-size: 14pt;
    }
    a {
    	color: #951823;
    	text-decoration: none;
    }
    a:hover {
    	text-decoration: underline;
    }
    #main-container {
    	width: 100%;
    	margin: 0 auto;
    	background-color: white;

    }
    #header {
    	height: 80px;
    	background-color: #951823;
    	color: white;
    }
    #header a, #header a:hover {
    	color: white;
    }
    #header-logos {
    	float: left;
    	width: 50%;
    	height: 100%;
    }
    #header-logos img {
    	float: left;
    	height: 50px;
    	margin: 10px;
    	border: 0;
    }




    #cover {
    	height: 500px;
    	background-image: url("../images/portada-feria-min.webp");
    	background-size: cover;
    	background-position: center;
    }

    @media only screen and (min-width: 1981px) {
    	#cover {
    		height: 600px;
    	}
    }

    /* --------------------------------------------------------*/
    #menu-izquierda {
    	float:left;
    	width: 300px;
    	height: 100%;
    	padding: 50px 0 50px 30px;
    	font-size: 15pt;

    }
    #menu-izquierda ul {
    	list-style: none;
    	padding-left: 5px;
    }
    #menu-izquierda li {
    	margin-bottom: 30px;
    }
    #menu-izquierda a {
    	color: #951823;
    	text-decoration: none;
    }
    /* --------------------------------------------------------*/
    #app-name {
    	color: #009933;
    	text-decoration: none;
    }
    .subtitulo-pagina {
    	color: #333;
    	font-weight: bold;
    	font-size: 15pt;
    }
    .accion {
    	margin: 15px;
    	max-width: 800px;
    	padding: 15px;
    	color: white;
    	text-align: center;
    	font-size: 16pt;
    	font-weight: bold;
    }
    .accion a {
    	color: white;
    	text-decoration: none;
    }

    .azul {
    	background-color: #3399ff;
    }
    .verde {
    	background-color: #00cc33;
    }

    select {
    	font-size: 14pt;
    }

    input[type=text] {
    	padding: 4px;
    	font-size: 14pt;
    }

    .tabla-solicitudes {
    	border-collapse: collapse;
    }
    .tabla-solicitudes th {
    	border: 1px solid black;
    	padding: 5px;
    }
    .tabla-solicitudes td {
    	border: 1px solid black;
    	padding: 5px;
    }


















    #header-redes {
    	float: right;
    	height: 100%;

    	text-align: center;
    	/*vertical-align: bottom;*/
    	font-size: 16pt;
    }


    #header-redes h2 {
    	margin-top: 0;
    	margin-bottom: 25px;
    }

    #header-redes h2 i {
    	color: #dd4b39;
    }

    #header-redes ul.list-social {
    	margin: 10px;
    	list-style-type: none;
    }

    #header-redes ul.list-social li {
    	float: left;
    	padding: 5px;
    }

    #header-redes ul.list-social li a {
    	font-size: 20px;
    	line-height: 40px;
    	display: block;
    	width: 40px;
    	height: 40px;
    	color: white;
    	border-radius: 100%;
        margin-top: 5px;
    }

    #header-redes ul.list-social li.social-twitter a {
    	background-color: #1da1f2;
    }

    #header-redes ul.list-social li.social-twitter a:hover {
    	background-color: #0d95e8;
    }

    #header-redes ul.list-social li.social-facebook a {
    	background-color: #3b5998;
    }

    #header-redes ul.list-social li.social-facebook a:hover {
    	background-color: #344e86;
    }

    #header-redes ul.list-social li.social-instagram a {
    	background-color: #bc2a8d;
    }

    #header-redes ul.list-social li.social-instagram a:hover {
    	background-color: #8a3ab9;
    }



    .navbar{
    	padding: 0px !important;
    }
    nav{
    	background-color: #B79A64;
    }
    .main-menu {
    	clear: both;
    	height: 80px;
    	margin: 0;
    	padding: 0;
    	background-color: #EB0002;
    	color: white;
    }
    #menu-items {
    	width: 100%;
    	/*height: 100%;*/
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }
    #menu-items li {
    	display: inline-block;
    	margin: 0;
    	/*border: 1px solid red;*/
    	height: 100%;/*80px;*/
    	/*padding: 60px 20px auto 20px;*/
    	padding: 10px 20px 10px 20px;
    	text-align: center;
    	vertical-align: middle;
    }
    #menu-items li:hover {
    	background-color: #A87F3F;
    }
    #menu-items li a {
    	padding: 60px 20px auto 20px;
    	color: white;
    	text-decoration: none;

    }


    #footer {
    	clear:both;
    	padding: 50px;
        line-height: 1.5;
    	text-align: center;
    	background-color: #951823;
    	color: white;
    	font-size: 11pt;
    }

    #menu-izquierda li a:hover {
    	text-decoration: underline;
    }

    #contenido-derecha {
    	margin-left:300px;
    	padding: 30px;
    	text-align: justify;
    }
    #titulo-pagina {
    	color: #951823;
    	font-size: 28pt;
    	margin-bottom: 30px;
    	text-align: left;
    }

    /* ----------- dispositivos móviles ----------- */
    /* cambios css para modo vertical y horizontal */
    @media only screen
    and (min-width: 320px) 
    and (max-width: 736px)
    {

        img {
            max-width:100%; 
        }
        #contact{
            margin-top: 30px !important;
        }
        section{
            margin: 0px 5px 30px 5px !important;
        }

        #page-container {
          padding: 0px !important;
      }
      #menu-izquierda{
          width: 100%;
      }
      #contenido-derecha{
          padding: 0 auto;
          margin: 0 auto;
          font-size:1em;
          text-align: justify;
      }
      #titulo-pagina{
          text-align: left;
      }
      .ujed {
          display: none;
      }
      .feca{
        width: 50%;
        height: 45px !important;
    }

    #header-redes ul.list-social {
        margin: 15px 5px 40px 5px;
    }

    #header-redes ul.list-social li {
        padding: 0px;
    }


    #main-menu {
      border-color: transparent;
      background-color: #B79A64;
      padding: 5px !important;
  }
  #main-menu .navbar-brand {
      color: fade(white, 70%);
  }
  #main-menu .navbar-brand:hover, #main-menu .navbar-brand:focus {
      color: white;
  }
  #main-menu .navbar-nav > li > a,
  #main-menu .navbar-nav > li > a:focus {
      padding:0px auto;
      color: rgba(255, 255, 255, 0.7);
  }
  #main-menu .navbar-nav > li > a:hover,
  #main-menu .navbar-nav > li > a:focus:hover {
      color: white;
  }
  #main-menu.navbar-shrink {
      border-color: rgba(34, 34, 34, 0.1);
      background-color: white;
  }
  #main-menu.navbar-shrink .navbar-brand {
      color: #222222;
  }
  #main-menu.navbar-shrink .navbar-brand:hover, #main-menu.navbar-shrink .navbar-brand:focus {
      color: #fdcc52;
  }
  #main-menu.navbar-shrink .navbar-nav > li > a,
  #main-menu.navbar-shrink .navbar-nav > li > a:focus {
      color: #222222;
  }
  #main-menu.navbar-shrink .navbar-nav > li > a:hover,
  #main-menu.navbar-shrink .navbar-nav > li > a:focus:hover {
      color: #fdcc52;
  }
}



#noticia{
    text-align: center;
}

.titulo-noticia{
    padding-top: 50px;
}

.bloque-noticia {
    margin: 20px 0;
    padding: 20px;
}

#page-container {
    color: #333;
}

section {
  padding: 60px 0;
  margin: 40px;
}

section h2 {
  font-size: 35px;
  margin: 0px 0px 40px 25px;
}


.seccion{
    background-color: #eee !important;
}

g-col, .g-col--1-4 {
    padding-left: 25px;
    padding-right: 25px
}

news-card {
    display: block;
    margin-bottom: 54px
}
.news-card:hover {
    text-decoration: none
}
@media screen and (min-width: 45em) {
    .news-card__column {
        width: 100%
    }
}
@media screen and (min-width: 56.25em) {
    .news-card__column {

    }
}
.news-card__date {
    color: #999;
    font-size: 9px;
    font-size: .5625rem;
    margin-bottom: .5em;
    text-transform: uppercase
}
.news-card__img {
    background-color: #ddd;
    display: block;
    height: auto;
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out;
    transition: transform .15s ease-out, -webkit-transform .15s ease-out;
    width: 100%
}
.news-card:hover .news-card__img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}
.news-card__img-container {
    height: 0;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 50%;
    width: 100%
}
@media screen and (min-width: 25em) {
    .news-card__img-container {
        height: 170px;
        padding-bottom: 0
    }
}
@media screen and (min-width: 30em) {
    .news-card__img-container {
        float: left;
        height: auto;
        margin-right: 20px;
        padding-bottom: 0;
        width: 40%
    }
}
@media screen and (min-width: 38.75em) {
    .news-card__img-container {
        width: 30%
    }
}
@media screen and (min-width: 56.25em) {
    .news-card__img-container {
        float: none;
        height: 0;
        margin-right: 0;
        padding-bottom: 50%;
        width: 100%
    }
}
.news-card__row {
    display: block
}
@media screen and (min-width: 56.25em) {
    .news-card__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
@media screen and (min-width: 30em) {
    .news-card__text-container {
        float: left;
        width: 55%
    }
}
@media screen and (min-width: 38.75em) {
    .news-card__text-container {
        width: 65%
    }
}
@media screen and (min-width: 56.25em) {
    .news-card__text-container {
        float: none;
        width: 100%
    }
}
.news-card__title {
    color: #444;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.4em;
    margin-bottom: .5em
}
.news-card:hover .news-card__title {
    color: #225177
}

clearfix:after,
.clearfix:before,
.g-search__box-container:after,
.g-search__box-container:before,
.news-card:after,
.news-card:before,
.news-card__title:after,
.news-card__title:before {
    content: " ";
    display: table
}
.clearfix:after,
.g-search__box-container:after,
.news-card:after,
.news-card__title:after {
    clear: both
}















/********************* Convocatorias *************************************/


.calls{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    background-color:#fff;
    border:1px solid #ddd;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    padding:15px;
}

@media screen and (min-width:62.5em){
    .calls{
        display:block;
    }
}

.calls__column{
    margin-bottom:27px;
    width:100%;
}

@media screen and (min-width:62.5em){
    .calls__column{margin-bottom:0;width:25%;
    }
}

.calls__container{
    display:block;
    padding-bottom:1px;
    position:relative;
    transition:-webkit-transform .2s ease-out;
    transition:transform .2s ease-out;
    transition:transform .2s ease-out,-webkit-transform .2s ease-out;
}

.calls__group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}

.no-js .calls__group{
    margin-bottom:27px;
}

@media screen and (min-width:62.5em){
    .calls__group{
        -ms-flex-wrap:no-wrap;
        flex-wrap:no-wrap;
    }
    .js 
    .calls__group:not(:first-child){position:absolute;top:0}
    .js .calls__group:nth-child(2){left:100%}
    .js .calls__group:nth-child(3){left:200%}
    .js .calls__group:nth-child(4){left:300%}
    .js .calls__group:nth-child(5){left:400%}
    .js .calls__group:nth-child(6){left:500%}
    .js .calls__group:nth-child(7){left:600%}
    .js .calls__group:nth-child(8){left:700%}}
    .calls__img{width:100%}
    .calls__img-container{border:1px solid #ddd;display:none;margin-bottom:27px;overflow:hidden}

    @media screen and (min-width:31.25em){
        .calls__img-container{display:block}
    }

    @media screen and (min-width:62.5em){
        .calls__img-container{width:100%}
    }
    .calls__list{margin-bottom:0}
    .calls__list .link-more{font-size:12.5px;font-size:.78125rem;line-height:1.6em;margin-bottom:.5em;text-transform:none}
    .calls__list .link-more .fontello-right-open-mini{font-size:14px;font-size:.875rem}
    .calls__list .link-more .fontello-right-open-mini:before{margin-left:0}.calls__mask{overflow:hidden}
    .calls__offered-by{color:#999;font-size:12px;font-size:.75rem;line-height:1.6em}
    .calls__text-container{padding-right:27px;width:180%}
    @media screen and (min-width:62.5em){
        .calls__text-container{padding-right:0;width:100%}
    }
    .calls__title{font-size:14px;font-size:.875rem;line-height:1.4em;margin-bottom:.7em}
    .calls__btn{background-color:transparent;border:0;color:#888;display:none;font-size:30px;font-size:1.875rem;padding:0;transition:color .2s ease-out}
    .calls__btn:hover{color:#333}.calls__btn:disabled{color:#ddd}.calls__btn--left 
    .calls__btn-icon:before{text-align:left}.calls__btn--right .calls__btn-icon:before{text-align:right}


    @media screen and (min-width:62.5em){
        .js .calls__btn{display:inline-block}
    }