html, body { background-color: #fff; height: 100%; color: #039;}
iframe{width: 100%;}

/* -- HEADER -- */


/* contiene los elementos del menu */
.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
    padding-bottom: 5px;
}

/* contiene el menu para moviles */
.navbar-default .navbar-toggle {
    border-color: #5D9200;
    background-color: #000;
}

/* contiene el menu para moviles: resalta las lineas internas del icono; */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

/* contiene el menu para moviles: cambio al pasar el mouse; */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #444;
}

.navbar-default .nav li {
    padding-left: 0px;
    margin: 0px;
}

.navbar-default .nav li a {
    /*text-transform: uppercase;*/
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200px;
    letter-spacing: 0.5px;
    color: #D8D8D8;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #fff;
    text-decoration: underline;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #fed136;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: red;
}

.btn-primary{opacity: 0.8; background-color: #000;}
.btn-primary a{color:#fff; font-weight: bolder;}

.titulodeSeccion{
    background-color: #1C1C1C;
    margin:  0px;
    padding: 0px;
    border-bottom: 1px solid #222;
}

.titulodeSeccion h1{ 
    padding-bottom: 5px; 
    padding-top: 5px; 
    font-weight: bolder; 
    clear: both;
    color: #fff; 
}


.fondo-opacado{
    position: relative;
    bottom: -150px;
    background: rgba(20,20,20, 0.4);
    color: #fff;
    font-weight: bolder;
}


#imagen-especialidades{
    height: 250px;
    background-image: url('../images/headers/especialidades.jpg');
    max-width: 100%;
    background-size: cover;
}

#imagen-galeria{
    height: 250px;
    background-image: url('../images/headers/galeria.jpg');
    max-width: 100%;
    background-size: cover;
}


article{
    padding: 0px;
    margin:20px 0px;
/*    border: 1px solid #eee; */
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    margin-bottom: 20px;
}

article h3{
    padding:5px;
    margin:0 auto;
    background-color: #2E2E2E;
    margin-right: 1px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    font-weight: bolder;
    font-size: 1em;
    }


article h3 a{
    color:#fff;
    text-decoration: none;
}

article h3 a:hover{
    color: #fff;
    text-shadow:2px 2px 2px #ff0000;
}

article h3 a:visited{
    text-decoration: none;
    color:#d8d8d8;
}

article a img{
    margin: 0 auto;
    width: 100%;
}

article a img:hover{
    border: 0px solid #000;
}

.textoFormateado{
    font-size: 1em;
    color: #000;
    padding: 5px;
    text-align: justify;
}

.derecha{
    float: right;
    right: 15px;
}


@media(min-width:768px) {
    .navbar-default {
        padding: 25px 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
        color:#fff;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
        padding: 10px 0;
        background:#428BCA;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}

/*------- Fin elementos menu   ----------*/

.jumbotron {background:#428BCA; color:#fff; padding:20px 0; margin-top: 0px; padding-bottom: 0px;} /* agregar para menu:; margin-top: 50px;*/
.jumbotron a{ margin-right: 10px;}
.jumbotron .container h4{text-align: right; font-size: 0.8em; font-weight: bolder; margin-bottom: 0px;}

.bannersjv{ background-color: #36066D;}
.bannersjv h1{font-size: 3em; font-weight: bolder;}
.bannersjv h2{font-weight: bolder; padding: 0px; margin: 0px;}

/* -- POST -- */
.main {
	margin-top: 20px;
	margin-bottom: 20px;
	
}

.presentacion{
	margin-top: 10px;
	margin-bottom: 10px;
}

.presentacion > div > p{
	font-size: 1.2em;
	margin-bottom: 20px;
}

.titulodeSeccion{
	font-size: 2em; font-family: georgia; font-weight: bolder;
	 margin-bottom: 50px; color: #8A0808;
}

.post {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #D8D8D8;
}

.post-title{color: #333; font-weight: bolder;}

.post .post-title a {
	text-decoration: underline;
}

.post .thumb {
	margin-right:10px;
	width:40%;
}

.post .thumb img {
	width:100%;
}

.post-tiempo{
	color: #8A2908;
}

.post-contenido{
	color: #039;
}

.post .contenedor-botones {
	width: 100%;
}

.comercial{ width: 100%; padding: 20px; color: #B43104; text-align: center; border-radius: 8px; 
		font-size: 2em; font-weight: bold; border: 1px solid #036; text-shadow: 2px 2px #F2F5A9; background-image: yellow; 
        background-image: url(../images/cetpro-vianney-titulo.jpg);
        background-repeat: no-repeat;
        -webkit-transition: background-position 8s ease-out;
        -moz-transition: background-position 8s ease-out;
        -o-transition: background-position 8s ease-out;
        transition: background-position 8s ease-out;
        background-position-x:-250px;
        }
.comercial:hover{
            background-position-x: -520px;
        }

.subtituloCentrado{font-weight: bolder; text-align: center;}
.sinBorde{border: none;}

.footer{position: relative; clear: both; width: 100%; padding: 20px; text-align: center; background-color: #585858; border-top: 1px solid #ffffff; bottom: 0 !important; bottom: -1px; margin-top: 10px;}
.footer h2,h4{color: #ffffff;}

.footer a{ text-decoration: none; color: #ffffff; }
.footer a:hover{font-weight: bolder;}

/* -- Media Querie -- */
@media only screen and (max-width:48em){
	.post .thumb {
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
	}
	 .navbar-default{
        background-color: #000;
        clear: both;
    }
    .jumbotron{
    	margin-top: 45px;
    }
    .comercial{
        background-position-x:0px;
    }
    .comercial:hover{
            background-position-x: -80px;
        }
    article{
        left: 0px;
    }
    article img{
        max-width:100%;
    }
}

@media only screen and (max-width:30.063em) {
    .navbar-default{
        background-color: #000;
        clear: both;
    }
    .jumbotron{
    	margin-top: 45px;
    }
    .comercial{
        background-position-x:-180px;
    }
    .comercial:hover{
            background-position-x: -50px;
        }
    article{
        left: 0px;
    }

    article img{
        max-width:100%;
    }
   
}