@charset "utf-8";
@import url("fontawesome-free/css/fontawesome-all.min.css");
@import url("framework.css");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@font-face {
          font-family: 'Objectivity';
          src: url('font/Objectivity-Light.woff2') format('woff');
          font-style: normal;
          font-weight: 300; /*300 → light*/
}

@font-face {
           font-family: 'Objectivity';
           src: url('font/Objectivity-Regular.woff2') format('woff');
           font-style: normal;
           font-weight: 400; /*400 → normal*/
}

@font-face {
           font-family: 'Objectivity';
           src: url('font/Objectivity-Bold.woff2') format('woff');
           font-style: normal;
           font-weight: 700; /*700 → bold*/
}
/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0, .row0 a{}
.row1, .row1 a{}
.row2, .row2 a{}
.row3, .row3 a{}
.row4, .row4 a{}
.row5, .row5 a{}


/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar{padding:0px; text-transform:uppercase; text-align:right; z-index:10; font-family: 'Objectivity'; font-size:.95rem;}

#topbar ul li{display:inline-block; margin-right:5px; padding-right:10px; border-right:1px solid;}
#topbar ul li:last-child{margin-right:0; padding-right:0; border-right:none;}
#topbar ul li a {color:#01325D;} 
#topbar ul li a:hover {color:#176BB5; opacity:1;}
#topbar i{line-height:normal;}


/* Header
--------------------------------------------------------------------------------------------------------------- */
#header{padding-top:20px; padding-left:950px;}

/*#header #logo *{margin:0; padding:0;}
#header #logo h1{font-size:24px;}
#header #logo p{text-transform:lowercase; line-height:1;}

#header strong{display:block;}

#header form{display:block; position:relative; max-width:320px; height:50px; margin:0; padding:0;}
#header form label::before{position:absolute; top:1px; right:1px; width:30px; height:48px; padding:0; content:""; pointer-events:none;}
#header form label::after{position:absolute; top:14px; right:5px; width:20px; height:20px; padding:0; content:"\00ab"; transform:rotate(-90deg); font-size:26px; font-weight:700; line-height:.65; text-align:center; pointer-events:none;}
#header form label select{display:inline-block; width:100%; height:50px; margin:0; padding:3px 30px 3px 8px; border:1px solid; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
#header form label select::-ms-expand{display:none;/* removes the standard arrow in IE 10 + 11 *//*}*/

#header div:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */


/* Page Intro
--------------------------------------------------------------------------------------------------------------- */
#pageintro{padding:80px 0 80px 0;}

#pageintro article{display:block; max-width:90%; text-align:center;}
#pageintro .heading{margin-bottom:40px; font-size:4rem;}
#pageintro p:first-of-type{margin:0 0 20px 0; text-transform:uppercase; font-size:1.6rem; letter-spacing:5px;}
#pageintro footer{margin-top:40px;}


/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container{padding:20px 0;}

/* Content */
.container .content{}

.sectiontitle {display:block; max-width:55%; margin:0 auto 80px; text-align:center;}
.sectiontitle *{margin:0;}

#introblocks {margin-bottom:0px;}
#introblocks > li:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */
#introblocks article{display:block; text-align:center; padding:20px 20px;}
#introblocks article *{margin:0 0 25px 0;}
#introblocks article .btn{margin:10px 0 0 0;}
#introblocks article > :last-child{margin-bottom:0;}
#introblocks article i{display:inline-block; width:80px; height:80px; line-height:78px; border:1px solid; text-align:center; font-size:32px;}

#introblocks0 {margin-bottom:0px;}
#introblocks0 > li:last-child{margin-bottom:0;}
#introblocks0 article{display:block; text-align:center; padding:20px 20px;}
#introblocks0 article *{margin:0 0 25px 0;}
#introblocks0 article .btn{margin:10px 0 0 0; background-color:white; color:#013278; border-color:grey;}
#introblocks0 article > :last-child{margin-bottom:0;}
/*#introblocks0 article i{display:inline-block; width:80px; height:80px; line-height:78px; border:1px solid; text-align:center; font-size:32px;}*/

#introblocks1 {margin-bottom:0px;}
#introblocks1 > li:last-child{margin-bottom:0;}
#introblocks1 article{display:block; text-align:center; padding:20px 20px;}
#introblocks1 article *{margin:0 0 25px 0;}
#introblocks1 article .btn{margin:10px 0 0 0;}
#introblocks1 article > :last-child{margin-bottom:0;}
#introblocks1 article i{display:inline-block; width:80px; height:80px; line-height:78px; border:1px solid; text-align:center; font-size:32px;}

#introblocks2 {margin-bottom:0px;}
#introblocks2 > li:last-child{margin-bottom:0;}
#introblocks2 article{display:block; text-align:center; padding:20px 20px;}
#introblocks2 article *{margin:0 0 25px 0;}
#introblocks2 article .btn{margin:10px 0 0 0;}
#introblocks2 article > :last-child{margin-bottom:0;}
#introblocks2 article i{display:inline-block; width:80px; height:80px; line-height:78px; border:1px solid; text-align:center; font-size:32px;}

#introblocks3 {margin-bottom:0px;}
#introblocks3 > li:last-child{margin-bottom:0;}
#introblocks3 article{display:block; text-align:center; padding:20px 20px;}
#introblocks3 article *{margin:0 0 25px 0;}
#introblocks3 article .btn{margin:10px 0 0 0;}
#introblocks3 article > :last-child{margin-bottom:0;}
#introblocks3 article i{display:inline-block; width:80px; height:80px; line-height:78px; border:1px solid; text-align:center; font-size:32px;}

#introblocks4 {margin-bottom:0px;}
#introblocks4 > li:last-child{margin-bottom:0;}
#introblocks4 article{display:block; text-align:center; padding:20px 20px;}
#introblocks4 article *{margin:0 0 25px 0;}
#introblocks4 article .btn{margin:10px 0 0 0;}
#introblocks4 article > :last-child{margin-bottom:0;}
#introblocks4 article i{display:inline-block; width:80px; height:80px; line-height:78px; border:1px solid; text-align:center; font-size:32px;}

.overview{}
.overview > li{margin-bottom:30px;}
.overview > li:nth-last-child(-n+3){margin-bottom:0;}/* Removes bottom margin from the last three items - margin is restored in the media queries when items stack */
.overview > li:nth-child(3n+1){margin-left:0; clear:left;}/* Removes the need to add class="first" */
.overview > li figure{position:relative; max-width:348px;}/* Uses the one_third width in pixels */
.overview > li figure a::after{position:absolute; top:0; right:0; bottom:0; left:0; content:"";}
.overview > li figure figcaption{display:block; position:absolute; bottom:0; width:100%; padding:15px;}
.overview > li figure a::after, .overview > li figure figcaption{opacity:0;}
.overview > li figure:hover a::after, .overview > li figure:hover figcaption{opacity:1;}
.overview > li figure figcaption *{margin:0;}
.overview > li figure .heading{margin-bottom:10px; font-size:1.2rem; 
                               font-family: 'Objectivity','Roboto', sans-serif, Arial;}

.news > li{margin-bottom:30px;}
.news > li figure{position:relative; max-width:249px;}
.news > li figure a::after{position:absolute; top:0; right:0; bottom:0; left:0; content:"";}
.news > li figure figcaption{display:block; position:absolute; bottom:0; width:100%; padding:10px;}
.news > li figure a::after, .news > li figure figcaption{text-align:justify; opacity:0.7;}
.news > li figure:hover a::after, .news > li figure:hover figcaption{opacity:1;}
.news > li figure figcaption *{margin:0;}
.news div:hover, a:hover {color:#176BB5; opacity:1;}

.latest{}
.latest > li:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */
.latest article{}
.latest article time{display:block; margin:0 0 30px 0; padding:0; font-style:normal; line-height:1;}
.latest article .excerpt .heading{font-family: 'Objectivity','Roboto', sans-serif, Arial;
                                  text-transform:lowercase;} 
.latest article .excerpt p{text-align:justify;}
.latest article .excerpt .meta{margin:0 0 30px 0; padding:0; list-style:none; text-align:left; text-align:justify;}
.latest article .excerpt .meta li{display:inline-block; font-size:.8rem;}
.latest article .excerpt .meta li::after{margin-left:5px; content:"|";}
.latest article .excerpt .meta li:last-child::after{margin:0; content:"";}

/*.clients{text-align:center;}
.clients li:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */
/*.clients li a{display:inline-block; max-width:100%;}*/

/* Comments */
#comments ul{margin:0 0 40px 0; padding:0; list-style:none; background-color:#F7F7F7;}
#comments li{margin:0 0 10px 0; padding:15px;}
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
/*#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}*/

/*#comments form{display:block; width:100%;}
#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}
#comments textarea{overflow:auto;}
#comments div{margin-bottom:15px;}
#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}*/

/* Sidebar */
.container .sidebar{}

.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}


/* Click to Action
--------------------------------------------------------------------------------------------------------------- */
.cta{padding:50px 0;}
.cta > :first-child{margin-top:0;}
.cta > :last-child{margin-bottom:0;}/* Used when elements stack in smaller viewports */

.cta footer{text-align:center;}
.cta footer a{display:block;}


/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{padding:50px 0;}

#footer .heading{margin-bottom:50px; font-size:1.2rem;}

#footer .linklist li{display:block; margin-bottom:15px; padding:0 0 15px 0; border-bottom:1px solid;}
#footer .linklist li:last-child{margin:0; padding:0; border:none;}
#footer .linklist li::before, #footer .linklist li::after{display:table; content:"";}
#footer .linklist li, #footer .linklist li::after{clear:both;}

#footer .contact{}
#footer .contact.linklist li, #footer .contact.linklist li:last-child{position:relative; padding-left:40px;}
#footer .contact li *{margin:0; padding:0; line-height:1.6;}
#footer .contact li i{display:block; position:absolute; top:0; left:0; width:30px; font-size:16px; text-align:center;}

#footer input, #footer button{border:1px solid;}
#footer input{display:block; width:100%; padding:8px;}
#footer button{padding:8px 18px 10px; text-transform:uppercase; font-weight:700; cursor:pointer;}




/* Transition Fade
This gives a smooth transition to "ALL" elements used in the layout - other than the navigation form used in mobile devices
If you don't want it to fade all elements, you have to list the ones you want to be faded individually
Delete it completely to stop fading
--------------------------------------------------------------------------------------------------------------- */
*, *::before, *::after{transition:all .3s ease-in-out;}
#mainav form *{transition:none !important;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin:0; padding:0; list-style:none;}

#mainav, #breadcrumb, .sidebar nav{line-height:normal;}
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after
    {font-family: 'Objectivity','Font Awesome\ 5 Free'; font-weight:900; font-size:10px; line-height:10px; position:absolute;}

/* Top Navigation */
#mainav{}
#mainav ul{text-transform:uppercase;}
#mainav ul ul{z-index:9999; width:180px; text-transform:none; text-align:left; position:absolute;}
#mainav ul ul ul{left:180px; top:0;}
#mainav li{display:block; float:left; position:relative; margin:0; padding:0;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;}
#mainav li a{display:block; padding:20px;}
#mainav li li a{border:solid; border-width:0 0 1px 0;}
#mainav .drop{padding-left:15px;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";}
#mainav .drop::after{top:25px; left:5px;}
#mainav li li .drop::after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:1;}

#mainav form{display:none; margin:0; padding:0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:100%; padding:5px; border:none;}
#mainav form select option{margin:5px; padding:0; border:none;}

/* Breadcrumb */
#breadcrumb{padding:150px 0 30px;}
#breadcrumb ul{margin:0; padding:0; list-style:none; text-transform:uppercase;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:4px; right:0; content:"\f0da";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}
#breadcrumb .heading{margin:0; font-size:2rem;}

/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; 
               text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:10px; left:5px; content:"\f0da";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}

/* Pagination */
tr.GridPager td {margin:0; padding:0; border:0;}
.GridPager a, .GridPager span{display:block; height:15px; width:25px; font-weight:bold; text-align:center; text-decoration:none; font-size:80%;}
.GridPager a {background-color:gray; color:#969696; border:1px solid #969696; height:25px; font-size:80%; vertical-align:middle; color:white;}
.GridPager span {background-color:#155B9E; color:white; height:25px;}
        

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; 
           right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}


/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}


/* Contacto
--------------------------------------------------------------------------------------------------------------- */
#contact{display:block; width:100%; margin-bottom:50px;}
#contact figure figcaption{display:block; width:100%; clear:both;}
#contact li{margin-bottom:30px;}


/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; margin:8px 5px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}
.faico a{display:inline-block; width:36px; height:36px; line-height:36px; font-size:18px; text-align:center;}

.faico a{color:#FFFFFF; background-color:#012B50;}
.faico a:hover{}

.faicon-dribble:hover{background-color:#EA4C89;}
.faicon-facebook:hover{background-color:#3B5998;}
.faicon-google-plus:hover{background-color:#DB4A39;}
.faicon-linkedin:hover{background-color:#0E76A8;}
.faicon-twitter:hover{background-color:#00ACEE;}
.faicon-vk:hover{background-color:#4E658E;}


/* Add rounded corners to specific elements
--------------------------------------------------------------------------------------------------------------- */
.btn, 
#header form label::before, 
#header form label select, 
#footer input, 
#footer button{border-radius:10px; cursor:pointer; font-family: 'Objectivity','Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;} 

#introblocks article i,
/*#introblocks0 article i,*/
#introblocks1 article i,
#introblocks2 article i,
#introblocks3 article i,
#introblocks4 article i,
.faico a, 
#backtotop{border-radius:50%;}



.boton3 {
  color: white !important;  /*#318aac*/
  font-size: 20px;
  font-weight: 300;
  padding: 0.5em 1.2em;
  background: rgba(1,1,1,1);
  border: 2px solid;
  border-color: black;  /*#318aac*/
  transition: all 1s ease;
  position: relative;
  cursor:pointer;
}
.boton3:hover {
  background: rgba(0,0,0,0);    /*#318aac*/
  color: rgba(1,1,1,1) !important;
  
}

/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Buscador de contenido */
.containerS {
    max-width:450px;
    margin: 0px 50px 15px auto;
    text-align:left;
}
.search-input-box {
    width:100%;
    border-radius:5px;
    position:relative;
    box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.12);
}
.search-input-box input {
    width:100%;
    border:none;
    outline:none;
    border-radius:5px;
    height:30px;
    padding: 5px 35px 0 45px;
	font-size: 15px;
    text-align:left;
}
.icon {
    position:absolute;
    top: 5px;
    left:15px;
    font-size:20px;
    cursor:pointer;
    color:#0d141f;
}

.card.clean,
.card.clean * {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    vertical-align: middle !important;
}


/*.containerS {
    max-width:1000px;
    margin: 150px auto;
    text-align:left;
}
.search-input-box {
    width:100%;
    background-color:#2f3640;
    border-radius:5px;
    position:relative;
    box-shadow: 0 1px 5px 3px rgba(0, 0, 0, 0.12);
}
.search-input-box input {
    width:100%;
    border:none;
    outline:none;
    border-radius:5px;
    height:55px;
    padding: 0 60px 0 20px;
	font-size: 18px;
}
.icon {
    position:absolute;
    top: 15px;
    right:25px;
    font-size:22px;
    cursor:pointer;
    color:#0d141f;
}*/

/* Contenedor de sugerencias */
/*.container-suggestions {
    max-height:280px;
    opacity:0;
    pointer-events:none;
    padding:0;
    overflow-y:auto;
    color: #f5f6f4;
    margin-top:0;
   z-index:15;
}

.search-input-box.active .container-suggestions{
    opacity:1;
    pointer-events:auto;
    padding:10px 8px;
}

.search-input-box.active .container-suggestions li{
    display:block;
}

.container-suggestions li {
    list-style:none;
    width:100%;
    padding: 8px 12px;
    border-radius:5px;
    display:none;
}
.container-suggestions li:hover{
    background-color: #414b57;
}*/




/* Colours
--------------------------------------------------------------------------------------------------------------- */
body{color:#474747; background-color:#FFFFFF;}
a{color:#8BAAD6;}
a:active, a:focus{background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */
hr, .borderedbox{border-color:#D7D7D7;}
label span{color:#FF0000; background-color:inherit;}
input:focus, textarea:focus, *:required:focus{border-color:#56AED4;}

.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(0,0,0,.55);}
.overlay.light{color:#474747;}
.overlay.light::after{background-color:rgba(255,255,255,.7);}

.btn, .btn.inverse:hover{color:#FFFFFF; background-color:#8BAAD6; border-color:#8BAAD6;}
.btn:hover, .btn.inverse{color:inherit; background-color:transparent; border-color:inherit;}


/* Rows */
.row0, .row0 a{color:#474747; background-color:#FFFFFF;} /*color:#FFFFFF; background-color:#000000;*/
.row1{color:#474747; background-color:#FFFFFF;}
.row2{color:#FFFFFF; background-color:#8BAAD6;}
.row3{color:#474747; background-color:#FFFFFF;}
.row4{color:#AAAAAA; background-color:#01325D;}
.row5, .row5 a{color:#AAAAAA; background-color:#012B50;}
.coloured{color:#FFFFFF; background-color:#000000;}


/* Top Bar */
#topbar ul li{border-color:rgba(255,255,255,.4);}
#topbar div:first-of-type li:first-child a{color:#8BAAD6;}


/* Header */
#header a{color:inherit;}
#header form label::before{background-color:rgba(0,0,0,.1);}
#header form label::after{color:#AAAAAA;}
#header form label:hover::after{color:#8BAAD6;}
#header form label select{color:inherit; background-color:inherit; border-color:rgba(0,0,0,.2);}
#header form label select option:not(:checked){color:#8BAAD6;}
#header form label select option:disabled{color:inherit;}


/* Page Intro */
#pageintro{color:#FFFFFF;}


/* Content Area */
#introblocks article{box-shadow:0px 0px 8px rgba(0,0,0,.1); background-color:white;}
#introblocks article:hover{background-color:rgba(0,0,0,.02); cursor:pointer;}
#introblocks article i{color:#8BAAD6; border-color:#D7D7D7;}
#introblocks article a > i:hover, #introblocks article:hover i{color:#FFFFFF; background-color:#8BAAD6; border-color:#8BAAD6;}

#introblocks0 {color:#FFFFFF;}
#introblocks0 li a{color:inherit;}
#introblocks0 .active a, #introblocks0 a:hover, #introblocks0 li:hover > a{color:#01325D; background-color:inherit;}
#introblocks0 article{box-shadow:0px 0px 15px rgba(0,0,0,.5); background-color:#8BAAD6; border-radius:25px; width:400px; margin-left:100px;}  /*#01325D*/
#introblocks0 article:hover{background-color:rgba(0,0,0,.02); cursor:pointer;}

#introblocks1 article{box-shadow:0px 0px 8px rgba(0,0,0,.1); background-color:white;}
#introblocks1 article:hover{background-color:rgba(0,0,0,.02); cursor:pointer;}
#introblocks1 article i{color:#8BAAD6; border-color:#D7D7D7;}
#introblocks1 article a > i:hover, #introblocks1 article:hover i{color:#FFFFFF; background-color:#8BAAD6; border-color:#8BAAD6;}

#introblocks2 article{box-shadow:0px 0px 8px rgba(0,0,0,.1); background-color:white;}
#introblocks2 article:hover{background-color:rgba(0,0,0,.02); cursor:pointer;}
#introblocks2 article i{color:#8BAAD6; border-color:#D7D7D7;}
#introblocks2 article a > i:hover, #introblocks2 article:hover i{color:#FFFFFF; background-color:#8BAAD6; border-color:#8BAAD6;}

#introblocks3 article{box-shadow:0px 0px 8px rgba(0,0,0,.1); background-color:white;}
#introblocks3 article:hover{background-color:rgba(0,0,0,.02); cursor:pointer;}
#introblocks3 article i{color:#8BAAD6; border-color:#D7D7D7;}
#introblocks3 article a > i:hover, #introblocks3 article:hover i{color:#FFFFFF; background-color:#8BAAD6; border-color:#8BAAD6;}

#introblocks4 article{box-shadow:0px 0px 8px rgba(0,0,0,.1); background-color:white;}
#introblocks4 article:hover{background-color:rgba(0,0,0,.02); cursor:pointer;}
#introblocks4 article i{color:#8BAAD6; border-color:#D7D7D7;}
#introblocks4 article a > i:hover, #introblocks4 article:hover i{color:#FFFFFF; background-color:#8BAAD6; border-color:#8BAAD6;}

/*#news article a {color:#474747; font-size:medium; text-align:center; opacity:.8;}
#news article div:hover, a:hover {color:#0E76A8; opacity:1;}*/

.overview > li figure a::after{background-color:rgba(0,0,0,.5);}
.overview > li figure figcaption{color:#FFFFFF;}


/* Footer */
#footer .heading{color:#FFFFFF;}
#footer hr, #footer .borderedbox, #footer .linklist li{border-color:rgba(255,255,255,.1);}

#footer input, #footer button{border-color:transparent;}
#footer input{color:#FFFFFF; background-color:#012B50;}
#footer input:focus{border-color:#8BAAD6;}
#footer button{color:#FFFFFF; background-color:#8BAAD6;}


/* Navigation */
#mainav {color:#FFFFFF; background-color:#8BAAD6;}
#mainav li a{color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#01325D; background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(139,170,214,.5);/* #8BAAD6 */ border-color:rgba(0,0,0,.6);}
#mainav li li:hover > a, #mainav .active .active > a{color:#01325D; background-color:#8BAAD6;}
#mainav form select{color:#474747; background-color:#FFFFFF;}

#breadcrumb a{color:inherit; background-color:inherit;}
#breadcrumb li:last-child a{color:#8BAAD6;}

.container .sidebar nav a{color:inherit; border-color:#D7D7D7;}
.container .sidebar nav a:hover{color:#8BAAD6;}

#backtotop{color:#FFFFFF; background-color:#8BAAD6;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:1240px){
	.hoc{max-width:1240px;} /*1140px*/
}


/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:978px){
	.hoc{max-width:90%;}

	#topbar{}

	#header{}

    #mainav{}
	/*#mainav{padding:15px;}
	#mainav ul{display:none;}
	#mainav form{display:block;}*/

	#breadcrumb{}

	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#footer{}

}

@media screen and (max-width:750px){
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.group .group > *:last-child, .clear .clear > *:last-child, .clear .group > *:last-child, .group .clear > *:last-child
        {margin-bottom:0;}/* Experimental - Needs more testing in different situations, stops double margin when stacking */
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter
        {display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	#topbar{padding-top:15px; text-align:center;}
	#topbar ul{margin:0 0 15px 0; line-height:normal;}

	#header{}

	#pageintro article{max-width:none; text-align:left;}
	#pageintro .heading{font-size:2rem;}
	#pageintro p:first-of-type{font-size:1rem;}

	.sectiontitle{max-width:none;}

	.overview > li:nth-last-child(-n+3){margin-bottom:30px;}

	.cta > :first-child{margin-top:0;}
	.cta footer a{display:inline-block;}

	#footer{padding-bottom:50px;}/* Not required, just looks a little better */
}

@media screen and (max-width:450px){
	#topbar ul li{margin-bottom:2px; padding-right:0; border-right:none;}
}


/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px){
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap; border-style:none;}

	.inline li{display:block; margin-bottom:10px;}
	.pushright li{margin-right:0;}

	.font-x2{font-size:1.4rem;}
	.font-x3{font-size:1.6rem;}
}

/* RadioButton list
--------------------------------------------------------------------------------------------------------------- */

    .RButtonList label
{
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 0px solid;
    margin: 0px 0px 0px 0px;
    white-space: nowrap;
    border-color:#F7F7F7;
}


/* Login
--------------------------------------------------------------------------------------------------------------- */
.form-1 {padding:0px; margin:0px; border: none;}  /* For the submit button positioning */
.form-1 .field {position: relative; margin:0px; padding:0px; top:15px; background-color:white; right:-15px;}  /* For the textbox positioning */
.form-1 .field i {
    /* Size and position */ left:0px; position:absolute; height:25px; width:36px; margin-top:-25px;  /* For the icon positioning */
    /* Line */ border-right:1px solid rgba(0, 0, 0, 0.1); box-shadow:1px 0 0 rgba(255, 255, 255, 0.7);
    /* Styles */ color:#777777; text-align:center; line-height:40px; transition:all 0.3s ease-out; pointer-events:none;}
.form-1 input[type=text], .form-1 input[type=password] {
    /* Size and position */ width: 150px; padding: 10px 18px 8px 45px;
    /* Styles */ border: none; /* Remove the default border */
                box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 3px 2px rgba(0,0,0,0.1);
                border-radius: 3px; background: #f9f9f9; color: #777; transition: color 0.3s ease-out;
    /* Font */  font-family: 'Objectivity','Lato', Calibri, Arial, sans-serif; font-size: 13px; font-weight: 400; 
                text-shadow: 0 1px 0 rgba(255,255,255,0.8);}
.form-1 input[type=text]:hover ~ i, .form-1 input[type=password]:hover ~ i {color: #52cfeb;}
.form-1 input[type=text]:focus ~ i, .form-1 input[type=password]:focus ~ i {color: #42A2BC;}
.form-1 input[type=text]:focus, .form-1 input[type=password]:focus, .form-1 button[type=imgsubmit]:focus {outline: none;}

.form-1 .imgsubmit {
    /* Size and position */ width:55px; height:55px; padding:10px; z-index:0; bottom:-1px; right:-10px;
    /* Icon styles */ font-size: 1.4em; line-height: 1.75; /*color: white;*/
    /* Styles */ border-radius: 50%; background: #FFFFFF; /*background: linear-gradient(#52cfeb, #00AFF0);*/
                 box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35),
                             inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1);
                 cursor: pointer; 
}





/* Iconos giratorios
---------------------------------------------------------------------------------------------------------------*/
* {font-family: 'Objectivity','Roboto', Arial, sans-serif;}

body {font-size: 1rem;
    text-align: center;}



/* CollapsiblePanelExtender 
---------------------------------------------------------------------------------------------------------------*/
.cpHeader
        {
            font: bold 12px auto;
            text-align:center;
            cursor: pointer;
            padding: 10px;           
        }
.cpBody
        {   font: normal 12px auto;             
            padding: 10px;
            vertical-align:top;
            text-align:justify;
        }     


/* Calendario Comprobantes
---------------------------------------------------------------------------------------------------------------*/

.yui .ajax__calendar_container 
{
    background-color:#f2f2f2;
    border:solid 1px #808080;
    cursor:default;
    width:205px;
    font-size:11px;
    text-align:center;
    padding:0px;
}
 
.yui .ajax__calendar_body 
{
    height:139px;
    width:205px;
    position:relative;
    overflow:hidden;
}
 
.yui .ajax__calendar_days, .yui .ajax__calendar_months, .yui .ajax__calendar_years 
{
    top:0px; 
    left:0px;
    height:139px;
    width:204px;    
    padding:5px;
    position:absolute;
    text-align:center;
}
 
.yui .ajax__calendar_days table
{
    border-spacing:0;
    border-collapse:collapse;
    /*font:100% sans-serif;*/
    text-align:center;    
}
 
.yui .ajax__calendar_header 
{
    background:url(../../images/sprite.png) repeat-x 0 0; 
    height:22px;
    width:100%;
    font-size:10pt;
    font-weight:bold;
    text-align:center;
    padding-top:3px;
}
 
.yui .ajax__calendar_prev 
{
    margin-top:2px;
    margin-left:4px;
    height:15px;
    width:25px;
    cursor:pointer;
    float:left;
    background:url(../../images/sprite.png) 0px -450px no-repeat;
}
 
.yui .ajax__calendar_next 
{
    margin-top:2px;
    margin-right:4px;
    height:15px;
    width:25px;    
    cursor:pointer;
    float:right;
    background:url(../../images/sprite.png) 0px -500px no-repeat;
}
 
.yui .ajax__calendar_title 
{
    cursor:pointer;
    font-weight:bold;
    text-align:center;
}
 
.yui .ajax__calendar_footer, .yui .ajax__calendar_today 
{
    color: #0066cc;
    font-size:10pt;
}
 
.yui .ajax__calendar_dayname 
{
    padding-left:2px;
    padding-right:2px;
    margin-bottom:5px;
    margin-left:2px;
    margin-right:2px;
    text-align:center;
    font-weight:700;
    font-size:5pt;
    color:#000;
    border-bottom:solid 1px #a6a6a6;
}
 
.yui .ajax__calendar_day, .yui .ajax__calendar_month, .yui .ajax__calendar_year
{
    padding:0px;
    color:#000;
    text-align:center;  
    padding:0pt 1px;
}
 
.yui .ajax__calendar_hover .ajax__calendar_day, .yui .ajax__calendar_hover .ajax__calendar_month, .yui .ajax__calendar_hover .ajax__calendar_year, .yui .ajax__calendar_hover .ajax__calendar_title
{
    color:#0066cc;
}
 
.yui .ajax__calendar_other .ajax__calendar_day, .yui .ajax__calendar_other .ajax__calendar_year
{
    color:#a6a6a6;   
}
 
.yui .ajax__calendar_active .ajax__calendar_day
{
    color:#0066cc;   
}