/* diseño y front-end por Rafael Olea sking.cl@gmail.com www.rafaelolea.cl */
a { color: #0050AD;  }
p { font-weight: 400; }
h2 { font-size: 1.3em; }
.img-thumbnail { border: none; }
.clear { clear: both; }
body {background: #054180;}

/* HEADER */
.logo img { max-width: 290px; height: auto; padding: 1em 0; }
#header {background: #011B36;; }
#footer {background: #011B36; color: #fff;}
#footer p {font-weight: 200; letter-spacing: 1px;}
#footer a {color: #fff;}

/* PAGINA INTERIOR */
.pag-int { margin-bottom: 3em; }
.pag-int p {font-size: 1em; color: #777; font-weight: 300; letter-spacing: .05em; padding: 0;  margin: 0; }
.pag-int p span { font-style: italic; }
.pag-int h1 {color: #4EA202; font-size: 1.8em; }
.pag-int h2 {font-weight: 300; font-size: 1.5em; color: #054180; margin: 0; }
.pag-int h3 {font-weight: 300; font-size: 1em; }
.pag-int iframe { width: 100%; height: auto; min-height: 450px; }
.pag-int ul li { color: #777;}

.publicaciones { background: #fff; padding: .5em; margin: 1em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.publicaciones i {color: #EF5100; font-size: 16px;}
.publicaciones:hover {opacity: .9; }
.clientes {margin:10px 0;}
.clientes a {display: block; margin: 0 auto; max-width: 300px;}
.clientes img {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.clientes a:hover {opacity: .9;}

/* TÍTULOS */
.titulos h2 {font-size: 1em; color: #fff; margin: 1em 2em 0 2em; }
.titulos h3 {color: #fff; font-weight: 400;}
/* FOOTER */
.f-logo img {margin: 2em 1em; max-width: 250px;}

/* <<<<<<<<<<< MEDIA QUERIES >>>>>>>>>> */
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 900px) {
}
@media only screen and (max-width: 766px) {
    
}
@media only screen and (max-width: 480px) {
    .logo img { max-width: 190px; height: auto; padding: 1em 0; }
    .f-logo img {max-width: 150px; height: auto;}
}