@import url(https://fonts.googleapis.com/css?family=Domine:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);


.titulo_slide {font-family: 'Domine', serif;
font-size: 22px;
color: #684d1c;
text-decoration: none;
text-align: center;}


/*color del fondo del pop up*/
.modal-content {
    background-color: #b8ebe2;}
	
.navbar-default .navbar-nav>li>a {
color: #000 !important;
    font-size: 16px !important;
}


.destacado_index {
	font-family: 'Domine', serif;
	font-size:22px;
	color:crimson;
	text-decoration:none;
	text-align:center;} 


:focus {outline: 0;}	
body {
    font-family: 'Domine', serif;
    font-size: 13px;
	background-color:#c59f63;
	margin-top:0;
	margin-bottom:0;
}

.btn-success {
    background-color: #069 !important;
    border-color: #069 !important;
    color: #fff !important;
	font-size:12px;
	padding:5px !important;
}

.btn-success:hover {
    background-color: #328AC4 !important;
    border-color: #328AC4  !important;
    color: #fff !important;
	font-size:12px;
	padding:5px !important;
}

.navbar-toggle {

    padding: 12px 10px;
}

.buscador
{
width:75% !important; 
margin-right:1%;	
}

.form-control
{
font-size: 14px;
    height: 30px;	
	width:95%;
	margin-top:15px;
}


.dropdown-menu {
    font-size: 13px !important;
	font-family: 'Domine', serif !important;
}

	
.navbar {
    border: 0px solid transparent !important;
	padding-left: 10px !important;
	background-color:#f3f1ed !important;

}

.navbar-collapse {
    width: 705px !important;
	padding-left: 00px !important;
	background-color:#f3f1ed !important;
}

.dropdown-menu {
    background-color: #f3f1ed !important;
    border: 0px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 0px !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.176) !important;
	width: 240px !important;	
}

.dropdown-menu > li > a {
    white-space: pre-wrap !important;
	border-bottom:#f3f1ed 1px solid !important;
}


.dropdown-menu > li > a:hover {
	
	background-color:#FFF !important;
	
}

.header{ 
  width: 100%; height:70px; background-image: url("imagenes/top2.png"); background-color:#f3f1ed; background-repeat: no-repeat; background-size: contain; background-position:center; 
	}

.top_menu
{ 
margin:0 auto;	
}

.navbar{
    padding-left: 10px !important;
	background-color:#f3f1ed !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #f3f1ed;
    color: #555;
	text-decoration:underline  !important;
	
	
}

.tit_calendario {
	font-family: 'Domine', serif;	
	font-size:18px;
	color:#2e73b3;
	margin-bottom: 7px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 10px;
}

.caja_caledario {
	border: 2px solid #2e73b3;
	border-radius: 6px;
}

.caja_caledario_int {
	/*padding: 15px;*/
}

.top_calendario {
	background-color: #2e73b3;
	/*border-radius: 3px 0px 3px 0;*/
	height: auto;
	width: 60px;
	color: white;
	font-size: 14px;
	font-family: 'Domine', serif;
	float: left;
	line-height: 16px;
	padding-top: 13px;
	margin-right: 15px;
	margin-left: 15px;
	padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 13px;
}

.icono_calendario {
	font-size: 13px;
	color: #2e73b3;
}

.espacio_texto_calendario {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}











@media (max-width: 767px) 
  {   
  
.header2{ 
  width: 75%;  background-image: url("imagenes/top4.png"); background-color:#f3f1ed; background-repeat: no-repeat; background-size: contain; background-position:cente;  
	}
	
	.caja_borde4 {
	
	
	min-height:230px;
	overflow:hidden;
	
	
	}
	.embed-responsive
	{
		/*height:350px;*/
		
	}
	
	.header{
		display:none;
	}
	
	.container {
    margin-bottom: -20px !important;

}
	  
.boton_donacion_int {float: left; margin-left: 15px;}	 


}
   
   
@media (min-width: 768px) 
 {   
  
  .header{ 
  width: 100%; height: 100px;  background-image: url("imagenes/top2.png"); background-color:#f3f1ed; background-repeat: no-repeat; background-size: contain; background-position:center; 
	}

	
.embed-responsive
	{
		/*height:600px;*/
		
	}

.buscador
{
width:65% !important; 
margin-right:1%;	
}

.header2{
		display:none;
	}


.navbar-collapse {
    width: 700px !important;
	padding-left: 20px !important;

}
	 
.boton_donacion_int {float: right; margin-right: 15px;}	 
	 
   }  

@media (min-width: 992px) 
	{
		
.header{ 
  width: 100%; height: 100px;  background-image: url("imagenes/top2.png"); background-color:#f3f1ed; background-repeat: no-repeat; background-size: contain; background-position:center; 
	}
	
.navbar{
    padding-left: 10px !important;
	background-color:#f3f1ed !important;
	width:auto;
	margin:0 auto;
}	
.thumbnail2 {
		height:100px !important; overflow:hidden !important;
}

.caja_borde4 {
	
	
	min-height:200px;
	overflow:hidden;
	
	
	}
	.embed-responsive
	{
		/*height:700px;*/
		
	}
	
	.header2{
		display:none;
	}

.navbar-collapse {
    width: 700px !important;
	padding-left: -20px !important;
	
}
	
	 }


@media (min-width: 1200px) {
		
.header{ 
  width: 100%; height: 140px; background-image: url("imagenes/top.png");  background-repeat: no-repeat; background-size: contain; background-position:center; 
	} 
	
	.navbar{
    padding-left: 10px !important;
	background-color:#f3f1ed !important;
	width:700px;
	margin:0 auto;
}

.thumbnail2 {
		height:150px !important; overflow:hidden !important;
}

.caja_borde4 {
	
	
	min-height:233px;
	overflow:hidden;
	
	
	}
	.embed-responsive
	{
		/*height:720px;*/
		
	}
	
	.header2{
		display:none;
	}

       .navbar-collapse {

margin-left: -150px !important;
    width: 935px !important;

}

	}
	
	
	
	
	
	

.foto_noti_grande {
	width:353px;
	height:218px;}		
	
.foto_noti_chica {
	width:200px;
	height:122px;}	
	
.textos {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#323232;}
	
	
	.textos_lateral {
	font-family: 'Domine', serif;
	font-size:14px;
	color:#53421e;
	text-decoration:none;
	text-align:left;}
	
	
	.txt_pie_iglesia {
	font-family: 'Open Sans';
	font-size:11px;
	color: #666;
	text-decoration:none;
	text-align:center;
	}
	
	
	
	
.textos11 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#323232;}	 
	
.texto_cafe {
	font-family: 'Domine', serif;
	font-size:13px;
	text-decoration:none;
	color:#53421e;} 	
	
.destacado1 {
	font-family: 'Domine', serif;
	font-size:18px;
	color:#53431e;
	text-decoration:none;
	text-align:center;} 	
	
.titulos {
	font-family: 'Domine', serif;
	font-size:24px;
	color:#2e73b3;
	text-decoration:none;}
	
.titulo_top1 {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:18px !important;
	color:#4784bc !important;
	margin-top:0;
	margin-bottom:0;
	font-weight:bold;
	line-height:20px;
	}	
	
	.titulo_noticia1 {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:13px !important;
	color:#4784bc !important;
	margin-top:0;
	margin-bottom:0;
	font-weight:bold;
	line-height:15px;
	
	
	}
	
.boton_azul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
	background-color:#0088c9;
	border-radius: 15px;
	padding:8px 15px;
	width:128px;
	margin-top:30px;
	margin-right:10px;
	}
	
.texto_boton {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	}	
	

	
.borde_azul {
	color:#005882;}	
	
.borde_gris {
	
	border: 1px solid #cdcdcd;
	}	
	
.borde_amarillo {
	color:#ddca72;}	
	
.caja_borde {
	padding:10px;
	background-color:#FFF;
	border: 1px solid #cdcdcd;
	margin:15px;
	}	
	
	.caja_borde2 {
	padding:10px;
	background-color:#f3f1ed;
	border: 1px solid #cdcdcd;
	margin:15px;
	}	
	
	.caja_borde3 {
	padding:5px;
	background-color:#fff;
	border: 1px solid #cdcdcd;
	margin:15px -4px;
	}
	
	.linea_gris {
	
	border-bottom: 1px dotted #CCC;
	width:90%;
	height:1px;
	padding:3px;
	margin-bottom:5px;
	}	
	
	.linea_gris2 {
	
	border-bottom: 1px dotted #CCC;
	width:100%;
	height:5px;
	padding:3px;
	margin-bottom:10px;
	}	
	
	.caja_borde4 {
	
	
	border: 1px solid #cdcdcd;
	margin:-6px 10px 20px;
	padding:10px 10px 5px 10px;
	
	
	
	}
	
	.caja_pas {
	
	background-color:#FFF;
	border: 1px solid #cdcdcd;
	margin-top: 15px;
    padding: 10px;
	margin-bottom:15px;
	}		
	
.caja_foto {
	padding:10px;
	background-color:#ffffff;
	border: 1px solid #cdcdcd;
	
	}	
	


.jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('imagenes/bullets.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }	
		
		
		
.fff{ margin-bottom: 0px; }		
		
	
.thumbnails { 
  /*  margin-bottom: -40px !important;*/
  padding-left:0px !important;
  margin-top:10px !important;
}
.thumbnail { 
  /*  margin-bottom: -40px !important;*/
  margin-bottom:-10px !important;
  border: 0px !important;
border-radius: 0px !important; height: auto; overflow: hidden; 
}
.thumbnails li > .fff .caption { padding:15px 5px; }

.thumbnails li> .fff .caption { 
    background:#fff !important; 

}

li { list-style-type:none;}


.paginador{

	float:left;

	padding:2px;

	border:1px solid #CCC;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	margin-left:2px;

	margin-right:2px;
	
	width:18px;

	text-align:center;

	
	color:#999;
	
	background-color:#ccc;
	

	}

.paginador_ac{

	float:left;

	padding:2px;

	border:1px solid #CCC;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	margin-left:2px;

	margin-right:2px;

	width:18px;

	text-align:center;

	background:#438DBC;

	color:#fff;

	}

.paginador a{ 

text-decoration:none;
color: #fff;

}
.paginador:hover{
text-decoration:none;
background-color:#438DBC;

}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 8%;
    width: 85%;
    height: 85%;
}

#custom-search-input {
        margin:0;
        margin-top: 10px;
        padding: 0;
    }
 
    #custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#D9230F;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }