/*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}