/*#############################################################
Name: Indigo
Description: A lightweight (7kb images), simple and professional design.
Date: 2006-07-27
Author: Viktor Persson
URL: http://arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
    margin: 0;
    padding: 0;
}
a:link {
    color: #F70;
}
a:hover {
    color: #C60;
}

html,
body {
   margin:0;
   padding:0;
   height:100%;
}

body {
    background: url(../img/bg.gif) repeat-x;
    color: #466;
    font: normal 75.5% "Lucida Sans Unicode",sans-serif;
}
input {
    color: #555;
    font: normal 1.5em "Lucida Sans Unicode",sans-serif;
}
p,cite,code {
    font-size: 1.2em;
    padding-bottom: 1.2em;
}
h1 {
    font-size: 1.6em;
    margin-bottom: 4px;
}
code {
    background: url(../img/bgcode.gif);
    border: 1px solid #F0F0F0;
    border-left: 6px solid #39F;
    color: #555;
    display: block;
    font: normal 1.3em "Lucida Sans Unicode",serif;
    margin-bottom: 12px;
    padding: 8px 10px;
    white-space: pre;
}
cite {
    background: url(../img/quote.gif) no-repeat;
    color: #666;
    display: block;
    font: normal 1.5em "Lucida Sans Unicode",serif;
    padding-left: 28px;
}
h1,h2,h3 {
    font-size: 1.6em;
    color: #06C;
    padding-top: 6px;
}
/* misc */
.clearer {
    clear: both;
}

/* structure */
.container {
    min-height:100%;
    position:relative;
    background: url(../img/topleft.gif) no-repeat;
}

.header {
    height: 92px;
}

/* title */
.title {
    float: left;
    padding: 28px 0 0 155px;
}
.title h1 {
    color: #FFF;
    font: normal 2em Verdana,sans-serif;
}
/* navigation */
.navigation {
    float: left;
    height: 92px;
    margin-left: 12px;
    padding: 0 16px;
}
.navigation a {
    color: #FFF;
    float: left;
    font: bold 1.4em "Trebuchet MS",sans-serif;
    margin-top: 56px;
    padding: 8px 18px;
    text-align: center;
    text-decoration: none;
}
.navigation a:hover {
    background-color: #4A91C3;
    color: #FFF;
}



/* main */
.main {
    background: #FFF url(../img/bgmain.gif) no-repeat;
    clear: both;
    padding: 12px 6px 40px 50px;
}

/* main left */
.sidenav {
    float: left;
    width: 28%;
}
.sidenav h1 {
    border-bottom: 1px dashed #DDD;
    color: #E73;
    font-size: 1.4em;
    height: 20px;
    margin-top: 1.4em;
}

.sidenav input {
    color: #555;
    font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}

.sidenav ul {
    margin: 0;
    padding: 0;
}
.sidenav li { 
    border-bottom: 1px dashed #EEE;
    list-style: none;
    margin: 0;
}
.sidenav li a {
    color: #777;
    display: block;
    font-size: 0.9em;
    padding: 3px 6px 3px 18px;
    text-decoration: none;
}
.sidenav li a:hover {
    color: #111;
    background: url(../img/nav_li.gif) no-repeat;
}

/* content */
.content {
    float: left;
    margin-right: 2%;
    width: 67%;
    max-width: 67%;

}
.content .descr {
    color: #C60;
    margin-bottom: 6px;
}
.content li {
    list-style: url(../img/li.gif);
    margin-left: 18px;
}

/* search form */
.styled {
    border: 3px double #E5E5E5;
    padding: 2px 3px;
}
.button {
    border: 1px solid #AAA;
    margin-left: 5px;
    padding: 2px 3px;
}

/* footer */
.footer {
    position:absolute;
    bottom:0;
    width: 100%;
    height:40px;
    background: #0094D6 url(../img/bgfooter.gif) repeat-x;
    color: #C1DEF0;
    font-size: 1.3em;
    line-height: 40px;
    text-align: center;
}
.footer a {
    color: #FFF;
    text-decoration: none;
}
.footer a:hover {
    color: #FFF;
    text-decoration: underline;
}


/*AGREGADOS POR ZOOLUCIONES*/

/**menu dropdown***/

.jsddm
{    margin: 0;
    padding: 0}
    
.jsddm li
{    float: left;
    list-style: none;
    font: 12px Tahoma, Arial}

.jsddm li a
{    display: block;
    background: #20548E;
    padding: 5px 12px;
    text-decoration: none;
    border-right: 1px solid white;
    width: 70px;
    color: #EAFFED;
    white-space: nowrap}

.jsddm li a:hover
{    background: #1A4473}
    
.jsddm li ul
{    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border-top: 1px solid white}

.jsddm li ul li
{    float: none;
    display: inline;
    margin: 0}

.jsddm li ul li a
{    width: auto;
    background: #9F1B1B}

.jsddm li ul li a:hover
{    background: #7F1616}

/***/
.imgright, .icoright{
padding-left: 10px;
float: right;
}

.icoleft, .imgleft {
padding-right: 10px;
vertical-align:middle;
float: left;
}

.icoleft img, .icoright img{
height: 30px;
}

.imgcent {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}

.imgprod img{
height: 250px;
border: none;

}

a.lightbox{
    color: #fff;
}

a.lightbox:hover img {
    border: 5px solid #4A91C3;
    border-width: 5px 5px 20px;
    color: #4A91C3;
}


/*DIV*/
.panel-col-first, .panel-col-last {
    margin-right: 3%;
    width: 45%;
}
.panel-col-first{
    float: left;
}

.panel-col-last {
    float: right;
}

/*FORMA*/
.prodbusc {
    width: 65%;
}

/*MENUS*/
.favoritos ul, .servmenui ul{  
    margin: 0;
    padding: 0;
}

.favoritos li, .servmenui li{
    list-style: none;
    margin: 0;
}
.favoritos a, .servmenui a{
    text-decoration: none;

}

.favoritos a img, .servmenui a img{
    border-style:   none;

}

.favoritos br{
    clear: both;
}

.favoritos li, .favoritos form  {
    margin:0px;
    padding:0px;
    float:left; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
}

/*ajax styles*/
table.tablesorter .nstock {
    color: #06C;
}

table.tablesorter tr.odd td.nstock{
    background-color: #FFF;;
}
table.tablesorter td.nstock{
    background-color:#F0F0F6;
}