@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css';
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import 'submenus.css';
@import 'scrollbar.css';

/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* grid */
.row {
  display: flex;
  flex-flow: row wrap;
  margin: -5px -5px 0 -5px;
  margin-bottom: -6px;
}
.row:last-child {
  margin-bottom: -6px;
}
[class*="col-"] {
  padding: 5px;
  width: 100%;
}

@media all and ( min-width: 600px ) {

  /* set col widths */
  .col-2-3 {
    width: 66.66%;
  }
  .col-1-2 {
    width: 50%;
  }
  .col-1-3 {
    width: 33.33%;
  }
  .col-1-4 {
    width: 25%;
  }
  .col-1-8 {
    width: 12.5%;
  }

}

.icon-pulse {
  display: inline-block;
  -moz-animation: pulse 2s infinite linear;
  -o-animation: pulse 2s infinite linear;
  -webkit-animation: pulse 2s infinite linear;
  animation: pulse 2s infinite linear;
}

@-webkit-keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.border3 {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}

/************************************************************************************
STRUCTURE
*************************************************************************************/
body { background-color: #E0EAF8; color: #666666; margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 100%; overflow-x:hidden; overflow-y: scroll;}
div { transition:all 0.4s ease;}
a { color: #336699; text-decoration: none;}

a:hover {text-decoration: underline; color: #333333;}
.invisible	{ display:none;}

#full { padding: 0px; width: 100%; margin: 0px auto;}
#full100100 { padding: 0px; width: 100%; height: 100%; margin: 0px auto;}
#pagewrap { clear:both; padding: 0px; width: 990px; margin: 0px auto; }
#header { height: 121px;}
#content { width: 65%; float: left; clear:left;}
#sidebar { width: 34%; float: right; clear:right;}

#contenedormarca { display:block; width:240px; height:80px; float:none; text-align: center;}

.contenedor-social { display:block; float:right; clear:auto; text-align:center; padding-top:30px; line-height: 1.5em; color:#FFF;}

.contenedorsocialf { display: block; float: left; clear: auto; text-align:center; line-height: 1.5em; margin-right: 10px;}
.contenedorsocialt { display: block; float: left; clear: auto; text-align:center; line-height: 1.5em; margin-right: 10px;}

#cabecera 	{ clear:both; width:100%; height:auto; padding:0; background:#1857a4; overflow:hidden; background-image: url('../../images/fondos/00.jpg'); background-repeat:no-repeat; background-position: left top;}

/* VIDEO CABECERA */

/* LANDING */
#logoluna 		{ line-height:0; width:55px; margin:0px 10px 0px 0px; display:inline-block; float:left; border:3x solid #000;border-radius: 3px;}
.cajanombreb 	{ display:inline-block; float:left; width:auto; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden;}
.nombreb 		{ display:block; clear:both; font-family: 'Archivo Narrow', sans-serif; font-size:200%; font-style:italic; font-weight:normal; line-height:1.1em; color:#336699; overflow:hidden;}
.nombreb:hover	{ color:#336699; text-decoration:none;}
.subnombre1b	 	{ display:block; margin:0px 0px 0px 0px; font-size:100%; font-weight:normal; line-height:1.5em; text-align:center; color:#666; overflow:hidden;}
.subnombre1b:hover{ color:#666;}

.cajasubnombreb 	{ display:block; width:auto; float:right; padding:30px 0px 30px 0px; text-align:center; overflow:hidden;}
.subnombre2b	 	{ display:block; line-height:1.8em; font-size:100%; font-weight:bold; color:#F3F3F3; text-shadow: 0px 2px 3px #555; overflow:hidden;}



/* DENTRO DE LA CABECERA */
#logoluna2 			{ line-height:0; width:65px; margin:14px 10px 0px 0px; display:inline-block; float:left; border:3px solid #000; border-radius:3px}

logoluna2 			{ display:inline-block; content:"30"; font-family: Arial; margin:16px 10px 0px 0px; float:left; }
logoluna2:before	{ position:absolute; display:block; content:"30"; font-size:120%; font-weight:bold; color:#FFF; margin: 15 0 0;}
logoluna2:after	{ display:inline-block; content:"\f186"; font-family:FontAwesome; font-size:340%; color:#FFF; margin: 0 0 0; transform: rotate(237deg);}

.cajanombre 	{ display:inline-block; float:left; min-width:190px; height:90; margin:5px 10px 5px 0px; padding:10px 10px 0px 0px; overflow:hidden;}
.nombre 		{ display:block; clear:both; font-family: 'Archivo Narrow', sans-serif; font-size:215%; font-style:italic; font-weight:normal; line-height:1.1em; color:#FFF; overflow:hidden;}
.nombre:hover	{ color:#FFF; text-decoration:none;}
.subnombre1	 	{ display:block; margin:0px 0px 10px 0px; font-size:110%; font-weight:normal; line-height:1.5em; text-align:center; color:#FFF; overflow:hidden;}
.subnombre1:hover{ color:#F3F3F3;}

.cajasubnombre 	{ display:block; width:auto; float:right; padding:30px 0px 30px 0px; text-align:center; overflow:hidden;}
.subnombre2	 	{ display:block; line-height:1.8em; font-size:100%; font-weight:bold; color:#F3F3F3; text-shadow: 0px 2px 3px #555; overflow:hidden;}


.botonescuchamenu	{ display:inline-block; float:right; border-radius:3px; margin:13px 0px 0px 15px; padding:7px 14px 7px 14px; clear:auto; text-align:center; line-height: 1.5em; font-family: 'Archivo Narrow', sans-serif; color:#FFF; background:#d81a28; font-size:90%; text-decoration:none;}
.botonescuchamenu a	{ color:#FFF; background:#d81a28; text-decoration:none;}
.botonescuchamenu:hover	{ color:#FFF; background:#444; text-decoration:none;}

.botonescuchacab	{ display:none;}

.botonredespequenio	{ display:inline-block; border-radius:3px; margin:0px 0px 0px 0px; padding:12px 6px 12px 6px; text-align:center; font-size:90%; line-height: 1.5em; border: 1px solid #ddd; color:#666; background:#FFF; padding:8px 10px 8px 10px; text-decoration:none;}
.botonredespequenio a	{ color:#FFF; background:#d81a28; text-decoration:none;}
.botonredespequenio:hover	{ border: 1px solid #999; color:#666; background:#FFF; text-decoration:none;}

.botonblanco1	{ display:inline-block; margin:0px 0px 5px 0px; clear:auto; text-align:center; line-height: 1.5em; color:#666; border: 1px solid #DDD; background:#FFF; padding:10px 12px 10px 12px; text-decoration:none;}
.botonblanco1:hover	{ text-decoration:none; color:#333; border: 1px solid #999;}

.botonazul1			{ display:inline-block; margin:0px 0px 5px 0px; clear:auto; text-align:center; line-height: 1.5em; color:#FFF; border: 1px solid #336699; background:#336699; padding:10px 12px 10px 12px; text-decoration:none;}
.botonazul1:hover	{ text-decoration:none; color:#FFF; border: 1px solid #444; background:#444;}

.botonfacebook01		{ display:inline-block; width:auto; margin:0px 4px 5px 0px; line-height: 1.5em; text-align:center; background:#FFF; color:#3b5998; text-decoration:none; font-size:100%; padding:10px 13px 10px 13px; border:1px solid #DDD; overflow:hidden;}
.botonfacebook01:hover	{ border:1px solid #3b5998; background:#3b5998; color:#FFF; text-decoration:none;}
.botonfacebook01:before	{ display:inline-block; margin: 0 3px 0 0; content: "\f09a"; font-family: FontAwesome; }

.botontwitter01		{ display:inline-block; width:auto; margin:0px 4px 5px 0px; line-height: 1.5em; text-align:center; background:#FFF; color:#1da1f2; text-decoration:none; font-size:100%; padding:10px 13px 10px 13px; border:1px solid #DDD; overflow:hidden;}
.botontwitter01:hover	{ border:1px solid #1da1f2; background:#1da1f2; color:#FFF; text-decoration:none;}
.botontwitter01:before	{ display:inline-block; margin: 0 3px 0 0; content: "\f099"; font-family: FontAwesome; }

.botontwitter02		{ display:inline-block; width:auto; margin:0px 4px 0px 0px; line-height: 1.5em; text-align:center; background:#1b95e0; color:#fff; text-decoration:none; font-size:100%; padding:6px 7px 6px 7px; border:1px solid #1b95e0; overflow:hidden;}
.botontwitter02:hover	{ border:1px solid #0c7abf; background:#0c7abf; color:#FFF; text-decoration:none;}

.botonwordpress01		{ display:inline-block; width:auto; margin:0px 4px 5px 0px; line-height: 1.5em; text-align:center; background:#FFF; color:#444; text-decoration:none; font-size:100%; padding:10px 13px 10px 13px; border:1px solid #DDD; overflow:hidden;}
.botonwordpress01:hover	{ border:1px solid #444; background:#444; color:#FFF; text-decoration:none;}
.botonwordpress01:before{ display:inline-block; margin: 0 3px 0 0; content: "\f0ac"; font-family: FontAwesome; }

.botonwhatsapp01		{ display:inline-block; width:auto; margin:0px 4px 5px 0px; line-height: 1.5em; text-align:center; background:#FFF; color:#3b5998; text-decoration:none; font-size:100%; padding:10px 13px 10px 13px; border:1px solid #DDD; overflow:hidden;}
.botonwhatsapp01:hover	{ border:1px solid #25D366; background:#25D366; color:#FFF; text-decoration:none;}


.rrssverificada2		{ display:inline-block; float:right; width:15px; height:auto; margin:5px 0px 0px 3px;}

/* FIN BOTONES */

#content-1de2 {
clear:auto; width:auto; line-height: 1.5em; float:left; padding-right: 10px; margin-right: 10px;border-right: 1px solid #DDD; overflow: hidden;}

#content-2de2 {
clear: auto; width:auto; line-height: 1.5em; float:left; padding-left: 10px; padding-right: 10px; border-right: 1px solid #DDD; overflow: hidden;}

#content2 {
width: 300px; float: left;}

#sidebar2 {
width: 300px; float: right;}

.cabecera-banner {
display: block; clear: auto; width: auto; height: auto; float: none; margin: 0px auto; padding: 5px; background-color: #111111;}
	
footer {
clear: both; line-height: 66px; height: 66px; border-top: 1px solid #ddd;
background-image: url('http://www.espacioenblanco.es/images/fondos/nav-gris.jpg'); background-repeat: repeat-x; background-position: left top}

#banner {
width: 60%; height: auto; float: right;}

.unodecuatro {line-height: 0; width:24%; height: auto; margin-top:0px; margin-bottom:0px; padding:3px; float:left;}
.unodetres {line-height: 0; width:32.6%; height: auto; margin-top:0px; margin-bottom:0px; padding:2px; float:left;}
.unodedos {line-height: 0; width:49%; height: auto; margin-bottom:0px; padding:3px; float:left;}

.audiojs{
display: block; width: 100%; height: 46px; padding-top: 2px; background: #222; overflow: hidden;}

.boton-accion{
display: block; min-width: 120px; margin: 0 15px 15px 0; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; background-color: #f3f3f3; padding: 12px;}

#endirecto{
width: 120px; float: center;}

.endirecto{ overflow:hidden; height: 46px; background: #222; padding: 12px 15px 12px 15px; color:#FFF; font-size:100%; text-decoration:none; }
.endirecto:hover{ ocolor:#FFF; text-decoration:none; }

.globo{ overflow:hidden; width:100%; max-height:250px; background:#000; padding:0px 0px 0px 0px; margin:0; text-align:center;}
.bajoglobo{ overflow:hidden; width:100%; height:10px; background:#000; padding:0px 0px 0px 0px; margin:0; text-align:center;}

.avisosobrefoto {
z-index:998; display:block;	position:absolute; margin:10px; padding:5px 10px 5px 10px; background-color:#336699; border: 1px solid #ddd;
font-size:90%; color:#FFF; overflow:hidden}

.avisosobrefotor {
z-index:998; display:block;	position:absolute; margin:10px; padding:5px 10px 5px 10px; background-color:#800000;
text-transform:uppercase; font-size:90%; font-weight:bold; color:#FFF; overflow:hidden}

.titulohojas {clear:auto; width:auto; float:auto; line-height:1.5em; margin-bottom:15px; padding:5 0 5 0; overflow: hidden;
font-family: 'Open Sans Condensed'; font-size:160%; font-weight:normal; color:#666;}

.titulocajasnormal {clear:auto; width:auto; float:auto; line-height: 1.5em; margin-bottom:15px; padding-bottom:15px; text-transform:uppercase; overflow: hidden;
font-family:'Oswald', sans-serif; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #DDD;}

.titulocajasimg {clear:auto; width:auto; float:auto; line-height: 1.5em; margin:0px 15px 15px 0px; padding-right:10px; text-transform:uppercase; border-bottom: 0px solid #ddd; overflow: hidden;
font-family:'Oswald', sans-serif; font-weight:normal;white-space:nowrap; text-overflow: ellipsis;}

.subtitulocajas {clear:auto; width:auto; float:auto; line-height: 1.3em; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight:normal;}

.titulocajas {clear:auto; width:auto; float:auto; line-height: 1.5em; font-family:'Oswald', sans-serif; font-weight:normal; text-transform:uppercase; overflow: hidden;}

.fechacajas {clear:auto; width:auto; float:right; line-height: 1.5em; margin-bottom:4px; text-align:justify; padding-bottom:0px; border-bottom: 0px solid #ddd; overflow: hidden;
font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight:normal; padding: 0px;}

.etiqueta		{ display:none; float:left; color:#999; margin:0 5 0 0; overflow:hidden;}
.etiqueta:before{ content: "\f02b"; font-family: FontAwesome; margin:0 5px 0 0; padding: 0px 0px 0px 10px; border-left:1px solid #999;}
.etiqueta a		{ color:#666; text-decoration:none;}
.etiqueta:hover	{ color:#666; text-decoration:none;}

.iconito {display:block; clear:auto; width:45px; height:45px; vertical-align:middle; float:left; line-height:0; margin:0px 10px 0px 0px; padding:0px; border:1px solid #DDD; overflow: hidden;}

.enlacebajocaja {clear: auto; width:auto; float:auto; line-height: 1.5em; text-align:justify; overflow: hidden;
font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight:bold;}

.parrafolineaabajo {clear: auto; width:auto; float:auto; line-height: 1.5em; margin:0px 0px 15px 0px; text-align:justify; padding-bottom:15px; border-bottom: 1px solid #ddd; overflow: hidden;}
.parrafosinlineaabajo {clear: auto; width:auto; line-height: 1.5em; text-align:justify; margin-right:0px; float:auto; overflow: hidden;}

.parrafoenteron	{ display: block; width:auto; float:none; line-height: 1.5em; text-align:justify; font-weight:bold; margin-bottom: 0px; }
.parrafoentero	{ clear:auto; display:block; width:auto; float:none; line-height: 1.5em; text-align:justify; margin-bottom: 0px;}

.favorito		{ position:absolute; top:-3px; left:50%;  color:#800000;}
.favorito:before{ content: "\f02e"; font-family: FontAwesome; font-size:220%; }

#caja-timeline{
overflow:hidden; position:center; display:block; margin: 0 0px 10px 0; border:1px solid #DDD; background:#FFF; padding:15px; border-radius:3px;}

#cajagris{
overflow:hidden; display:block; margin-top:10px; margin-bottom:10px; background-color: #F3F3F3; padding:15px;}

#caja-completa{
position:relative; overflow:hidden; position:center; display:block; margin: 0 0px 10px 0; border:1px solid #DDD; background:#FFF; padding:15px; border-radius:3px;}

#caja-completa-fav{
position:relative; overflow: hidden; float: center; display: block; margin: 0 0px 10px 0; border: 1px solid #ddd; background-color: #FFF; padding: 15px;
background-image: url('../../images/iconos/favorito.jpg'); background-repeat: no-repeat; background-position: center top}

#caja-completa-verde{
overflow: hidden; float: center; display: block; margin: 0 0px 10px 0; border: 1px solid #ddd; background-color: #FFF; padding: 15px;
background-image: url('../../images/general/3x3-verde-intermitente.gif'); background-repeat: repeat-x; background-position: left bottom}

#caja-completa-roja{
overflow: hidden; float: center; display: block; margin: 0 0px 10px 0; border: 1px solid #ddd; background-color: #FFF; padding: 15px;
background-image: url('../../images/general/3x3-rojo-intermitente.gif'); background-repeat: repeat-x; background-position: left bottom}

#caja-especial{
overflow: hidden; float: center; display: block; margin: 0 0px 10px 0; border: 1px solid #ddd; background-color: #FFF; padding: 0px;}

#caja-especial-verde{
overflow: hidden; float: center; display: block; margin: 0 0px 10px 0; border: 1px solid #ddd; background-color: #FFF; padding: 0px;
background-image: url('../../images/general/3x3-verde-intermitente.gif'); background-repeat: repeat-x; background-position: left bottom}

.caja-especial{
overflow: hidden; float: center; display: block; margin: 0 0px 10px 0; border: 1px solid #ddd; background-color: #FFF; padding: 0px;}

#caja-migadepan{
overflow:hidden; display:block; margin: 0 0px 10px 0; border: 1px solid #ddd; background-color: #FFF; padding:5px 15px 5px 15px; border-radius: 3px;
background-image: url('../../images/general/3x3-v-369.jpg'); background-repeat: repeat-y; background-position: left top}

.cajapadding0 {display: block;	width: auto; margin: 0 0px 10px 0; border: 1px solid #ddd; background-color: #FFF; overflow: hidden;}

#caja-sinborde{
float: center; display: block; max-width: 660px; margin: 0 0px 32px 0; border: 0px solid #ddd; background-color: #FFF; padding: 15px;}

#caja-soloborde{
float: center; display: block; margin: 0 0px 0px 0; border: 0px solid #ddd; background-color: #FFF; padding: 0px;}

#caja-369{
float: center; display: block; max-width: 660px; margin: 0 0px 32px 0; -moz-border-radius: 5px; border-radius: 5px; border: 0px solid #ddd; background-color: #336699; padding: 15px;}

.caja-369{
float: center; display: block; max-width: 660px; display: block; margin: 0 0px 32px 0; -moz-border-radius: 5px; border-radius: 5px; border: 0px solid #ddd; background-color: #336699; padding: 15px;}

.caja-369-2{
float: center; display: block; max-width: 660px; display: block; margin: 0 0px 32px 0; border: 0px solid #ddd; background-color: #336699; padding: 12px;}

.comentario-ccc{
margin-left: 20px; padding-left: 15px; border-left: 3px solid #ccc;}

.webmaster-caja{
float: none; display: block; margin: 0 0px 10px 0; padding: 15px 15px 6px 15px; border: 1px solid #DDD; background-color: #FFF; border-radius: 3px;
background-image: url('../../images/laterales/webmaster.png'); background-repeat: no-repeat; background-position: center top; overflow:hidden;}

.webmaster-img{
line-height:0; margin: auto; margin-top:40px; margin-bottom:10px; width: 100px; height: 100px; border: 3px solid #FFF;
-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
padding: 0px; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
background-color: white; overflow: hidden;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;}

.webmaster-parrafo{
line-height: 1.5em; margin-bottom:15px; text-align:center; padding-bottom:15px; border-bottom: 1px solid #ddd; overflow: hidden;}

.webmaster-social{
float: left; display: block; margin: 0 4px 0px 0; width:40px; height:40px;}

.socialeeb-caja{
float: none; display: block; margin: 0 0px 10px 0; padding: 15px 15px 6px 15px; border: 1px solid #DDD; background-color: #FFF; border-radius: 3px;
background-image: url('../../images/laterales/social-general.jpg'); background-repeat: no-repeat; background-position: center top; overflow:hidden;}

.socialeeb-img{
line-height: 0; margin: auto; margin-top:40px; margin-bottom:10px; width: 100px; height: 100px; border: 3px solid #FFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
padding: 0px; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
background-color: white; overflow: hidden;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;}

.img-noticia-portada{
line-height: 0; float: left; margin: 0 15px 0px 0; width: 70px; height: 70px; border: 1px solid #DDD; padding: 0px; overflow: hidden;}

.img-galeria{
line-height: 0; float: left; margin: 0 1px 1px 0; border: 0px solid #c0c0c0; background-color: #ffffff; padding: 0px;}

.img-i{
line-height: 0; float: left; margin: 0 15px 0px 0; border: 1px solid #c0c0c0; background-color: #ffffff; padding: 0px;}

.img-ism{
line-height: 0; float: left; width: 40%; margin: 0 15px 15px 0; border: 1px solid #c0c0c0; background-color: #ffffff; padding: 0px;}

.img-i-sinborde{
line-height: 0; float: left; margin: 0 15px 15px 0; border: 0px solid #c0c0c0; background-color: #ffffff; padding: 0px;}

.linea-2-ddd{
clear: both; border-bottom: 2px solid #ddd; margin: 0 0 18px;}

.linea-2-369{
clear: both; border-bottom: 2px solid #336699; margin: 0 0 18px;}

.linea-1-ddd{
clear: both; border-bottom: 1px solid #ddd; margin: 0 15 15px;}

.linea-1-999{
clear: both; border-bottom: 1px solid #999; margin: 0 15 15px;}

.linea-1-ddd15{
clear: both; border-bottom: 1px solid #ddd; margin-top:15px; margin-bottom:15px;}

.linea-punteada-ddd{
clear: both; border-bottom: 1px dashed #ddd; margin: 0 0 18px;}

.linea-1-333{
clear: both; border-bottom: 1px solid #ddd; margin: 0 0 18px;}

.linea-1-FFF{
clear: both; border-bottom: 1px solid #fff; margin: 0 0 0px;}

.linea-1-369{
clear: both; border-bottom: 1px solid #336699; margin: 0 0 18px;}

.linea-1-fondo{
clear: both; border-bottom: 1px solid #bdc7d8; margin: 0 0 18px;}

.separador15{height:15px;}

.img-secundaria{
line-height:0; float:left; margin-top:5px; margin-right:15px; margin-bottom:10px; max-width:50%; height:auto; border: 1px solid #ddd; overflow: hidden;}

.img-caja-final{
width:100%; line-height: 0; border: 1px solid #dddddd; margin:0px 0px 15px 0px; padding:0px; background:#f3f3f3;}

.img-caja-final2{
line-height: 0; float: center; margin: 15px 0px 15px 0px; width: 100%; border: 1px solid #dddddd; padding: 0px; background:#f3f3f3;}

.img-caja-previa{ 
line-height: 0; margin-bottom:15px; width: 100%; max-height:280px; border:1px solid #dddddd; padding:0px; background:#f3f3f3; overflow:hidden;}

.migadepan		{ display:inline-block; float:left; margin: 0 5px 0px 0; padding:10px 0px 10px 0px; text-decoration:none; color:#666;}
.migadepan:hover{ text-decoration:none; color:#336699;}

.texto-dercha{
float: right; margin: 4 0px 0px 4; border: 0px solid #ddd; padding: 0px;}

.texto-dercha-2{
float: right; margin: 4 0px 0px 4; border: 1px solid #ddd; background-color: #F3F3F3; padding: 4px;}

.contenedor-video {
position: relative;
padding-bottom: 56.25%;
margin-bottom: 15px; height: 0; overflow: hidden;
}

.contenedor-video iframe,
.contenedor-video object,
.contenedor-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#video-fondo {
position: fixed; bottom: 0px; right: 0px; min-width: 100%; min-height: 100%; z-index: -99; overflow: hidden;}

.socializqda { clear: auto; width:auto; float:left; line-height: 1.5em; text-align:justify; margin: 12 12px 12px 12;}
.socialdercha { clear: auto; width:auto; float:left; line-height: 1.5em; text-align:justify; margin: 12 0px 0px 12;}

.sombra {
color: #222; text-shadow: 0px 2px 3px #555;}

#slidy-container {
width: 100%; overflow: hidden;
}

@-webkit-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.caja-spinner {width:100px; height:100%; margin: 0 auto;  padding:30px;}
.loading-spinner {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: rotate-forever;
  -moz-animation-name: rotate-forever;
  animation-name: rotate-forever;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  height: 60px;
  width: 60px;
  text-align:center;
  border: 3px solid #55acee;
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
}

/* SECCIONES-INTERIORES */
.img-previo		{ display:inline-block; float:left; width:180px; height:98px; line-height:0; margin:0 15px 15px 0; overflow:hidden;}
#caja-fecha		{ margin:0px 0px 0px 0px; text-decoration:none; overflow:hidden;}
.fecha-previo	{ display:inline-block; line-height:1.5em; color:#999999; text-decoration:none;}
.titulo-previo	{ display:block; line-height:1.5em; font-size:100%; font-weight:bold;}
.texto-previo	{ line-height:1.5em; display: -webkit-box; min-height:4em; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-overflow:ellipsis; overflow:hidden;}
texto-previo	{ display:block; line-height:1.5em; font-size:100%;}

/* ENTRADAS-INTERIORES */
.caja 				{ width:100%; clear:both; background:#FFF; margin-bottom:0px; padding:0px; border: 1px solid #ddd; border-bottom: 1px solid #ddd; overflow:hidden;}
.imgagen			{ line-height: 0; float:none; width:100%; border-bottom: 1px solid #dddddd; background-color: #f3f3f3;}
.todoelcontenido	{ width:100%; clear:both; padding:0 15px 15px 15px; overflow:hidden;}
.categoriafecha		{ width:100%; clear:both; margin: 5px 10px 10px 10px; border-bottom: 0px solid #ddd; overflow:hidden;}
.categoria			{ display-inline:block; float:left; margin: 0px 10px 0px 0px; padding:15px 0px 15px 0px; font-size:90%; font-weight:normal; color:#336699;}
.fecha				{ display-inline:block; float:left; margin: 0px 10px 0px 0px; padding:15px 0px 15px 0px; font-size:90%; font-weight:normal; color:#999999;}
.titulo				{ display:block; clear:both; float:none; margin: 0 0px 10px 0; font-size:240%; font-weight:bold; font-family: 'Open Sans Condensed';}
.titulo2			{ display:block; clear:both; float:none; margin: 0 0px 5px 0; font-size:190%; font-weight:normal; font-family: 'Oswald'; color:#444;}

.sombratotal { -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);}

.img-caja-previa-sb	{ position:relative; line-height:0px; object-fit:cover; width:100%; height:auto; max-height:140px; overflow:hidden;}
.img-caja-final-sb	{ position:relative; line-height:0px;  width:auto; height:auto; margin:-15px -15px 15px -15px;overflow:hidden;}
    
.sombra-img-caja-sb {
	z-index: 998;
	display: block;
	position:absolute;
	width:100%;
	height:auto;
	padding:10px 10px 10px 5px; 
	bottom:0px; 
	right:0px;
	color:#FFF;
	text-align: left;
	text-shadow: 0px 2px 3px #555;
	background: rgba(17, 17, 17, 0);
background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17, 17, 17, 0)), color-stop(10%, rgba(17, 17, 17, 0.1)), color-stop(100%, rgba(17, 17, 17, 0.95)));
background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
background: -ms-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);	
	}

.ensombra		{ position:relative; height:auto; bottom:0px; left:5px; padding:15px 0px 5px 5px; color:#FFF; }

.tituloensombra		{ font-size:140%; line-height:1.2em; font-weight:normal; line-height:1.2em; font-family: 'Archivo Narrow', sans-serif; color:#FFF;}
.tituloensombra	a	{ color:#FFF;}
.tituloensombra:hover{ color:#FFF;}

.textoensombra		{ position:relative; font-size:90%; line-height:1.2em; font-weight:normal; color:#FFF;}
.textoensombra	a	{ color:#FFF;}
.textoensombra:hover{ color:#FFF;}

.ellipsis	{white-space:nowrap; text-overflow: ellipsis;}
.doslineas 	{display: -webkit-box; max-height:2.3em; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; overflow:hidden;}

.parrafolinea		{clear:both; float:auto; line-height: 1.5em; margin-bottom:15px; text-align:justify; padding-bottom:15px; border-bottom: 1px solid #ddd; overflow: hidden;}

/* PIE */
.cajapie 			{ width:100%; clear:both; background:#FFF; border-top: 1px solid #ddd; padding:5px; overflow:hidden;}
.enlacepie			{ display-inline:block; float:left; background: #FFF; padding:15px 15px 15px 0px; font-size:90%; font-weight:normal; color:#666;}
.enlacepie:hover	{ text-decoration:underline; color:#666; }
.rrssverificada		{ display:inline-block; float:right; width:15px; height:auto; margin:0px 0px 0px 3px;}
.copyright			{ display-inline:block; float:right; margin: 0 0px 0px 0; background:#FFF; padding:15px 15px 15px 0px; font-size:90%; font-weight:bold; color:#666;}
copyright:before	{ display-inline:block; float:left; margin: 2 5px 0px 0; content: "\f186"; font-family: FontAwesome;}
.logorne 			{ display:none; float:right; clear:auto; width:40px; height:26px; margin:12px 0px 0px 0px; background:#FFF; overflow:hidden;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
#pagewrap { width: 98%;}

#content2{ width: 46%;}

#sidebar2 { width: 46%;}

.fechacajas {float:auto; line-height: 1.5em;}

.unodecuatro {width:23%; }
.unodetres {width:32%; }
.unodedos {width:49%; }

/* for 700px or less */
@media screen and (max-width: 768px) {

/* LANDING */
#logoluna 			{ width: 50px; border-radius:3px;}
.nombreb 			{ font-size:160%;}
.subnombre1b	 	{ font-size:90%; font-weight:normal;}

.cajasubnombreb 	{ display:block; width:auto; float:right; padding:30px 0px 30px 0px; text-align:center; overflow:hidden;}
.subnombre2b	 	{ display:block; line-height:1.8em; font-size:100%; font-weight:bold; color:#F3F3F3; text-shadow: 0px 2px 3px #555; overflow:hidden;}

#content { width:100%; float:none; clear:both;}
#sidebar { width:100%; float:none; clear:both;}
#content2 { width: auto; float: none;}
#sidebar2 { width: auto; float: none;}
#contenedormarca { display: none;}
.contenedor-social { display:block; float:none; clear:both; text-align:center; padding:12px 0px 12px 0px;}

/* DENTRO DE LA CABECERA */
#cabecera 	{ background-position: center top;}
#logoluna2 		{ display:none;}
.cajanombre 	{ display:none;}
.cajasubnombre 	{ width:auto; clear:both; float:none; margin:0px auto; padding:5px 0px 5px 0px;  text-align:center; overflow:hidden;}
.subnombre2		{ display:block; float:none; padding:12px 0px 12px 0px; text-align-center; font-size:95%; font-weight:normal;}
.subnombre2:hover{ color:#F3F3F3;}

/* BOTONES */
.botonescuchamenu	{ display:none;}

.botonescuchacab	{ display:block; margin:0px 0px 0px 0px; padding:15px 10px 15px 10px; clear:both; text-align:center; line-height: 1.5em; font-size:95%; color:#FFF; background:#111; padding:8px 10px 8px 10px; text-decoration:none;}
.botonescuchacab a	{ color:#FFF; background:#d81a28; text-decoration:none;}
.botonescuchacab:hover	{ color:#FFF; background:#d81a28; text-decoration:none;}
/* BOTONES */

.unodecuatro {width:100%; height:auto; float:none;}
.unodetres {width:100%; height:auto; float:none;}
.unodedos {width:100%; height:auto; float:none;}

.fechacajas {float:auto; line-height: 1.2em; margin-right:5px;}
.fechacajas:after {content:".";}
.titulocajasimg {float:auto; clear:auto; width:auto; line-height: 1.2em;}
.etiqueta		{ float:none; display:block; line-height: 1.4em;}
}

/* for 480px or less */
@media screen and (max-width: 480px) {
#pagewrap { width: 96%;}

#header { height: 121px;}

/* LANDING */
.nombreb 			{ font-size:160%;}
.subnombre1b	 	{ font-size:90%; font-weight:normal;}

.texto-dercha{ width:100%; float:none;}





.cabecera-banner { display: none}

#caja-migadepan	{ display:none}
#caja-timeline	{ display:none}

/* SECCIONES-INTERIORES */
.img-previo		{ float:none; width:100%; height:auto; margin:0 0px 10px 0;}
img-previo		{ width:80px; height:auto; margin:0 10px 0px 0;}
.fecha-previo	{ display:none;}
.titulo-previo	{ font-size:100%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.texto-previo	{ display:block; min-height:auto; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}



.img-iprevio{ }
.img-i{ float:none; max-height: 360px; margin: 0 0px 15px 0; overflow:hidden;}

.iconito {display:none;}

.img-noticia-portada{ display: none}

.img-secundaria{float:none; margin-right:0px; max-width:100%;}

.img-iprevio{ width:100%; height:auto; float:none; margin: 0 0px 15px 0;}


#content-2de2{ float:none; line-height: 1.5em; border-right: 0px solid #DDD; padding:0px;}

/* BOTONES */
.botonblanco1		{ font-size:80%;}
.botonfacebook01	{ font-size:90%;}
.botontwitter01		{ font-size:90%;}
.botonwordpress01	{ font-size:90%;}
.rrssverificada2	{ margin:3px 0px 0px 3px;}

/* ENTRADAS-INTERIORES */
.titulo2			{ font-size:140%;}
.tituloensombra		{ font-size:110%;}


/* PIE */
.cajapie 		{ text-align:center;}
.enlacepie		{ display:block; float:auto; margin:10px 5px 0px 0px; padding:5px 10px 5px 0px;}
.copyright		{ width:100%; margin:0px 0px 10px 0px; padding:5px 15px 15px 0px; border-bottom: 0px solid #DDD; }
.logorne 		{ float:none; margin:0 auto; clear:both; width:40px; height:26px; margin-bottom:2px; padding-top:0px; text-align:center;}

	
	#sidebar { display: auto;}
	h1 { font-size: 24px;}

}