/* css inspiracion */
.navegacion ul li { width: 11%;}
.navegacion ul li a i img { width: 100%; height: 100%;}

h1.titular { text-align: left;}
h1.titular small { color: #333;}

h2.bajada { width: 100%; font-weight: 300; text-align: left; font-size: 22px; font-style: italic; margin: 0 auto 20px;}
h2.bajada small { font-weight: 300;}
h2.bajada span { font-weight: bold;}

.cross-guia { width: 100%; height: 100%; display: table; background-color: whitesmoke; padding: 15px; border: dashed 1px #dddeee; border-radius: 8px;}
.cross-guia a { color: #333;}
.cross-guia a:hover { text-decoration: none;}
.cross-guia a:hover .txt-cross-guia h4 { color: #0073ce;}
.cross-guia a .img-cross-guia { width: 40%; float: left;}
.cross-guia a .txt-cross-guia { width: 60%; float: left; padding-left: 15px;}
.cross-guia a .txt-cross-guia h4 { font-weight: 300;}

h2.recomendado { text-align: center; font-weight: 300;}
h2.recomendado small { display: block;}

h2.barra-rel { width: 100%; height: 40px; background-color: #0072ce; text-align: center; color: #fff; line-height: 40px; font-weight: 300; font-size: 24px;}

.link-catt-rel {}
.link-catt-rel img { margin-bottom: 5px;}
.link-catt-rel a { color: #333; text-decoration: none;}
.link-catt-rel h4 { font-size: 16px; margin: 0;}
.link-catt-rel p { margin: 0;}

.link-cont-rel { background-color: #eee; border-radius: 6px;}
.link-cont-rel a {color: #333; text-decoration: none;}
.link-cont-rel .info { padding: 10px;}
.link-cont-rel .info h4 { font-size: 16px; margin: 0;}
.link-cont-rel .info p { margin: 0;}
.link-cont-rel:hover {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.60);
   -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.60);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.60);
}
.link-cont-rel a:hover .info h4 { color: #0072ce;}

.borde-caja { border: solid 1px #ccc; margin-bottom: 40px; padding-bottom: 20px;}

/* -- MEDIAS -- */
@media screen and (max-width: 990px) {}
@media screen and (max-width: 760px) {}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 460px) {
.sector { text-align: center;}
.navegacion ul li { width: 27%;}
.complex { margin-top: 10px;}
}