/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }



.roboto-comle {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.maven-pro-comle {
  font-family: "Maven Pro", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}



/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;  
  }


body {
  /* Margin bottom by footer height */
 /* margin-bottom: 60px; */
 /* padding-bottom: 70px; */
    margin: 0 0 100px; /* bottom = footer height */

    /* background-image: url(imagenes/fondo.jpg) ;  */
    background-color: #ffffff;
    background-repeat: repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}

.container
{
    background-color: #fff;
}

.footer {
  /* position: absolute; */
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 260px;
  background-color: #4d4444;
  color: #ffffff;
  font-size:x-small;
}

.footerlink 
{
      
  color: #d2d2d2;
  font-size:small;
  font-weight:bold;
  text-decoration:none;
  
}

.footerlink:hover
{
      
  color: #ffffff;
  font-size:small;
  font-weight:bold;
  text-decoration:none;
  
}



/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */




.maincontainer {
  padding: 60px 15px 0;  
}



@media (min-width:992px)
    {
        .maincontainer {
        padding: 60px 15px 0;
        width:960px;
        }

    }
@media (min-width:1200px)
    {
        .maincontainer {
            padding: 60px 15px 0;
            width:960px;
        }

    }








.container .text-muted {
  margin: 20px 0;
}

.footercontainer {
  padding-right: 15px;
  padding-left: 15px;
}

.code {
  font-size: 80%;
}


/*

.slider-size {
height: 500px;


}
*/

/*
.navbar-nav li a {
 line-height: 50px;
}
*/

/*
@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Regular.woff") format('woff');
}

@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Bold.woff") format('woff');
    font-weight: bold;
}

@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-BoldItalic.woff") format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Italic.woff") format('woff');
    font-style: italic;
}

*/

body
{
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 14px;
    line-height: 27px;    
    font-family: 'roboto', sans-serif;
}


.valigned
{
    
    height: 100%;
    vertical-align: middle;
}

.center-vertical {
    vertical-align: middle;
    display: inline-block;
}

.color-cabecera
{
    color:#900a2e;
    
}

.color-cabecera2
{
    color:#7e7e7e;
    
}

/*
.cabecera
{
    
}
*/

.color-etiqueta
{
     color:#7e7e7e;
}

.color-datos
{
     color:#000000;
}


nav.navbar-colorized {  background-color: #e7e7e7 !important;  border-color: #ccc; box-shadow: 0 0 4px 2px rgba(94, 30, 30, 0.233);}
nav.navbar-colorized ul.navbar-nav div.dropdown-menu { border: none; background-color: #e7e7e7; border-radius: 1px; margin: 7px 5px 5px 5px; box-shadow: 5px 5px 5px -2px rgba(94, 30, 30, 0.226); padding: 2px;}


/* nav.navbar-colorized .nav-link { color: #91002b !important;  border: 0;} */

nav.navbar-colorized a,
nav.navbar-colorized a:visited,
nav.navbar-colorized a:focus,
nav.navbar-colorized a:active { color: #91002b !important;  border: 0; border-radius: 1px; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.8em; padding-right: 0.8em}
nav.navbar-colorized a:hover { color: #eeeeee !important;  background-color: #91002b;  border-radius: 1px; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.8em;padding-right: 0.8em}

nav.navbar-colorized .dropdown-toggle {color: #fff;  }

/*
.carousel .carousel-item img {
    max-height: 400px;
   margin: auto;
}*/

/*
#carouselcomle {
    max-height: 500px;
}

.carousel-inner {
    max-height: 400px;
}
*/


@media (min-width: 992px) and (max-width: 1199px) {}


@media (max-width: 992px) {

    
    nav.navbar-colorized { background-color: #be8596 !important;  border-color: #ccc; box-shadow: 0 0 4px 2px rgba(94, 30, 30, 0.479);}    
    nav.navbar-colorized ul.navbar-nav div.dropdown-menu { border: 0px solid #ffffff; border-color: #790024; background-color: #91002b; border-radius: 3px; margin: 1px 0; box-shadow: none; }


    /* nav.navbar-colorized .nav-link { color: #fff !important;  border: 0; padding: 0.6em;} */

    nav.navbar-colorized a,
    nav.navbar-colorized a:visited,
    nav.navbar-colorized a:focus,
    nav.navbar-colorized a:active { color: #fff !important;  border: 0; padding: 0.6em;}
    nav.navbar-colorized a:hover { color: #91002b !important;  background-color: #ffffff;  border-radius: 3px; padding: 0.6em;}
    


}



/*
nav.navbar-colorized a.dropdown-item { border: 0; border-left: 2px solid #ffffff; border-color: #91002b; background-color: #91002b; border-radius: 3px; margin: 0px 0; box-shadow: 0 0 0 2 #ccc; }
*/
/*

nav.navbar-colorized { background: #fff; border-color: #ccc; box-shadow: 0 0 2px 0 #ccc;}
nav.navbar-colorized a { color: #484861;}
nav.navbar-colorized ul.navbar-nav a { color: #484861; border-style: solid; border-width: 0 0 2px 0; border-color: #fff; }
nav.navbar-colorized ul.navbar-nav a:hover,
nav.navbar-colorized ul.navbar-nav a:visited,
nav.navbar-colorized ul.navbar-nav a:focus,
nav.navbar-colorized ul.navbar-nav a:active { background: #fff;  }
nav.navbar-colorized ul.navbar-nav a:hover { border-color: #484861; }
nav.navbar-colorized li.divider { background: #ccc; }
nav.navbar-colorized button.navbar-toggle { background: #484861; border-radius: 2px; }
nav.navbar-colorized button.navbar-toggle:hover { background: #999; }
nav.navbar-colorized button.navbar-toggle > span.icon-bar { background: #fff; }
nav.navbar-colorized ul.dropdown-menu { border: 0; background: #fff; border-radius: 4px; margin: 4px 0; box-shadow: 0 0 4px 0 #ccc; }
nav.navbar-colorized ul.dropdown-menu > li > a { color: #444; }
nav.navbar-colorized ul.dropdown-menu > li > a:hover { background: #4144f4; color: #fff; }
nav.navbar-colorized span.badge { background: #484861; font-weight: normal; font-size: 11px; margin: 0 4px; }
nav.navbar-colorized span.badge.new { background: rgba(255, 0, 0, 0.8); color: #fff; }
*/
/*
nav.navbar-colorized { background-color: rgb(255, 110, 110); border-color: #ccc; box-shadow: 0 0 2px 0 #ccc;}
nav.navbar-colorized div.dropdown-menu { border: 0; background-color: rgb(216, 147, 147); border-radius: 1px; margin: 4px 0; box-shadow: 0 0 4px 0 #ccc; }



nav.navbar-colorized ul.navbar-nav a:hover,
nav.navbar-colorized ul.navbar-nav a:visited,
nav.navbar-colorized ul.navbar-nav a:focus,
nav.navbar-colorized ul.navbar-nav a:active { background-color: #fff;  }
nav.navbar-colorized ul.navbar-nav a:hover { background-color: #b92626; }



*/

/*
nav.navbar-colorized div.dropdown-menu > .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: rgb(216, 147, 147);
    border: 0;
}
*/

/*
nav.navbar-colorized div.dropdown-menu > a ,
nav.navbar-colorized div.dropdown-menu > a:visited,
nav.navbar-colorized div.dropdown-menu > a:active { color: #b92626; background-color: transparent;}

nav.navbar-colorized div.dropdown-menu > a:focus ,
nav.navbar-colorized div.dropdown-menu > a:hover { background-color: #b92626 !important; color: #fff !important;
}
*/






/***** Top menu *****/

/*
.navbar {
	margin-bottom: 0;
	padding-top: 0;
	background: #fff;
	border: 0;
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	-o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;
}
.navbar-no-bg {
	padding-top: 10px; background: none;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

ul.navbar-nav {
    font-family: sans-serif;
	font-size: 14px;
	color: #888;
	font-weight: 400;
	text-transform: uppercase;
}

ul.navbar-nav li a { background: none; color: #888; border: 0; }
ul.navbar-nav li a:hover { background: none; color: #aaa; border: 0; }
ul.navbar-nav li a:focus { background: none; color: #aaa; outline: 0; border: 0; }

.navbar-no-bg ul.navbar-nav { color: #fff; }
.navbar-no-bg ul.navbar-nav li a { color: #fff; }
.navbar-no-bg ul.navbar-nav li a:hover { color: #ddd; }
.navbar-no-bg ul.navbar-nav li a:focus { color: #ddd; }

ul.navbar-nav li a.btn-link-3 {
	position: relative;
	display: inline-block;
	margin: 9px 0 0 15px;
	padding: 6px 15px;
	background: #6eba3c;
	border: 0;
	font-family: sans-serif;
	font-size: 14px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
ul.navbar-nav li a.btn-link-3:hover,
ul.navbar-nav li a.btn-link-3:focus,
ul.navbar-nav li a.btn-link-3:active,
ul.navbar-nav li a.btn-link-3:active:focus { outline: 0; background: #63a736; color: #fff; }

.navbar-brand {
	width: 102px;
	/// background: url(../img/logo-dark.png) left center no-repeat;
	text-indent: -99999px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0; }

 .navbar-no-bg .navbar-brand { background-image: url(../img/logo.png); } 

.navbar-toggle .icon-bar { background: #555; }



.dropdown-item:hover{
    background:#085ca5;
    color:#fff;
}
*/

/*
navbar-brand>img {
  height: 100%;
  padding: 5px;
  width: auto;
}*/

/*


dropdown-menu {
    	min-width: 200px;
    }
    .dropdown-menu.columns-2 {
    	min-width: 400px;
    }
    .dropdown-menu.columns-3 {
    	min-width: 600px;
    }
    .dropdown-menu li a {
    	padding: 5px 15px;
    	font-weight: 300;
    }
    .multi-column-dropdown {
    	list-style: none;
    }
    .multi-column-dropdown li a {
    	display: block;
    	clear: both;
    	line-height: 1.428571429;
    	color: #333;
    	white-space: normal;
    }
    .multi-column-dropdown li a:hover {
    	text-decoration: none;
    	color: #262626;
    	background-color: #f5f5f5;
    }
    
    
    .multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}
.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #262626;
	background-color: #999;
}
 
@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}*/

/*
.nav > li.dropdown.open { position: static; }
.nav > li.dropdown.open .dropdown-menu {display:table; width: 100%; text-align: left; left:0; right:0; }
 .dropdown-menu>li { display: table-cell; } */


/*.maincontainer
{    
      padding-bottom: 120px;
      margin-bottom: 120px; 
}*/




/***** MEDIA QUERIES *****/

/*
@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {

	.section-description p { padding: 0; }
	
	.features-box .features-box-icon { font-size: 50px; line-height: 50px; }

}

@media (max-width: 767px) {
	
	.navbar { padding-top: 0; background: #fff; }
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 15px; }
	.navbar-collapse { border: 0; }
	.navbar-toggle { border-color: transparent; }
	ul.navbar-nav li a.btn-link-3 { margin: 10px; }
	
	.navbar-no-bg {
		-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	}
	.navbar-no-bg .navbar-brand { background-color: black; }
	
	.navbar-no-bg ul.navbar-nav { color: #888; }
	.navbar-no-bg ul.navbar-nav li a { color: #888; }
	.navbar-no-bg ul.navbar-nav li a:hover { color: #aaa; }
	.navbar-no-bg ul.navbar-nav li a:focus { color: #aaa; }
	
	.navbar-no-bg ul.navbar-nav li a.btn-link-3 { color: #fff; }
	.navbar-no-bg ul.navbar-nav li a.btn-link-3:hover,
	.navbar-no-bg ul.navbar-nav li a.btn-link-3:focus,
	.navbar-no-bg ul.navbar-nav li a.btn-link-3:active,
	.navbar-no-bg ul.navbar-nav li a.btn-link-3:active:focus { color: #fff; }
	

}


*/


.div-logo-pie
{
    width:100%;
    padding-top:30px;
    margin-top:30px;
}

.img-logo-pie
{
    display:block;
    margin:auto;
}

.foot-bck
{
    background-color:#8191b0;
    color:#ffffff;
    width:100%;
}

.spaced-10
{
    padding:10px;
}


.politica
{
    font-size:x-small;
    color:#535353;
}


.blue {
    color: blue;
}

.grey {
    color: #777777;
}

.background-ligthgreay
{
    background: #8191b0;
}


.background-odd
{
    background: #f1f3fb;
}


.background-even
{
    background: #dbdce2;
}


.fullwidth
{
    width:100%;
}

.backgroundgrey
{
    background:#777777;
}

.backgroundblue
{
    background:#2272bc;
}


.backgroundarkdblue
{
    background:#1a4b79;
}

.boxpadded-small
{
    padding:10px 20px 10px 20px;    
}



.boxpadded-mid
{
    padding:20px;    
}

.boxpadded-xl
{
    padding:40px;
}

.whitetitle2
{
        color:#ffffff;
        font-size:medium;
        text-align:center;
}


.whitetitle1
{
        color:#ffffff;
        font-size:xx-large;
        text-align:center;
}



.bluetitle2
{
        color:#2272ff;
        font-size:medium;
        text-align:center;
}


.news
{
        background-image: url("imagenes/noticiasb.jpg");
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
        background-color: #fafafa;
        color:#4e5157;
        font-size:medium;
        text-align: left;
        margin: 7px 7px 20px 7px;
        border-radius: 5px;
}

.h4-news
{
    color:#fafafa;
    font-size:medium;
    font-weight: 700;
}

.href-news,
.href-news:visited
{
    border-radius: 6px; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border: 0px solid black;
    background-color: #4787ff;
    color:#ffffff;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}

.href-news:hover
{
    border-radius: 6px; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border: 0px solid black;
    background-color: #ffffff;
    color:#4787ff;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}



.nopadding
{
    padding: 0px;
}

.nomargin
{
    margin: 0px;
}


.vcenter {    
    vertical-align: middle;    
}



.vcenter-inner {    
    display:inline-block;
}

.spacer-bottom {    
    margin-bottom:120px;
}



.form-horizontal .control-label{
  /* text-align:right; */
  text-align:left; 
}

.mini-text {
     font-size:small;     
}

.foreground-gray {
       color:#cacaca;
}

.foreground-bluegray {
       color:#3c4047;
}

.foreground-red {
    color:#770e0e;
}


.table-bordered td {
    padding-top: 1pt !important;
    padding-bottom: 1pt !important;
}

.font-table {
    font-size: small;
}

.font-table-button {
    font-size: small;
    padding-top: 3pt;
    padding-bottom: 3pt;
    padding-left: 5pt;
    padding-right: 5pt;
    margin: 1pt;
}


.font-admin {
    font-size: 12px;
    line-height: 27px;
    font-family: arial, helvetica;
}


.background-section {
    background-color:#F9F9F6;
}

.background-info-section {
    background-color:#cce6ff;
}


.separation-section {
    margin:5px 5px 5px 5px;
    padding: 8px 8px 8px 8px;
}



.imgsmall {
    width:26px;
    height: 26px;
}

.imagebacked {
    padding-left: 26px; /* image-width */
    background-repeat: no-repeat;
    }

h1 h2 h3 h4
{    
    font-family: "Maven Pro", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

h1
{
    font-size: 2.1em;
    font-weight: normal;
    color:#770e0e;    
}

h2{
    font-size: 1.8em;
}

h3 {
    font-size: 1.2em;
    font-weight: normal;
    color:#770e0e;    
}

h4 {
    font-size: 1em;
    font-weight: bold;
    color:#770e0e;    
}

.back-title {
    margin: 10px 0px 10px 0px;    
    box-shadow: 2px 2px 5px #bdbcbc23;
    padding:0px 10px 0px 10px;
    background-color:#ebebeb;
    color:#922929;    
}



.tesela {
    margin: 10px 10px 10px 10px;    
    box-shadow: 0 0 15px #22332255;
    padding:0px;
    background-color:#ffffff;
    
}


.imagets {
    position:relative;
    height: 100px;
}

.text-title {
    left: 0;
    position:relative; 
    text-align:center;
    top: 0px;
    width: 100%;
}

.text-subtitle {
    padding:5px;
    left: 0;
    position:relative; 
    text-align:left;
    top: 0px;
    width: 100%;
    font-size: 10pt;
    font-family:arial;
    color: #aaaaaa;
}

.enl {
    /*font-size: 12pt;
    font-family:arial;
    color: #000000;*/
    /*text-shadow: 1px 1px 5px rgba(91, 88, 94, 0.192); */
    
        /*font: bold 12pt Arial; */
        /* font-family: 'Muli', sans-serif; */
        font-weight: 400;
        text-decoration: none;
        background-color: rgba(182, 214, 255, 0);
        color: #646060;
        
        /*padding: 2px 10px 2px 10px;
        border-top: 1px solid rgb(255, 255, 255);
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-radius: 3px;*/
}


.enl:hover {
    /*font-size: 12pt;
    font-family:arial;
    color: #000000;*/
    /*text-shadow: 1px 1px 5px rgba(91, 88, 94, 0.192); */
    
        /*font-family: 'Muli', sans-serif; */
        font-weight: 400;
        text-decoration: none;
        /*background-color: rgb(221, 233, 248);*/
        color: #1f208a;
        
       /* padding: 2px 10px 2px 10px;
        border-top: 1px solid rgb(255, 255, 255);
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-radius: 3px;*/
}

.card-box {
    padding: 1.5rem;
    height:80px;
    
}

.card {
    background-color: transparent;
    border: none;
    margin-bottom: 10px;
    border-radius: 3px;
}

.card .card-wrapper {
    background: #ebebeb;
    height: 1%;
    border-radius: 3px;
    padding: 0px;
}

.card-img {
    
    text-align: center;
    flex-shrink: 0;
    max-height: 100px;

    max-width: 100%;
    min-height: 180px;
    max-height: 180px;

    overflow: hidden;
    background-size: cover;
    background-position: center center;

    text-align: center;
    border-radius: 3px;
}


.img-text {
    color: #ffffff;
}
.display-4 {
    font-family: 'Poppins', sans-serif;
    font-size: 0.85rem;
}
.mbr-text {
    font-style: normal;
    line-height: 1.6;
    color: #ffffff;
}

.mbr-title {
    font-size: 1.2em;
    font-style: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
}
.align-left {
    text-align: left;
}

.imgfit {
    max-width: 100%;
    max-height: 100%;
}


.row-separation { 
    margin-bottom:20px; 
    margin-top: 20px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #748eb9;    
    margin: 1em 0;
    padding: 0; 
    /*box-shadow: 1px 1px 10px #4a504a3a; */
}


.super-img {
    
    text-align: center;
    flex-shrink: 0;
    



    max-width: 100%;
    /*min-height: 120px;
    max-height: 120px;*/

    overflow: hidden;
    background-size: cover;
    background-position: center center;

    text-align: center;
    border-radius: 3px;
}


/* administracion */

.menuicon { 
    width: 35px;
    height: 35px;
    /*display: inline-block; */
    padding-left: 0px;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-right: 10px;
    }

.menuicon-old { 
        width: 25px;
        height: 25px;
        display: inline-block;
        padding-left: 0px;
        padding-bottom: 1px;
        padding-top: 1px;
        padding-right: 10px;
        }
    


/* featured */ 


.card-featured {
    background-color: #d1d0d6;
    /* border: 1px solid #c5c0c0; */ 
    border: none;
    margin-bottom: 10px;
    border-radius: 2px;

}

.card-featured .card-header {
    background-color: #557aca;

}

.card-featured .card-body {
    background-color: #d1d0d6 !important;

}

.card-featured .card-body p {
    background-color: #d1d0d6 !important;

}

/* banner lateral */

.banner-container {
    width: 100%;
}

.bannerlat {
    width: 100%;
    height: auto;
    margin-top: 10px;
}



/* main links */

.main-link {
    background-color:#d6ce61; 
    margin:3px;
    min-height: 90px;
}

.main-link-text {
   
    padding-left: 20px;
    line-height: 80%;
}

.main-link-image {
    width:60px; 
    height:60px;
    background-color:#ffffff; 
    padding: 12px; 
    color:#d6ce61; 
    margin-top: 10px;
}

.main-link-text h5 {
   
    margin-top: 0px;    
    line-height: 80%;
}




/* pdf */


.pdficon { 
    width: 30px;
    height: 30px;
    display: inline-block;
    padding-left: 0px;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-right: 10px;
    }

/* calendar */






/* Month header */
.month {
    padding: 10px 15px;
    width: 100%;
    background: #cccecd;
    text-align: center;
  }
  
  /* Month list */
  .month ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  .month ul li {
    list-style-type: none;
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
  }
  
  /* Previous button inside month header */
  .month .prev {
    float: left;
    padding-top: 10px;
  }
  
  /* Next button */
  .month .next {
    float: right;
    padding-top: 10px;
  }
  
  /* Weekdays (Mon-Sun) */
  .weekdays {
    margin: 0;
    padding: 3px 0;
    background-color:#ddd;
  }
  
  .weekdays li {
    list-style-type: none;
    display: inline-block;
    width: 12.6%;
    color: #666;
    text-align: center;
  }
  
  /* Days (1-31) */
  .days {
    padding: 3px 0;
    background: #eee;
    margin: 0;
  }
  
  .days li {
    list-style-type: none;
    list-style-type: none;
    display: inline-block;
    width: 12.6%;
    text-align: center;
    margin-bottom: 5px;
    font-size:12px;
    color: #777;
  }
  
  /* Highlight the "current" day */
  .days li .active {
    list-style-type: none;
    padding: 5px;
    background-color: #d15555;
    color: white !important
  }
  
    /* Highlight the "current" day */
    .days li .active2 {
        list-style-type: none;
        padding: 5px;
        background: #98dae6;
        color: white !important
      }
      



      /***************    footer ********************/
      

.back-img-footer {
    /* background-color: #6DB3F2; */
    background-image: url('imagenes/logo_invertido.png');
    background-repeat:no-repeat;
    background-position:  top right;
}



      .footer-distributed{
        background-color: #632c2c;
        box-shadow: 0 1px 1px 0 #868686de;
        box-sizing: border-box;
        width: 100%;
        text-align: left;
        font: normal 10px sans-serif;
    
        padding: 10px 10px;
        margin-top: 40px;
    }
    
    .footer-distributed .footer-left p{
        color:  #fafafa;
        font-size: 14px;
        margin: 0;
    }
    
    /* Footer links */
    
    .footer-distributed p.copy{
        font-size:10px;
        font-weight: normal;
        color:  #fafafa;
        margin: 0 0 5px;
        padding: 0;
    }
    
    .footer-distributed p.footer-links{
        font-size:12px;
        font-weight: bold;
        color:  #ffffff;
        margin: 0 0 10px;
        padding: 0;
    }
    
    .footer-distributed p.footer-links a{
        display:inline-block;
        line-height: 1.8;
        text-decoration: none;
        color:  inherit;
    }
    
    .footer-distributed .footer-right{
        float: right;
        margin-top: 0px;
        max-width: 530px;
    }
    /*
    .footer-distributed .footer-right a{
        display: inline-block;
        width: 135px;
        height: 70px;
        background-color:  #eaedf3;
        border-radius: 2px;
    
        font-size: 20px;
        color: #ffffff;
        text-align: center;
        line-height: 70px;
    
        margin-left: 3px;
    }
    */
    /* If you don't want the footer to be responsive, remove these media queries */
    



    .footer-links a,
    .footer-links a:visited,
    .footer-links a:focus,
    .footer-links a:active { color: #ebebeb !important;  font-weight: 100; font-size: 0.8em; ; border: 0; border-radius: 1px; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.8em; padding-right: 0.8em}
    .footer-links a:hover { color: #000000 !important; font-weight: 100; font-size: 0.8em;  background-color: #ffffff;  border-radius: 1px; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.8em;padding-right: 0.8em}


.hrfoot {
    border-top: 1px dashed white;

}



    @media (max-width: 600px) {
    
        .footer-distributed .footer-left,
        .footer-distributed .footer-right{
            text-align: center;
        }
    
        .footer-distributed .footer-right{
            float: none;
            margin: 0 auto 20px;
        }
    
        .footer-distributed .footer-left p.footer-links{
            line-height: 1.8;
        }
    }
    
    
    /*
    footer{
        position: fixed;
        bottom: 0;
    }
    
    @media (max-height:860px){
        footer { position: static; }
        header { padding-top:40px; }
    }
    */
    




    /*    cookies  */


    button#ihavecookiesBtn {
        margin-left: 0px !important;
    }
    /* Cookie Dialog */
    #gdpr-cookie-message {
        position: fixed;
        right: 30px;
        bottom: 30px;
        max-width: 375px;
        background-color: rgb(61, 61, 61);
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 6px 6px rgba(0,0,0,0.25);
        margin-left: 30px;
        font-family: sans-serif;
    }
    #gdpr-cookie-message h4 {
        color: var(--red);
        font-family:  sans-serif;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    #gdpr-cookie-message h5 {
        color: rgb(218, 167, 183);
        font-family:  sans-serif;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    #gdpr-cookie-message p, #gdpr-cookie-message ul {
        color: white;
        font-size: 15px;
        line-height: 1.5em;
    }
    #gdpr-cookie-message p:last-child {
        margin-bottom: 0;
        text-align: right;
    }
    #gdpr-cookie-message li {
        width: 49%;
        display: inline-block;
    }
    #gdpr-cookie-message a {
        color: rgb(218, 167, 183);
        text-decoration: none;
        font-size: 15px;
        padding-bottom: 2px;
        border-bottom: 1px dotted rgba(255,255,255,0.75);
        transition: all 0.3s ease-in;
    }
    #gdpr-cookie-message a:hover {
        color: white;
        border-bottom-color: var(--red);
        transition: all 0.3s ease-in;
    }
    #gdpr-cookie-message button,
    button#ihavecookiesBtn {
        border: none;
        color: rgb(204, 117, 144);
        color: #000000;
        font-family: 'Quicksand', sans-serif;
        font-size: 15px;
        padding: 7px;
        border-radius: 3px;
        margin-left: 15px;
        cursor: pointer;
        transition: all 0.3s ease-in;
    }
    #gdpr-cookie-message button:hover {
        background: white;
        color: rgb(218, 167, 183);
        transition: all 0.3s ease-in;
    }
    button#gdpr-cookie-advanced {
        background: white;
        color: rgb(218, 167, 183);
    }
    #gdpr-cookie-message button:disabled {
        opacity: 0.3;
    }
    #gdpr-cookie-message input[type="checkbox"] {
        float: none;
        margin-top: 0;
        margin-right: 5px;
    }




    .main-card {
        background-color: #91012C;
        font-family: 'Quicksand', sans-serif;
        font-size: 15px;
        padding: 17px;
        margin: 5px;
        border-radius: 3px;        
        cursor: pointer;
        transition: all 0.3s ease-in;
        width: 100%;
        height: 100%;
        display: block;
    }


    .main-card:hover{
        background-color: #cc8198;
        font-family: 'Quicksand', sans-serif;
        font-size: 15px;
        padding: 17px;
        margin: 5px;
        border-radius: 3px;        
        cursor: pointer;
        transition: all 0.3s ease-in;
        width: 100%;
        height: 100%;
        display: block;
        text-decoration: none;
    }

    .main-card h2{
        color: #ffffff;
        font-family: 'Maven Pro', sans-serif;
        font-size: 20px;
    }

    .main-card p {
        color: #ffffff;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        padding: 0%;
        margin-bottom: 0%;

    }


    .logo-main {
        width: 100%;
        height: 123px;
        text-align: left;
        object-fit: contain;
        object-position: center center;
    }

      .logo-main-foot {
        width: 100%;
        height: 87px;
        text-align: left;
        object-fit: contain;
        object-position: left center;
    }


    .new-foot {
        background-color: #91012C21;
        border-width: 4px 0px 0px 0px;
        border-color: #91012C;
        border-style: solid;
        margin-top: 5%;
        padding-top: 5%;
        padding-bottom: 0%;
        padding-left: 5%;
        padding-right: 5%;
        



    }


    .new-foot p {
        font-family: "Inter", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;

        color: #91012C;
        font-size: 12px;
        padding: 0%;
        margin-bottom: 0%;
    }

    .new-foot h1 {
        font-family: "Inter", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;

        color: #91012C;
        font-size: 20px;
        padding: 0%;
        margin-bottom: 0%;
    }