/* CSS Document TRACOEN.COM */
* { text-indent:0px; margin:0; padding:0; border:0 }
body { text-align: center; background-color: #f5f3e2; font-family: normal Tahoma, Arial, Helvetica, sans-serif; color: #6A7902; width: 100%; height: 100%; margin: 0; padding: 0; }
html, body { height: 100%;}
div.spacer { clear: both; }
.txt { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #2b3102; }
#global { width:950px; margin: 0 auto 0 auto; padding: 0; height: 100%; min height: 100%; }
html>body  #global { height: auto; }
#cabecera { padding:0; }
#navegacion { background-color: gray }
#contenido { background-color: orange; width: 900px; float:left; padding:0; }
#contenido p { padding: 5px 5px 5px 5px; text-indent: 8px }
#menu { background-color: yellow; width: 150px; float:left; text-align:left; margin:3px 10px 3px 3px }
#menu li { list-style:none; margin: 4px 0px 4px 6px }

/*  cajas cabecera   */
#columna1 {	width:250px; margin: 0; padding: 5px; float: left; border-right: 1px solid #cccccc; text-align: center; }
html>body #columna1 { width:250px; }
#columna2 { width:440px; margin: 0; padding: 5px; float: left; border-right: 1px solid #cccccc; text-align: center; }
html>body #columna2 { width:440px; }
#columna1c { width:200px; margin: 0; padding: 5px; float: left; text-align : left; }
html>body #columna1c { width:200px; }
#columna1 img, #columna2 img, #columna1c img { /*float: right;*/ }

/* caja fondo redondeada del buscador */
.buscador { background: url(imagenes/fondo-buscador.gif) no-repeat top right; width:577px; float:right; height:33px; font-size: 0.8em; padding: 8px 0 8px 0; text align: ecnter;}

/* caja redondeada del menu */
.m_rbroundbox { background: url(imagenes/m_nt.gif) repeat; }
.m_rbtop div { background: url(imagenes/m_tl.gif) no-repeat top left; }
.m_rbtop { background: url(imagenes/m_tr.gif) no-repeat top right; }
.m_rbbot div { background: url(imagenes/m_bl.gif) no-repeat bottom left; }
.m_rbbot { background: url(imagenes/m_br.gif) no-repeat bottom right; }
.m_rbtop div, .m_rbtop, .m_rbbot div, .m_rbbot { width: 100%;  height: 7px; font-size: 1px; }
.m_rbcontent { margin: 0 7px; }
.m_rbroundbox { width: 100%; margin: 1em auto; }
ul.dropdown-linear { *width: 100%; }
ul.dropdown-linear ul li { float: left; }
ul.dropdown-linear li.hover, ul.dropdown-linear li:hover { position: static; }
ul.dropdown-linear ul ul { display: none !important; }
ul.dropdown { width: 760px; background-color: #eee; border-bottom: solid 1px #ccc; }
ul.dropdown li { border: none; background-color: #eee; }
ul.dropdown li.hover, ul.dropdown li:hover { background-color: #f6f6f6; color: #000; }
ul.dropdown ul { width: 800px; margin-top: 0; border-top: solid 1px #ccc; background-color: #f6f6f6; }
ul.dropdown ul li { background-color: #f6f6f6; }
ul.dropdown ul li.hover { margin: 0; border: none; }
ul.dropdown ul *.dir { padding-right: 7px; background-image: none; }

/* caja redondeada de los destacados */
.d_rbroundbox { background: url(imagenes/d_nt.gif) repeat; }
.d_rbtop div { background: url(imagenes/d_tl.gif) no-repeat top left; }
.d_rbtop { background: url(imagenes/d_tr.gif) no-repeat top right; }
.d_rbbot div { background: url(imagenes/d_bl.gif) no-repeat bottom left; }
.d_rbbot { background: url(imagenes/d_br.gif) no-repeat bottom right; }
.d_rbtop div, .d_rbtop, .d_rbbot div, .d_rbbot { width: 100%; height: 7px; font-size: 1px; }
.d_rbcontent { margin: 0 8px; }
.d_rbroundbox { width:200px; height:71px; margin: 1em auto; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:  0.7em; text-align:left; }

#pie { clear : both; font: 0.8em Tahoma, Arial, Helvetica, sans-serif; color: #2b3102; width: 100%; height:100px; }
#marco { margin: 0 auto; width: 850px; }
.fila { margin-bottom: 1.5em; height: 1%; overflow:hidden; }
.columna { float:left; margin-right: 50px; margin-left: 40px; text aling: center;}
.uno { width: 90px; }
.dos { width: 190px; }
.tres { width: 110px; }
.cuatro { width: 150px; }
.cinco { width: 380px; }
.seis { width: 460px; }
.siete { width: 540px; }
.ocho { width: 620px; }
.nueve { width: 700px; }
.ultima { margin-right: 0; }
.txt-pie { font: 0.7em Tahoma, Arial, Helvetica, sans-serif; color: #2b3102; width: 100%; }
.txt-pieG { font: 0.8em Tahoma, Arial, Helvetica, sans-serif; color: #2b3102; width: 100%; }
.TE { color: #185627; font-size: 12px; font-style: italic; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.TE2 { color: #0039AC; font-size: 12px; font-style: normal; font-weight: bold; font-family: Times New Roman, Times, serif; }
a { color:#4D5802; font-weight:bold; text-decoration:none; }
a:link { font-weight:bold; }
a:visited { }
a:hover { font-weight:bold; text-decoration:underline; }m_rbroundbox
a:active { }
p {	text-align: justify; }
h1 { position: absolute; left: -5000px; }
h2old { font-size: 1.1em; font-weight: bold; text-align:left; }
h2 { margin: 5px 0px 10px 10px; padding: 0 0 0 10px; font: normal 18px Arial;	float: left; }
html>body h2{ margin-left: 20px;}
h3 { margin: 5px 0px 10px 10px; padding: 0 0 0 10px; font: normal 15px Arial; float: left; }
html>body h3{ margin-left: 20px;}
h4 { margin: 5px 0px 10px 10px; padding: 0 0 0 10px; font: normal 14px Arial; float: left; }
.capitular { padding: 4px 4px 7px 0px; font-size: 35px; float: left; }
.dialog { margin:0px auto; min-width:40em; }
.dialog .hd .c, .dialog .ft .c { font-size:1px;	height:19px; }
.dialog .ft .c { height:21px; }
.dialog .hd { background:transparent url(imagenes/tl2.gif) no-repeat 0 0; }
.dialog .hd .c { background:transparent url(imagenes/tr2.gif) no-repeat right 0; }
.dialog .bd { background:transparent url(imagenes/ml2.gif) repeat-y 0 0; }
.dialog .bd .c { background:transparent url(imagenes/mr2.gif) repeat-y right 0; }
.dialog .bd .c .s { margin:0 19px 0 4px; background:#ffffff url(imagenes/ms2.jpg) repeat-x 0 0;	padding:1em; }
.dialog .ft { background:transparent url(imagenes/bl2.gif) no-repeat 0 0; }
.dialog .ft .c { background:transparent url(imagenes/br2.gif) no-repeat right 0; }
/* content-specific */
.dialog h1 { font-size:2em; margin:0; padding:0; margin-top:-0.6em; }
.dialog p {	margin:0.5em 0 0 0; padding:0; font:0.95em/1.5em Tahoma, Arial, Helvetica, sans-serif; }
html>body .dialog pre { font-size:1.1em; }
/* set millions of background images */
.rbroundbox { background: url(imagenes/nt.gif) repeat; }
.rbtop div { background: url(imagenes/tl.gif) no-repeat top left; }
.rbtop { background: url(imagenes/tr.gif) no-repeat top right; }
.rbbot div { background: url(imagenes/bl.gif) no-repeat bottom left; }
.rbbot { background: url(imagenes/br.gif) no-repeat bottom right; }
/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot { width: 100%; height: 7px; font-size: 1px; }
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }

/*caja distribuidores*/
.distrib { background:transparent url(imagenes/fondo-distribuidor2.jpg) no-repeat right 0; top: 0; FONT-SIZE: 0.9em; FONT-FAMILY: Arial,Helvetica,Sans-Serif; width:878px; height:115; }


 /* el menu*/
.jqueryslidemenu { font: bold 0.8em Tahoma, Arial, Helvetica, sans-serif; background: #8ba004; width: 100%; text-align: center; }
.jqueryslidemenu ul { margin: 0; padding: 0; list-style-type: none; }
/*Top level list items*/
.jqueryslidemenu ul li { position: relative; display: inline; float: left; }
/*Top level menu link items style*/
.jqueryslidemenu ul li a { display: block; background: #8ba004; /*background of tabs (default state)*/ color: white; padding: 1px 10px; border-right: 1px solid #778; color: #8ba004; text-decoration: none; }
* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited { color: white; }
.jqueryslidemenu ul li a:hover { background: #c1d82f; /*tab link background during hover state*/ color: white; }
/*1st sub level menu*/
.jqueryslidemenu ul li ul { position: absolute; left: 0; display: block; visibility: hidden; }
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li { display: list-item; float: none; }
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul { top: 0; }
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a { font: normal 0.9em Tahoma, Arial, Helvetica, sans-serif; width: 168px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; }
.jqueryslidemenuz ul li ul li a:hover { /*sub menus hover style*/background: #eff9ff; color: black; }
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass { position: absolute; top: 6px; right: 7px; }
.rightarrowclass { position: absolute; top: 3px; right: 5px; }
/*  cajas cabecera   */
#cabecera1 { position:absolute; width:25%; left:1%; }
#cabecera2 { position:absolute; width:25%; left:26%; }
#cabecera3 { position:absolute; width:24%; left:36%; }
#caja4 { position:absolute; width:24%; left:51%; }
#caja5 { position:absolute; width:24%; left:36%; }
#caja6 { position:absolute; width:24%; left:76%; }
#caja7 { position:absolute; width:24%; left:76%; }
/*  cajas ficha   */
#columnaFOTOS { width:100px; margin: 0; padding: 5px; float: left; border-right: 1px solid #cccccc; text-align: center; }
html>body #columnaFOTOS { width:100px; }
#columnaDATOS { width:300px; margin: 0; padding: 5px; float: left; border-right: 1px solid #cccccc; text-align : left; }
html>body #columnaDATOS { width:300px; }
#columnaFORM { width:400px; margin: 10px; padding: 5px; float: left; text-align : left; }
html>body #columnaFORM { width:400px; }
#columnaFOTOS img, #columnaDATOS img, #columnaFORM img { /*float: right;*/ }
/* cajas destacado */
#destacado1 { 	width:200px; margin: 0; padding: 0 4px 0 4px; float: left; text-align : center; }
html>body #destacado1 { width:200px; }
#destacado2 { width:200px; margin: 0; padding: 0 4px 0 4px; float: left; text-align : center; }
html>body #destacado2 { width:200px; }
#destacado3 { width:200px; margin: 0; padding: 0 4px 0 4px; float: left; text-align : center; }
html>body #destacado3 { width:200px; }
#destacado4 { width:200px; margin: 0; padding: 0 4px 0 4px; float: left; text-align : center; }
html>body #destacado4 { width:200px; }
#destacado1 img, #destacado2 img, #destacado3 img, #destacado4 img, { /*float: right;*/ }
/* caja redondeada del buscador 
.b_rbroundbox { background: url(imagenes/b_nt.gif) repeat; }
.b_rbtop div { background: url(imagenes/b_tl.gif) no-repeat top left; }
.b_rbtop { background: url(imagenes/b_tr.gif) no-repeat top right; }
.b_rbbot div { background: url(imagenes/b_bl.gif) no-repeat bottom left; }
.b_rbbot { background: url(imagenes/b_br.gif) no-repeat bottom right; }
.b_rbtop div, .b_rbtop, .b_rbbot div, .b_rbbot { width: 100%; height: 7px; font-size: 1px; }
.b_rbcontent { margin: 0 7px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
.b_rbroundbox { width:560px; margin: 0.1em auto; float:right; }
html>body .b_rbroundbox{ width:580px; }*/

/* cajas 2 columnas de txto */
div.coltxtiz { width:425px; height:auto; float:left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 0; text-align:left; }
div.coltxtiz p { text-align: left; }
div.coltxtde { width:425px; height:auto; float:right; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:  0.8em; margin: 0; text-align:left; }
div.coltxtde p { text-align: left; }

/* caja distribuidor */
div.colIZQ { width:380px; height:auto; float:left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:  0.8em; margin: 0; }
div.colDER1 { width:460px; height:auto; float:right; margin: 0 0 0 20px; }
div.colDER1 p { text-align: center; }
div.colDER2 { width:140px; height:auto; float:right; padding:2px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:  0.8em; font-weight: bold; margin: 0 0 0 20px; }
div.colDERimg { width:100px; height:auto; float:right; padding:2px; margin: 0 10px 0 10px; }
div.colIZQimg { width:100px; height:auto; float:left; padding:2px; margin: 0 100px 0 10px; }
div.colCEN { width:480px; height:auto; float:left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:  0.8em; margin: 0 0 0 40px; text-align: left; }
div.colDER2 p { text-align: center; }
/* caja tabla */
table { float:left; vertical-align: top; width:700px; height:auto; border-collapse: collapse; border: 2px solid #C5BA85; font: normal 12px Tahoma, arial, helvetica, sans-serif; color: #333333; background: #BFE756; }
caption { padding: 0 .4em .4em; text-align: left; font-size: 1.2em; font-weight: bold; text-transform: uppercase; color: #333333; background: transparent; }
.listadoVendido{ text-align: left; font-size: 0.9em; font-weight: bold; text-transform: uppercase; color: #F48605; }
.paginar{ text-align: right; font-size: 0.9em; font-weight: bold; text-transform: uppercase; color: #F48605; }
td, th { color: #636363; border: 1px solid #cc9; padding: .3em; }
thead th, tfoot th { font: normal 13px Tahoma, arial, helvetica, sans-serif; border: transparent; text-align: left; font-size: 1em; font-weight: bold; color: #333333; background: #C5BA85; }
tbody td a { background: transparent; color: #72724c; text-decoration: none; }
tbody td a:hover { background: transparent; color: #636363; }
tbody th a { font: normal 11px Tahoma, arial, helvetica, sans-serif; background: transparent; color: #333333; text-decoration: none; font-weight:normal; }
tbody th a:hover { background: transparent; color: #333333; }
tbody th, tbody td { vertical-align: top; text-align: left; }
tfoot td { border: 1px solid #C5BA85; background: #C5BA85; }
.odd { background: #91AB59; }
tbody tr:hover { color: #333444; background: #DDCFAE; }
tbody tr:hover th, tbody tr.odd:hover th { background: #C5BA85; }
.tabla { width:100%; text-align:left; margin: 0em 2em 0em 5em; border-spacing: 10px; border-collapse: separate; table-layout: fixed; speak-headers: always; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:  0.8em; color: #000000; text-decoration:none; clear: both; }
listado { float: left; margin: 0em 2em 0em 5em; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:  0.8em; text-align:left; color: #000000; text-decoration:none; }
.tabla>listadoTITULOS { font-size:  1em; color: #000000; text-decoration:none; }
.tabla>listadoVendido { font-size:  0.8em; color: #cccccc; text-decoration:none; }
.tabla>listadoVendido2 { ont-size: 0.9em; color: #cccccc; text-decoration:none; }
.tabla>listadoconsultar { font-size: 0.7em; color: #9cb406; text-decoration:none; }
.thumbnail { position: relative; z-index: 0; }
.thumbnail:hover { background-color: transparent; z-index: 50; }
.thumbnail span { /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
.thumbnail span img { /*CSS for enlarged image*/ border-width: 0; padding: 2px; }
.thumbnail:hover span { /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ }
/* form */
.cssform p { width: 260px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 155px; /*width of left column containing the label elements*/ border-top: 1px dashed gray; 	height: 1%; }
.cssform label { font-weight: bold; float: left; margin-left: -155px; /*width of left column*/ width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ }
.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/ width: 180px; }
.cssform textarea { width: 250px; height: 150px; }
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix { margin-left: 3px; }