/*Layout styles*/ 
html{
	height:100%;
	font-size:120%;
}
body {
	background-color: #D4D0C8;
	margin:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	color: #004D66;
	height:100%;
	
}
img{border:none}
a{text-decoration:none;	color: #004D66;}
ul{padding:0;margin:0}
p{text-align:justify}
.big a{fonst-size:140% !important;color:#000000; }

/* para computadores de escritorio */
#main_container{
	margin:auto;
	clear:both;
	
}
#header{height:15%}
#content{
	background-color:#FFFFFF;
	height:100%;
	padding:1%;

}
.acenter{text-align:center}
.clear{clear:both}
#logo{width:45%;float:left}
#right-menu{width:55%;float:left;text-align:right;}
#right-menu li{display:inline}
#right-menu li:first-child{margin-right:10%}
#logo{height:15%}
#logo img{width:100%}

#menu{clear:both}
#menu li{ display:inline;margin:0 1%}
#menu li a{ font-size:80%;padding:1%}
#menu{text-align:center;background-color:#deded3;}

/*inicio */
.books{width:18%;padding:0%;float:left;margin-right:1%;margin-left:1%;margin-bottom:3%;margin-top:1%}
.books-big{width:50%;padding:0%;float:left;margin-right:1%;margin-left:1%;margin-bottom:3%;margin-top:1%}
.books img{width:100%}
#bottom{border-top:1px solid #ccc;}
#bottom .container{width:18%;float:left;margin-right:1%;margin-left:1%}
#bottom .container li{ margin-bottom:3%}
#bottom .big{width:55%;float:left;margin-right:1%;margin-left:1% ;text-align:center}
#bottom .container-big{width:62%;float:left;margin-right:1%;margin-left:1%}

.container{ padding-top:2%}
.container img{width:20%;float:left;margin:5%}

/*Obispos */

.long-text{
height:450px;
overflow-y:scroll;
text-align:justify}

/*Resoluciones */
.responsiveimg img{width:90%}
.youtubeframe{width:90%;height:90%}
.spaced-list{margin-left:71%}
.spaced-list2{margin-left:25%}
.spaced-list li{margin-top:2%;margin-bottom: 5%;}
.dove img{width:50%}
@media (max-width: 1920px) {
	#main_container{
		width:80%;
		height:75%;
	}
}

@media (max-width: 1800px) {
body{font-size:95%}
}

@media (max-width: 1500px) {


}

@media (max-width: 1400px) {


}

@media (max-width: 1300px) {


}

@media (max-width: 1290px) {

}

@media (max-width: 1250px) {

}



@media (max-width: 1000px) {
	#main_container{
	
		height:80%
		
	}

}
@media (max-width: 800px) {
body{font-size:90%}
	#main_container{
		
		height:70%
		
	}

}
@media (max-width: 775px)  {
	#main_container{
		width:100%;
		height:50%
		
	}
}

@media (max-width: 768px) and (min-height: 1023px) {
	#main_container{
		width:100%;
		height:40%
		
	}
}

@media (max-width: 768px) {
	#main_container{
		width:100%;
		height:80%
		
	}
}

@
@media (max-width: 640px) and (min-height: 400px) {
	#main_container{
		width:100%;
		height:60%
		
	}
}

@media (max-width: 640px) {
	body{font-size:83%}
	#main_container{
		width:100%;
			
	}
}
@media (max-width: 480px) and (min-height: 361px) {
	#main_container{
		width:100%;
		height:50%
	}
}

@media (max-width: 480px) {
	body{font-size:54%}
	#main_container{
		width:100%;
	}
}


@media (max-width: 360px) and (max-height: 640px) {
	body{font-size:54%}
	#main_container{
		width:100%;
		height:35%;
	}
	
}

@media (max-width: 320px) and (max-height: 480px) {
	body{font-size:40%}
	#main_container{
		width:100%;
		height:40%;
	}
	
}

/** Blackberry */

@media (max-width: 320px) and (max-height: 240px) {
	body{font-size:10%}
	#main_container{
		width:100%;
		height:70%;
	}
}
div.jp-audio,
div.jp-video {
  /* Edit the font-size to counteract inherited font sizing.
   * Eg. 1.25em = 1 / 0.8em
   */

}
.big a{fonst-size:140% !important;color:#000000; }
h3{font-weight:normal; font-size:140%;margin-top:0px}