#carreteras { font-family: Arial, sans-serif; font-size: 15px;color: #2e2e2e; }
#carreteras h3 { padding-left: 5px; margin: 3px 0px 7px 0px; font-size: 1.7em; }
#carreteras h4 { padding-left: 5px; padding-bottom: 10px; margin: 3px 0px 7px 0px; border-bottom: 1px solid #1B6598; }
#carreteras h4:last-of-type { border-bottom: none; }
#carreteras div { line-height: 15px; text-align: left;}
#carreteras a { text-decoration: none; }
#carreteras ul, #carreteras ol { list-style-type: none; margin-bottom: 20px; overflow: hidden; padding-left: 0px; margin-top: 2px; }
/* #carreteras .imgcintillo { max-width:310px; } */
#carreteras .entradilla { background-color: #3258ae; color: #2e2e2e; padding: 0 0.2em; font-weight: bold; text-transform: uppercase; }
#carreteras .list-seo-links li { padding: 10px 5px; border-bottom: 1px solid #1B6598; }
#carreteras .list-seo-links li:nth-child(2)::before { content: none; }
#carreteras .list-seo-links li a { color: #2e2e2e; padding: 0 8px; }
#carreteras .js_slider_viewport > img { border-bottom: 1px solid #1B6598; }
#carreteras .imagen{padding-right: 9px; padding-left: 5px ;width: 7%;float:left;}
#carreteras .texto{width: 90%;float: right;}
#carreteras .leyenda{ color: #fff; background-color: #3258ae; }
#carreteras .consejo{ padding: 5px 3px; border-top: 1px solid #1B6598; }
#carreteras .clear{clear: both;}

.nombrecarretera{width: 5%; display: inline-block;}
.kminicio, 
.kmfinal, 
.sentido, 
.carril,
.diasemana,
.horario {
    width: 10%; display: inline-block; text-align: center;
}
.descripcion{padding-left: 5px;}
.carretera{padding-top: 5px;font-size:13px;}

@media (max-width: 600px){
        #carreteras { font-family: Arial, sans-serif; font-size: 11px; width: 100%;}
        #carreteras .imagen{width: 10%;}
        #carreteras ul{margin-top: -1px;}
        .nombrecarretera,
        .kminicio, 
        .kmfinal, 
        .sentido, 
        .carril,
        .diasemana,
        .horario {
            display: inline;
            padding-left: 2px;
            padding-right: 2px;
        }

}
@media screen and (min-width: 400px) {
    .imgDesktop {display:block;}
	.imgMobile {display: none;}
}

@media screen and (max-width: 399px) {
    .imgDesktop {display:none;}
	.imgMobile {display: block;}
}