@import url("layout.css");
 html{ height:100%; min-height:100%; }  
 body {
     width: 100%;
	min-height:100%;
		font-family: 'Playfair Display', serif;
    background-image:   url('../images/DSC_0074.jpg') ;
    background-repeat:   no-repeat;
    background-attachment:fixed; 
    background-position:center center; 
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  overflow-x:hidden;
}
body:before { content: "";
 display: block;
  position: fixed;
   left: 0;
    top: 0;
     width: 100%;
      height: 100%;
       z-index: -20;
        background:  url('../images/DSC_0074.jpg') no-repeat center center;
         -webkit-background-size: cover;
          -moz-background-size: cover;
           -o-background-size: cover;
            background-size: cover;
  overflow-x:hidden;
             } 
#masthead {
	text-align: center;
	  -ms-display: flex;
  display: flex;
  /* alineacion vertical */
  align-items: center;
   /* alineacion horizontal */
  justify-content: center;
 /* Para Navegadores que no soportan RGBa mostramos color sólido sin transparencia */
    background: rgb(255, 255, 255);
    /* Para navegadores que soportan RGBa mostramos el color sólido con un 50% de opacidad */
    background: rgba(255, 255, 255, 0.8)!important;
    }
.menu_barra {
   display:none;	
}
#navigation {
	text-align: center;
clear:both;
color: #ffffff;
width: 100%;
height: 60px;
padding:0px 0px 20px 0px;
	
 /* Para Navegadores que no soportan RGBa mostramos color sólido sin transparencia */
    background: rgb(255, 255, 255);
    /* Para navegadores que soportan RGBa mostramos el color sólido con un 50% de opacidad */
    background: rgba(255, 255, 255, 0.8);
}
html>body #navigation {
	overflow: hidden;
}
#container {
 /* Para Navegadores que no soportan RGBa mostramos color sólido sin transparencia */
    background: rgb(255, 255, 255);
    /* Para navegadores que soportan RGBa mostramos el color sólido con un 50% de opacidad */
    background: rgba(255, 255, 255, 0.8);
}

#content {
 clear:both;
 font-family: 'Playfair Display', serif;
}
.fila{
clear:both;
	     display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;


}
.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    }

.flex-item:nth-child(1) {
    order: 1;
    flex: 0 1 30%;
    align-self: stretch;
    }

.flex-item:nth-child(2) {
    order: 2;
    flex: 0 1 40%;
    align-self: stretch;
    }

.flex-item:nth-child(3) {
    order: 3;
    flex: 0 1 30%;
    align-self: stretch;
    background-image:url('../images/Toni-Garcia-Arias-foto-index.png');
    background-repeat:no-repeat;
    background-position: right bottom;
background-size: contain;
    }
.fila-obras{
clear:both;
	     display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items:stretch;
    width:90%;
    margin:0 auto;
	height: auto;
}
.tercio{
float:left;
width:33.33%;
display:block;
margin:0 auto 0 auto;
}
.izquierda {
float:left;
width:50%;
display:block;
margin:0 auto 0 auto;
 word-wrap:break-word;
 padding-left:50px;
}
.izquierda img{
	display:block;margin:0 auto 0 auto;
	padding:0 5px;

}
.izquierda-obras {
float:left;
width:30%;
display:block;
margin:0 auto 0 auto;

}
.izquierda-obras img{
	display:block;margin:0 auto 0 auto;
	padding:0 5px;

}
.derecha {
	float: left;
	width:50%;
    background-image: url("../images/Toni-Garcia-Arias-foto.png");
    background-size: contain;
    background-repeat:no-repeat;
    background-position: right bottom;
	height: auto;

}

.derecha-obras {
	float: left;
	width:70%;
	padding-right:50px;

}
.mitad {
float:left;
width:50%;
display:block;margin:0 auto 0 auto;


}
.dedicatoria{
     background-image:url('../images/Dedicatoria.png');
     background-position:center bottom;
     background-size:contain;
     background-repeat:no-repeat;
     max-width:800px;
     width:100%;
     max-height:400px;
     height:400px;
     margin:0 auto;
     text-indent:-50000px;
          }
.filacomprar {

}
.comprar{
	width:50%; 
	float: left; 
}
#footer {
	text-align: center;
 /* Para Navegadores que no soportan RGBa mostramos color sólido sin transparencia */
    background: rgb(0, 0, 0);
    /* Para navegadores que soportan RGBa mostramos el color sólido con un 50% de opacidad */
    background: rgba(0, 0, 0, 0.8);
    font-family: 'Playfair Display', serif;
    }


html>body #footer {
	text-align: center;
	padding-bottom: 0;
}
/* Cabecera */
#masthead h1 {
    font-family: 'Playfair Display', serif;
    background:url('../images/ToniGarciaArias-nombre.png') no-repeat bottom left; 
    padding:0; 
    width:743px; 
    height:182px; 
    margin:0; 
    text-indent:-50000px; 
    cursor:pointer
}
#masthead h3 {
	font-family: 'Playfair Display', serif;
	color: #9a9;
	margin-top: 0.5em;
}
/* Exploración */
#navigation ul {
    display:block;
	list-style-type: none;
	text-align: center;
	width: 100%;
	margin: auto 10px;
 position:relative;
    left:50%;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
color: #ffffff;

}
#navigation li {

	float: left;
	width: 11.1%;
 position:relative;
 right:50%;	
}
#navigation a {
font-family: Arial, Helvetica, sans-serif;
font-size:1.2em !important;

	font-weight: bold;
	text-decoration: none;
    color: #000000;
	display: block;
	padding: 10px;
 border-bottom:2px #999999 solid;
  border-top:2px #999999 solid;
	

}
#navigation a:hover {
	font-weight: bold;
	text-decoration: none;
    color: #000000;
	text-shadow: -1px 0 #ffffff, 1px 0 #ffffff, 0 1px #ffffff, 0 -1px #ffffff, 3px -3px 5px #ffffff;

}
/* Tipografía del sitio */
#content h1 {
    font-family: 'Playfair Display', serif;
	font-size:  2em;
    color: #000000;
    transform:scaley(1.5); 
    text-align: center;
    font-weight: bold;
    line-height:1.428;
    }
#content h2 {
    font-family: 'Playfair Display', serif;
	font-size: 2em;
    text-align: center;
    color: #000000;
    transform:scaley(1.5); 
    font-weight: bold;
    line-height:1.428;
}
#content h3 {
    font-family: 'Playfair Display', serif;
	font-size: 1.5em;
    text-align: center;
    color: #000000;
    font-weight: bold;
    line-height:1.428;
}
#content h4 {
    font-family: 'Playfair Display', serif;
	font-size: 1.2em;
    color: #000000;
    text-align: center;
    font-weight: bold;
    line-height:1.428;
    }
#content blockquote,p,ol,ul {
    font-family: 'Playfair Display', serif;
	font-size:  1em;
    color: #000000;
    line-height:1.428;
}
#content h5 {
    font-family: 'Playfair Display', serif;
	font-size:  1em;
    color: #000000;
    text-align: center;
    font-weight: bold;
    line-height:1.428;
}


#content h6 {
    font-family: 'Playfair Display', serif;
	font-size: 0.7em;
    color: #000000;
    text-align: center;
    font-weight: bold;
    line-height:1.428;
    }
#content p{
    font-family: 'Playfair Display', serif;
	font-size: 1.1em;
    color: #000000;
   	margin: 20px;
	text-align:justify;
	font-weight: 600;
    line-height:1.428;
}

.imagen_escalable {
 max-width: 100%;
height: auto;	
margin-left: auto;
  margin-right: auto;
    text-align:center;
  display:block;
}
.letra-negro{
   color:#000000!important;
}

.letra-negro h3{
   color:#000000;
   	font-size: 1.5em;
	
}
/* Pie de página */
#footer h1,h2,h4,h5,h6{
    color: #ffffff;
font-family: Arial, Verdana, Helvetica, sans-serif;}
#footer h1, h2, h3 { font-weight: bold; text-align:center; } 
#footer h4, h5, h6 { font-weight: normal; text-align:center; } 
#footer h1 { font-size: 2em; text-transform:uppercase}  h2 {font-size: 1.5em;} 
#footer h4 {font-size: .8em;} 
#footer h5 { font-size: .7em; }  h6 {font-size: .625em;} 
#footer p{
    color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center; 
	width:100%;
	padding:40px 0px 40px 0px;

}
#footer h3{
    color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center; 
	width:100%;
  -ms-display: flex;
  display: flex;
  /* alineacion vertical */
  align-items: center;
   /* alineacion horizontal */
  justify-content: center;
}

#footer a {
    color: #ffffff;
	text-decoration: underline;
	text-align:center;
}
#footer a:hover {
    color: #330000;
    text-shadow: -1px 0 #ffffff, 1px 0 #ffffff, 0 1px #ffffff, 0 -1px #ffffff, 1px -1px 1px #ffffff;
	text-align:center;
}
/* Vínculos */
a {
    color: #000000;

	text-decoration: underline;
}
a:hover {
    color: #000000;
	text-decoration: none;
     text-transform:uppercase;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
/* Noticias */
.noticia {
	clear:both;
    width:90%;
    margin: 0 auto;
}
.noticia_izq {
	float:left;
    width:120px;
    height:120px;
    margin:0 auto 0 auto;
    background-image:url('../images/Hoja-calendario.png'); 
    

}
.noticia_der {
	float:left;
    width:100%;
    margin:0 auto 0 auto;
    margin-right:-120px;

}
.noticia_izq h5 {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.7em;
	color: #ffffff;
	
	text-shadow: -1px 0 #000000, 1px 0 #000000, 0 1px #000000, 0 -1px #000000, 1px -1px 1px #000000;

}
.noticia_separador {
	clear:both;
}
.noticia p{
	margin-right:140px!important;
	
}
.noticia h3{
	margin-right:140px!important;
	
}

/* Formulario */

.contacto{
    width:100%;
    padding: 45px 45px 20px;
}
.contacto label{
    display: block;
    font-weight: bold;
}
.contacto div{
    margin-bottom: 15px;
    text-align:center;
}
.contacto input[type=text], .contacto textarea{
    padding: 7px 6px;
    width: 50%;
    border: 1px solid #CED5D7;
    resize: none;
    box-shadow:0 0 0 3px #EEF5F7;
    margin: 5px 0;
}
.contacto input[type=text]:focus, .contacto textarea:focus{
    outline: none;
    box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type=submit]{
    border: 1px solid #CED5D7;
    box-shadow:0 0 0 3px #EEF5F7;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 0px white;
 
    background: #e4f1f6;
    background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
    background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%);
}
.contacto input[type=submit]:hover{
    background: #edfcff;
    background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
    background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%);
}
.contacto input[type=submit]:active{
    background: #cfe6ef;
    background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
    background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}

.back-to-top {
    position: fixed;
    bottom: 6em;
    right: 1em;
    text-decoration: none;
    color: #ffffff;
    font-size: 8px;
    text-align:center;
    padding:0;
    display: none;
   
}


.back-to-top:hover {    
    color: #001100;
}

.articulonombre{
	font-family: 'Playfair Display', serif!important;
	font-size: 32px!important;
	color:#cc0000!important;
	margin-bottom:10px!important;
	text-align:center!important;
}
.articuloautor{
	font-family: 'Playfair Display', serif!important;
	font-size: 12px!important;
	color:#000000!important;
	margin-bottom:10px!important;
	text-align:center!important;
	
}
.articulocontenido{
	font-family: 'Playfair Display', serif!important;
	font-size: 1em!important;
	color:#000000!important;
	
}
.articuloleermas{
	font-family: 'Playfair Display', serif!important;
	font-size: 18px!important;
	color:#cc0000!important;
	
}
article, article a {
       	font-family: 'Playfair Display', serif!important;
       width:100%!important;
       max-width:960px!important;
       margin:0px auto!important;
       }
.title {
    font-size: 24px!important;
    color: #000000!important;
	font-weight: bold!important;
	text-align: center!important;
	text-transform: uppercase!important;
}
       
.paginacion {
	margin:20px 0;
		font-family: 'Playfair Display', serif!important;

}
 
.paginacion ul {
	list-style:none;
	text-align: center;
}
 
.paginacion ul li {
	display:inline-block;
	margin-right:10px;
}
 
.paginacion ul li a {
	display:block;
	padding:10px 20px;
	color:#fff;
	background:#024959;
	text-decoration: none;
}
 
.paginacion ul li a:hover {
	background:#037E8C;
}
 
.paginacion ul li .active {
	background:#037E8C;
	font-weight:bold;
}
	
hr { 
width:100%!important;  
border: 0!important; 
height: 2px!important;
margin:20 auto!important; 
background: -ms-linear-gradient(left, transparent 0%, #333333 50%, transparent 100%)!important;
background: linear-gradient(left, transparent, #333333, transparent)!important;
background: -moz-gradient(linear, 100% 0%, 0% 0%, from(transparent), to(transparent), color-stop(.5,#333333))!important;
background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(transparent), to(transparent), color-stop(.5,#333333))!important; 
background: -webkit-linear-gradient(left, transparent 0%, #333333 50%, transparent 100%)!important;
text-align: center;
}

/*Estilos de video*/

.video-container {
text-align:center;
position: relative;
padding-bottom: 56.25%; /* Para que el contenedor tenga relación de aspecto 16/9 */
padding-top: 0px;
height: 0;
overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
width: 100%!important;  
height: auto!important; 
text-align:center;
}

.entrevistas {
 /* Para Navegadores que no soportan RGBa mostramos color sólido sin transparencia */
    background: rgb(255, 255, 255);
    /* Para navegadores que soportan RGBa mostramos el color sólido con un 50% de opacidad */
    background: rgba(255, 255, 255, 0.8);
}

 .text-center {
        text-align: center;
    }

    .g-recaptcha {
        display: inline-block;
    }