/*=== Fuentes ===*/
@font-face { font-family: 'Ubuntu-B'; src: url("../fonts/Ubuntu-B.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ubuntu-BI'; src: url("../fonts/Ubuntu-BI.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ubuntu-C'; src: url("../fonts/Ubuntu-C.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ubuntu-L'; src: url("../fonts/Ubuntu-L.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ubuntu-LI'; src: url("../fonts/Ubuntu-LI.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ubuntu-M'; src: url("../fonts/Ubuntu-M.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ubuntu-MI'; src: url("../fonts/Ubuntu-MI.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ubuntu-R'; src: url("../fonts/Ubuntu-R.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ubuntu-RI'; src: url("../fonts/Ubuntu-RI.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'UbuntuMono-B'; src: url("../fonts/UbuntuMono-B.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'UbuntuMono-BI'; src: url("../fonts/UbuntuMono-BI.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'UbuntuMono-R'; src: url("../fonts/UbuntuMono-R.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'UbuntuMono-RI'; src: url("../fonts/UbuntuMono-RI.ttf"); font-weight: normal; font-style: normal; }





/*=== Setup ===*/
* { border:0; margin:0 auto; padding:0; outline:none; }
/*body { background: url(../imagenes/fondo2-logo.png) top no-repeat; font-family: 'Ubuntu-R', sans-serif;  background-position: relative; background-color:#ECECEC;}*/
body { background: font-family: 'Ubuntu-R', sans-serif;  background-position: relative; background-color:#ECECEC;}


a { color:#494949; text-decoration:none; }
a:hover { text-decoration:none; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
p.bg, .bg { clear:both; padding:0; margin:10px 0; border-bottom:1px solid #d0d0d0; height:1px; }
input, select, textarea { border:#cfcfcf 0px solid; color:#404040; font-size:12px; padding:3px; font-family:Arial, Verdana, Helvetica, sans-serif; }
li { list-style:none; }
h1, h2 { color:#222222; font-family: 'Ubuntu-R', sans-serif; font-weight: 300; font-size:1em; letter-spacing:0px; margin:0 0 1em; }
h3 { color:#222222; font-family: 'Ubuntu-LI', sans-serif; font-weight: 300; font-size:1.3em; letter-spacing:0px; margin:0 0 1em; }
h4 { color:#FB0005; font-family: 'Ubuntu-LI', sans-serif; font-weight: 300; font-size:1.2em; letter-spacing:0px; margin:0 0 1em; }
h5 { color:#FB0005; font-family: 'Ubuntu-LI', sans-serif; font-weight: 300; font-size:1.6em; letter-spacing:0px; margin:0 0 1em; }
h6 { color:#575756; font-family: 'Ubuntu-R', sans-serif; font-weight: 300; line-height: 1.2em; font-size:0.9em; letter-spacing:0px; }
h7 { color:#575756; font-family: 'Ubuntu-LI', sans-serif; font-weight: 300; line-height: 1.2em; font-size:1em; letter-spacing:0px; }
p { line-height:1pts; padding:0 0 1.3em; font: normal 12px Arial, Helvetica, sans-serif; color:#6e6e6e; line-height:1.6em; }
a { color:#1caedd; text-decoration:none;}
/*=== Layout ===*/
#page { margin:0 auto; padding:0; background:url(../imagenes/fondo-encabezado.jpg) top repeat-x; height:140px;}
/*=== Header ===*/
#header { margin:0 auto; padding:0; width:100%; }
.h2_top { width:0px; float:center; padding:15px 0; margin:0; height:37px;}
.h2_top h2 { margin:0; padding:0; font:normal 30px/37px 'Ubuntu-R', sans-serif; font-weight: 300; color:#2e2e2e;}
/*- Logo -*/
.logo { width:0px; margin:0; padding:0; float:center; }
.logo h1 { background: ; float:center; text-indent:-9999px; width:150px; margin:0; padding:0; }
.logo h1 a { display:block; height:150px; }
.logo h1 a:hover { text-decoration:none; }

#logo2 { z-index:-1000;
background-image: url("imagenes/fondo-logo.png");
  background-repeat: repeat-y;
  background-position: 30px;}




/*=== All Columns ===*/
#columns { margin:auto; padding:0; width:auto; background:none; }
/*=== Center Column ===*/
#centercol { float:center; width:80%; padding:0; }
/*=== Right Column ===*/
#rightcol { float:right; width:20%; padding:0; }
/*=== Left Column ===*/
#leftcol { float:left; width:80%; padding:0; }

/*=== TITULO ===*/
#titulo { position: relative; float:center; margin:0px; bottom:-45px;}



/*=== Campos formulario ===*/
.form { color:#FB0005; font-family: 'Ubuntu-LI', sans-serif; font-weight: 300; font-size:1.6em; letter-spacing:0px; margin:0 0 1em; }


/*=== All Columns ===*/
.cuadro { position: relative; margin:140px;}


/*=== Footer ===*/
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:100px;            /* Altura del footer */
   background:url(../imagenes/fondo3-footer.jpg) bottom repeat-x;
}

#footer a { color:#818181; font-weight:bold; }
#footer span { color:#818181; }
#footer .text2 { padding:20px 30px; float:right; margin:30px; color:#FB0005;}
#footer .text { padding:20px 30px; float:left; margin:30px; color:#FB0005;}



/*=== #caja { height: 100px; float:center; overflow: scroll;}

Cajas Flexibles ===*/
/*.flex
   { width: 100%; height: 100%; border: 0px solid #555; background: #CCC;

      /* flexbox setup
      display: -webkit-flex;
      -webkit-flex-direction: row;

      display: flex;
      flex-direction: row;
   }

   .flex > div
   { -webkit-flex: 1 1 auto; flex: 1 1 auto;
      width: 30px; /* To make the transition work nicely.  (Transitions to/from
                      "width:auto" are buggy in Gecko and Webkit, at least.
                      See http://bugzil.la/731886 for more info.)

      -webkit-transition: width 0.7s ease-out;
      transition: width 0.7s ease-out;
   }
   .flex > div:hover
   { width: 200px; }*/