/*   

CSS PARA  firefox

COMIENZO 20/01/2010

Roberto Tanner

maquetacion de pagina web

www.imprenet.com.ar

 */

/*  
ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
										Extructura de la web
ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
  */
body{
	height: 100%;
	text-align:center;
	font-size : 1em;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-stretch : normal;
	letter-spacing : normal;
	/*background-image : url(imagen/fondo.jpg);
	background-image: url(patterns/437.png);
	background-repeat : repeat;
	*/
	color: #fff;
	overflow : auto;
}
  
 a img{
	border: none;
	margin: 1px;
}

#contenedor{
	width: 1024px;
	margin: 0 auto 75 auto;
	text-align:left;
	overflow: hidden;
	/* vvvv*/
}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #fff;
	}
a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #d5d5d5;
}
a:hover, a:active {
	text-decoration: line-through;
	color: #fff;
}
	
#cabecera{
	width: 616px;
	height: 77px;
	background-image : url(imagen/encabezado.jpg);
	background-repeat : no-repeat;
	background-position : center;
} 

#cuerpo{
	width : 820px;
	float : left;
	padding-bottom: 30000px;
	margin-bottom: -30000px;
}


#izq{
	width: 200px;
	float: left;
	margin-top : 0px;
	padding-bottom: 30000px;
	margin-bottom: -30000px;
}


#der{
	width: 200px;
	float: right;
	margin-top : 0px;
	padding-bottom: 30000px;
	margin-bottom: -30000px;
}

#medio{
	width: 614px;
	float : right;
	background-color : Black;
}

#interno{
	position : absolute;
	width: 196px;
	margin-left: 4px;
	background-image : url(imagen/lateral.jpg);
	background-repeat : repeat;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
	height: 3000px;  /*   aca transparencia laterales altura*/
	/*padding-bottom: 30000px;
	margin-bottom: -30000px;*/
}

#s_opacidad{
	position : absolute;
	width: 196px;
	height : 3000px;  
	margin-top : 5px;
	margin-left : 2px;
	color: #fff;
	font-size : 0.8em;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
}
#pie_fijo {
	background-image: url(bottom.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 50px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 5;
	background-color : #000;
}

/*     Caja contenedora de las notas       */
#nota{
	width : 616px;
	margin-top : 5px;
}
#segmento{
	width: 616px;
	height: 300;
	margin-top : 4px;
}
#caja_segmento_i{
	width: 200px;
	float: left;
	margin : 0 4 0 2;
}
#caja_segmento_m{
	width: 200px;
		float: left;
			margin : 0 2 0 2;
}
#caja_segmento_d{
	width: 200px;
	float: right;
	margin : 0 2 0 4;
}
#nota_izq{
	width : 433px;
	float : left;
}
#nota_der{
	width : 180px;
	float : right;
	font-size : 0.9em;

}
#nota_comentario{
	width : 596px;
	clear : both;
	margin-bottom : 5px;
	padding : 7px 7px 0px 10px;
	font-family : sans-serif;
	text-align : justify;
	line-height : 1.5em;
}
#nota_imagen{
	width : 616px;
	clear : both;
	margin-bottom : 5px;
	padding : 3px 0px 3px 0px;
}
#nota_separador{
	width : 616px;
	clear : both;
	margin-bottom : 5px;
	padding : 0 0 0 0;
}
/*    FIN Caja contenedora de las notas       */
 #pie{
 margin-top: 0px;
	width: 1024px;
	height: 44px;
	border: none;
	background-image : url(catalogo/pie_proveedores.jpg);
	background-repeat : no-repeat;
	background-position : center;
}
/*

div informes

*/
#div_informes{
	z-index: 1;
	width: 100%;
	height: 100%;
	position : absolute;
}
 
 #fondo_informes{
	position : absolute;
	width: 100%;
	background-image : url(imagen/lateral.jpg);
	background-repeat : repeat;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	-khtml-opacity: 0.9;
	height: 100%;
	/*padding-bottom: 30000px;
	margin-bottom: -30000px;
	*/
}
 
 #s_opacidad_info{
	position : absolute;
	width: 196px;
	color: #fff;
	font-size : 0.8em;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	margin : 25% 40% 25% 40%;
	background-color : Red;
}

/*

fin div informes

*/
 
 #form_index{
	width: 600px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
	background-image: url(imagen/fondo_form.jpg);
	background-repeat: repeat;
}
 
  #form_amigo{
	width: 300px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
}

  #form_sube{
	width: 300px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
	margin-bottom : 30px;
}

  #div_comentario{
	width: 596px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 7px;
}
input {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #000;
	background-color: #D1D1D1;
	border: #000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px
}

label{
margin-left: 6px;
font-family: Tahoma, Verdana, Arial; 
font-size: 1emp; color: #fff; 
width: 40%;
float: left;
}

Textarea { 
font-family: Tahoma, Verdana, Arial; 
font-size: 11px; color: #000; 
background-color: #d1d1d1; 
border: #000; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px
}
  
  /*  
ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
										fin Extructura de la web
ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
  */
  
  
  
    /*  
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
										TEXTO
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
  */
 
 #desc_items{
  margin-top: 10px;
	font-size: 1.3em;
	line-height : 1.5em;
} 
  
  
  
      /*  
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
									FIN 	TEXTO
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
  */
  
  
  
        /*  
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
									MENU
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
 */
 
 #menu1{
	margin-left: 5px;
	margin-top: 20px;
}

  #menu {
	font-family: arial, "lucida sans", verdana, helvetica, sans-serif;
	font-size: 0.9em;
	background-color: #3366cc;
	margin-left : 137px;
}

#menu li {
	/* Indicamos que la posición de 'li' sea adjunte siempre a la izquierda */
	float: left;
	/* Eliminamos las marcas que genera el li como pueden ser las redonadas o recuadros */
	list-style-type: none;
	background-color : Black;
}

/* Por defecto ul genera una separación hacia la derecha. con margin:0 queda anulada */
#menu ul {
	margin: 0;
	padding: 0;
	padding-top : 0px;
}

#menu a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background-image : url(catalogo/menu.jpg);
	width : 150px;
	height : 23px;
	background-repeat : no-repeat;
	font-weight : bold;
	/* border: 1px solid #6643ff;
	Pintamos las lineas de todos los lados, excepto el izquierdo border-width: 1px 1px 1px 0;
	*/
}

/* El primer recuadro, no tiene la linea izquierda. Aqui se la colocamos */


#menu a:hover {
	text-align: center;
	background-image : url(catalogo/menu.jpg);
	width : 150px;
	height : 23px;
	background-repeat : no-repeat;
	font-weight : bold;
filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
        -khtml-opacity: 0.5;
}

#fondo_menu{
	width: 1024px;
	Height: 23px;
	background-color : #da9695;
}

        /*  
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
								FIN 	MENU
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
  */

  
  
  
        /*  
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
								ICONOS  CATALOGO
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
  */
.opacidad {  
   filter:alpha(opacity=50);  
  -moz-opacity:0.5;  
   -khtml-opacity: 0.5;  
   opacity: 0.5;  

} 

/*   opacidad para iconos   */
a.linkopacity img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
	margin-left: 2px;
	margin-right: 2px;
	}
 
a.linkopacity:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;
			margin-left: 2px;
		margin-right: 2px;
}

#iconos_cat{
	width: 100px;
	height: 100px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 10px;
	float: left;
}
/*   fin   opacidad para iconos   */

        /*  
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
							FIN  	ICONOS  CATALOGO
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
*/

#banner{
	margin-left: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-top: 5px;
}