body
{
    /*font-family: 'Ubuntu', sans-serif;*/
    font-family: Arial, Tahoma,Lucida Sans, Verdana,sans-serif;
    color: #333;
    font-size: 0.8em;
    background-color:#fff;
    text-align:left;
    line-height:1.5em;
}
.pure-g [class *= "pure-u"],
.pure-g-r [class *= "pure-u"]
{
    font-family: Arial, Tahoma,Lucida Sans, Verdana,sans-serif;
    font-size: 1em;
}
/* hack para las columnas en FF */
.pure-g {
    display: flex;
}

/* checkboxes y radios */
input[type=checkbox], input[type=radio] {
    margin-right:5px;
}
/**********************************************************************
 ESTILOS GENERALES
**********************************************************************/
#wrapper-general{width:100%;text-align:center}
#wrapper-contenido{width:1020px;text-align:left;margin-left:auto;margin-right:auto;margin-bottom:20px;margin-top:10px}
h1, h2, h3, h4, h5, h6 {font-family: 'Ubuntu', sans-serif; color:#000; font-weight:200;margin-top:0.5em;line-height:1em}
h1{font-size:24pt;margin-top:0.2em;background-color:#efefef}
h2{font-size:20pt}
h3{font-size:18pt}
h4{font-size:16pt}
h5{font-size:14pt}
h6{font-size:12pt}
a{*text-decoration:none;color:#1579BE;text-decoration:none\0/;color:#1579BE\0/}
a:hover{*color:#333;}
a:hover{color:#333\9;}
a:visited{*color:#1579BE;}
a:visited{color:#1579BE\9;}
a:not(.pure-button){text-decoration:none;color:#1579BE}
a:not(.pure-button):hover{color:#333}
blockquote{background: url(/ficheros/images/general/quote-inicio.png) 10px 0px no-repeat;
    padding: 20px; padding-left: 65px; font-style: italic; margin: 20px 0; display:block} 

blockquote p {
    	display: block;
    	background: url(/ficheros/images/general/quote-final.png) 20px 0px no-repeat;
    	background-repeat: no-repeat;
    	background-position: bottom right;
    	padding-right:45px;
    	padding-bottom: 20px;
  	}

/**********************************************************************
 ESTILOS DE LA CABECERA GENERAL
**********************************************************************/
.wrapper-cabecera{width:1000px;text-align:left;margin-left:auto; margin-right:auto}
#logo-sitio{/*height:50px*/;margin-bottom:5px;margin-top:5px}  
#slogan-sitio{font-size:1.7em;font-family: 'Ubuntu', sans-serif;padding-top:0.4em}

.span-seleccion-idioma{font-size:0.9em;display:block;padding-top:0.4em}
.img-idioma{width:20px;}
.span-idioma{text-transform:lowercase}
.a-idioma{margin-left:10px}

#wrapper-cabecera-seccion{text-align:center;width:100%;margin-top:10px;}
.cabecera-pagina-pnl{width:1100px;text-align:center;position:relative;margin:auto}
.cabecera-pagina{width:100%}
.cabecera-pagina-titulo{font-family: 'Ubuntu', sans-serif;font-weight:200;font-size: 2.5em;
  text-align: center;
  position: absolute;
  bottom:50px;
  right:150px;
  color:white;
  background-color:#000;
  padding: 10px 15px 10px 15px
}

#div-logo{}
#div-slogan{text-align: right}
#div-idiomas{text-align: right; width: 15%}
.megamenu > li {display:block;}
/**********************************************************************
 ESTILOS DEL SLIDER
**********************************************************************/
#wrapper-slider-portada{width:100%;text-align:center;height:200px;overflow:hidden;
    border-top:solid 1px #ccc;border-bottom:solid 1px #ccc; margin-top:10px;background-color:#fefefe}
    
/**********************************************************************
 ESTILOS DEL MENU DE OPCIONES
**********************************************************************/
#wrapper-sub-menu{width:1000px;margin: 0 auto;}
.menu-responsivo{display:none;border:solid 1px #eee;font-size:1.1em}
.menu-responsivo a{}
.menu-responsivo img{vertical-align:middle}
/*#wrapper-sub-menu{width:1000px;margin: 0 auto;}*/

/**********************************************************************
 ESTILOS DEL ARBOL DE NAVEGACION
**********************************************************************/
.wrapper-navegacion{display:inline-table;width:900px;text-align:left;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:10px;
    padding-bottom:10px;font-size:8pt; font-weight:bold;border-bottom:dotted 1px #333;border-top:dotted 1px #333}
.wrapper-navegacion ul{list-style-type:none;margin-left:-45px}
.wrapper-navegacion ul li{ float:left;padding-left:15px;padding-right:30px}
.wrapper-navegacion .separador{ background-image:url(/ficheros/images/general/ico-flecha.png);background-repeat:no-repeat;background-position:right}
.wrapper-navegacion a{text-decoration:none;color:#1579BE}
.wrapper-navegacion a:hover{color:#333}

       
/**********************************************************************
 ESTILOS DEL PIE DE PAGINA
**********************************************************************/
#wrapper-pie{width:100%; border-top:solid 1px #ccc;background-color:#eee}
#wrapper-sub-pie{width:1000px;margin-left:auto; margin-right:auto;text-align:left;padding-top:10px;line-height:1.6em;}

/**********************************************************************
 ESTILOS DEL MENU SUPERIOR
**********************************************************************/
.wrapper-menu-superior{text-align:right;background-color:#ebebeb;padding-top:0.5em;padding-bottom:0.5em;
    border-bottom:solid 1px #ccc;margin-bottom:1em;}
.wrapper-menu-superior .wrapper-cabecera{text-align:right}
.menu_superior{ margin: 0em; padding: 0em;}
.menu_superior li{*float:right;display:inline-block;padding-left:1em;}

/**********************************************************************
 ESTILOS DE LAS ENTRADAS
**********************************************************************/
.div-entrada-info{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;margin-bottom:15px;padding:10px;*height:20px}
.div-entrada-fecha{*float:left;display:inline-block; width:38%;color:#000}
.div-entrada-fecha span{margin-left:5px}
.div-entrada-imagen{width:100%;overflow:hidden;height:300px;background-repeat:no-repeat; background-position:center; background-color:#fff;background-size:cover;}
.div-categorias-entrada{*float:right;display:inline-block; width:60%}
.div-categorias-entrada ul {list-style-type:none;width:450px;margin:0}
.div-categorias-entrada li{display:inline;margin-left:10px} 
.div-categorias-entrada a {margin-left:5px}
.div-entrada-titulo-relacionado{*float:left;display:inline-block; width:38%;color:#000}
.div-entrada-titulo-relacionado h4{margin:0}
.div-entrada-subinfo{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;margin-bottom:15px;
    margin-top:20px;padding:10px;*height:20px}

.div-entrada-relacionado{border:solid 1px #aaa; background-color:#eee;float:left;
    overflow:hidden;height:250px;width:22%;margin-right:5px;padding:5px;margin-bottom:5px;text-align:center}
.div-relacionado-imagen{width:100%;overflow:hidden;height:140px;background-repeat:no-repeat;background-position:center; background-color:#fff;background-size:cover; }
.relacionado-fecha{margin-left:7px;font-size:10px; font-weight:bold}
.entrada-titulo-a{display:block}

/**********************************************************************
 ESTILOS DE PLANTILLAS
**********************************************************************/
#div-lateral-derecho{width:275px;float:right;padding-left:5px}
#div-contenido-con-lateral{width:705px;float:left}

/**********************************************************************
 QUERIES PARA LOS ESTILOS RESPONSIVE
**********************************************************************/
.movil{display:none;width:100%;}
.tablet-h{display:none;width:100%;}
.tablet-v{display:none;width:100%;}
.escritorio{display:none;width:100%;*display:inline-block;display:inline-block\9;}

/* Hasta 449px de ancho */
@media all and (max-width:449px) 
{
    body{padding:10px}
    #wrapper-contenido{width:100%}
    .wrapper-cabecera{width:100%}
    .wrapper-navegacion{width:100%}
    #wrapper-sub-pie{width:100%;}
    #wrapper-sub-menu{width:100%}
    #div-logo{text-align:center}
    #div-slogan{text-align:center}
    #div-idiomas{text-align:center; width: 100%}
    .cabecera-pagina{width:100%;}
    #div-lateral-derecho{width:100%;float:none}
    #div-contenido-con-lateral{width:100%;float:none;margin-bottom:20px;padding-bottom:20px;border-bottom:dotted 1px #999}
    .menu-responsivo{display:inherit}
    .div-entrada-relacionado{width:43%}
    #wrapper-slider-portada{height:auto}
    .movil{display:inline-block}
}
@media all and (min-width: 450px) and (max-width:768px) 
{
    body{padding:10px}
    #wrapper-contenido{width:100%}
    .wrapper-cabecera{width:100%}
    .wrapper-navegacion{width:100%}
    #wrapper-sub-pie{width:100%;}
    #wrapper-sub-menu{width:100%}
    #div-logo{text-align:center}
    #div-slogan{text-align:center}
    #div-idiomas{text-align:center; width: 100%}
    .cabecera-pagina{width:100%;}
    #div-lateral-derecho{width:100%;float:none}
    #div-contenido-con-lateral{width:100%;float:none;margin-bottom:20px;padding-bottom:20px;border-bottom:dotted 1px #999}
    .menu-responsivo{display:inherit}
    .div-entrada-relacionado{width:43%}
    #wrapper-slider-portada{height:auto}
    .tablet-v{display:inline-block}
}
/* Desde 450px hasta 899px de ancho */
@media all and (min-width: 769px) and (max-width:899px) 
{
    body{padding:10px}
    #wrapper-contenido{width:100%}
    .wrapper-cabecera{width:100%}
    .wrapper-navegacion{width:100%}
    #wrapper-sub-pie{width:100%;}
    #wrapper-sub-menu{width:100%}
    .cabecera-pagina{width:100%;}
    #div-lateral-derecho{width:100%;float:none}
    #div-contenido-con-lateral{width:100%;float:none;margin-bottom:20px;padding-bottom:20px;border-bottom:dotted 1px #999}
    .div-entrada-relacionado{width:30%}
    #wrapper-slider-portada{height:auto}
    .tablet-v{display:inline-block}
}
/* Desde 900px hasta 1199px de ancho */
@media all and (min-width: 900px) and (max-width:1029px) 
{
    body{padding:10px}
    #wrapper-contenido{width:100%}
    .wrapper-cabecera{width:100%}
    .wrapper-navegacion{width:100%}
    #wrapper-sub-pie{width:100%;}
    #wrapper-sub-menu{width:100%}
    .wrapper-navegacion{width:900px;}
    .cabecera-pagina{width:100%;}
    #div-lateral-derecho{width:30%;float:right}
    #div-contenido-con-lateral{width:68%;float:left}
    .escritorio{display:inline-block}
}
/* A partir de 1030px */
@media all and (min-width: 1030px) 
{
    #wrapper-contenido{width:1020px;}
    .wrapper-cabecera{width:1000px;}
    .wrapper-navegacion{width:900px;}
    #wrapper-sub-pie{width:1000px;}
    #wrapper-sub-menu{width:1000px;}
    .cabecera-pagina{width:1100px;}
    .escritorio{display:inline-block}
}