/*-------------------------------------------------------------------------
 Clic 2007
---------------------------------------------------------------------------
 File: infoBox.css
 Author:   Gerardo Gonzalez Flores
 		   --> gerardo AT clic DOT com DOT mx <--
   		   http://www.clic.com.mx
---------------------------------------------------------------------------	
	CSS styles para display de buscador y caja de informacion
--------------------------------------------------------------------------*/


/* InfoBox - caja de informacion con buscador adentro
---------------------------------------------------------------------------*/
 .box *{
 	padding:0px;
	margin:0px;
	font-size:8pt;
	list-style-image:none;

 }
 
 .box{
 	width:350px;
 	background: #B2CEDA;
	padding:4px;
	border:1px solid #3785AC;
	color:#000000;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:10px;
	margin-top:	5px;
 }
 .box span{
	font-weight:bold; 
	margin:1px solid;
 }
 
 #tprod{
 	background:url(../img/admin/box.gif) no-repeat; 
	padding-left:20px;
 }
 #tpag{
	background:url(../img/admin/page.gif) no-repeat; 
	padding-left:17px;
 }
/* = InfoBox
---------------------------------------------------------------------------*/

	#buscador {
		padding-top:4px;
	}
	.buscador #inputBuscar{
		width:200px;
	}
	.buscador *{
		vertical-align:middle;
	}
	.buscador #buscarSubmit{
		padding-left:5px;
	}
/*-------------------------------------------------------------------------
 Clic 2006
---------------------------------------------------------------------------
 File: itemsBox.css
 Sitio: www.c2e-us.net
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
	CSS styles para display de buscador y caja de items
--------------------------------------------------------------------------*/


/* Searcher
------------------------------------------------------------*/
#searcher{
	position:relative;
	width:282px;
	background: url(../img/searchBox_background_vtile.jpg) repeat-y;
	color:#FFFFFF;
	text-align:center;
}

#searcher * {
	font-size:9pt;
}

#searchInput{
	width:186px;
	border: 1px #CCCCCC solid;
}

#searcherBody{	
	padding:9px;
	padding-bottom:0px;
	background:url(../img/searchBox_background.jpg) top no-repeat;
	min-height:49px;
	height: auto !important;
	height: 49px;
}
#searcherFoot{
	background: url(../img/searchBox_background_bottom.jpg) bottom no-repeat;
}
#searhBoxSubmit{
	position:relative;
	top:5px;
    width:18px;
	height:23px;
	background: url(../img/ico_search_box.gif) no-repeat;
}
#totalProductsBox{
 width:175px;
 padding-left:20px;
 text-align:left;
 background: url(../img/ico_box.gif) no-repeat;
 margin-left:auto;
 margin-right:auto;

}
/* =Searcher
------------------------------------------------------------*/
/* BoxItem
------------------------------------------------------------*/
#productos{position:relative;}
#boxItem{
	/*border:1px solid;*/
	position:relative;
	width:315px;
	height:299px;
	background:url(../img/box_items_background.jpg) no-repeat #FFFFFF;
}
#ajaxContent{
	position:relative;
}

#ajaxLoading{
	position:absolute;
	left:116px;
	top:115px;
}
/*#image{
	position:absolute;
	top: 63px;
	left:48px;
	border:1px solid;
	background: #FFFFFF;
	display:block;
}*/
#description{
	/*position:absolute;
	top: 200px;
	left:48px;
	border:1px solid;*/
	width:200px; 
	margin-left:auto; 
	margin-right:auto;
	background: #FFFFFF;
}
#spacer{
	height:62px; width:300px;
}
/*-------------------------------------------------------------------------
 Clic 2006
---------------------------------------------------------------------------
 File: paginacion.css
 Sitio: www.c2e-us.net
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
	CSS styles for pagination item
	Estilos generales para el despliegue del item de paginacion
--------------------------------------------------------------------------*/
#paginacion{
	margin-top:5px;
	clear:both;
	font-size:7pt;
}


#paginacion td{
	color:#000000;

	
}
.paginacion a{
	text-decoration:none;
	color:#000000;
}
.paginacion a:hover{
	text-decoration:none;
	color:#FF0000;
}

.paginacion a:visited{
	text-decoration:none;
	color:#000000;
}

.pagValign{
 	vertical-align:middle;
}
/*-------------------------------------------------------------------------
 Clic 2007
---------------------------------------------------------------------------
 File: posts.css
 Sitio: Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
 CSS styles for post articles
--------------------------------------------------------------------------*/

.posts { width:556px; float:left; }

.post .header h1 *{ vertical-align:middle; }
.post .header h1{height:54px; width:428px; color:#333333;  float:left;}
.post .header h1 div {font-size:12pt; margin-top:15px; }
.post .header .bullet {height:54px; width:39px; background: url(../img/bullet_first_post.jpg) no-repeat; float:left}
.post .header div.second {background: url(../img/bullet_all_posts.jpg) no-repeat;}
.post .header .fecha { 
	height:54px; 
	width:88px; 
	background: url(../img/fondo-cal-first-post.jpg) 0px 16px no-repeat; 
	float:left;
	font-weight:bold;
	color:#353761;
 }
.post .header .fecha span { position:relative; top:25px; left:8px; font-size:7pt;}
.post .pcontenido { padding: 0px 10px 0px 10px; text-align:justify;}
.post ul.postList {  float:right; font-size:8pt; padding-right:20px; padding-top:5px; padding-bottom:5px;}
.post ul.postList li { display:inline;}
.posts .separador, .separador { background: url(../img/separador.gif) repeat-x; height:1px; width:80%; text-align:center; padding:5px}
.separador { margin:10px 0px 10px 0px; padding:0px; margin-left:auto; margin-right:auto;}
.post .pcontenido img { border:2px solid #383B68; padding:2px}
ul.postList li { padding-bottom:5px;}

table.niko{
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	
	border-collapse: collapse;
}

table.niko caption{
	
	color:#000000;
}

table.niko thead tr, table.niko tr.thead {
	background-color: #3785AC;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	color:#FFFFFF;
}

table.niko tfoot tr{
	background-color: #FFFFFF;
}

table.niko thead th, table.niko .thead th{
	padding: 4px;
	white-space: nowrap;
}

table.niko tfoot th{
	font-size: 110%;
	text-align: right;
	padding-right: 4px;
	letter-spacing: 1px;
	background:  
}

table.niko tfoot td{
	padding-left: 4px;
	color: red;
	font-size: 110%;
	font-weight: 600;
}

table.niko tfoot td:hover{
	background-color: red;
	color: white;
}

table.niko tr{
	background-color: #B2D1E0;
}

table.niko tr.odd{
	background-color: #FFFFFF;
}

table.niko tbody tr:hover, table.niko tr.prototypeHover{
	background-color: #FFFF99;
}

table.niko td, table.niko th{
	border: 1px solid #64A2C1;
}

table.niko tbody td
{
	padding: 4px;
}

table.niko td a:link, table.niko th a:link{
	color: black;
}

table.niko td a:visited, table.niko th a:visited{
	color: black;
	text-decoration: line-through;
}

table.niko td a:hover, table.niko th a:hover{
	color: purple;
	text-decoration: underline;
}

table.niko td:last-child a:hover{
	color: red;
	text-decoration: underline overline;
}