﻿* {

    font-family:Calibri;
    font-size:14px;
    margin:0px;
    padding:0px;
    text-decoration:none;
}

body {
    background-image:url('img/Web.jpg');
    background-size:1050px auto;
    background-position:center top;
    background-repeat:no-repeat;
}

#contenedor {

    display:inline-block;
    width:100%;
    text-align:center;

}

#cabecera_escritorio {
display:block;
}

#cabecera_mobile {
display:none;
}

#section1 {
margin-top:30px;
border:0px solid red;
}

#section2 {
margin-top:60px 0px 45px 0px;
}

header {

    display:inline-block;
    width:100%;
    height:auto;
    max-width:1050px;
    border:0px solid red;

}

nav {
    display: inline-block;
    width: 100%;
    height: auto;
    border-top: 2px solid #4ea9e0;
    border-bottom: 8px solid #4ea9e0;
    text-align: center;
    padding-bottom: 10px;
}

nav > div {
    display:inline-block;  
    text-align:center;
    margin-top:10px;
    width:100%;
}

nav > div > div {
    display:inline-block;   
    border:0px solid red;
    vertical-align:middle;
    text-align:center;
    width:220px;
    font-size:24px;
    color:#43aad5;
    cursor:pointer;
}

nav, a {
    font-size:24px;
    color:#43aad5;
}

section {
    display:inline-block;
    width:1070px;
    height:auto;
    border:0px solid red;
    margin-top:20px;
    text-align:center;
    padding:0px;
}

.modulo {
    display:none;
    width:300px;
    height:auto;
    border:0px solid red;
    margin:9px 10px 70px 10px;
    cursor:pointer;
}

.modulo1 {
    margin-bottom:10px;
}

/*foto*/
.modulo > div:first-child {
    display:inline-block;
    width:100%;
    height:205px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100% 100%;
    border:0px solid red;
}

/*titulo*/
.modulo > div {
    display:inline-block;
    width:100%;
    height:auto;
    padding:5px;
    box-sizing:border-box;
    border:0px solid red;
    font-size:20px;
}

/*boton*/
.modulo > div:last-child {
    display:inline-block;
    width:100%;
    height:40px;
    background-color:white;
}

/*boton a*/
.modulo a {
    color:white;
    font-size:18px;
}

.titulo_modulo {
height:auto;   
}


/*btnir*/
.btnir {
    display:inline-block;
    padding:5px 20px 5px 20px;
    background-color:#39a3ce;
    color:white;
    cursor:pointer;
    border-radius:5px;
}

/*btnir*/
.btnir:hover {
    background-color:#215aa5;
    color:white;
}

#franja_cargando {
    display:inline-block;
    text-align:center;
    margin-top:20px;
    width: 100%;
    /*height:83px;*/
}

#franja_cargando > div {
    /*display:inline-block;*/
    display:none;
    width: 100%;
    max-width: 1050px;
    height:83px;
    border-top:1px solid #7bb1c4;
    border-bottom:1px solid #7bb1c4;
}

footer {
    margin-top:15px;
    width:100%;
    height:auto;
}

footer > div {
    display:inline-block;
    width: 100%;
    height: auto;
    position:relative;
    background-color: #222222;
}

footer > div > div {
    display:inline-block;
    width: 1050px;
    height: 83px;
    position:relative;
}

#menu_pie {
    display:inline-block;
    position:absolute;
    left:30px;
    top:20px;
    border:0px solid white;
    width:auto;
    height:auto;
}

#menu_pie > div  {
    display:inline-block;
    border:0px solid white;
    width:auto;
    height:auto;
    padding:0px 3px 0px 3px;
}

#menu_pie > div > a  {
    color:grey;
    font-family:'Arial Narrow', Arial, sans-serif;
    font-size:11px;
}

#mail {
    display:inline-block;
    position:absolute;
    left:400px;
    top:20px;
    border:0px solid white;
    width:auto;
    height:auto;
}

#mail > div {
    display:inline-block;
    border:0px solid white;
    width:auto;
    height:auto;
    color:grey;
    font-family:'Arial Narrow', Arial, sans-serif;
    font-size:14px;
}

#texto_pie {
    display:inline-block;
    position:absolute;
    left:50%;
    bottom:5px;
    border:0px solid white;
    width:200px;
    margin-left:-100px;
    height:auto;
}

#texto_pie > div {
    display:inline-block;
    border:0px solid white;
    width:auto;
    height:auto;
    color:grey;
    font-family:'Arial Narrow', Arial, sans-serif;
    font-size:12px;
}

#redes {
    display:inline-block;
    position:absolute;
    left:690px;
    top:30px;
    border:0px solid white;
    width:auto;
    height:auto;
}

#redes > div {
    display:inline-block;
    border:0px solid white;
    width:auto;
    height:auto;
    color:white;
    font-size:24px;
    margin:10px;
}

#subir {
    display:inline-block;
    position:absolute;
    RIGHT:20px;
    top:40px;
    width:auto;
    height:auto;
}

#subir > div {
    display:inline-block;
    border:0px solid white;
    width:auto;
    height:auto;
    color:grey;
    font-family:'Arial Narrow', Arial, sans-serif;
    font-size:10px;
}

.contenedor1 {
    display:inline-block;
    text-align:center;
    width:100%;
    height:auto;
}

.contenedor2 {
    display:inline-block;
    text-align:center;
    width:100%;
    max-width:840px;
    height:auto;
}

.fecha {
margin-top:0px;
color:#666666;
font-size:22px;
}

.titulo {
margin:5px;
color:#000000;
font-size:48px;
}

.imagen {
    display:inline-block;
    margin-top:20px;
    text-align:center;
    width:660px;
    height:420px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
}

.btnEnviar {
display:inline-block; margin:11px 0px 40px 0px; padding:11px 30px 11px 30px; font-size:28px; background-color:#0094ff; color:white; cursor:pointer;
}

.btnEnviar:hover {
    background-color:#215aa5;
    color:white;
}

.contenedor_paginacion {
width:100%;
height:auto;
text-align:center;
margin-top:0px;
border:0px solid red;
padding:0px 20px 0px 20px;
box-sizing:border-box;
}

    .numpag {
    display:inline-block;
    cursor:pointer;
    color:#215aa5;
    background-color:#c4c5c6;
    font-size:16px;
    padding:5px 8px 5px 8px;
    text-align:center;
    font-size:16px;
    font-weight:600;
    margin-top:5px;
    }

    .numpag > a {

    
    }

#logo {
margin:10px 0px 10px 0px;
width:auto;
height:120px;

}

#gracias_por_suscribirte {
margin:150px 0px 150px 0px; font-size:38px;
}

.contenedor_editable {
display:inline-block;
margin-top:40px;
text-align:left;
width:760px;
height:auto;
min-height:300px;
}

.titulo_suscribete1 {
margin: 45px 10px 25px 10px;
font-size: 38px;
}

.titulo_suscribete2 {
margin:25px 10px 25px 10px;
font-size:18px;
}

.titulo_suscribete3 {
margin:25px 10px 25px 10px;
font-size:28px;
}

.input_suscribete {
width:80%;
max-width:280px;
margin:0px 0px 25px 0px;
font-size:23px;
padding:10px;
text-align:center;
}

.texto_fondo {
display:table-cell;
vertical-align:middle; padding:0px; margin:0px;
background-color:rgba(0,0,0,0.3); 
}

.texto_fondo > div {
margin:20px;
color:white;
font-size:24px;
}

.texto_fondo2{
height:420px;
display:table-cell;
padding:0px 30px 0px 30px;
vertical-align:middle;
font-size:44px;
}

.contenedor_blog2 {
margin:25px 0px 0px 0px;
display:inline-block;
width:auto;
height:auto;
text-align:center;
}

.contenedor_blog2 > div {
display:table;
width:660px;
height:420px;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
}

.contenedor_blog2 > div > div {
display:table-cell;
padding:0px 15px 0px 15px;
vertical-align:middle;
font-size:42px;
color:white;
background-color:rgba(0,0,0,0.3)
}

.imagen_modulo:hover {
    filter: opacity(.5);
}

