body { -webkit-tap-highlight-color:transparent !important;font-family:Arial;color:#000;border:0px solid blue;}
h1 { font-size: 1em; }
h2 { font-size: 1em; }
h1, h2 { font-weight: normal; margin: 0px 0; }
p { font-size: .9em; margin: 5px 0; }
ul { padding-left: 10px; margin: 10px 0; list-style-type:disc; }

img{max-width:100%;} 
div,header,footer{box-sizing:border-box;}
.clear{clear:both;}

input[placeholder],textarea[placeholder]{font-family:Arial,sans;font-size:14px;}

#innerheader,#innerbanner,#innercontent,#innerfooter{margin:0 auto;}



@font-face {
  font-family:Allura-Regular;
  src: url(../fuentes/Allura-Regular.ttf)
 }
/*
 
 @import url(../fuentes/english-111-vivace-bt_[allfont.es].ttf);
 */
#header{
background-color:#000;/*background: linear-gradient(#A00057, #D12F87);*/
color:#fff;
}
#innerheader{
position:relative;
font-family: 'Allura-Regular', sans-serif;

/*background-color:#CE0071;*/
}

#banner{
background-color:#C0D9C7; background: linear-gradient(#0007, #ccc3);
 height: 100%;
}
#innerbanner{
/*height:200px;*/
/*background-color:#C0D9C7;*/
}


#content{
background-color:#fff;
}
#innercontent{

background-color:#fff;
}


#footer{
background-color:#F5FCD3;background: linear-gradient(#ccc3, #0007);
}
#innerfooter{
padding:20px 0;
}

/**** header ****/
#logo,#sociales{text-align:center;padding-bottom:20px;position:relative;}

#titulo{position:absolute;top:20px;left:40px;font-size:20px;font-weight:normal;}

@media only screen and (min-width: 350px) {#titulo{font-size:22px;}}

@media only screen and (min-width: 400px) {#titulo{font-size:25px;}}
/**** banner ****/
#lateral{padding:20px;}

#lateral h2{text-align:center;
  font-size:20px;
padding-bottom:10px;}


#lateral .pluma{text-align:left;
padding-left:30px;
}
#lateral form input{width:100%;height:25px;margin-bottom:15px;}

#lateral form textarea{width:100%;margin-bottom:15px;}

#lateral form #enviarf{width:300px;height:50px;line-height:50px;background-color:green;float:right;color:#fff;font-weight:normal;font-size:20px;border-radius:10px;}



#lateral .boton a{display:block;width:300px;height:50px;line-height:50px;background-color:#fff;color:#000;margin:20px auto;font-weight:normal;font-size:20px;text-decoration:none;text-align:center;border-radius:10px;}
#lateral .boton a:hover{background-color:#000;color:#fff;}


#lateral #fecha{text-align:right;font-size:14px;}

.confv{color:green;}
.confr{color:red;}
/**** content ****/
#content h1{padding:20px;text-align:center;background-color:#999;color:#fff;padding:20px;font-size:24px;margin:20px 0;border:3px double #fff;}

#data {
padding:20px 0;
}
#data h2{
  text-align:center;
  font-size:24px;
  line-height:28px;
padding-bottom:15px;
}




.bajada{
text-align:right;color:green;font-size:18px;line-height:24px;padding-bottom:15px;font-style:italic;
}
.newspaper {

  text-align:justify;
  font-size:18px;
  line-height:24px;
  letter-spacing:.025em;
  
}
.newspaper p{border:0px solid red;
padding-bottom:20px;
  
}

.newspaper p .destacar{font-weight:bold;}

.right{text-align:right;}
/**** footer ****/

/*   footer    */

footer{text-align:center;
padding-top:5px;
margin-top:5px;
color:#333;}
footer #fbf img{vertical-align:-5px;}
footer p{
margin-bottom:15px;
}
.min{font-size:80%;}

p#ziete a{
color:#333;
text-decoration:underline;
}
p#ziete a:hover{
color:#666;
text-decoration:none;
}
p#ziete a #verlo{
display:none;
}
p#ziete a:hover span#verlo{
display:inline;
color: #666;
text-shadow:#ffffff 0px 0px 0px;
}

#instfooter{
padding-top:20px;
}
#instfooter a, footer a{
color: #666;
}

 
#fixed{
position:fixed;
bottom:0;
right:20px;
z-index:1000;
}


 
/* 480px */
@media only screen and (min-width: 30em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:30em;}
#titulo{font-size:35px;}

}/* 480px */


/* 720px */
@media only screen and (min-width: 45em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:45em;}

#titulo{top:0px;left:140px;font-size:45px;}
}/* 720px */

/* 1024*/
@media only screen and (min-width: 64em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:62em;}

#titulo{top:20px;left:170px;font-size:55px;}

.newspaper {
  column-count: 1;
  column-gap: 40px;
  column-rule-style: solid;
  column-rule: 1px solid #999;
  column-count: 2;
  }
}/* 1024px */

/* 1280x */  
@media only screen and (min-width: 80em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:80em;}

#titulo{top:20px;left:220px;font-size:60px;}
 
 #lateral h2{font-size:26px;padding-bottom:15px;}
#lateral p{text-align:justify;font-size:20px;line-height:26px;
}
.newspaper {
  column-count: 3;
  }
  
  
  
  
}/* 1280px */ 

#data p{text-indent: 30px;}