*{margin: 0; padding: 0;font-family: 'Alegreya Sans', sans-serif;}
body {font-family: 'Alegreya Sans', sans-serif;}

h4 {font-size:18px; text-align: center;}
.sobrebordado {margin-left:45%;
  position: absolute;
  z-index: 21999;

  top: 80%;}
.obleax {right:10%;
  position: absolute;
  z-index: 1;
 
  top: 90%;}

.footer1 { width:100%;
margin-top:-15px;
	background:rgb(210,184,105);}

  .footer11 img { width: 100%;}

.footer {
	background-color: #001a33;
}
.tablafooter {color:#fff; font-size: 20px;}

.cuadrogris { width:100%;
margin-top:-15px;
	background-color: #dcdcdc;}

.cuadroceleste { width:100%;
margin-top:-15px;
	background-color: #69c8e6;}

.botonsend {font-size: 18px; width: 200px; height: 50px; background:#339cdf;}
.contenedor {width: 90%; margin:0 auto;}

.texto {font-size: 26px;}

.textoceleste {color:#009fd6;font-weight: bold; }

.nota {font-size: 20px;}


.cuadrogrisiz { 
margin-top:-15px; float:left; width:60%; height: 700px;
  background-color: #dcdcdc;}

.cuadrocelesteder {width: 40%;height: 700px;
margin-top:-15px; float:right;
  background-color: #69c8e6;}

/**************************************************************************************** Tamaños de textos */

.titulo { font-size: 54px; color:#009fd6; font-style: italic;}
.subtitulo {font-size: 34px; font-weight: bold;color:#009fd6;}



.titulonoticia a{
  font-size: 34px;
  font-style: italic;
  font-weight: normal;
 text-decoration: none;
text-align: center;
border:0px solid red;
  color: #1891c7;
}

.textonoticia { margin:10px auto;
  font-size: 20px;
  text-align: center;
color:#000;}

.tituloitem {font-size: 34px; font-weight: bold;color:#009fd6;}

.titulocompleta {font-size: 28px; font-weight: normal;color:#009fd6;}
.textocompleta {font-size: 18px; font-weight: normal;color:#000; text-align: justify;}
.imgcompleta {margin-left:20px; margin-bottom: 20px;}

.imgcompletal {margin-right:20px; margin-bottom: 20px;}
.subtitulonoticia {font-size: 34px; font-weight: bold;color:#009fd6;}


.titulobig { font-size: 60px; color:#009fd6; font-style: italic; font-weight: normal;}
.tituloseccion { font-size: 60px; color:#009fd6; font-style: italic; font-weight: normal;}
.titulosub {font-size: 24px; color:#009fd6;}

.blanco {color:#fff;}

.negro {color:#009fd6;}


/*************************************************************************************** Tamaños de textos */

/*** blur principal **/

.contenedor2 {width:100%; margin:0 auto;}

/*.ib-container .contexto {width:90% border:1px solid red; margin:0 auto;}*/
.ib-container{
  position: relative;
  width:1200px; /*1200px;*/
  margin: 0px auto;
  display: block;
 
  
}
.ib-container:before,
.ib-container:after {
    content:"";
    display:table;
}
.ib-container:after {
    clear:both;
}
.leermas {text-decoration: none; font-style: italic; color:#1891c7;}
.ib-container article{
  display: block;
  width:400px;/* 305px;*/
  height: 600px;
  background: #fbfbfb;
  cursor: pointer;
  float: left;
  border: 0px solid #fbfbfb;
  text-align: left;
  text-transform: none;
 /* margin: 15px;*/
  z-index: 1;
  -webkit-backface-visibility: hidden;
  /*box-shadow: 
    0px 0px 0px 10px #fbfbfb, 
    1px 1px 3px 10px rgba(0,0,0,0.2);*/
  -webkit-transition: 
    opacity 0.4s linear, 
    -webkit-transform 0.4s ease-in-out, 
    box-shadow 0.4s ease-in-out;
  -moz-transition: 
    opacity 0.4s linear, 
    -moz-transform 0.4s ease-in-out, 
    box-shadow 0.4s ease-in-out;
  -o-transition: 
    opacity 0.4s linear, 
    -o-transform 0.4s ease-in-out, 
    box-shadow 0.4s ease-in-out;
  -ms-transition: 
    opacity 0.4s linear, 
    -ms-transform 0.4s ease-in-out, 
    box-shadow 0.4s ease-in-out;
  transition: 
    opacity 0.4s linear, 
    transform 0.4s ease-in-out, 
    box-shadow 0.4s ease-in-out;

}
.ib-container img {
width:400px;
height: 300px;
/*margin-right: 10px;
  margin-top:3px;
  margin-left:3px;
  margin-bottom:3px;*/}

.textohistoria img {margin-left:20px;margin-right:20px;}

.ib-container h3 a{

  font-size: 34px;
  font-style: italic;
  font-weight: normal;
 text-decoration: none;
text-align: center;
border:0px solid red;
  color: #1891c7;
 

 /* opacity: 0.8;*/
}
.ib-container article header span{
  font-size: 10px;
  /*font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;*/
  padding: 0px 0; /**** era padding 10 0 *//
  display: block;
  color: #FF0000;
  color: rgba(255, 0, 0, 1);
  text-shadow: 0px 0px 0px rgba(255, 210, 82, 1);
  /*text-transform: uppercase;*/
  margin-bottom: 20px;
  opacity: 0.8;
}
.ib-container article p{
  margin:10px auto;
  font-size: 22px;
  text-align: center;
color:#000;
  
}
.ib-container h3 a,
.ib-container article header span,
.ib-container article p{
  -webkit-transition: 
    opacity 0.2s linear, 
    text-shadow 0.5s ease-in-out, 
    color 0.5s ease-in-out;
  -moz-transition: 
    opacity 0.2s linear, 
    text-shadow 0.5s ease-in-out, 
    color 0.5s ease-in-out;
  -o-transition: 
    opacity 0.2s linear, 
    text-shadow 0.5s ease-in-out, 
    color 0.5s ease-in-out;
  -ms-transition: 
    opacity 0.2s linear, 
    text-shadow 0.5s ease-in-out, 
    color 0.5s ease-in-out;
  transition: 
    opacity 0.2s linear, 
    text-shadow 0.5s ease-in-out, 
    color 0.5s ease-in-out;
}
/* Hover Style for all the items: blur, scale down*/
.ib-container article.blur{
  box-shadow: 0px 0px 20px 10px #fbfbfb;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0.7;
}
.ib-container article.blur h3 a{
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
  color: rgba(0, 0, 0, 0);
  opacity: 0.5;
}
.ib-container article.blur header span{
  text-shadow: 0px 0px 10px rgba(255, 210, 82, 0.9);
  color: rgba(255, 210, 82, 0);
  opacity: 0.5;
}
.ib-container article.blur  p{
  text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
  color: rgba(51, 51, 51, 0);
  opacity: 0.5;
}

/* Hover Style for single item: scale up */
.ib-container article.active{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 
    0px 0px 0px 10px #fbfbfb, 
    1px 11px 15px 10px rgba(0,0,0,0.4);
  z-index: 100; 
  opacity: 1;
}
.ib-container article.active h3 a,
.ib-container article.active header span,
.ib-container article.active p{
  opacity; 1;
}




/**  Fin blur principal */


.textohistoria {
      font-size: 20px;
      font-style: normal;
  }



/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right) */
#loginContainer {
    position:relative;
    float:right;
    font-size:12px;
}

/* Login Button */
#loginButton { 
   /* display:inline-block;
    float:right;
    background:#d2e0ea url(../images/buttonbg.png) repeat-x; */
    border:0px solid #899caa; 
    border-radius:3px;
    -moz-border-radius:3px;
    position:relative;
    z-index:30;
    cursor:pointer;
}

/* Login Button Text */
#loginButton span {
    color:#445058; 
    font-size:14px; 
    font-weight:bold; 
    text-shadow:1px 1px #fff; 
    padding:7px 29px 9px 10px;
    background:url(../images/loginArrow.png) no-repeat 53px 7px;
    display:block
}

#loginButton:hover {
    background:url(../images/buttonbgHover.png) repeat-x;
}

/* Login Box */
#loginBox {
    position:absolute;
    top:34px;
    right:0;
    display:none;
    z-index:29;
}

/* If the Login Button has been clicked */    
#loginButton.active {
    border-radius:3px 3px 0 0;
}

#loginButton.active span {
    background-position:53px -76px;
}

/* A Line added to overlap the border */
#loginButton.active em {
    position:absolute;
    width:100%;
    height:1px;
    background:#d2e0ea;
    bottom:-1px;
}

/* Login Form */
#loginForm {
    width:248px; 
    border:1px solid #899caa;
    border-radius:3px 0 3px 3px;
    -moz-border-radius:3px 0 3px 3px;
    margin-top:-1px;
    background:#d2e0ea;
    padding:6px;
}

#loginForm fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset#body {
    background:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
}

#loginForm #checkbox {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}

#body label {
    color:#3a454d;
    margin:9px 0 0 0;
    display:block;
    float:left;
}

#loginForm #body fieldset label {
    display:block;
    float:none;
    margin:0 0 6px 0;
}

/* Default Input */
#loginForm input {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

/* Sign In Button */
#loginForm #login {
    width:auto;
    float:left;
    background:#339cdf url(../images/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

/* Forgot your password */
#loginForm span {
    text-align:center;
    display:block;
    padding:7px 0 4px 0;
}

#loginForm span a {
    color:#3a454d;
    text-shadow:1px 1px #fff;
    font-size:12px;
}

input:focus {
    outline:none;
}


.xfotonoticias {
  width: 420px;
}


/*********************************************************************/


@media screen and (max-width:1200px) {


.xfotonoticias {
  width: 250px;
}
.sobrebordado {margin-left:45%;
  position: absolute;
  z-index: 21999;

  top: 90%;}

  }