/*Layout styles*/
html{
font-size:120%;
}
body {
background-color: #D4D0C8;
margin:0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:100%;
color: #004D66;
}
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;
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; padding-bottom: 6px; padding-top: 6px;
}
/*inicio */
.books{width:18%;padding:0%;float:left;margin-right:1%;margin-left:1%;margin-bottom:1%;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;
min-height: 305px;
margin: 8px;
background-image: url("../img/cielo.jpg");
background-repeat: no-repeat;
background-position: top;
}
#bottom .container{width:25%;float:left;margin-right:1%;margin-left:1%}
#bottom .container2{width:25%;float:left;margin-right:1%;margin-left:1%}
#bottom .container li{ margin-bottom:3%}
#bottom .big{width:40%;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:35%;float:left;margin:3%;}
.container2 img{width:96%;float:right;margin:3%;}
.entrevistas img{width:70%; text-align:center;}
/*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:15%}
.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%;
}
}
@media (max-width: 1800px) {
body{font-size:95%}
}
@media (max-width: 1500px) {
#content{
margin-bottom: 10px;
}
#bottom .big,,.alineacion{
margin-top: 50px;
}
.container2{
margin-top:29px;
}
}
@media (max-width: 1400px) {
#bottom .big,.alineacion{
margin-top: 50px;
}
.container2{
margin-top:29px;
}
}
@media (max-width: 1300px) {
}
@media (max-width: 1290px) {
}
@media (max-width: 1250px) {
}
@media (max-width: 1000px) {
#main_container{
}
.container2 img{
width:96%;float:right;margin:3%;
}
#bottom{
background-image: url("../img/cielo.jpg");
background-repeat: no-repeat;
background-position: top-center;
}
.container {
padding-top: 6%;
}
}
@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}
/* Codigo junio 20 2016 */
.alineacion
{display: inline-block;}