/* CSS Document */

/* *************************** */
/*  Diseño principal del sitio web: head, body, pie, menu, etc */ 
/* *************************** */
* {font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size:99%;}

	/* *************************** */
	/*  General */ 
	/* *************************** */	
input[type="text"], input[type="password"], textarea, input[type="file"], select    
{
	border: #DADDF0 1px solid;
	font-weight: lighter;
	padding: 2px;
}

hr.linea {color: #B1B8E2;}

a{font-size:50%;}
a:link {text-decoration:none;color:white;}
a:active {text-decoration:none;color:white;}
a:visited {text-decoration:none;color:white;}
a:hover {text-decoration:none;color: #CDD165;}

#letra_chica{ font-size: 70%}
.letra_chica{ font-size: 70%}



body {margin: 0 0 0 0 ;}


	/* *************************** */
	/*  HEAD  */ 
	/* *************************** */

body, div.head_background, div.pie_background, form.login{background-color: white; }



div.head_background
{
	margin:0px 0px 0px 0px;
	position: relative; 
	height: 100px; 
/*
	background-image:url(../imagenes/fondo_head.png); 
	background-position: left 0px;
	background-repeat: repeat-x; 
*/
	text-align: center; 
	border-bottom: 4px solid #A5A9C0;
}

div.head
{
	position: relative;
	height:96px;
	width:800px;
	margin:auto
}


	/* *************************** */
	/* MENU: inicio, mapa, contacto */ 
	/* *************************** */

div.menu_web
{
	width: 140px;
	height: 22px;
	position: absolute;
	bottom:0px;
	right:430px;
}


a.menu_seccion
{
	text-align: center;
	font-size: 12px;
	color: #EEEEEE;
	display: block;
	width: 135px;
	height: 19px;
	background-image: url(../imagenes/menu_seccion3.png); 
	background-position: left -52px;
	padding-top: 7px;
	cursor: pointer;
}
a.menu_seccion:hover
{
	background-position: left -26px;
	font-size: 12px;
	color: white;
	cursor: pointer;
}

a.menu_seccion_select
{
	text-align: center;
	font-size: 12px;
	color: white;
	display: block;
	width: 135px;
	height: 19px;
	background-image: url(../imagenes/menu_seccion3.png); 
	background-position: left 0px;
	padding-top: 7px;
	cursor: pointer;
}



	/* *************************** */
	/*  Body - Contenido  */ 
	/* *************************** */

div.body
{
	padding-top: 0px;
	position:relative;
	background-color:#202C76;
	background-image: url(../imagenes/fondo_desg.png); 
	background-repeat: repeat-x;
	background-position: left -300px;
	text-align:center;
}

div.body_fondo_top
{
	position:absolute;
	width: 100%;
	top:0px;
	left: 0px;
	background-image: url(../imagenes/contenido_fondo_top.png); 
	background-repeat: repeat-x;
}


div.contenido
{ 	
	margin:auto;
	position:relative;
	width:800px;
	text-align:left;
	min-height:300px;
	
}
div.contenido_left
{ 	
	position:relative;
	width:800px;
	text-align:left;
	padding-top: 10px;
	min-height:350px;
	background-image: url(../imagenes/contenido_fondo_top3.png); 
	background-repeat: no-repeat;
}
div.contenido_left_fondo
{
	background-color: white;
	width:800px;
	min-height:300px;
}
div.contenido_bottom_fondo
{
	height:10px;
	background-image: url(../imagenes/contenido_fondo_bottom.png); 
	background-repeat: no-repeat;
}
	/* *************************** */
	/*  PIE  */ 
	/* *************************** */

div.pie_background
{
	position:relative;
	background-image: url(../imagenes/pie.png); 
	background-position: left 0px;
	background-repeat: repeat-x; 
	text-align:center;   
	margin:0px 0px 0px 0px;
}

div.pie
{ 	
	margin:auto;
	position:relative;
	width:800px;
	height:160px;
	text-align:left;
}


a.pie {font-size:95%;text-decoration:none; font-weight: bold;}
a.pie:link {color:white;}
a.pie:active {color:white;}
a.pie:visited {color:white;}
a.pie:hover{color: #7A77B0;}


/* *************************** */
/* FIN - Diseño principal del sitio web: head, body, pie, menu, etc */ 
/* *************************** */








/* *************************** */
/*  CSS Msj    */
/* *************************** */

div.msj_error_campo
{
	margin-top: 1px; 
	margin-left: 1px; 
	background-image: url(../imagenes/error.gif); 
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #B6120A;
	border-top: 1px solid #B6120A;
	border-left: 1px solid #B6120A;
	border-right: 1px solid #B6120A;
	color:#708090;
	background-color: #FFF9F9;
}


div.msj_confirmacion {
	margin-top: 1px;
	border-bottom: 1px solid #549864;
	border-top: 1px solid #549864;
	border-left: 1px solid #549864;
	border-right: 1px solid #549864;
	color:#708090;
	background-color: #C8E4CF;
}
p.msj_confirmacion {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	}
font.msj_confirmacion
{
	margin-left:10px;
}



/* FIN - CSS Msj   */
/* *************************** */






/* *************************** */
/* productos_en_listado */
/* *************************** */
div.productos_en_listado
{
	position: relative; 
	height:185px;
}


div.producto_en_listado_contenido
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}


div.productos_en_listado_info
{
	color: #464651
}


img.img_listado_categoria
{
 bottom: 10px; left:5px
}

a.producto_en_listado {cursor: pointer; display: block;text-decoration:none; height: 155px; padding-top: 5px;position: relative;width:200px; text-align: center;	margin-right: 5px;margin-bottom: 5px }
a.producto_en_listado:link  {color:white;}
a.producto_en_listado:active {color:white;}
a.producto_en_listado:visited {color:white;}
a.producto_en_listado:hover
{
	color: #CDD165;	
}


a.categoria_en_listado {cursor: pointer; display: block;text-decoration:none; height: 155px; padding-top: 5px;position: relative;width:200px; text-align: center;	background-image: url(../imagenes/producto_listado.png); background-repeat: no-repeat; background-position: right -160px;margin-right: 5px;margin-bottom: 5px }
a.categoria_en_listado:link  {color:white;}
a.categoria_en_listado:active {color:white;}
a.categoria_en_listado:visited {color:white;}
a.categoria_en_listado:hover
{
	color: #CDD165;	
	background-position: left 0px;
	background-repeat: no-repeat; 
}

/* *************************** */
/* datos_producto */
/* *************************** */

td.datos_producto_dato
{
	border-right: 2px solid white; 
	border-bottom: 1px solid white; 
	color: white;
	font-weight: bold; 
	padding: 3px 3px 3px 3px
}

td.datos_producto_info
{
	border-bottom: 1px solid white;
	color: #C7C7C7; 
	padding: 3px 3px 3px 3px;
	
}

div.datos_producto
{
	background-color: #333333;
	padding: 0px 3px 0px 3px;
	width: 594px;
	padding-bottom:10px;
}


div.bloque_contenido_top
{ 	
	position:relative;
	background-image: url(../imagenes/seccion_datos_top.png); 
	padding-top: 10px; 
	width: 602px;
	background-repeat: no-repeat;
	padding-left:1px; 
	padding-right:1px;
}
div.bloque_contenido_bottom
{ 	
	position: absolute; 
	left:0px;bottom: 0px;
	background-position: left bottom ;
	background-image: url(../imagenes/seccion_datos_bottom.png); 
	padding-top: 10px; 
	width: 602px;
	background-repeat: no-repeat;
	padding-left:1px; 
	padding-right:1px
}


a.gris:link {color: #D0D0B3; text-decoration: none;}
a.gris:active {color: #D0D0B3; text-decoration: none;}
a.gris:visited {color: #D0D0B3; text-decoration: none;}
a.gris:hover{color:#CDD165; text-decoration:none;}



/* *************************** */
/*  Menu Idiomas  */ 
/* *************************** */

a.menu {text-decoration:none; height: 25px; display: block; padding-top: 5px;}
a.menu:link {color:#666666;}
a.menu:active {color:#666666;}
a.menu:visited {color:#666666;}
a.menu:hover{color: #CDD165;}

a.menu_select {text-decoration:none; height: 25px; display: block; padding-top: 5px;}
a.menu_select:link {color:#CDD165;}
a.menu_select:active {color:#CDD165;}
a.menu_select:visited {color:#CDD165;}
a.menu_select:hover{color: #CDD165;}


div.menu
{
	position: relative;
	height:35px;
	width:800px;
	margin:auto
}

div.boton_menu_right
{
	height:25px; 
	width:70px; 
	background-image: url(../imagenes/boton_right.jpg); 
	background-repeat: no-repeat; 
	background-position: right -72px; 
	position: absolute; 
}

div.boton_menu_left_select
{
	height:25px; 
	background-image: url(../imagenes/boton_left.jpg); 
	background-repeat: no-repeat;
	background-position: left 0px;
	text-align: center
	
}


div.boton_menu_right_select
{
	height:25px; 
	width:70px; 
	background-image: url(../imagenes/boton_right.jpg); 
	background-repeat: no-repeat; 
	background-position: right 0px; 
	position: absolute; 
	
}

div.boton_menu_left
{
	height:25px; 
	background-image: url(../imagenes/boton_left.jpg); 
	background-repeat: no-repeat;
	background-position: left -72px;
	text-align: center
}


div.boton_menu_right:hover
{
	background-position:right -36px;
}

div.boton_menu_left:hover
{
	background-position: left -36px;
}


/*  FIN - Menu Idiomas */ 
/* *************************** */

/* *************************** */
/* Tabla para listar */
/* *************************** */
tr.head {background-image: url(../imagenes/tabla_head.gif); background-repeat: repeat-x;text-align: center; color: white; height: 20px;}
table.datos {color: white;}
table.datos_letra_chica {color: white;font-size:50%}

a.tabla_gris{ background-color: #363636;color: #708090; display: block;text-decoration:none; cursor: pointer}
a.tabla_gris_claro {background-color: #313131; color: #708090; display: block;text-decoration:none; cursor: pointer}	

a.tabla_gris_claro:hover, a.tabla_gris:hover {background-color: #484848;text-decoration:none ; cursor: pointer}


/* *************************** */
/*  Tabla clientes  */ 
/* *************************** */
div.table_clientes
{
	display: table; 
	width: 602px;
	color: white;
}
div.row_clientes
{
	display: table-row;
	width:auto;
}
div.td_clientes
{
	display: table-cell; float:left;padding: 3px 3px 3px 3px
}

a.fondo1{ background-color: #363636; color: #708090; display: block;text-decoration:none; cursor: pointer}
a.fondo2 {background-color: #313131; color: #708090; display: block;text-decoration:none; cursor: pointer}	

a.fondo1:hover, a.fondo2:hover {background-color: #484848;text-decoration:none ; cursor: pointer}

/* *************************** */
/*    */ 
/* *************************** */
div.titulo_seccion
{
	font-size: 105%;
	color: white;
	background-image: url(../imagenes/titulo_seccion.jpg); 
	background-repeat: no-repeat;
	text-align: center; 
	color: white; 
	height: 25px;
	width: 300px;
	padding: 3px 0px 3px 0px;
}

.texto_blanco
{
 color: white;
}