@charset "utf-8";
/* CSS Document */
/*
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'> <!-- font-family: 'Open Sans', sans-serif; light 300: texto -->
<link href='https://fonts.googleapis.com/css?family=Titillium+Web:600' rel='stylesheet' type='text/css'> <!-- font-family: 'Titillium Web', sans-serif; semibold Titulares y destacados-->
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'> <!-- font-family: 'Roboto Slab', serif; refuerzo-->
*/

body{background-color:#FFF;width:0 auto;height:0 auto;overflow-x:hidden;}
html{width:0 auto;height:0 auto;}
header{background-color:#F2F2F2;z-index:999999 !important;}
.row { width:100%;max-width: 120.063em;}
.main{margin-top:90px !important;z-index:200 !important;min-height:60vh}
#main{margin-top:90px !important;z-index:200 !important;}


header ul, ol {list-style: none;}
header table{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border:none;background:transparent !important;}
header .logoimg{/*background-color:#FFF;padding:10px 20px 10px 20px; border-radius:5px;width:250px*/ width:300px;padding-top:15px}



@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {
	.main{margin-top:95px !important;}
	#main{margin-top:95px !important;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large scrcens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */


/* Header movil */


h1{font-family:'Roboto Slab', serif;font-size: 2.3em;text-align:left;color:#1a5864;font-weight:500;}
h1.titulo{margin-top:-5px}
h2{font-family:'Roboto Slab', serif;font-size: 1.8em;color:#3b8ea5;font-weight:600}
h3{font-family:'Roboto Slab', serif;font-size:1.1rem;color:#3b8ea5;;font-weight:600}
h4{font-family:'Roboto Slab', serif;		font-size:0.9rem;color:#354159;font-weight:600;}
h5{font-family:'Roboto Slab', serif;		font-size:0.8rem;color:#CCC;font-weight:300;}
p{font-family: 'Nunito', sans-serif;font-size:1em;color:#333;font-weight:400;}
p a,a{color:#cb511c;}
p a:hover,a:hover{color:#616161;}
blockquote { border-left: 4px solid #3b8ea5; font-style: italic; }
table tr td{font-family: 'Nunito', sans-serif;color:#333;font-weight:400;font-size:1em;border:1px solid #3b8ea5;background-color:#f2f2f2}
table th{font-family: 'Nunito', sans-serif;color:#FFF !important;font-weight:bold;font-size:1rem;background-color:#3b8ea5}
#main ul, ol {font-family: 'Nunito', sans-serif;color:#333;margin-left: 1em}
#main ul li, #main ol  li{line-height:1.5em;color:#333;font-size:1em;}
#main .seccion ul {
  list-style: none; /* Remove default bullets */
}

#main .seccion ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #3b8ea5; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
#main ol{ list-style: decimal; }
#main .slider-seccion ul {margin-left:0em}
.sombra{-webkit-box-shadow: 10px 10px 27px -12px rgba(0,0,0,0.56);-moz-box-shadow: 10px 10px 27px -12px rgba(0,0,0,0.56);box-shadow: 10px 10px 27px -12px rgba(0,0,0,0.56);}


@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { 
p{font-size:1.4em;}
#main ul, ol {font-family: 'Nunito', sans-serif;color:#232323;font-weight:300;font-size:1.4em;margin-left: 1em}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
h1{font-size: 1.5rem;}
h2{font-size: 1.2rem;}
h3{font-size:1.1rem;}
p{font-size:1em;}
table tr td{font-size:0.9rem;}
table th{font-size:0.9rem;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
h1{font-size: 1.8rem;}
h2{font-size: 1.6rem;}
h3{font-size:1rem;}
p{font-size:0.9em;}
ul li{font-size:0.9em;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */


/* HOME */

/* MENU SUPERIOR */
.menu-superior{background-color:#1a5864}
.menu-superior .top-bar {background-color:#1a5864 !important;} 
.menu-superior .top-bar-section ul{}
.menu-superior .top-bar-section ul li {background-color:#1a5864  !important;line-height:2em}
.menu-superior .top-bar-section ul li > a {font-family: 'Roboto Slab', serif;color:#FFF !important;font-size: 1rem;background-color:#1a5864 !important;line-height:2em;padding-top:8px !important;padding-bottom:10px;padding-left:5px !important;padding-rigth:5px !important} 
.menu-superior .top-bar-section ul li > a:hover {opacity:0.8}   
.menu-superior .top-bar-section ul li.active > a {}
.menu-superior .top-bar-section ul li.active > a:hover {}


/* MENU PRINCIPAL */
.menu-principal{background-color:#3b8ea5}
.menu-principal .top-bar {background-color:#3b8ea5 !important;} 
.menu-principal .top-bar-section ul{}
.menu-principal .top-bar-section ul li {background-color:#3b8ea5  !important;}
.menu-principal .top-bar-section ul li > a {font-family: 'Roboto Slab', serif;color:#FFF !important;font-size: 1rem;background-color:#3b8ea5 !important} 
.menu-principal .top-bar-section ul li > a:hover {background-color:#FFF !important;color:#3b8ea5 !important;}   
.menu-principal .top-bar-section ul li.active > a {background:#FFF!important;color:#3b8ea5 !important;}
.menu-principal .top-bar-section ul li.active > a:hover {background-color:#FFF !important;color:#3b8ea5 !important;}



/* Efectos fade-in imagenes */
.img-fadein{-webkit-animation: fadein 2s; -moz-animation: fadein 2s;-ms-animation: fadein 2s;-o-animation: fadein 2s;animation: fadein 2s;}
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ 
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ 
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ 
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ 
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }

/* Redes sociales flotantes */
.social {position: fixed;right: 0;top: 160px;z-index: 2000;margin-top:10px;margin-right:5px;} 
.social ul {list-style: none;text-align:right;} 
.social ul li a {display: inline-block;color:#fff;background: #000;padding: 5px 10px;text-decoration: none;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;	transition:all 500ms ease; } 
.social ul li .icon-facebook {background-color:#3b5998 !important;} /* Establecemos los colores de cada red social, aprovechando su class */
.social ul li .icon-twitter {background-color: #1ebef0 !important;}
.social ul li .icon-googleplus {background-color: #fe4934 !important;}
.social ul li .icon-pinterest {background-color: #125688 !important;}
.social ul li .icon-mail {background-color: #666666 !important;} 
.social ul li .icon-rss {background-color: #eb7b1d !important;} 
.social ul li .icon-youtube {background-color: #cc2a20 !important;} 
.social ul li a:hover {	background: #000; padding: 5px 30px;}
.has-tip { border-bottom: 0px;}

@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
.social ul li a {padding: 5px 10px;} 
.social img{width:20px !important}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */


/* Nota destacada en Home */
.nota-home{position:absolute !important;top:0;left:0;z-index:10}
.nota-home .contenido1{
	background: #ffff88; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#ffff88), color-stop(82%,#ffff88), color-stop(82%,#ffff88), color-stop(100%,#ffffc6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* IE10+ */
background: linear-gradient(135deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffffc6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height:300px; z-index:200;padding-top:10px;position:absolute !important;top:0;left:0;}
.nota-home .contenido1 h2{color:#091b2a;}
.nota-home .contenido1 h2 span{color:#FFF;}
.nota-home .contenido1 i{font-size:3em;color:#f3dd20;}
.nota-home .contenido1 h3{font-size:1.5em;color:#222;}
.nota-home .contenido1 button{font-family: 'Nunito', sans-serif;background-color:#008cba;border-color:#008cba;}
.nota-home .contenido1 button i{font-size:1em;color:#FFF;}
.nota-home .contenido1 button:hover, .nota-home .contenido1 button:focus{color:#FFF;border-color: #FFF; /* fallback */border-color: rgba(255, 255, 255, 1);transition: background-color 0.3s ease-in,border-color 0.3s ease-in;}

.nota-home .contenido2{height:auto; z-index:200;padding-top:10px;background: #ffff88; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#ffff88), color-stop(82%,#ffff88), color-stop(82%,#ffff88), color-stop(100%,#ffffc6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* IE10+ */
background: linear-gradient(135deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffffc6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.nota-home .contenido2 h2{color:#091b2a;}
.nota-home .contenido2 p{font-size:1.5em !important;}
.nota-home .contenido2 h2 span{color:#FFF;}
.nota-home .contenido2 h3{font-size:1.5em;color:#f2f2f2;}
.nota-home .contenido2 button{font-family: 'Nunito', sans-serif;background-color:#008cba;border-color:#008cba;font-size:1.5em !important;}
.nota-home .contenido2 button:hover, .nota-home .contenido2 button:focus{color:#FFF;border-color: #FFF; /* fallback */border-color: rgba(255, 255, 255, 1);transition: background-color 0.3s ease-in,border-color 0.3s ease-in;}



/* SLIDER DE BANNERS*/


.layerslider-home{width:auto; height: 100%;min-height:50vh;width:1920px;height:602px !important}
.layerslider-home h1{left:50%;transform: translate(-50%) !important;padding:25px 30px 35px 30px;background-color: rgb(59, 142, 165,0.8);z-index:20 !important;font-family: 'Roboto Slab', serif;font-size:3.5em;line-height:0.8em;font-weight:700; color: #FFF !important;line-height:1em;margin-top:7% !important;text-align:center}
.layerslider-home h1 span{font-family:'Roboto Slab', serif;color:#f2f2f2;font-size:0.7em}
.layerslider-home hr{border:1.5px solid #ca4d10;margin-top:10px;padding-bottom:0px;margin-bottom:0px;width:25%}
.layerslider-home p{margin-top:-40px;padding-top:0px;font-size:0.4em;font-family: 'Nunito', sans-serif;-webkit-text-stroke-width: 0px;color:#262626}
.layerslider-home p a{font-family: 'Nunito', sans-serif;color:#f7a600;font-size:2em}
.layerslider-home p a:hover{color:#232323;}

.layerslider-home-m h1{left:50% !important;transform: translate(-50%) !important;padding:25px 30px 35px 30px;background-color: rgb(59, 142, 165,0.8);z-index:20 !important;font-family: 'Roboto Slab', serif;font-size:1em !important;line-height:1em !important;margin-top:5% !important;text-align:center}
.layerslider-home-m h1 span{font-family:'Roboto Slab', serif;color:#f2f2f2;font-size:0.7em}


@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */

/* Nota importante Home */
.nota-home img{margin-top:-47px;width:40px}
	@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	.nota-home img{margin-top:-47px;width:40px}
	} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */

/* BANNERS HOME */
.home-seccion-enlaces{background-color:#f2f2f2;padding-bottom:30px}
.home-seccion-enlaces .contenido{background-color:#f2f2f2}
figure.snip0029 {font-family: 'Raleway', Arial, sans-serif;color: #fff;position: relative;overflow: hidden;margin: 10px;min-width: 220px;width: 100%;background: #000000;}
figure.snip0029 * {-webkit-box-sizing: border-box;box-sizing: border-box;}
figure.snip0029 img {opacity: 1;width: 100%;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
figure.snip0029 figcaption {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: left;}
figure.snip0029 figcaption h2 {display: inline-block;text-align: center;border-radius: 5px;margin: 0;padding: 20px 15px;position: absolute;font-size: 1em;bottom: 35%;right: 30px;left: 30px;word-spacing: -0.1em;font-weight: 300;
  text-transform: uppercase;box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);background-color: #FFF;color:#2d728f;-webkit-transition: -webkit-transform 0.35s;transition: -webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;-webkit-transform: translate(0px, 0px);transform: translate(0px, 0px);}
figure.snip0029 figcaption h2 span {font-weight: 800;}
figure.snip0029 figcaption > div {border-radius: 0 0 5px 5px;background-color: #fff;position: absolute;left: 45px;right: 45px;bottom: 40px; text-align: center; padding: 5px;-webkit-transition: -webkit-transform 0.35s;transition: -webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;-webkit-transform: translate(0, -40px);transform: translate(0, -40px);}
figure.snip0029 figcaption > div i {font-size: 23px;padding: 6px;color: #000000; opacity: 0; position: relative; top: -50px; -webkit-transition: top 0.35s, opacity 0.35s; transition: top 0.35s, opacity 0.35s;}
figure.snip0029 figcaption a {opacity: 0.8;}
figure.snip0029 figcaption a:hover {opacity: 1;}
figure.snip0029 figcaption::before {position: absolute;top: 0;right: 0;bottom: 0;  left: 0; content: '';opacity: 0;-webkit-transition: opacity 0.4s;transition: opacity 0.4s; background-image: linear-gradient(to top, #000000 0%, transparent 50%, #000000 100%);}
figure.snip0029:hover img,figure.snip0029.hover img {opacity: 0.7;}
figure.snip0029:hover figcaption h2,figure.snip0029.hover figcaption h2 { -webkit-transform: translate(0, -25%); transform: translate(0, -25%);}
figure.snip0029:hover figcaption > div,figure.snip0029.hover figcaption > div { -webkit-transform: translate(0, -15px); transform: translate(0, -15px);}
figure.snip0029:hover figcaption::before,figure.snip0029.hover figcaption::before { opacity: 0.8;}
figure.snip0029:hover figcaption i,figure.snip0029.hover figcaption i { top: 0px; opacity: 0.7;}
figure.snip0029:hover a:first-child i,figure.snip0029.hover a:first-child i { -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
figure.snip0029:hover a:nth-child(2) i,figure.snip0029.hover a:nth-child(2) i {  -webkit-transition-delay: 0.25s; transition-delay: 0.25s;}
figure.snip0029:hover a:nth-child(3) i,figure.snip0029.hover a:nth-child(3) i { -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}


/* HOME */

.home-presentacion{background-color:#2d728f; padding-top:150px;padding-bottom:150px;position:relative;z-index:100;}
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { 
.home-presentacion{padding-top:50px;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */


/* SECCION */

.seccion{background-color:#f2f2f2; padding-top:50px;padding-bottom:50px;}
.seccion .contenido{}
.seccion .contenido .izq{}
.seccion .contenido .izq .panel{background-color:#1a5864;border-radius:5px;border:none;-webkit-box-shadow: 10px 10px 15px -7px rgba(45,114,143,1);-moz-box-shadow: 10px 10px 15px -7px rgba(45,114,143,1);box-shadow: 10px 10px 15px -7px rgba(45,114,143,1);padding:25px 25px 25px 25px}
.seccion .contenido .izq .panel p{color:#FFF}
.seccion .contenido .izq .panel h2{color:#FFF}
.seccion .contenido .izq .panel h3{color:#FFF}
.seccion .contenido .izq .panel h4{color:#FFF}
.seccion .contenido .izq .panel ul li{color:#FFF !important}
.seccion .contenido .izq .panel ol li{color:#FFF !important}
.seccion .contenido .izq img{border: 3px solid #3b8ea5;-webkit-box-shadow: 10px 10px 15px -7px rgba(45,114,143,1);-moz-box-shadow: 10px 10px 15px -7px rgba(45,114,143,1);box-shadow: 10px 10px 15px -7px rgba(45,114,143,1);border-radius:5px;}
.seccion .contenido .dch{background-color:#FFF;padding-top:30px;padding-bottom:30px}
.seccion .contenido .dch .descargas .contenido{background-color:#ffd0a3;padding-top:20px;padding-bottom:20px;margin-top:30px};
.seccion .contenido .dch .descargas .contenido h3{color:#3b8ea5 !important;width:100%;padding:10px 10px 10px 10px;}
.seccion .contenido .dch .descargas .contenido h3 i{margin-right:10px;font-size:1.5em}



/* NOTICIAS */
.home-noticias{background-color:#f2f2f2;padding-top:50px;padding-bottom:50px}
.home-noticias img.detalle{position:absolute;margin-top:-240px;width:300px;margin-left:7%;z-index:110}
.home-noticias .contenido-noticias{padding-top:30px;padding-bottom:30px}
/* Seccion principal noticias */
.seccion-noticias{padding-top:50px;padding-bottom:50px;}
.seccion-noticias .noticia-detalle{-webkit-box-shadow: 10px 10px 27px -12px rgba(0,0,0,0.56);-moz-box-shadow: 10px 10px 27px -12px rgba(0,0,0,0.56);box-shadow: 10px 10px 27px -12px rgba(0,0,0,0.56);background-color:#fff}
.seccion-noticias .noticia-detalle img{/*width:100%;*/}
.seccion-noticias .noticia-detalle a{}
.seccion-noticias .noticia-detalle a:hover{opacity:0.8}
.seccion-noticias .noticia-detalle .contenido {background-color:#FFF;border-radius:5px}
.seccion-noticias .noticia-detalle .contenido .izq{height:230px;overflow:hidden;}
.seccion-noticias .noticia-detalle .contenido .dcha{height:230px;padding-bottom:20px;background-color:#fff}
.seccion-noticias .noticia-detalle .contenido .dcha h5{color:#ed821a;padding-top:10px}
.seccion-noticias .noticia-detalle .contenido .dcha h3{color:#21313f;background:transparent;text-align:left;letter-spacing:0em;}
.seccion-noticias .noticia-detalle .contenido .dcha p{text-align:justify;font-size:0.9em;font-family: 'Quicksand', sans-serif;}

.seccion-noticias .noticia-detalle .date {position:relative;float: right;margin-top:-55px;align:right !important;text-align:right !important;width:50px; height: 90px; background: #fcfcfc; background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%); background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); border: 1px solid #d2d2d2;border-radius: 10px;-moz-border-radius: 10px;	-webkit-border-radius: 10px;box-shadow: 0px 0px 15px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}
.seccion-noticias .noticia-detalle .date p {font-family: 'Quicksand', sans-serif !important ;font-size: 2em !important; text-align: center !important; color: #9e9e9e !important;}
.seccion-noticias .noticia-detalle .date p span {font-family: 'Titillium Web', sans-serif;background: #f49f20; background: linear-gradient(top, #f49f20 0%, #7a0909 100%);background: -moz-linear-gradient(top, #f49f20 0%, #7a0909 100%);background: -webkit-linear-gradient(top, #f49f20 0%, #7a0909 100%);font-size: 0.5em; font-weight: bold; color: #f2f2f2; text-transform: uppercase; display: block;border-top: 1px solid #a13838;border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;	padding: 6px 0 6px 0;}

@-moz-document url-prefix() {
    .seccion-noticias .noticia-detalle .date {padding: 0px 0 0 0;}
    .seccion-noticias .noticia-detalle .date p span {padding: 9px 0 3px 0;}
}

	
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { 

/*
.seccion-noticias  .noticia-detalle .contenido .dcha h5{font-size:0.9em !important;}
.seccion-noticias  .noticia-detalle .contenido .dcha h3{font-size:2em !important;}
.seccion-noticias  .noticia-detalle .contenido .dcha p{font-size:1.2em !important;}
*/
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */

	
	/* ficha de la noticia */
.seccion-noticia{background-color:#f2f2f2;padding-bottom:30px;height:100%;min-height:40vh}
.seccion-noticia .contenido{background-color:#FFF;padding-bottom:40px;margin-top:30px;}

/* DESCARGAS LISTADO */
.descargas-listado{ list-style: none !important;}
.descargas-listado li{list-style: none !important;margin-left:-20px;margin-bottom:0px !important;margin-top:0px !important;padding-bottom:0px !important;padding-top:0px !important}
.descargas-listado li a{background-color:#3b8ea5;font-family:'Roboto Slab', serif !important;color:#FFF;font-weight:500 !important;border-radius:5px !important;margin-bottom:10px !important;margin-top:0px !important}
.descargas-listado li a:hover{background-color:#f49e4c}
.descargas-listado li::before {content: "" !important;  /* Add content: \2022 is the CSS Code/unicode for a bullet */}

.boton{background-color:#3b8ea5;font-family:'Roboto Slab', serif !important;color:#FFF;font-weight:500 !important;border-radius:5px !important;margin-bottom:10px !important;margin-top:0px !important}
.boton:hover{background-color:#f49e4c}



/* Secciones */






/* GALERÍAS DE IMÁGENES */
.galerias-seccion{}
.galerias-seccion{background-color:#FFF;padding-top:40px;padding-bottom:40px;}
.galerias-seccion .galeria-detalle{border:0px solid #CCC;-webkit-box-shadow: 10px 10px 27px -12px rgba(0,0,0,0.56);-moz-box-shadow: 10px 10px 27px -12px rgba(0,0,0,0.56);box-shadow: 10px 10px 27px -12px rgba(0,0,0,0.56);border-radius:5px !important}
.galerias-seccion .galeria-detalle img{width:100%;max-height:300px;}
.galerias-seccion .galeria-detalle a{}
.galerias-seccion .galeria-detalle a:hover{opacity:0.8}
.galerias-seccion .galeria-detalle .contenido {background-color:#FFF;border-radius:5px}
.galerias-seccion .galeria-detalle .contenido h5{color:#d25a26;padding-top:10px}
.galerias-seccion .galeria-detalle .contenido h3{color:#21313f;background:transparent;text-align:left;letter-spacing:0em;}
.galerias-seccion .galeria-detalle .contenido p{text-align:justify;font-size:0.9em;font-family: 'Nunito', sans-serif;}


.enlaces-seccion{}
.enlaces-seccion{background-color:#FFF !important;padding-top:40px;padding-bottom:40px;}

/* SECCION LEGAL */
.seccion-legal{padding-top:30px;padding-bottom:80px}
.seccion-legal .contenido p{font-size:0.9em !important;}
.seccion-legal .contenido ul li{font-size:0.9em !important;}
.seccion-legal .contenido ol li{font-size:0.9em !important;}
.seccion-legal .contenido table tr td{font-size:0.9em !important;}
.seccion-legal .contenido table th{background-color:#333;color:#FFF}
.seccion-legal .contenido table td{background-color:#FFF;border:1px solid #f2f2f2}

@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
.seccion-legal .contenido p{font-size:0.8em !important;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */

/* Accordion */
.accordion{padding:0px 0px 0px 0px;margin-left:0px}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {background: #e8e8e8; }
.accordion .accordion-navigation > a, .accordion dd > a { font-family: 'Nunito', sans-serif;color:#616161;font-weight:300;font-size:0.9rem; }
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {background: #e3e3e3; }
.accordion .accordion-navigation > .content, .accordion dd > .content {display: none;padding: 0.9375rem;font-family: 'Nunito', sans-serif;color:#616161;font-weight:300;font-size:0.9rem; }
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active { background: #FFFFFF;display: block; }


/* FOOTER */

footer .footer{width:100%;background-color:#1a5864}
footer h2{color:#f2f2f2 !important;padding-bottom:0px;padding-top:10px;}
footer p{color:#fafafa;padding-top:0px;padding-bottom:0px; line-height: 1.5;font-size:0.9em}
footer a{color:#fafafa;}
footer a:hover{color:#ed821a;}
footer a:hover img{opacity:0.8}
footer a:active{color:#ed821a;}
footer hr{display: block; height: 1px; border: 0; border-top: 1px solid #FFF; margin: 1em 0;  padding: 0;width:70%;margin-left:0;text-align:left ;}
footer .redes {align:center;text-align:center;}
footer .redes a:hover{opacity:0.8;}
footer .redes .has-tip {border: 0px;}
footer .redes .has-tip:hover, footer .redes .has-tip:focus {border: 0px; }  
footer .redes .tooltip {background: #ed821a;color: #FFFFFF;}  
footer .firma{width:100%;background-color:#1a5864;border-top:1px dotted #CCC}
footer .firma p{font-size:0.8em !important;}
footer .firma p a{font-size:1em !important;}
footer .firma a{font-size:1.2em !important;}
footer .firma a:hover{color:#ed821a !important;}


@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */


  
/* redes compartir */
.red-compartir:hover img{opacity:0.8}


/* FORMULARIOS */
form.form legend{font-family:'Roboto Slab', serif;}
form.form label{font-family:'Roboto Slab', serif;}
form.form input[type="text"],form.form input[type="email"],form.form textarea, form.form select, form.form select option{font-family: 'Nunito', sans-serif; background-color: #f2f2f2;border:0px;height: 2.3125rem;-webkit-appearance: none;box-shadow: inset 0px 0px 0px 0px red;}
form.form button{background-color:#3b8ea5;font-family:'Roboto Slab', serif !important;color:#FFF;font-weight:500 !important;border-radius:5px !important;margin-bottom:10px !important;margin-top:0px !important}
form.form button:hover{background-color:#f49e4c}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #333;font-style: italic;}
::-moz-placeholder { /* Firefox 19+ */color: #333;font-style: italic;}
:-ms-input-placeholder { /* IE 10+ */color: #333;font-style: italic;}
:-moz-placeholder { /* Firefox 18- */color: #333;font-style: italic;}


/* SCROLL */
.scrollup{width:40px;height:40px; opacity:0.6; position:fixed; bottom:38px; right:30px;display:none;text-indent:-9999px; background: url(../imagenes/icon_top.png) no-repeat;}

/*PAGINACION*/
#Paginacion {margin-top:15px; width:100%;}
#Paginacion li {border:0px; margin:0; padding-bottom: 4px; list-style:none; float:left; }
#Paginacion a {float: left; margin-right:2px; background-color:#39586d;font-family: 'Nunito', sans-serif;font-weight: 400;color:#FFF;font-size:0.8rem;border:0px;padding: 9px 11px; }
#Paginacion .previous-off,#Paginacion .next-off {font-family: 'Nunito', sans-serif;color: #CCC;  margin-right:2px; padding: 9px 11px;border:0px;font-size:0.8rem; }
#Paginacion .next a, #Paginacion .previous a {font-family: 'Nunito', sans-serif;;border:0px;color:#443937 }
#Paginacion .active {background-color: #fa6803; color:#FFF;font-family: 'Nunito', sans-serif;display:block; padding: 9px 11px;}
#Paginacion a:link,#Paginacion a:hover {background-color: #39586d; color:#FFF;font-family: 'Nunito', sans-serif; display:block; padding: 9px 11px; margin-right:2px;border:0px;}
.anterior, .siguiente, .numero {color: #FFF;font-family: 'Nunito', sans-serif;font-size:0.9rem; padding: 9px 11px; border-color:#39586d;background-color:#39586d;border:0px;}
.numero {background-color:#39586d;}
.anterior:hover, .siguiente:hover, .numero:hover {background-color: #fa6803; border-color:#fa6803;color:#FFF;padding: 9px 11px; }