@charset "utf-8";
/* CSS Document */
body{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 50px;
	/*text-align: center;*/
	/*margin: auto;*/
    background-color: #f6f5f5;}
	
body p {font-size: 18px;
		text-align: justify;}
h1{
	padding-top:50px;
	/*padding-bottom:25px;*/
	text-align: center;
	text-shadow: 2px 2px 5px lightblue;}
h2{
	padding-top:30px;
	padding-bottom:25px;
	text-align: center;}
h3{text-align: center;}
h4{text-align: center;}
h5{text-align: center;}
h6{text-align: center;}
ul {
	list-style-type: none;
   	margin-right: 0%;
	margin-left: 0%;
   	padding: 0px;
   	overflow: hidden;
   	background-color: #333;}

li {
    float: right;
	font-size: 18px;}

li a {
      display: block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;}

li a:hover {
        background-color: #333;
        text-decoration: none;
		color: deepskyblue;}
/*MENU DE LOS DIAS DE LA NOVENA*/
.menu {align-content: center;
		text-align: center;}
.menu ul {
	text-align: center;
	list-style-type: none;
   	margin-right: 12.5%;
	margin-left: 12.5%;
   	padding: 0px;
   	overflow: hidden;
   	background-color: #333;}

.menu li {
    float: right;
	font-size: 18px;}

.menu li a {
      display: block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;}

.menu li a:hover {
        background-color: #333;
        text-decoration: none;
		color: deepskyblue;}
.panel-collapse collapse li{
	float: none
}

#header{


    	}
#inicio{
			/*background-image: url(imagenes/fondo_NS_Sgdo_Corazon.JPG);
        	background-size: cover;*/
        	align-content: center;
	text-align: center !important;}
#inicio p{text-align: center;}

#ubicacion{
		padding-top: 40px;
		margin-left: 12.5%;
		margin-right: 12.5%;}
#misioneros{
			padding-top: 40px 0px 0px 0px;
			margin-left: 12.5%;
		margin-right: 12.5%;}
#misioneros p{padding: 0px;}
#form{
			 width: 470px;
			 height: auto;
			 /*backgroud-image: url(aquí la ruta de la imagen de fondo);*/
			 margin: 0 auto;
			 padding: 0 1%;
			 box-shadow: 5px 5px 0 #AAA;
			 border-radius: 5px;}
#SS{
		padding-top: 40px;
		margin-left: 12.5%;
		margin-right: 12.5%;
		padding-bottom: 60px}
#SS h2{
	padding-top:20px !important;
	padding-bottom:25px;
	text-align: left !important;}
.contacto{
			align-content: center;
			padding-top: 40px;
		    border: 1px solid #CED5D7;
		    border-radius: 6px;
		    padding: 45px 45px 20px;
		    margin-top: 50px;
			margin-left: 33%;
			margin-right: 33%;
		    background-color: white;
		    box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset;
		}
.contacto label{
		    display: block; /* esto es para que el label se sobreponga a la caja de texto */
		    font-weight: bold;
		}
.contacto div{
		    margin-bottom: 15px; /* esto los separara un poco */
		}
.contacto input[type="text"], .contacto textarea{
		    padding: 7px 6px;
		    width: 75%; /* una longitud definida 294px*/
		    border: 1px solid #CED5D7;
		    resize: none; /* esta propiedad es para que el textarea no sea redimensionable */
		    box-shadow:0 0 0 3px #EEF5F7;
		    margin: 5px 0;
		}
.contacto input[type="text"]:focus, .contacto textarea:focus{
		    outline: none; /* reset especifico para Chrome/Safari */
		    box-shadow:0 0 0 3px #dde9ec;
		}
.contacto input[type="submit"]{
		    border: 1px solid #CED5D7;
		    box-shadow:0 0 0 3px #EEF5F7;
		    padding: 8px 16px;
		    border-radius: 20px;
		    font-weight: bold;
		    text-shadow: 1px 1px 0px white;
		 
		    background: #e4f1f6; /* fallback para navegadores que no soporten degradados */
		    background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
		    background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%);
		}
.contacto input[type="submit"]:hover{
		    background: #edfcff;
		    background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
		    background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%);
		}
.contacto input[type="submit"]:active{
		    background: #cfe6ef;
		    background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
		    background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
		}
#NS {margin-left: 12.5%;
	margin-right: 12.5%;}
		
#NS  img {
	float: left;
	margin: 0px 15px 10px 0px;}


marquee {margin-left: 12.5%;
		margin-right:12.5%;
		color: green;}
#misas {padding-top: 40px;}
#SantaMisa {
		align-items: center;
		vertical-align: middle;
		margin: 0% 12.5% 0% 12.5%;
		/*background-image: url(imagenes/ultima_cena.jpeg);*/
		align-content: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		/*color:  brown !important;*/
		opacity: 1;}
#SantaMisa p{text-align: center;}
#SantaMisa table {align-content: center;
			align-self: center;}
/*#horarioinvierno {background-color: yellow !important}*/
#9dias {
		margin-left: 12.5%;
		margin-right:12.5%;}
#confianza {margin-left: 12.5%;
		margin-right:12.5%;
		/*background-color: red !important;*/}
#confianza p{text-align: justify;}
#confianza img {
	float: left;
	margin: 0px 15px 10px 0px;}

#mscores {text-align: justify;
	/*margin-left: 12.5%;
	margin-right: 12.5%;*/}
#mscores img {
	float: left;
	margin: 0px 15px 10px 0px;}
#documentos a {
	color: black;
	background-color: #f6f5f5;
	text-decoration: none;}
#documentos ol{
	float: left;
	background-color: #f6f5f5 !important;
    text-decoration: none;
	color: black !important}
#documentos li{
	float: left;
	background-color: #f6f5f5 !important;
    text-decoration: none;
	color: black !important}
#documentos hover{
	float: left;
	background-color: #f6f5f5 !important;
    text-decoration: none;
	color: red !important}
#documentos {
	color: black;
	margin-left: 12.5%;
	margin-right: 12.5%;}
#tnovena {margin-left: 12.5%;
	margin-right: 12.5%;}
#tnovena p{text-align: justify;}
#menu_novena {
		
		font-size: 18px;
		text-align: center;
		align-content: center;
		margin-left: 12.5%;
		margin-right: 12.5%}
#menu_novena a {text-decoration: none;
				color: black;}
#menu_novena hover {color: "red";}
#ruego {text-align: center;
		font-size: 18px;}
#ruego2 {text-align: center;
		font-size: 18px;}
#ruego3 {text-align: center;
		font-size: 18px;}
#ruego4 {text-align: center;
		font-size: 18px;}
#ruego5 {text-align: center;
		font-size: 18px;}
#ruego6 {text-align: center;
		font-size: 18px;}
#ruego7 {text-align: center;
		font-size: 18px;}
#ruego8 {text-align: center;
		font-size: 18px;}
#ruego9 {text-align: center;
		font-size: 18px;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
      width: 50%;
      margin: auto;}
#rombo{position: absolute;
	display: inline-grid;
 	top: 8
		0px;
    left: 15%;
    width: 75px;
    height: auto;
    border: 0px;
	float: left;
	/*z-index: 999;*/}

#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:20px;
    padding-bottom:40px;
    width:100%;
    text-align:center;
    min-height:40px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:30%;
}
 
.inner a.ok {
    padding:4px;
    color:#00ff2e;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}

.ir-arriba {
	display:none;
	padding:20px;
	background:#024959;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:300px;
	right:20px;
}