/*-------------------------------------------------------------------------
 Clic 2006
 ---------------------------------------------------------------------------
 File: forms.css
 Sitio: www.c2e-us.net
 Gerardo Gonzalez Flores
 --> gerardo AT clic DOT com DOT mx <--
 ---------------------------------------------------------------------------
 CSS style for html forms
 Estilos generales para los formularios utilizados
 --------------------------------------------------------------------------*/
.textoPequeno {
    font-size: 10px;
}

.admin {
    width: 550px;
    /*border:1px solid;*/
}
select, textare {
	font-size:9pt;	
}
.converter {
    width: 220px;
}

.admin label, #login form label, .formItem label {
    display: block;
    width: 150px;
    float: left;
    text-align: right;
    padding-right: 2px;
}

.formItem {
    padding-top: 1px;
    padding-bottom: 1px;
    clear: both;
}

.formItem .format-d-m-y { width:125px}

.view label {
    font-weight: bold;
}

.formItem input, .formItem textarea {
    width: 270px;
}

#buscador .formItem input, .formItem select {
    /*	width:100px;*/
    margin-right: auto;
    float: left;
	
}

#buscador .formItem label {
    width: 90px;
}

#login form {
    margin-top: 4px;
}

#login form * {
    font-size: 8pt !important;
}

#login form label {
    width: 70px;
}

#login form input {
    width: 128px;
    border: 1px solid #393D6A;
    font-size: 8pt !important;
}

#login form #loginSubmit {
    width: 39px;
    height: 15px;
    border: none;
    position: absolute;
    left: 210px;
    top: 15px;
}

.formItem input.radio, input.checkbox {
    width: auto;
}

.converter .formItem input {
    width: 100px;
}

.formItem select {
    width: 150px;
}

.submit {
    text-align: center;
    padding-top: 2px;
}
/* Formularios de contacto */
.forma {
    width: 400px;
}

.atencion {
    color: #990000;
    font-weight: bold;
}

select#WorkingDayCompanyId { width:400px}
/*-------------------------------------------------------------------------
 Clic 2006
---------------------------------------------------------------------------
 File: error_messages.css
 Sitio: www.c2e-us.net
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
 CSS styles for error messages
 Estilos para mensajes de error e informacion
--------------------------------------------------------------------------*/

.error_message{
	font-size: 8pt;
	font-family: "Arial";
	color: #990000;
	font-weight:bold;
	text-align:left;
		
	padding-bottom:2px;
	padding-left:18px;
	background-image:url(../img/error/alert.gif);
	background-repeat:no-repeat;
	width:auto;
}
.admin * .error_message{
	margin-left:150px;
}
.info_message {
	font-size: 8pt;
	font-family: "Arial";
	color: #000000;
	padding-bottom:2px;
	padding-left:18px;
	background-image:url(../img/error/information.gif);
	background-repeat:no-repeat;
	width:auto;
}
.resultado_vacio{
	clear:both;
	width:300px;
	padding:10px;
	background:#CCDCDD;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.message{
	padding:10px;
	margin-top:35px;
	margin-bottom:10px;
	background:#FFDEDE;
	width:338px;
	text-align:center;
	border:1px solid #FF7F7F;
}

div#workingDayNoValid { margin-top:10px; margin-bottom:10px;}
	
#flashMessage{
	background:#FFDEDE;
	border:1px solid #FF7F7F;
	/*height:20px;*/
	padding:3px;
	width:250px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
/*-------------------------------------------------------------------------
 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;
}