[class*="fontawesome"]:before {
  font-family: 'fontawesome', sans-serif;
}

.quiexote{
  display:none;
}

*
{
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:1.9rem;
}
main {
  padding-top:104px;
}
html, body, main{
  height:100%;
  width:100%;
}

#hoy
{
  position:absolute;
  top:84px;
  right:12px;
  font-weight:300;
  font-size:1.4rem;
}

#today
{
  width:100%;
  border-top:1px solid #CECECE;
   border-bottom:1px solid #CECECE; 
    -webkit-order:-21;
        -ms-flex-order:-21;
            order:-21;
}
.ttoday
{
  text-align: center;
  font-weight:300;
  font-size:1.5rem;
}
.pub{
  width:98% !important;
}

.nb{
  border:0;
}
.pd
{
  width:100%;
}

.pd span 
{
  position:absolute;
  margin-left:auto;
  margin-right:auto;
  font-size:1.9rem;
  color:#fff;
  font-weight:900;
  right:0;
  top:15%;
  width: 100%;
}

.pd img
{

  left:10%;
  float:left;

}
.flwos
{
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    text-shadow: 2px 2px 1px rgba(50, 50, 50, 1);
    
}

#bannertop
{
  position:absolute;
  top:0;
  width:100%;
}
.fb-like
{
  float:right;
  padding-bottom:35px;
}
.w49
{
  width:49%;
}

.idseccion
{
  font-family: 'Catamaran', serif;
  font-size:2.5rem;
  width:100%;
  text-align: center;
  color:#000;
  text-transform: uppercase;

}
.aidseccion
{
  font-family: 'Catamaran', serif;
  font-size:3.5rem;
  width:100%;
  text-align: center;
  color:#000;
  text-transform: uppercase;

}
.aidseccion:hover
{
  color:#666;
  text-decoration:underline;
}

.flex-viewport
{
    background-color: #111;
  
}




.flex-caption {
  padding: 2%;
  left: 0;
  bottom: 0;
  
  color: #fff;
	 font-weight:300;

  font-size: 1.95rem;
  line-height: 18px;
  margin:0px;
  text-align:center;
}


#topmd
{display:none;}

#topsml
{display:none;}

#topxx
{display:none;}

.form-group
{
display:inline-block;
width:75%;
}

.navbar-header
{
  height:70px;
}

.btn, .form-control
{
  font-size:1.7rem;
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse
{max-height:380px;}

.navbar-form {
border-top:none;
border-bottom:none;
padding-top:2px;
padding-bottom:2px;
}

.navbar-fixed-bottom, .navbar-fixed-top {
    z-index: 99;
  }

.navbar-default .navbar-nav>li>a
{
  color:#fff;

}
.navbar-nav>li>a
{
margin:2px 20px 2px 20px;
background-color: #D50000;
padding-left: 15px;
}

.btn{

  float:right;
}


.bwh
{

    background-color: white;
    width:100%;
    /*padding-top:6px;*/
    padding-bottom:6px;
}

.quixote{
width:auto;
height:69px;
padding:0;
margin-left:4px;
}

.row
{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
  vertical-align: top;
  margin-left:0;
  margin-right:0;
  width:100%;
}

.rojo
{
background-color: #D81826;
  box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
margin-bottom:0;

}

.fl
{
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.compactmenu
{
  font-size:1.8rem;
  font-weight:400;
  color:#FFFFFF;

}
a:visited compactmenu
{
  color:#fff;
}

.dosc
{
width:50%;
display:table-cell;
border-right: 4px solid white;
}

.containerw
{
  background-color: #fff;
  padding-left:8px;
  padding-right:8px;
  padding-top:8px;
}

.redes > li
{
  display:inline;
}

.paper1
{
 /* box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);*/
  margin:3px;
  margin-bottom:12px;
 /* padding:8px 2px 8px 2px;*/
}

.container
{
  background-color: #fff;
  padding-left:8px;
  padding-right:8px;
  padding-top:8px;
}

.fa{
  text-shadow:none;
  min-width:1rem;
}

.pie{
  width:100%;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
}
.epie
{
  width:100%;
}


.letrapie{
  display:block;
  padding: 14px;
  font-weight:400;
font-size:1.9rem;
text-align:center;
color:black;
cursor: pointer;
}

.letrapie:hover
{
  color:black;
  text-decoration: underline;
}

address
{
  font-weight:300;
  font-size:1.6rem;
  color:#444444;
  text-align: right;
  padding: 12px;
}

.end{
width:100%;
padding:0;
}
.brandfoot
{
  font-weight:400;
  font-size:2.9rem;
text-align: center;
width:100%;

}
.bigbottom{

  padding-bottom:45px;
}

#follow { 
  height: 80px;
  width:40px;
  position: fixed; 
  top:86%;
  z-index: 89;
  left:83%;


}

#follow a { 
  display: block; 
  background: rgba(216,24,38,0.8); 
  height: 52px; 
  width: 52px; 
  padding: 6px 10px;
  color: #fff; 
  font-family: Arial, sans-serif; 
  font-size: 3rem; 
  font-weight: bold; 
  text-decoration: none; 
  border-radius:28px;
  box-shadow:1px 1px 4px rgba(0,0,0,0.9);
}

#follow a:hover { 
  background: #06c; 
}
img
{
    max-width: 100%;
  /*width:100%;*/
  height:auto;

  margin-left:auto;
  margin-right:auto;}

body
{
  background-color: #000;
  color:#000;
background-image: repeating-linear-gradient(
      135deg,
      black,
      black 1px,
      #111111 6px,
      #111111 2px
    );
}
footer
{
  background-color: #ccc;
  width:auto;
}

a:focus, a:hover
{
  color:#fff;
  text-decoration:none;
}

picture{
   max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.chevron
{
  font-family: 'Zapf Dingbats';font-size:1.6rem;
}

#topmd
{display:none;}

#topsml
{display:none;}

#topxx
{display:none;}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}


h1{
  font-size:2.6rem;
  font-weight: 900;
}

h1 a
{font-size:2.6rem;
  font-weight: 900;
  color:black;
}

h1 a:hover
{
  color:#333;
}
h2
{
  font-size:1.6rem;
  font-weight:900; 
}
h3
{
  font-size:2rem;
  font-weight:900; 
}

.ah2
{
  font-size:1.6rem;
  font-weight:900;
  color:#333;
  text-decoration: none;
}
.ah2:hover
{
   color:#000;
  text-decoration: none; 
}

.bad {
   /*background-color: whitesmoke;*/
   width:100%;
   /*border:1px solid #8A8A8A;*/

}



.paper2
{

  box-shadow:0 3px 10px rgba(0, 0, 0, 0.16), 0 3px 10px rgba(0, 0, 0, 0.23);
  margin:3px;
  margin-bottom:12px;
background-color:white;
padding-top:8px;

}


.paper3
{

  box-shadow:0 10px 30px rgba(0, 0, 0, 0.19), 0 6px 10px rgba(0, 0, 0, 0.23);
    margin:3px;
  margin-bottom:12px;

}
#search-form { display: none; }


/*google search*/
[class^='gs']
{font-size:1.6rem !important;
  margin-bottom:4px !important;
}

#___gcse_0
{
  width:0;
  height:0;
  overflow:hidden;
}
.gs-webResult div.gs-visibleUrl-long
{
  font-weight:inherit;
  color:#D81826;
}
.gsc-control-cse div
{
  font-size:small;
}

.gsc-results-wrapper-overlay
{
  width:90% !important;
  left:5% !important;
  height:90% !important;
  padding:10px !important;
  padding-top:40px !important;
}

.gsc-resultsHeader
{display:none;}

.gs-snippet b 
{
  font-size:inherit !important;
}

.gs-title
{
  height:2.8em !important;
}

.gs-title b 
{
  font-size:inherit !important;
}

.gs-visibleUrl-long b
{
  font-size:inherit !important;
}

.gsc-orderby-container
{
  text-align:center !important;
}
.gsc-selected-option-container {
min-width:94px !important;
}

/*******************************************************************************ajuste tablet-ipad**********************************************************/
@media screen and (max-width:767px)
{

  .container{
    width:100%;
  }

}

/*********************************************smartphones y tabletas horizontales min aspect =landscape*****************************************************/
@media screen and (max-width: 767px) and (min-aspect-ratio: 13/9)
{
.pd span 
{
  font-size:2.4rem;
}
  main {
  padding-top:0;
}

.navbar
{
  margin-bottom:0;
}
.navbar-header
{
  height:40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:flex;
      -ms-flex-wrap:flex;
          flex-wrap:flex;
}
.navbar-nav>li>a
{
margin:2px 15px 2px 15px;
background-color: #D50000;
padding-left: 15px;
font-size:1.4rem;
}

.navbar-fixed-bottom .navbar-collapse .navbar-fixed-top .navbar-collapse
{max-height:280px;
}

.navbar-fixed-top
{
position:static;
}
.navbar-toggle {
  margin-top: 4px;
}
.navbar-form .form-group {
  width:85%;
  }
    .btn{margin-left: 8px;}
    .navbar-nav {
    padding-top: 0;
}

form{
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
}
.quixote{
width:auto;
height:38px;
padding:0;
margin-left:auto;
margin-right: auto;
}
.epie{
  width:50%;
}
.end{
height:70px;
padding:0;
}
.brandfoot
{
  font-weight:400;
  font-size:1.9rem;
text-align: center;
width:100%;

}
.bigbottom{

  padding-bottom:65px;
}
#follow { 
  top:80%;
  left:86%;
}


#follow a { 

  background: rgba(216,24,38,0.6); 
  background-image: -webkit-radial-gradient(right top, 80px 80px, rgba(255,255,255,.15) 0%, rgba(0,0,0,.15) 100%);
}

  #topsm
  {display: none;}
  #topsml
  {display: block;}
  #topmd
  {display: none;}
  #topxx
  {display:none;}
.idseccion
{
  font-weight:2rem;
}
h1{
  font-size: 1.8rem;
  vertical-align: middle;
}
h1 a
{
  font-size: 1.8rem;
  vertical-align: middle;
  color:black;
}
h1 a:hover
{

  color:#333;
}
.gs-title
{
  height:1.8em !important;
}
}
/**************************************************Ajuste iphone6 y pantallas grandes smartphone horizontal min-aspect=landscape*******************************/
@media screen and (min-width:600px) and (min-aspect-ratio: 13/9)
{
#follow { 
  top:82%;
  left:90%;
}
}

/********************************************************************tabletas chinas vertical****************************************************************/
@media screen and (min-width:600px)
{
 .epie{
  width:50%;
}
.end{
height:70px;
padding:0;
}
.brandfoot
{
  font-weight:400;
  font-size:1.9rem;
text-align: center;
width:100%;

}
.gs-title
{
  height:1.8em !important;
}
.pd span 
{
  font-size:2.9rem;
  top:13%;
}
}

/**********************************************ipads y tabletas vertical max aspect= portrait*********************************************************/
@media screen and (min-width:768px) and (orientation:portrait)
{

.form-group
{
  width:77%;
}
.navbar-header
{
  height:115px;
  float:none;
  background-color: white;
}

.btn{

  float:none;
}
.bwh{
margin-left:auto;
margin-right:auto;}

.rojo{height:30px;}

.compactmenu
{
  font-size:1.7rem;
  font-weight:400;
  color:#FFFFFF;
  min-width: 1.4rem;
  min-height: 1.2rem;

}
.full
{width:100%;}

.containerw{
    width:100%;

  }
.redes>li{padding-left:15px;}

.container{
    width:764px;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;

  }
 .quixote{
width:100%;
height:110px;
padding:0;
margin-left:auto;
margin-right: auto;
} 

.epie{
  width:50%;
}
.end{
height:70px;
padding:0;
}
.brandfoot
{
  font-weight:400;
  font-size:1.9rem;
text-align: center;
width:100%;

}
.bigbottom{

  padding-bottom:65px;
}
main {
  padding-top:170px;
}
#follow { 
  top:90%;
  left:88%;
}



#follow a { 

  background: rgba(216,24,38,0.6); 
  height: 64px; 
  width: 64px; 
  border-radius:32px;
  font-size: 3.8rem; 
  padding: 7px 13px;
}

  #topsm
  {display: none;}
  #topsml
  {display: none;}
  #topmd
  {display: block;
    width:764px;}
  #topxx
  {display:none;}
h1{
  font-size:2.2rem;
}
h1 a
{
  font-size:2.2rem;
  color:black;
}
h1 a:hover
{
  color:#333;
}

h2
{font-size:2.6rem;}
.ah2
{
  font-size:2.6rem;
  font-weight:900;
  color:#333;
  text-decoration: none;
}
.ah2:hover
{
   color:#000;
  text-decoration: none; 
}
.gs-title
{
  height:1.8em !important;
}

}

/************************************************************************desktop y ipads landscape**********************************************************/
@media screen and (min-width:769px)
{

#today
{
  display: none;
}
.navbar-header
{
  float:none;
  height:100px;
  border-bottom:2px solid #D81826;
}
.navbar
{
margin-bottom:0;
}
.navbar-left
{
  float: none!important;
}
.btn, .form-control {
    font-size: 1.2rem;
}
.form-control
{
  padding:2px 2px 2px 2px;
}

 .idseccion
 {
  font-size:4rem;
 }
  .container{
        width:100%;
    max-width:1000px;

    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;

  }
.quixote{
  top:5px;
height:100px;
padding:0;
position:absolute;

}
main {
  padding-top:0px;
}
#follow
{
  display:none;
}
    #topsm
  {display: none;}
  #topsml
  {display: none;}
 #topmd
  {display: none;}
  #topxx
  {display:block;
        width:100%;
    max-width: 1000px;

    position:relative;
    right:0;
    left:0;
    z-index: 99;
    margin-right: auto;
    margin-left: auto;}

.paper1
{
  max-width:100%;

}
footer
{
  background-color: #ccc;
  width:100%;
  max-width: 1000px;
  margin-right: auto;
  margin-left:auto;
}


h2{
  font-size:2.1rem;
  color:#333;
}

.ah2
{
  font-size:1.8rem;
  font-weight:900;
  color:#333;
  text-decoration: none;
}
.ah2:hover
{
   color:#000;
  text-decoration: none; 
}

.h2h
{
  border-bottom:1px solid #D81826;;
}
[class^='gs']
{font-size:1.6rem !important;
  margin-bottom:4px !important;
  font-weight:400;
}
.gs-title
{
  height:1.8em !important;
}
.form-group
{
  width:77%;
}
.pd span 
{
  font-size:3.7rem;
  top:1%;
}

}

/*********************************************************************ajuste pantalla grande *************************************************************/
@media screen and (min-width:769px) and (max-width: 959px)
{

  .quixote
{height:80px;}
.paper1
{margin-left:auto;
margin-right:auto;}
}