@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
 
  html {
  scroll-behavior: smooth;
}

 
 body{
	    font-family: 'Lato', sans-serif;
		font-size:1.05em;
		color:#535353;
} 
.container{ max-width:1100px;}

a:link, a:hover, a:visited{ color:#7d9355}

header nav{ background:#f2f2f2; text-transform:uppercase;}
header nav a:link, header nav a:hover, header nav a:visited{ color:#838383 !important; font-weight:700; font-size:1em}
header #grapic-top{ background:url(../images/header_graphic.jpg) no-repeat right; height:170px}
header #grapic-top_home{ background:url(../images/logoheader_pc.png?1) no-repeat right; height:170px;background-size: 100%;}
header #logo{ height:140px; margin: 15px 0 5px 45px}
header .nav-link{  margin-top:7px; margin-bottom:7px; padding:0 15px !important }
header nav .dropdown-menu{background:#f2f2f2; text-transform:uppercase; font-size:1em}

h1{   

    font-family: 'Lato', sans-serif;

 color:#535353; font-weight: 300 !important; text-align:center; margin:15px 0;  text-transform:uppercase; background:url(../images/h1.jpg) repeat-x center center}
h1 span{ background:rgba(255,255,255,1.00); padding:0 20px}
.border-left{ border-left:1px solid #d9d9d9;}

h1.simple, h2.simple{ 

    font-family: 'Lato', sans-serif;

 font-weight: 300 !important; background:none; text-align:left; font-size:40px; color:#535353 !important}
.margin-Mbox{ margin-left:40px; margin-right:40px; margin-top:0px !important}


footer{ background:#e7e7e7; color:#9c9d9f; font-size:0.85em}
.mtext{ font-style:italic; font-size:1em}
.mt-subtop{ margin-top:-50px !important; font-size:1.2em; color:#535353;}
.mt-subtop a:link, .mt-subtop a:visited{ font-weight:bold; color:#535353}
.colb-1:link, .colb-1:a,.colb-1:a:visited, .colb-1{ color:#a1a56a !important}
.mt-subtop table{ margin-top:100px}
.border-eq{ margin-top:23px !important}
.colb-2:link{ color:#7d9355 !important}
.colb-3:link, .colb-3{ color:#a1a1a1 !important}
.colb-4:link, .colb-4{ color:#7e7e7e !important}
.colb-4:link, .colb-4{ color:#9c9d9f !important}

.hide-desktop{ display:none;}
.hide-mobile{ display:inline;}

#home-grap{
	background:url(../images/homepagephoto.jpg) top center; height:580px; font-size:1.2em; padding:30px 90px 30px 50px; color:rgba(255,255,255,1.00); font-weight: 300}
	
#detail h5{ line-height:1.4em; font-size:1.1em !important; 


}	
@media only screen and (max-width: 767px) {
.mt-subtop{ margin-top:10px !important; font-size:1.2em; color:#535353;}
h1.simple{font-size:34px !important; color:#535353 !important}
h2.simple{font-size:34px !important; color:#535353 !important; }
.mt-subtop input{ width:95% !important; float:left}	
.mt-subtop .mtext{ color:#9c9d9f; font-size:0.9em}
.margin-Mbox{ margin-left:0px !important; margin-right:0px !important; margin-top:0px !important}

.hide-desktop{ display:inline;}
.hide-mobile{ display:none;}

#home-grap{
	background: none; background-color:#435cb1; height: auto;padding:30px 50px 30px 50px;}
	

.mobil-font-med{ font-size:0.8em !important;}
.hide-mobile-lab{ display:none;}

}


table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
    display:none;
}

table.dataTable thead .sorting_desc::after {
    display:none;
}

table.dataTable thead .sorting {
   background-image: url(/datatables/ambos.png);
   background-repeat: no-repeat;
   background-position: center right;
}

table.dataTable thead .sorting_asc {
   background-image: url(/datatables/arriba.png);
   background-repeat: no-repeat;
   background-position: center right;
}

table.dataTable thead .sorting_desc {
   background-image: url(/datatables/abajo.png);
   background-repeat: no-repeat;
   background-position: center right;
}


.slick-slide {
    margin: 0px 20px;
}
#lista{ font-size:0.9em;}
#lista a:link, #lista a:hover, lista:avisited, #lista td{ color:#7e7e7e !important}
#lista  th{ color:#c3c3c3 !important}
.slick-slide img {
    width: 100%;
}

.photo-gal-st{ max-width:100%; max-height:240px}

#lista_wrapper{ margin:0px !important; padding:0px !important}

.border-to-head{ margin-top: 20px !important}
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}




/* Arrows */
.slick-prev,
.slick-next
{
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;
    padding: 30px 5px 30px 5px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: #fff;
    border: none;
    outline: none;
    background: #e7e8ea;
	font-weight:700 !important
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: #babbbd;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 2em;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '<';
}
[dir='rtl'] .slick-prev:before
{
    content: '<';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '>';
}
[dir='rtl'] .slick-next:before
{
    content: '<';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

@media (max-width: 768px) {
.border-left{ border-left:0px !important;}
.mobil-padding{ padding:20px}
.margin-Mbox{ margin-left:40px; margin-right:40px}

header #grapic-top, header #grapic-top_home{ background:url(../images/header_movil.jpg?4) no-repeat right; height:170px;   background-size: auto  170px;}
header #logo{ height:120px;margin: 30px 0 20px 20px}
.movil-change{ font-size:1.4em}
}

#detail{ font-size:0.9em;}
#detail h5{ 

    font-family: 'Lato', sans-serif;

font-style:italic; font-size:1.2em; font-weight:400; color:#535353}
#detail h6{ font-weight:bold; padding-bottom:0; margin-bottom:0; font-size:0.9em; color:#535353; margin-top:10px }
#detail p{ margin:6px 0 !important}



a:link {
    opacity: 1;
    filter: alpha(opacity=40);
		  transition: 0.5s;
}

a:link:hover {
    opacity: 0.8;
    filter: alpha(opacity=100);
	color: rgba(0,0,0,1.00) !important;
		  transition: 0.5s;
		 
}


.dropdown:hover>.dropdown-menu {
  display: block;
}
.tit-win{ font-size: 0.8em;}
.cl-Spain{ background: #fffbfb !important}
.cl-Portugal{ background: #fffcf2  !important}