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

 .itemList{
 	width:99%;
	padding-top:20px;
 }

 
 .item{
 	width:99%;
	margin-bottom:5px;
	position:relative;
	
 	margin-left: auto;
    margin-right: auto;
	
	/*height:130px; */
 }
 
 ul.itemList li {
  padding:0px; 
  background:none;
  list-style:none;
  
 }
 ul.itemList li.even {
  list-style:none;
  background:none;
  float:left;
  width:225px;
  margin:0px;
  padding:0px;
  border-left: 1px solid black;
  border-right: 1px solid black;  
 }

 ul.itemList li.odd{
  list-style:none;
  background:none;
  float:left;
  width:225px;
  margin:0px;
  padding:0px;

 }
 

 .itemList ul li{list-style:none; list-style-image: none;}
 .item .titulo{	font-weight:bold; text-transform:uppercase; text-align:left}
 .item .imageWrap .itemImagen {
	
	width:210px;
	margin-left: auto;
    margin-right: auto;
	
	/*border:1px solid #ff0000;*/
	/*height:114px;*/
	
 }
 
  .item .imageWrap {
  	min-height:120px;
	height:auto !important;
	height:120px;
  }
 
 .item .imageWrap .itemImagen img {
 	text-align:center;
 }
/* .item .imageWrap .imagen {border:1px solid #000000; padding:1px}*/
 .item .imageWrap {
 	/*float:left;*/
	width:220px;
	margin-left: auto;
    margin-right: auto;
	/*height:114px;*/
	
 }




 .item .lista{
  /* width:50%;*/
 /* float:left;*/
	
 }
 
 .item .verMas { position:absolute; bottom:0px; right:0px; z-index:99999}
 .item {padding-bottom:10px;}
 
 
 /* IMAGEN GRANDE */

#popUp .item .imageWrap .itemImagen {
	
	width:410px;
	margin-left: auto;
    margin-right: auto;
	padding-top:10px;
	/*border:1px solid #ff0000;*/
	/*height:114px;*/
	
 }

#popUp .item { width:430px;}
#popUp .item .imageWrap .itemImagen img {
 	text-align:center;
 }
/* .item .imageWrap .imagen {border:1px solid #000000; padding:1px}*/
#popUp .item .imageWrap {
 	/*float:left;*/
	width:420px;
	margin-left: auto;
    margin-right: auto;
	/*height:114px;*/
	
 }
 
 
 /***** ITEMS DE NOTICIAS *****/
  #noticias ul#listadoNoticias li { 
  			background:none;
			padding:0px;
			margin:0px 0 15px 0;
			border: 1px solid #A0A0A0;
			box-shadow: 0 2px 5px #5E7797;
    		background-image: -webkit-gradient(linear, left top, left bottom,
    		from(#fff), to(#E1E6FF	) ); /*para Chrome */
    		background-image: -moz-linear-gradient(  top,
    		#fff, #E1E6FF ); /* Firefox */	
			/*IE aplicacion*/
			filter: progid:DXImageTransform.Microsoft.gradient(
        	startColorstr='#C5E7F6', endColorstr='#3F7CA9');
			min-height:35px;
    		height:auto !important;
			height: 35px;			
  }
  #noticias  h3 { padding:0px; padding-bottom:5px; color:#0069B0 }

  #noticias  #listadoNoticias  div.keepReading * { font-size:8pt !important;}
  #noticias  #listadoNoticias div.keepReading  { 
  			/*clear:both; */
			width:60px;
			border:1px solid #A0A0A0;
			margin-left:auto;
			/*font-weight:bold;*/
			/*background: url(../img/bullet-level-3.gif) no-repeat .1em .3em;
   			padding-left: 15px;*/
			position: absolute;
			top: -1px;
			color: #FFF;
			text-align: center;
			font-weight: bold;
			line-height: 15px;
			right: -5px;
			height: 37px;
			background-color: #C5E7F6; 
    		background-image: -webkit-gradient(linear, left top, left bottom,
    		from(#C5E7F6), to(#3F7CA9) ); /*para Chrome */
    		background-image: -moz-linear-gradient(  top,
   			#C5E7F6, #3F7CA9 ); /* Firefox */	
			/*IE aplicacion*/
			filter: progid:DXImageTransform.Microsoft.gradient(
			startColorstr='#C5E7F6', endColorstr='#3F7CA9');			
  }
  
   #listadoNoticias .item  *{ font-size: 11pt !important;}
   #listadoNoticias .item  a { font-size: 12pt !important; color: black;}
  
  
  #noticias  a:hover, #newsList a:hover { color:#0069B0}
  #noticias #newsList , #newsList{
  	background: url(../img/bullet-level-3.gif) no-repeat .1em .3em;
 	padding-left: 15px;
	width:150px;
	/*border:1px solid;*/
	margin-left:auto;
	margin-right:auto;
	font-size:9pt;
	/*font-weight:bold;*/
  }
  
  #newsList { margin-right:0px;}
  .listado #noticias { 
  	width:100%; 
	float:none;
	padding:0px;
	margin:0px;
	}


.MsoNormal {
	padding-right: 90px;
}
#listadoNoticias .item p{
	padding-right: 80px;
	padding-left: 10px;
}
#listadoNoticias .item h3{
	padding-right: 80px;
	padding-left: 10px;
	padding-top:10px;
}
#separadorLista {
	height: 80px;
}