/*-------------------------------------------------------------------------
 Clic 2006
---------------------------------------------------------------------------
 File: layout.css
 Sitio: www.jihnos.com
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
 Estilos para construccion del layout.
--------------------------------------------------------------------------*/
	
	#wrapper{
		width:774px;
		position:absolute;
		margin:0px;
		padding:0px;
		margin-left:-387px;
		left:50%;
	}
	#header{
	 	background:url(../img/top.jpg) no-repeat;
		width:100%;
		height:180px;
		
	}
	#header h1{
		display:none;
		margin:none;
		padding:none;	
	}
	/*-- Menu css classes 
	------------------------------------------------*/
	#menu{
		background:url(../img/menu_bg.jpg) no-repeat;
		width:100%;
		height:26px;
	}
	
	#menu #con {
		padding-top:3px;
	}

	/*-- = Menu css classes 
	------------------------------------------------*/

	#body{
		background:url(../img/page_bg.jpg) repeat-y;
		/* Solución de altura minima para navegadores más populares */
		/* Minimum Height fix for popular web browser */
		min-height: 450px;
		height: auto !important;
		height: 450px;
	}
	
	#helper1{
		background:url(../img/page_bg_0.jpg) repeat-y;
		position:absolute;
		z-index:0;
		top:206px;
		left:601px;
		
		width:172px;
		min-height: 48px;
		height: auto !important;
		height: 48px;
	}
	#helper1 span{
		display:none;
		z-index:-1;
	}
	
	#foot{
		background:url(../img/page_pie.jpg) no-repeat;
		text-align:center;
		padding-top:3px;
		/* Minimum Height fix for popular web browser */
		min-height: 53px;
		height: auto !important;
		height: 53px;
	}
	
	#title{
		padding-top:8px;
		padding-left:1px;
		padding-bottom:5px;
	}


	#content, .content{
		padding-left:7px;
		padding-right:7px;
		text-align:justify;
	}
	 .minumHeight, .minumHeight{
		min-height: 450px;
		height: auto !important;
		height: 450px;
	}
	/*-- IMG css classes 
	------------------------------------------------*/
	.left, .marcoFlash, .marco{
		float:left;
		padding:2px;
		margin-right:3px;
		border: 1px solid #2E82AB;
	}
	
	.marcoFlash, .marco{
		float:none;
	}
	/*-- = IMG css classes 
	------------------------------------------------*/
	
	
	/*-- Listados de direcciones 
	------------------------------------------------*/
	#listados{
		margin-left:auto;
		margin-right:auto;
		width:690px
	}
		
	#listados ul.leftul, #listados ul.rightul{
		margin:0px;
		padding:0px;
		width:48%
	}
	#listados ul.leftul{
		float:left;
		margin-left:5px;
	}
	
	#listados ul li{
			list-style:none;
		list-style-image: none;
	}
	
	#listados ul.rightul{
		float:right;
		margin-right:5px;
	}
	/*-- = Listados de direcciones 
	------------------------------------------------*/
	
	/*-- Tabla de productos
	------------------------------------------------*/
	#tblProductos td { padding-bottom:2px; padding-top:3px;}
	
	#webMailNota li{
		list-style:none;
		list-style-image: none;
	}
	
	/*-- = Tabla de productos
	------------------------------------------------*/
	
	/*-- Menu
	------------------------------------------------*/

	#menu{
		background:url(../img/menu_bg.jpg) no-repeat;
		width:100%;
		height:26px;
	}
	
	#menu #con {
		padding-top:3px;
	}

	/*--  Administrador
	------------------------------------------------*/
	.scaffold #menu h1{
		color:#FFFFFF;
		font-size:11pt;
		padding-top:3px;
		padding-left:3px;
	}
	
	.stackOrder{
		z-index:60; 
		position:relative;
	}

	.admin label {
		display:block;
		width:150px;
		float:left;
		text-align:right;
		padding-right:2px;
		
	}
	
	.contenido{
		padding-left:7px;
		padding-right:7px;
	}
	
	.listadoItems
	{		
		margin-top:10px;
		min-height: 450px;
		height: auto !important;
		height: 450px;
	}
	.required, .optional{
		padding-top:2px;
		padding-bottom:2px;
	}
	
	.submit{
		width:100px;
		text-align:center;	
	}
	
	.notaFormulario{
		text-align:center;
		width:250px;
		padding:3px;
	}
	#tblListado{
		width:653px;
	}
	.thProducto, .thMarca{
		width:120px;
	}
	.thAcciones{
		width:75px;
		text-align:center;
	}
	.thPresentacion{
		width:150px;
	}
	.thCreado, .thModificado{
		width:75px;
	}
	.producto_nombre *{ vertical-align:middle;}
	.date{
		text-align:center;
		font-size:90%;
	}
	.boxOverBody{
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
  		border-bottom: 1px solid #A5CFE9;
		border-left: 1px solid #A5CFE9;
		border-right:1px solid #A5CFE9;
		width:150px;
		padding:3px;
		color:#1B4966;
		background:#FFFFFF;
		filter:alpha(opacity=85); /* IE */
		opacity:0.85; /* FF */
	}
	.boxOverHead{
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		width:150px;
		border:1px solid #A5CFE9;
		padding:3px;
		color:#4B7A98;
		background:#D5EBF9;
		filter:alpha(opacity=85); /* IE*/
		opacity:0.85; /* FF*/
	}
	.image img{
		border:1px solid #A5CFE9;
	}
	
	.input_calidad{
		padding-left:3px;
		padding-right:3px;
	}
	
	#buscador {
		padding-top:4px;
	}
	.buscador #inputBuscar{
		width:200px;
	}
	.buscador *{
		vertical-align:middle;
	}
	.buscador #buscarSubmit{
		padding-left:5px;
	}
	.message{
		padding:10px;
		margin-top:35px;
		background:#FFDEDE;
		width:338px;
		text-align:center;
		border:1px solid #FF7F7F;
		
	}