/* CSS Document */

/* Fixed header: don't pull main content under the navigation bar */
.fixedheader-1 #rt-body-background {
	margin-top: 0;
}

/* Utility banners: hover highlight (on.jpg assets are missing) */
#rt-utility img {
	transition: filter 0.2s ease;
}
#rt-utility a:hover img {
	filter: brightness(1.12);
}

/* ***************************************************************** */
/* DESTACADO MARCO */
/* ***************************************************************** */
   
.separador{height: 200px;width:666px; }

.llumiq{height:150px; margin-left:-15px; background:url(/images/estilos/llumiq-indicando.png); background-repeat:no-repeat; padding-bottom:50px; width:650px;}

.cont-marco{width: 320px; height: auto; }

.marco{width:400px; margin-left:100px; margin-top:90px; font-weight:bold; font-size: 13px; color: #FFF; border-style:dashed;
 border-width:3px; border-radius:3px;   background-color:#ff6600; border-color:#70c0ab;  float:left; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px;}

.marco2{width:320px; font-weight:bold; color: #FFF; border-style:solid; border-width:1px; border-radius:3px;   background-color:#70c0ab; border-color:#ff6600;  float:left; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px;}

.llumiq2{height:170px; background:url(/images/estilos/llumiq-destacado.png); background-repeat:no-repeat; padding-bottom:40px; width:650px;}

.marcoverde{width:400px; margin-left:138px; margin-top:80px; font-weight:bold; font-size: 13px; color: #000; border-style:dashed;
 border-width:3px; border-radius:3px;   background-color:#70c0ab; border-color:#ff6600;  float:left; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px;}

.llumiq-der{height:150px; margin-right:-15px; background:url(/images/estilos/llumiq-indicando2.png) no-repeat right top; float:right; padding-bottom:75px; width:650px;}

.marco-der{width:400px; margin-right:100px; float:right; margin-top:90px; font-weight:bold; font-size: 13px; color: #FFF; border-style:dashed;
 border-width:3px; border-radius:3px;   background-color:#ff6600; border-color:#70c0ab;  padding-left: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px;}

.marco-video{width:666px; height:130px; margin-top:10px; padding-bottom:25px; border-style:solid; border-width:1px; border-radius:3px; background:url(/images/estilos/fondo-marq.jpg) no-repeat right top; background-color:#70c0ab; border-color:#ff6600; margin-bottom:20px;}

/* ***************************************************************** */
/* SABIAS QUE */
/* ***************************************************************** */

  .tit_sabiasque{
  padding-bottom:5px;
  }
    
  .text_sabiasque{
  width: auto;
  height: auto;
  padding: 15px 15px 15px 15px;
  border-style:solid; 
  border-width:1px;
  border-color:#000;
  font-family:"verdana";
  font-size: 12px;  
  text-decoration:none; 
  color:#FFF;
  background-color: #77a89e;
}



/* ***************************************************************** */
/* HISTÓRICO */
/* ***************************************************************** */


  .titulos-tabla {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#22C1AD;
    text-align:center;
    font-variant:small-caps;}
    
  .numero-revista {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#666;
    text-align:center;}
    
  .linea-vertical {
    /*border-left: 1px solid #F30;*/}
    
  .espacio {
  padding: 0px 0px 2px 0px;}    
    
  .titulo-fecha-gris {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#666;
    text-align:center;}
    
  .titulo-fecha-azul {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#999;
    text-align:center;}  
    
  .titulo-descargas {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:normal;
    text-align:left;
    margin-left:10px;
    margin-bottom:3px;}
    

    a.link-descargas:link, a.link-descargas:visited, a.link-descargas:active { color:#999; font-weight:bold; text-decoration:none; }
    a.link-descargas:hover { color:#22C1AD; text-decoration:underline; font-weight:bold;}



/* ***************************************************************** */
/* BACKGROUND-IMAGE */
/* ***************************************************************** */

  .imagen-fondo {
    background-image: url(/images/hola_amigos/10-agnos.png);
    background-repeat:no-repeat;
    background-position:10px 10px;
    }

  .imagen-fondo1 {
    background-image: url(/images/estilos/fondo-nubes.png);
    background-repeat:no-repeat;
    background-position:10px 10px;
    }




/* ***************************************************************** */
/* CHRONOFORM */
/* ***************************************************************** */

  /*.chronoform { font-size:7pt; margin-top:5px; font-style:italic; }*/

.chronoform a{ color:#aaa; font-size:7pt; margin-top:20px; font-style:italic; text-decoration:none; }
  .input { font-family: Arial,Helvetica,sans-serif; font-weight:bold; font-size: 11px; width: auto; margin-bottom: -5px; }
  .titulos-form { font-family: Arial,Helvetica,sans-serif; font-size: 10px; font-weight:normal;}



/* ***************************************************************** */
/* CONTACTO */
/* ***************************************************************** */


  .titulo-negro {
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    color:#000;
    text-align:left;
    font-variant:small-caps;}


  .titulo-naranja { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#ff6600; text-align:left; font-variant:small-caps;}

  .titulo-verde {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#70c0ab; text-align:left; font-variant:normal;}



/* ***************************************************************** */
/* LINK R&A PIE*/
/* ***************************************************************** */
a.ralink:active, a.ra:focus {outline-width: 0pt;outline-style: none;outline-color: -moz-use-text-color; font-size: 10px;color:#5acbff }
a.ralink:link {color:#5acbff;font-size: 10px; text-decoration:none;}
a.ralink:hover{color: #000000;font-size: 10px;text-decoration:none;}
a.ralink:visited {color: #000000;font-size: 10px;text-decoration:none;}

/* ***************************************************************** */
/* IMAGENES INTRO*/
/* ***************************************************************** */
.img-intro-left {
	float:left;
	padding: 0 14px 5px 0;}

.img-intro-right {
	float:right;
	padding: 0 5px 20px 20px;}

.img-fulltext-left {
	float:left;
	padding: 0 20px 20px 0;}

.img-fulltext-right {
	float:right;
	padding: 0 0px 20px 20px;}