html	{ position: relative; min-height: 100%; }

body { background-color: #fff;}
body {
  font-family: 'Libre Baskerville', serif;
  line-height: 1.6;
  color: #333;
  min-height: 800px
}

h1 		{ font: normal 42px/1em 'Libre Baskerville', serif; margin-bottom: 0.2em; color:#58131b; letter-spacing: -0.025em; }
h2 		{ font: normal 34px/1em 'Libre Baskerville', serif; color:#58131b; letter-spacing: -0.025em; margin-top: 0.5em;}
h3 		{ font: italic 28px/1.45em  'Libre Baskerville', serif; margin-bottom: 0.2em; color:#58131b; }
h4 		{ font: bold 15px/1.45em 'Libre Baskerville', serif; margin-bottom: 0.5em; margin-top: 0.0em; color:#58131b;}
h5 		{ font: bold 0.9em/1.45em 'Libre Baskerville', serif; margin-bottom: 0.2em; letter-spacing: -0.015em; color:#58131b;}
p, li	{ font: normal 12px/1.75em 'Libre Baskerville', serif; color:#333; margin-top: 0em; margin-bottom: 1em; }
p a 		{ color:#58131b; text-decoration: none; }
li		{ margin-bottom: 0.5em }
strong 	{ font-weight:bold; color:#000;}

h3 em 	{ margin-top: -17px; display: block; font-size: 15px; font-style: normal; font-weight: bold; }


.tabulado { margin-left: 20px; margin-top: -0.7em; }

a:focus {outline:0px;}
a:hover { text-decoration: none;  } 
a:visited{ text-decoration: none;  } 

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




.container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
	background: url('../images/bk-general.jpg') 0 0 repeat;
}



.clearfix:before, .clearfix:after,
.container:before, .container:after,
.row:before, .row:after,
.row-inner:before, .row-inner:after {
  display: table;
  content: " ";
  clear: both;
}

.row 	{ margin-right: -10px; margin-left: -10px;  }

.mob-1, .tab-1, .desk-1, 
.mob-2, .tab-2, .desk-2, 
.mob-3, .tab-3, .desk-3, 
.mob-4, .tab-4, .desk-4, 
.mob-5, .tab-5, .desk-5, 
.mob-6, .tab-6, .desk-6, 
.mob-7, .tab-7, .desk-7,
.mob-8, .tab-8, .desk-8, 
.mob-9, .tab-9, .desk-9, 
.mob-10, .tab-10, .desk-10, 
.mob-11, .tab-11, .desk-11, 
.mob-12, .tab-12, .desk-12 {
  padding: 0px 10px;
  position: relative;
  min-height: 1px;
  float: left;
}

.mob-12 	{  width: 100%; }
.mob-11 	{  width: 91.66666667%; }
.mob-10 	{  width: 83.33333333%; }
.mob-9 	{  width: 75%; }
.mob-8 	{  width: 66.66666667%; }
.mob-7 	{  width: 58.33333333%; }
.mob-6 	{  width: 50%; }
.mob-5 	{  width: 41.66666667%; }
.mob-4 	{  width: 33.33333333%; }
.mob-3 	{  width: 25%; }
.mob-2 	{  width: 16.66666667%; }
.mob-1 	{  width: 8.33333333%; }

.mob-off-12 	{  margin-left: 100%; }
.mob-off-11 	{  margin-left: 91.66666667%; }
.mob-off-10 	{  margin-left: 83.33333333%; }
.mob-off-9 	{  margin-left: 75%; }
.mob-off-8 	{  margin-left: 66.66666667%; }
.mob-off-7 	{  margin-left: 58.33333333%; }
.mob-off-6 	{  margin-left: 50%; }
.mob-off-5 	{  margin-left: 41.66666667%; }
.mob-off-4 	{  margin-left: 33.33333333%; }
.mob-off-3 	{  margin-left: 25%; }
.mob-off-2 	{  margin-left: 16.66666667%; }
.mob-off-1 	{  margin-left: 8.33333333%; }
.mob-off-0 	{  margin-left: 0; }

.containerImageFull		{ padding: 0px;}
.containerImageRight	{ float: right; padding: 0px 0px 0px 25px;}
.containerImageLeft 		{ float: left; padding: 0px 25px 0px 0px;}
.containerImageLeft  img, .containerImageRight img , .containerImageFull img{ width:100%;}

.separator 		{ width:100%; height:1px; background-color:#58131b; margin-top:40px; margin-bottom:25px;}
.underline 		{ width:100%; height:1px; background-color:#58131b; margin-top:10px; margin-bottom:25px;}


.headerMenu ul 	{ list-style: none; margin: 0px; padding: 7px 5px; float: left; border-bottom: solid 1px #58131b; border-top: solid 1px #58131b; }
.headerMenu li 	{ margin: 0px; padding: 0px 15px; float: left; font-size: 13px; font-weight: bold; }
.headerMenu li  a	{ text-decoration:none; color:#5c5c5f;}
.headerMenu li  a:hover	{ text-decoration:none; color:#58131b;}

.footerDonaciones 	{ background:url('../images/footer-iglesia.png') 0 0 no-repeat;   }
.footerDonaciones p	{ padding: 25px 0 40px 80px; font-weight: bold; font-size: 13px;  }
.footerDonaciones a	{ text-decoration: none; color: #58131b; }
.footerDonaciones a:hover	{ text-decoration: none; color: #494641; }

.adviento_video { width: 100%;}

.homeEsperando	{ text-align:center; margin:15px 0px;}


@media (min-width: 480px) {
	.outline-container {
		padding: 5px;
		border: solid 1px #58131b;
		margin: 0 auto;
	}
	.headerLogo 			{ margin: 30px 0 20px; }
	.headerMenu 			{ margin: 20px 0px; }
	.headerAndromaco	{ margin-top: 20px;  margin-bottom: 10px; text-align: center; }
	.headerAndromaco img { width: 100%; max-width: 325px;}
	
	.tab-12 	{  width: 100%; }
	.tab-11 	{  width: 91.66666667%; }
	.tab-10 	{  width: 83.33333333%; }
	.tab-9 	{  width: 75%; }
	.tab-8 	{  width: 66.66666667%; }
	.tab-7 	{  width: 58.33333333%; }
	.tab-6 	{  width: 50%; }
	.tab-5 	{  width: 41.66666667%; }
	.tab-4 	{  width: 33.33333333%; }
	.tab-3 	{  width: 25%; }
	.tab-2 	{  width: 16.66666667%; }
	.tab-1 	{  width: 8.33333333%; }

	.tab-off-12 	{  margin-left: 100%; }
	.tab-off-11 	{  margin-left: 91.66666667%; }
	.tab-off-10 	{  margin-left: 83.33333333%; }
	.tab-off-9 	{  margin-left: 75%; }
	.tab-off-8 	{  margin-left: 66.66666667%; }
	.tab-off-7 	{  margin-left: 58.33333333%; }
	.tab-off-6 	{  margin-left: 50%; }
	.tab-off-5 	{  margin-left: 41.66666667%; }
	.tab-off-4 	{  margin-left: 33.33333333%; }
	.tab-off-3 	{  margin-left: 25%; }
	.tab-off-2 	{  margin-left: 16.66666667%; }
	.tab-off-1 	{  margin-left: 8.33333333%; }
	.tab-off-0 	{  margin-left: 0; }
	
	.containerImageRight	{ float: right; padding: 0px 0px 0px 10px;}
	.containerImageLeft 		{ float: left; padding: 0px 10px 0px 0px;}
	
	.homeObra img { width: 100%; max-width: 250px; margin-top: 15px;	}
	
}

	
@media (min-width: 768px) {
	.outline-container {
		padding: 10px;
		border: solid 1px #58131b;
		margin: 0 auto;
		max-width: 1102px;
	}
	
	.headerMenu  		{ margin: 0px; }
	.footerDonaciones p	{ max-width: 240px; }
	.footerAndromaco 	{ margin-top: 72px; text-align: right;  }
	.headerAndromaco 	{ margin-top: 55px; text-align: right;  }
	
 	.desk-12 	{  width: 100%; }
	.desk-11 	{  width: 91.66666667%; }
	.desk-10 	{  width: 83.33333333%; }
	.desk-9 		{  width: 75%; }
	.desk-8 		{  width: 66.66666667%; }
	.desk-7 		{  width: 58.33333333%; }
	.desk-6 		{  width: 50%; }
	.desk-5 		{  width: 41.66666667%; }
	.desk-4 		{  width: 33.33333333%; }
	.desk-3 		{  width: 25%; }
	.desk-2 		{  width: 16.66666667%; }
	.desk-1 		{  width: 8.33333333%; }

	.desk-off-12 	{  margin-left: 100%; }
	.desk-off-11 	{  margin-left: 91.66666667%; }
	.desk-off-10 	{  margin-left: 83.33333333%; }
	.desk-off-9 	{  margin-left: 75%; }
	.desk-off-8 	{  margin-left: 66.66666667%; }
	.desk-off-7 	{  margin-left: 58.33333333%; }
	.desk-off-6 	{  margin-left: 50%; }
	.desk-off-5 	{  margin-left: 41.66666667%; }
	.desk-off-4 	{  margin-left: 33.33333333%; }
	.desk-off-3 	{  margin-left: 25%; }
	.desk-off-2 	{  margin-left: 16.66666667%; }
	.desk-off-1 	{  margin-left: 8.33333333%; }
	.desk-off-0 	{  margin-left: 0; }
 
 }

 
@media (min-width: 801px) {
	.container { max-width: 1080px; }

 }

 
 @media (max-width: 479px) {
	.mob-12.containerImageRight, .mob-12.containerImageLeft { padding: 0px !important;}  
	.outline-container 	{ padding: 3px; border: solid 1px #58131b; margin: 0 auto; }
	.headerLogo img		{ width:100%;}
	.headerMenu			{ margin: 0px 0px; }
	.headerLogo			{ margin: 30px 0 10px; }
	.headerMenu ul		{ padding: 10px 20%; }
	.headerMenu li		{ padding: 3px 15px; }
	.homeEsperando img 	{ width:100%; }
	.footerAndromaco 	{ text-align: center;}
	.footerAndromaco img { width:100%; max-width:325px;}
	.headerAndromaco 	{ text-align: center;}
	.headerAndromaco img { width:100%; max-width:325px;}
	.footerDonaciones p 	{ max-width: 100%;}
}