div.boxes{background:#fff;border:1px solid #ccc; box-shadow: 1px -1px 5px 2px rgba(0,0,0,0.39);-webkit-box-shadow: 1px -1px 10px 2px rgba(0,0,0,0.39);-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.39);}
div.boxes .image h3{text-transform:uppercase;text-align:center; font-size: 1.25rem; color:#555;}
div.boxes .image{text-align:center;}
div.boxes .links{padding:10px 10px 10px 0px;}
div.boxes .links a, div.boxes .links a:visited{font-family: 'Archivo', sans-serif; color: #183153; font-size:1.1em;}
div.boxes .links a:hover{color: #339af0; text-decoration:none;}
div.boxes .links li{margin-bottom:10px; line-height:1.1em;}

.list-grid li{margin-bottom:10px; border-bottom:1px solid #ccc;}
.simpleRoudendBox{background:#eaeaea;border:1px solid #ccc; padding:10px 15px 10px 15px;border-radius: 5px;}

.plat{}
.plat .tit{color:#fff;font-weight:700;font-family:'Roboto','sans-serif';text-align:center;font-size:1.2em}
.plat div div.mat{border-radius: 50%; height:40px; width:40px; float:right; overflow: hidden; margin-right:10px;} 
.plat div div img{max-height:40px; max-width:40px;} 
.taphover{ float:right; line-height: 40px; margin-left:10px; cursor:pointer;}
.data {}
.data div{color:var(--e-global-color-secondary);width:auto;text-align:right;margin: auto;}
.data div a{color:#fff;}
#autogestionMenu{position:absolute; width: auto; top: auto; right: 0; margin-left: 0px; margin-top: 0px; min-width: 10em; max-width: 1000px; background-color:#fff; z-index:200; text-align:left; border:1px solid var(--e-global-color-secondary); padding:5px 10px 5px 10px;}
#autogestionMenu ul {list-style-type: none;  padding: 0; margin: 0;}
#autogestionMenu ul li {line-height:1.2em; margin-bottom:5px;;}
#autogestionMenu ul li a{font-size: .9em; color:var(--e-global-color-secondary); }

.autogestionHeader{background-image: url(/media/_site/ag/autogestion-virtual.jpg);background-position: 0px -30px;background-size: cover;height:120px;}
.autogestionHeader div{margin:auto; text-align:center;}
.autogestionHeader h1 a{color:#fff; line-height:120px;}
#todos{text-align:left!important; padding-top:30px;}
#todos a{background-color: var( --e-global-color-accent ); border-radius: 10px 10px 10px 10px; padding:15px 25px; width:auto;}

.datos, .card-header{width:auto; margin:auto; max-width:360px;}
.logos{width:auto;max-width:480px;margin:auto;}
.datos{border-width: 1px 1px 1px 1px; border-style: solid; border-color: #ddd; border-radius: 0px 0px 10px 10px; padding-top:10px; padding-bottom:10px;background-color:#fff;}
.titulo{font-weight:700;font-family:'Roboto','sans-serif';padding-top:10px;}
.in{margin-top:5px;}
.card-header{padding: 20px;border-width: 1px 1px 0px 1px;border-style: solid;border-color: #ddd; border-radius: 10px 10px 0px 0px;text-align: center; background: #eef2f4;font-weight: 300;color: #5d6f78;font-size: 24px;}
.atencion{font-size:.8em;}
.head .cps-l {margin-left: 10px;background: url(/media/CPS.svg) no-repeat;float: left;}
.head .cpce-t, .head .cps-t {width: calc(100% - 85px);float: left;line-height: 1em;font-size: .7em;font-weight: bold;color: #555;text-align: right;}
.head .cps-t {text-align: left; padding-left: 10px;}
.head .cpce-t {padding-right: 10px;}
.head .cpce-l, .head .cps-l {width: 74px;height: 50px;float: left;}
.head .cpce-l{float: right;margin-right: 10px;}
.sm {font-size:.8em;}
.btn-menu{cursor:hand;}
.logo-dk{display: none;} 
.smSubs, .smSubs0{text-transform:uppercase; margin-top:15px; font-size: .8em; color:#777; font-weight:bold;}
.smSubs0{margin-top:0px;}

@media (min-width: 768px){
.logo-mb{display: none;}
.logo-dk{display: block; !important;}
}