/* Base */
@import url(https://static.typepad.com/.shared/themes/walt/styleless/theme.css);

@import url(https://static.typepad.com/.shared/themes/common/bxslider.css);
@import url(https://static.typepad.com/.shared/css/widgets.css);
@import url(https://static.typepad.com/.shared/themes/common/recentpostsfancy.css);

/* Tip Jar */
@import url(https://static.typepad.com/.shared/themes/common/tipjar.css);

/* Portal */

/* Theme */
@import url(https://static.typepad.com/.shared/themes/typepad/theme-responsive/light/light.css);






body { padding-top: 50px; }




/* Custom CSS */
h1 a,
.entry-header a,
.entry-header,
.module-header a,
.module-header,
.entry-body a,
.module-content a:hover,
.module-calendar a { color: #E2001B !important; }

.navbar { background: #E2001B; }

.navbar a { color: #fff !important; }

body { font-family: Arial, Helvetica, sans-serif; width:80%; margin: 0 auto;  }
h1, h2, h3, h4, h5, h6, .module-email  { font-family: Georgia, Times New Roman, serif; }
.img-left { padding:15px }
.container .jumbotron { padding: 0; }
.jumbotron { padding: 0; margin-top: 15px; }
.jumbotron h1 { margin: 0; }
.jumbotron h2 { display: none; }

.jumbotron h1 a {
background: url(http://233grados.lainformacion.com/233grados.jpg) center top no-repeat;
background-size: contain;
display: block;
left: 0;
top: 0;
height: 200px;
width: 100%;
text-indent: -1000em;
min-width: 320px;
}

.Logoinf a img{height: 54px;width: 160px;}



/* Extra Small */
@media (max-width: 768px) {
body { width:100%; margin: 0 auto;  }

.jumbotron  { display: none; }

.navbar-brand,
.navbar-header a:hover {
display: block;
left: 0;
top: 0;
text-indent: -1000em;
height: 50px;
width: 250px;
background: transparent url(http://233grados.lainformacion.com/233gradosMob.png) center center no-repeat !important;
}
.blockquote {

padding: 10px 20px;
}

.entry-body blockquote, .entry-more blockquote {
    border-left: 1px solid #CCC;
    background: #ffffff none repeat scroll 0% 0%;
    color: #000;
}

.navbar-brand a {
height: 50px;
width: 250px;
}
}
/* Small */
@media (min-width: 768px) {
.jumbotron { height: 140px; }
.Logoinf a img{ height: 84px;width: 249px; }
}


/* Medium */
@media (min-width: 992px) {
.jumbotron { height: 180px; }
.Logoinf a img{ width: 318px; }
}

/* Large */
@media (min-width: 1900px) {
.jumbotron { height: 200px; }
.Logoinf a img{ width: 356px; }
}












/* ph=1 */