﻿/*
------------------------------------------------------------
HTML tags
------------------------------------------------------------
*/
body 
{
    background-color:#DBDBDB;
	color:#000033;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
	/*background-image:url('../img/logo2.jpg');*/
}

h1
{
    font-size:12px;
}

h2
{
    font-size:18px;
}

h1, h2, h3
{
    text-decoration: underline;
}


/*
------------------------------------------------------------
IDs
------------------------------------------------------------
*/
#wrapper
{
    margin:auto;
    width:900px;
    background-color: #E6E0CE;
	height:auto;
	padding-top:8px;
	border:#333333;
	padding-bottom:20px;
	/*background-image:url(../img/Mixed_Berries.gif);*/
		
}

#formulario
{
    margin:auto;
    width:816px;
	height:1056px;
	padding-top:8px;
	border:#333333;
	padding-bottom:20px;
	background:url("../img/formulario.jpg");
		
}

#letra
{
padding-top:55px;
padding-left:420px;
padding-right:396px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font:bold;
color: #000000;
}



#nro
{
padding-top:55px;
padding-left:420px;
padding-right:396px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font:bold;
color: #000000;
}

#foot
{
	margin:auto;
	text-align:center;
	height:55px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px
	color: #000000;
	background-color:#FFFFFF;
	width:850px;
	border:thin;
	border-top-color:#FF9900;
		
}
#tabsI 
 {
  float:left;
  width:100%;
  background:#EFF4FA;
  font-size:93%;
  line-height:normal;
  border-bottom:1px solid #DD740B;
  }

#tabsI ul 
 {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
  }
#tabsI li 
 {
  display:inline;
  margin:0;
  padding:0;
  }

#tabsI a 
 {
  float:left;
  background:url("../img/tableft11.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 0;
  text-decoration:none;
  font: bold 10px/1.5em Verdana;
  }
#tabsI a span 
 {
  float:left;
  display:block;
  background:url("../img/tabright11.gif") no-repeat right top;
  padding:5px 10px 4px 6px;
  color: #000033;
   /*#84776B #DD740B;*/
  font: bold 10px/1.5em Verdana;
 }
 
#tabsI a span {float:none;}

#tabsI a:hover span 
{
color:#FFF;
}
#tabsI a:hover 
{
background-position:0% -42px;
}
#tabsI a:hover span 
{
background-position:100% -42px;
}

#tabsI #current a 
{
background-position:0% -42px;
}
#tabsI #current a span {

background-position:100% -42px;
}
#header
{
	/*background-image:url('../img/Logo5.jpg');	*/
    text-align:left;
	height:136px;

	/*
    height:30px;
	padding-top:30px;
	padding-left:10px;
	*/
}

#container_left/*Lo uso para el tipo de cambio*/
{
clear:both;
margin: auto;
margin-right:7px;
background-color:#FFF8F0;
border-style:solid;
border-width:1;
border-color:#FCB833;
text-align:right;
padding: 5px 5px 5px 5px;
width:170px;
height:100px;
}

#container_moneda /*Lo uso para el convertidor de moneda*/
{
clear:both;
margin: auto;
margin-right:7px;
background-color:#EADFE0;
color:#000000;
padding: 5px 5px 5px 5px;
border-style:solid;
border-width:1;
border-color:#990033;
text-align:right;
width:170px;
height:260px;
}

#container_clima /*Lo uso para el clima*/
{
clear:both;
margin: auto;
margin-right:7px;
background-color:#FFFFFF;
color:#000000;
padding: 5px 5px 5px 5px;
border-style:solid;
border-width:1;
border-color:#000033;
text-align:right;
width:170px;
height:100px;
}
#container_borde /*Lo uso bordear las tablas*/
{
clear:both;
margin: auto;
background-color:#FFFFFF;
color:#000000;
padding: 10px 10px 10px 10px;
border-style:solid;
border-width:1;
border-color:#FCB833;
width:650px;
height:auto;
}

#menu8 {
        width: 200px;
        margin: 10px;
        border-style: solid;
        border-color: #656556;
        border-size: 1px;
        border-width: 1px;
        }

#menu8 li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu8 li a:link, #menu8 li a:visited {
        color: #656556;
        display: block;
        background:  url(../img/menu8.gif);
        padding: 8px 0 0 20px;
        }

#menu8 li a:hover, #menu8 li #current {
        color: #474739;
        background:  url(../img/menu8.gif) 0 -32px;
        padding: 8px 0 0 20px;
        }


/*
------------------------------------------------------------
Clases
------------------------------------------------------------
*/

.cuerpo
{
    margin:auto;
    width:850px;
    background-color:#FFFFFF;
	height:auto;
	border:#333333;
	padding-top:5px;
	padding-bottom:15px;
}

.cuerpo2 /*Lo uso para la página principal*/
{
    margin:auto;
    width:850px;
    background-color:#FFFFFF;
	height:auto;
	border:#333333;
	padding-top:5px;
	padding-bottom:5px;
}

.tipo_comp
{
	clear:both;
	padding-top:0px;
	padding-left:61px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font:bold;
	color: #000000;
}
.container
{
	clear:both;
	margin: auto;
	margin-right:7px;
	background-color:#FFFFFF;
	/*border-top-color:#000033;
	border-left-color:#000033;
	border-right-color:#000033;
	border:thin;
	border-style:dotted*/
	color:#FFFFFF;
	text-align:center;
	padding: 5px 10px 5px 5px;
	width:20%;
	height:120px;
}

.container_med
{
	clear:both;
	background-color:#E6E0CE;
	/*background-color:#EDA93B;*/
	color:#000000;
	text-align:center;
	padding-top:3px;
	height:20px;
}

.container_comprobantes
{
	clear:both;
	background-color:#DBDBDB;
	/*background-color:#EDA93B;*/
	color:#000000;
	text-align:center;
	padding-top:3px;
	height:20px;
}
.space_small
{
	clear:both;
	height:15px;
	padding-right: 15px;
}

.space_medio /*Lo uso para poner el User conectado*/
{
	clear:both;
	height:30px;
	padding-top:10px;
	
}
.space_med
{
	clear:both;
	height:0px;
	width:0px;
	padding-left:5px;
	/*background-image:url(../img/arandano.jpg);*/
	
}

.space_hi /*Lo uso para los flash de titulo*/
{
	clear:both;
	height:58px;
	background-color:#E6E0CE;
	padding-top:8px;
	padding-bottom:8px;
}
.space_ppal /*Lo uso para los flash de titulo*/
{
	clear:both;
	height:457px;
	padding-top:8px;
	padding-bottom:8px;
}
.button /*Clase para los botones*/
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000033;
background-color:#DBDBDB;
font-weight:bold;
}
.header_table /*Titulo de algunas tablas*/
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000033;
font-weight:bold;
}
.table_prod /*Lo uso para las tablas de variedades de producto*/
{

border-style:solid;
border-color:#CCCCCC;
vertical-align:text-top;

}

.table /*Lo uso para las tablas contenedoras de todos los comprobantes y demás*/
{
border-style:dotted;
border-color:#FCB833;
text-align:center;
border-width:1;
bordercolordark:#FFFFFF; 
bordercolorlight:#FFFFFF;
border-collapse:collapse;
}

.tabla_listado/*Lo uso para las tablas que listan documentos*/
{
border-style:solid;
border-color:#666666;
text-align:center;
border-width:thin;
bordercolordark:#666666; 
bordercolorlight:#666666;
border-collapse:collapse;
border-left:#666666;
border-right:#666666;

}
.centra
{
text-align:center;
}

.justificado
{
text-align:justify;
}

.encabezado /*Lo uso para el encabezado de las tablas de variedades de productos*/
{
border-style:solid;
border-width:thin;
border-color:#990033;
}

.setea_tabla
{

border-bottom-color:#FFFFFF;
border-left-color:#FFFFFF;
border-right-color:#FFFFFF;
border-top-color:#FFFFFF;
}


.title
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
font-weight:bold;
}

.title_blanco /*Lo uso para la carga de proceso*/
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
font-weight:bold;
}

/*
------------------------------------------------------------
Links
------------------------------------------------------------
*/
a:link, a:visited {
	color:#000000;
	text-decoration:inherit;
	text-shadow:#CCCCCC;
	font-weight:bold;
}
a:hover {
	color:#999999;
	text-decoration:underline;
	font-weight:bold;
	
}
 a:active {	
 color:#000000;
 text-decoration:underline;
 font-weight:bold;
}