/**

    ESTILOS COMUNES

	COLORES
	Verde oscuro (texto)      #366517
	Gris oscuro  (texto)      #595959
	Rojo oscuro  (link)       #701702
	Rojo claro   (link over)  #701702
	Naranja      (link bg)    #f4d067
	Azul oscuro  (footer)     #48556f

	FUENTES
	Headings     Tahoma  15px / 20px
	Body         Verdana 10px / 11px

	OTROS
	Color gradiente abajo     #c4d6d7
	Menciones de For-Est      font-weight: bold

    NOTAS

	Lo más enredadillo en este momento es el logo y el menú, que creo que va a haber que armar a puro z-index. También la las imágenes del bg ocupan cierto pensamiento y quizá z-index. Hay que pensar cómo va a funcionar este diseño horizanotalmente en computadoras con mayores resoluciones.

	Los textos necesitan ciertas culioladas de interlineado, pero para eso prefiero verlas en el navegador y ajustarlas visualmente con Firebug.

	En general usted preocupese por que todo esté más o menos en su lugar, pero si hace falta ajustar las cosas pixel por pixel para que se vean bien no se preocupe, yo me encargo de esa parte.

                              _,add8ba,
                            ,d888888888b,
                           d8888888888888b                        _,ad8ba,_
                          d888888888888888)                     ,d888888888b,
                          I8888888888888888 _________          ,8888888888888b
                __________`Y88888888888888P"""""""""""baaa,__ ,888888888888888,
            ,adP"""""""""""9888888888P""^                 ^""Y8888888888888888I
         ,a8"^           ,d888P"888P^                           ^"Y8888888888P'
       ,a8^            ,d8888'                                     ^Y8888888P'
      a88'           ,d8888P'                                        I88P"^
    ,d88'           d88888P'                                          "b,
   ,d88'           d888888'                                            `b,
  ,d88'           d888888I                                              `b,
  d88I           ,8888888'            ___                                `b,
 ,888'           d8888888          ,d88888b,              ____            `b,
 d888           ,8888888I         d88888888b,           ,d8888b,           `b
,8888           I8888888I        d8888888888I          ,88888888b           8,
I8888           88888888b       d88888888888'          8888888888b          8I
d8886           888888888       Y888888888P'           Y8888888888,        ,8b
88888b          I88888888b      `Y8888888^             `Y888888888I        d88,
Y88888b         `888888888b,      `""""^                `Y8888888P'       d888I
`888888b         88888888888b,                           `Y8888P^        d88888
 Y888888b       ,8888888888888ba,_          _______        `""^        ,d888888
 I8888888b,    ,888888888888888888ba,_     d88888888b               ,ad8888888I
 `888888888b,  I8888888888888888888888b,    ^"Y888P"^      ____.,ad88888888888I
  88888888888b,`888888888888888888888888b,     ""      ad888888888888888888888'
  8888888888888698888888888888888888888888b_,ad88ba,_,d88888888888888888888888
  88888888888888888888888888888888888888888b,`"""^ d8888888888888888888888888I
  8888888888888888888888888888888888888888888baaad888888888888888888888888888'
  Y8888888888888888888888888888888888888888888888888888888888888888888888888P
  I888888888888888888888888888888888888888888888P^  ^Y8888888888888888888888'
  `Y88888888888888888P88888888888888888888888888'     ^88888888888888888888I
   `Y8888888888888888 `8888888888888888888888888       8888888888888888888P'
    `Y888888888888888  `888888888888888888888888,     ,888888888888888888P'
     `Y88888888888888b  `88888888888888888888888I     I888888888888888888'
       "Y8888888888888b  `8888888888888888888888I     I88888888888888888'
         "Y88888888888P   `888888888888888888888b     d8888888888888888'
            ^""""""""^     `Y88888888888888888888,    888888888888888P'
                             "8888888888888888888b,   Y888888888888P^
                              `Y888888888888888888b   `Y8888888P"^
                                "Y8888888888888888P     `""""^
                                  `"YY88888888888P'

*/
html {
	background:#C4D6D6;
}
body
{
    background: url(../assets/bg-base.png) repeat-x;

    /** Default styles for all texts */

    font: 11px Verdana,"Lucida Grande", Lucida, sans-serif;
    color: #595959;
	min-height:768px;
}

/** Titles */

h1 {
    font: 20px Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #366517;
}

h2 {
    font: 15px Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #366517;
}

a:hover, a:active  {
    border: none;
    outline: none;
}

.colTitle
{
    font-size: 10px;
    font-weight: bold;
    color: #004615;
    text-transform: uppercase;
}

#nine60 {
  display:block;
  background: url("../assets/bg-imgs.png") no-repeat 80px 91px;
  min-height: 677px;
}

#hello p {
  line-height:18px;
}

.textCoolness1
{
    font-weight: bold;
}

/** the Fucking Menu
    Hecho a la carrera, esperando una solucion de algun Andres o Ivan del futuro.  */

#menu
{
    background: url("../assets/bg-header.png") no-repeat left top;
    height: 91px;
    margin: 0 0 92px;
}

#menu #logo
{
    float: right;
    height: 141px;
    margin: 22px 0 0 0px;
    padding: 0;
    width: 279px;  
    background: url("../assets/logo-for-est.png") no-repeat left top;
}

#menu #logo a
{
    float: left;
    height: 100%;
    margin: 0px;
    padding: 0;
    width: 100%; display:block; text-indent:-9999px;
}

#menu ul
{
    float: right;
    list-style: none outside none;
    margin: 65px 75px 0 -25px;
    padding: 0;
    width: 530px;
}

#menu li
{
    padding: 15px 0;
    /*background-color: #A4C53B;
    color: #7A3310;
    text-indent: -9999px;  */
    height: 49px;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}

#menu li.menu-left
{
    width: 25px;
    background: url("../assets/menu-izq.png") no-repeat left top;
}

#menu li.menu-inicio
{
    width: 70px;
    background: url("../assets/menu-inicio.jpg") no-repeat left top;
}

#menu li.menu-nos
{
    width: 91px;
    background: url("../assets/menu-nosotros.jpg") no-repeat left top;
}

#menu li.menu-prod
{
    width: 96px;
    background: url("../assets/menu-productos.jpg") no-repeat left top;
}

#menu li.menu-serv
{
    width: 92px;
    background: url("../assets/menu-servicios.jpg") no-repeat left top;
}

#menu li.menu-cont
{
    width: 89px;
    background: url("../assets/menu-contacto.jpg") no-repeat left top;
}

#menu li.menu-faq
{
    width: 64px;
    background: url("../assets/menu-faq.png") no-repeat left top;
}

#menu li:hover
{
    /*background-color: #75A916;
    color: #C3390B;*/
    background-position: left -49px;
}

#menu li a
{
    display: block;
    height: 100%;
    text-indent: -9999px;
    width: 100%;
}

#menu li a:hover, #menu li a:selected
{
    border: none;
    outline: none;
}


/** menu raro  */

#menuRaro ul li
{
    display: block;
    height: 29px;
    margin: 0 0 8px;
    padding: 0 0 0 12px;
    width: 181px;
    background: url("../assets/btn-sub-generico.png") no-repeat left top;
}

#menuRaro ul li a
{
    color: #701702;
    display: block;
    font-size: 12px;
    height: 22px;
    margin: 0;
    padding: 7px 0 0;
    text-decoration: none;
}

#menuRaro ul li:hover
{
     background-position: left -29px;
}

#menuRaro ul li a:hover
{
     color:#D64502;
}

/** Home columns */

.col
{
    color: #595959;
    font: 10px Verdana,"Lucida Grande", Lucida, sans-serif;
}

/** Nosotros */

#politicas
{
    margin: 45px 0 0 20px;
}

#politicas ul
{
    width: 569px;
    list-style-image: url("../assets/icon-vineta.png");
}

#politicas li
{
    padding: 2px 0 8px;
    margin: 0 0 0 10px;
}

/** Productos */

#productos h2
{
    font-weight: bold;
    text-align: center;
}

#productos .grid_4 .development
{
    color: #7E807F;
    float: left;
    padding: 10px 0 0;
}

#productos .grid_4 ul
{
     list-style-image: url("../assets/icon-vineta.png");
     padding: 5px 0 0;
}

#productos .grid_4 ul li
{
    color: #701702;
    padding: 5px 0; 
	width:190px;
}

#productos .grid_4 ul li:hover
{
    background: none repeat scroll 0 0 #F3D068;
}

#contacto,  #catalogo
{
    display: block;
    float: left;
    min-height: 500px;
    padding: 20px 0 0;
}

#contacto .mapa
{
    background: url("../assets/img-provis-mapa-google.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 198px;
    margin: 5px 0 0;
    width: 275px;
}

#catalogo .llenado, #catalogo .tabla-comp
{
    display: block;
    float: left;
    height: 198px;
    margin: 5px 0 0;
    width: 275px;
}

#contacto .info, #catalogo .info
{
    display: block;
    float: left;
    margin: 0 0 0 23px;
    width:430px;
}

#catalogo #listota
{
    display: block;
    float: left;
    margin: 0 0 0 23px;
    width:130px;
    background: #F8EECA;
}

#catalogo #listota ul
{
     list-style: none outside none;
    margin: 0 !important;
    padding: 0 0 0;
}

#catalogo #listota ul li
{
    color: #701702;
    margin: 0 !important;
    
    text-indent: 25px;
     
}

#catalogo #listota ul li:hover
{
    background: none repeat scroll 0 0 #F3D068;
	
}

#catalogo #listota ul li a
{
    background: url("../assets/icon-vineta.png") no-repeat scroll 6px 9px transparent;
    color: #701702;
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%;
	padding: 8px 0;
}

#catalogo #listota ul li a:hover
{
    color:#CD2904;
}

#catalogo .tabla-comp
{
    margin:20px 0px;
    background: #FFFFFF;
    border:1px solid #6A9B49;
	padding:25px 15px;
	width:230px;
	height:auto;
	min-height:150px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color:rgba(255,255,255,0.4);
}

.margen{ /*esta instrucción no me sirvió por alguna razón que desconozco. Quería hacer que la columna tuviera un padding para que el texto no quedara pegado al de la otra columna*/
	padding-right:10px;
}

#catalogo .info table
{ border-collapse: collapse;
  border: 1px solid #A6DB86;
  font: normal 90% verdana, arial, helvetica, sans-serif;
  color: #0B1C09;
  background: #E3FADE ;
  }
    
.info table td, th {
  border: 1px solid #A6DB86;
  padding: .4em;
  color:#0B1C09 ;
  }

table tr:first-child { font-weight:bold;
}
.info table tr:first-child { font-eight:bold;
background-color:#B7E29C;}

sub { vertical-align:sub;
}
sup { vertical-align:super;}

.info { min-height:500px;
  }

/** Footer */

#footer {
    margin: 25px 0 0 0;
    font: 11px Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #48556f;
}