/*--------------------------------------------------------------------------
 Clic 2006
----------------------------------------------------------------------------
 File: items.css
 Sitio: www.jihnos.com
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------		
 Estilos generales para ficha de item.
--------------------------------------------------------------------------*/

/* item
---------------------------------------------------------------------------*/
 .itemList *{
	padding:0px;
	margin:0px; 
 }
 
 .itemList{
	width:700px;
 }
 
 .itemListPop{
 	width:350px;
 }

 .itemList .lil   {
 	float:left;
	width:345px;
	list-style-image:none;
 	background-image:none;
	margin-top:20px;
 }

 .item {
 	width:345px;
 }
 
 .item .image, .itemPopUp .image{
	float:left;
	padding-left:4px;
	padding-right:4px; 
	width:124px;
	height:114px;
	text-align:center;
 }
  .item .image *, .itemPopUp .image *{
	vertical-align:middle;
 }
 .itemPopUp {
 	width:345px;
	margin:5px; 
 }
 .itemPopUp .image{
 	float:none;
	width:126px;
 }
 
 .lista{
 	float:left;
	width:210px;
 }
 .itemPopUp .lista{
	 float:none;
	 width:210px;
 }
 
 .lista li{
	list-style-image:none;
 	background-image:none;
	padding-left:18px;
	margin-top:4px;
 }
 
 .item li span{
 	font-weight:bold;
 }

 li.nombre{
	background: url(../img/itemCss/bullet_flecha.gif) no-repeat;
 }
 li.ciclo{ 
 	background: url(../img/itemCss/calendar_view_day.gif) no-repeat;
 }
 li.zona{
 	background: url(../img/itemCss/map.gif) no-repeat;
 }
 li.presentacion{
 	background: url(../img/itemCss/box.gif) no-repeat;
 }
 li.marca{
 	background: url(../img/itemCss/tag_blue.gif) no-repeat;
 }
 li.calidad{
 	background: url(../img/itemCss/rosette.gif) no-repeat;
 }
 li.caracteristicas{
 	background: url(../img/itemCss/note.gif) no-repeat;
 }
 li.nutricion{
 	background: url(../img/itemCss/apple.gif) no-repeat;
 }
 li.extra{
	 background: url(../img/itemCss/note_add.gif) no-repeat;
 }
  li.verMas{
	 margin-left:135px;
	 margin-top:5px;
	 background: url(../img/itemCss/note_add.gif) no-repeat;
	 /*text-align:right;*/
 }

 .itemList .noMargin {
 	margin-top:0px;

 }
/* = item
---------------------------------------------------------------------------*/

/* InfoBox
---------------------------------------------------------------------------*/
 .box *{
 	padding:0px;
	margin:0px;
	font-size:8pt;
	list-style-image:none;
	font-size:8pt;
	
 }
 
 .box{
 	width:350px;
 	background: #B2D1E0;
	padding:3px;
	border:1px solid #64A2C1 ;

	font-size:8pt;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
	
	
 }
 .box span{
	font-weight:bold; 
	
	margin:1px solid;
 }
 
 #tprod{
 	background:url(../img/itemCss/package.gif) no-repeat; 
	padding-left:20px;
 }
 #tpag{
	background:url(../img/itemCss/page.gif) no-repeat; 
	padding-left:17px;
 }
 /*.box h2{
   padding-top:8px;
   background: url(../img/infoCss/bg_top.png) no-repeat left top;
 }
 .box .last{
    background: url(../img/infoCss/bg_bottom.png) no-repeat left bottom;
	padding-bottom:8px;
 }
 .box h2, .box .last{
 	padding-right:10px;
	padding-left:10px;

 }*/
/* = InfoBox
---------------------------------------------------------------------------*/