BODY {
font : 12pt Arial, Verdana, Geneva,  Helvetica, sans-serif;
/*color: #0000CC;  */
color:#000066;
width: 800px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
}

#cabecera{
margin-top:0;
margin-left:auto;
margin-right:auto;
text-align: center;
border:none;
background-image: url(fotos/fondo.png);
height:170px;
width:800px;
}

#pie{
height:50px;
clear : both;
color : #808080;
text-align : right;
margin : 0px 0px 0px 0px;
padding:0 0 0 0;
background-image: url(fotos/pie.png);
background-repeat:no-repeat;
background-position:top;
}

#contenedor{
width: 100%;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
background-image: url(fotos/centro.png);
background-repeat:repeat-y; 
}
 
#cabecera_datos{
font : 9pt Arial, Verdana, Geneva,  Helvetica, sans-serif;
height : 60px;
width: 250px;
top:0px;
left:600px;
float:right;
text-align: left;
margin-top:10px;
color : #004200;
}

#navegador{
color: #86a49d;
background : #004200;
padding : 3px 10px 5px 10px;
border-top : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
FONT: bold 14px Tahoma; 
} 

#listado{
width: 100%;
height: 260px;
overflow:auto;
}

#contenedor_b{
width: 100%;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
height:50px;
}


A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{
color: #ffffff;
}

A.enlacenav:HOVER{
color: #e7fd4d;
cursor:pointer;
border-color: #ffffff;
} 

.class_form { 
FONT: bold 12px Arial; 
COLOR:  #333333; 
BACKGROUND-COLOR: #e2e0cb;
BORDER-BOTTOM: #ffcc33 2px solid; 
BORDER-RIGHT: #d2d0bb 2px solid; 
 }
 
.form_campos {
	width: 260px;
    text-transform: uppercase	
}

.form_campos_req{
  background-color: yellow;
}

.form_label{
	width: 80px;
	text-align: right;
}


.combo_enabled{
    text-transform: uppercase;
	width:250px;
	background-color:white;
}

.combo_disabled{
    text-transform: uppercase;
	width:250px;
	background-color:#e2e0cb;
}

.combo_f_enabled{
	width:80px;
	background-color:white;
}

.combo_f_disabled{
	width:80px;
	background-color:#e2e0cb;
}

.campo_info{
	width:250px;
	background-color:#fdfed8;
	color: black;
}

 
.option_null{
	background-color:#fefdcd;
	color: blue;
}
 
.class_login {
text-align: left; 
width: 360px; 
height: 201px; 
margin-left: auto; 
margin-right: auto;
FONT: bold 12px Arial; 
COLOR: #333333; 
BACKGROUND-COLOR: #e2e0cb;
BORDER-BOTTOM: #808080 2px solid; 
BORDER-RIGHT: #d2d0bb 2px solid; 
PADDING-RIGHT: 1px; 
PADDING-LEFT: 1px;
}
 
.class_login TABLE{
BORDER-BOTTOM: #ffcc33 2px solid; 
BORDER-RIGHT: #d2d0bb 2px solid; 
} 
.class_login TH{
  background-color: #003300;
  color: #d1dbe9;
 }

.class_th { 
BORDER-BOTTOM: #ffcc33 2px solid; 
BORDER-RIGHT: #d2d0bb 2px solid; 
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; 
PADDING-TOP: 0px;
FONT: bold 12px Arial; 
COLOR: #333333; 
BACKGROUND-COLOR: #e2e0cb;
 }

.class_td
{ BORDER: #c1b69b 1px solid; 
BACKGROUND-COLOR: #ffffff;
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; 
PADDING-TOP: 0px;
FONT: normal 12px Tahoma; 
height: 30px;} 




#botones {
  font : 9pt Arial, Verdana, Geneva,  Helvetica, sans-serif;
  padding: 5px 5px 5px 5px;
  height: 20px;
  background-color: #FFFFFF;
}

#botones a {
  background-color: #122852;
  padding: 2px 8px 2px 8px;
  border:1px solid;
  border-color: #000000;
  text-decoration: none;
  color:#FFFFFF;
}

#botones a:hover {
  background-color: #DDDDDD;
  color: #122852
}



#error{
font : 9pt Arial, Verdana, Geneva,  Helvetica, sans-serif;
width=100%;
padding: 0px 8px 2px 8px;
background-color:#000000;
text-align: center;
color: #FFFFDD;
font-weight: bold;
}

.icono{
 width:16px;
 height:16px;
 margin:2px 6px 2px 2px;
 border:none;
}

#paginas { width: 100%; color: #C0C0C0;
   cursor:default;
}



#paginas td{
  background-color: #122852;
  font : 9pt Arial, Verdana, Geneva,  Helvetica, sans-serif;
  padding: 2px 8px 2px 8px;
  border:1px solid;
  border-color: #000000;
  text-decoration: none;
  color:#AAAAAA;
}

#paginas a {
  border-color: #000000;
  color:#FFFFFF;
  background-color: #122852;
  cursor:pointer;
}


#paginas a:hover
{
  color: #C4C84F;
}

#imagen
{
  width : 800px;
  height: 200px;
}

#opc_productos{}

#lista_cat
{
 width: 500px 
}


.class_bienvenida {
text-align: left; 
width: 700px; 
height: 300px; 
margin-left: auto; 
margin-right: auto;
FONT: bold 12px Arial; 
COLOR: #333333; 
BACKGROUND-COLOR: #e2e0cb;
BORDER-BOTTOM: #808080 2px solid; 
BORDER-RIGHT: #d2d0bb 2px solid; 
PADDING-RIGHT: 1px; 
PADDING-LEFT: 1px;
}

.class_bienvenida TABLE{
BORDER-BOTTOM: #ffcc33 2px solid; 
BORDER-RIGHT: #d2d0bb 2px solid; 
} 
.class_bienvenida TH{
  background-color: #004080;
  color: #d1dbe9;
 }
 
.texto_avisos{
	PADDING:5PX 5PX 5PX 5PX;		
	height:300PX;
	width:400PX;
	overflow:AUTO;
	color:#004200;
}

#menu{
  width:200px;	  
}

#menu a{
text-align:left;
color: #004200;
font : 11pt Arial, Verdana, Geneva,  Helvetica, sans-serif;
font-weight:bold;
padding: 2px 15px 2px 15px;
height: auto;
background-color: #D8CFAD;
text-decoration: none;  
}

#menu a:HOVER{
text-align:left;
font : 11pt Arial, Verdana, Geneva,  Helvetica, sans-serif;
font-weight:bold;
color: #a8772f;
padding: 2px 15px 2px 15px;
cursor:pointer;
} 


#menu H1{
	FONT:9pt Arial, Verdana, Geneva,  Helvetica, sans-serif;
	text-align: left;	
	Color: #003333;
	font-weight: bold;
}

#botonesfla {
	width:570px;
	height:auto;
    float:right;
    	
}

#vaso {
	width:220px;
	height:auto;
    float:left;
}

#contenedorForm{
	float: right;
	width: 350px;
	padding-left:35;
	padding-right:35;	
}

#form-it {
	position:center;
	width:405px;		
	height:60px;
}

#form-b  {
	position:center;
	width:405px;		
	height:60px;
}

#form-c  {
	width:405px;		
}

#form-item {
	position:center;
	width:300px;	
	padding-left:75px;		
}

#contenedorFormIzq{
	float: left;
	width: 300px;
	padding-left:35px;
	padding-right:35px;
}

.superior {
	width:760px;		
	height:50px;
	background-repeat:no-repeat;
	background-image: url(fotos/superior.png);
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
}

.centro  {
	width:780px;		
	background-repeat: repeat;
	background-image: url(fotos/centro.png);
	/*padding-left:10px;
	padding-right:10px;*/
}

.inferior  {
	width:760px;		
	height:70px;
	background-repeat:no-repeat;
	background-image: url(fotos/inferior.png);
	padding-left:10px;
	padding-right:10px;
}

#contenedorprincipal {
	width: 800px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;	
	padding-left:10px;
	padding-right:10px;
}

#textoprincipal {
	float: right;
	width: 380px;
	padding-left:10px;
	padding-right:10px;
}

#flaprincipal {
	float: left;
	width: 320px;
	padding-left:10px;
	padding-right:10px;
}