/*--------------------------------------------------------------------------
 Clic 2006
----------------------------------------------------------------------------
 File: titulos.css
 Sitio: www.sitio.net
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------		
 CSS styles for titles
 Estilos generales para titulos.
--------------------------------------------------------------------------*/

/* Titles
------------------------------------------------------------*/
 h1, h2, h3, h4, h5 {
 	margin:0px;
	padding:0px;
	font-size:10pt;

 }
 .title span, .sub span, h1.barraTitle span{
	 display:none;
 }
 
 h1.title{
	width:300px;
	height:46px;
	margin-left:1px;
	width:755px;
	margin-bottom:5px;
 }
 
 h1.barraTitle {
	width:198px;
	height:39px;
}

 h2.sub{
	width:300px;
	height:17px;
	margin-bottom:5px;
	margin-top:5px;
 
 }
 

 
 h2.subMap {
	  background: url(../img/bullet1.jpg) no-repeat .1em .3em;
	  padding-left:15px;
 }
 
 h3 {
	  background: url(../img/bullet2.jpg) no-repeat .1em .3em;
	  padding-left:15px;
 }
 
.contenido h1{}
 h2.companyName { 
	background: url('../img/app/flechaBgEnd.gif') no-repeat 15px 50%; 
	padding-left:40px;
	padding-bottom:10px;
}
	
/* =Titles
------------------------------------------------------------*/

/* WebPage Titles
------------------------------------------------------------*/

 #titleInformacionCorporativa{ background: url(../img/titles/title_informacion_corporativa.jpg)  no-repeat; }
 #titleHistoria{ background: url(../img/titles/title_historia.jpg)  no-repeat; }
 #titleSocios{ background: url(../img/titles/title_socios.jpg)  no-repeat; }
 #titleArticulos{	background: url(../img/titles/title_articulos.jpg)  no-repeat; }
 #titleUbicacion{ background: url(../img/titles/title_ubicacion.jpg)  no-repeat; }
 #titleContacto{ background: url(../img/titles/title_contacto.jpg)  no-repeat; }
 #titleMapaSitio{ background: url(../img/titles/title_mapa_del_sitio.jpg)  no-repeat; }
 #titleAvisoPrivacidad{ background: url(../img/titles/aviso-privacidad.jpg)  no-repeat; }
  #titleAvisoPrivacidadEmpleados{ background: url(../img/titles/aviso-privacidad-empleados.jpg)  no-repeat; }

   
 #titleCorporateInformation{ background: url(../img/titles/title_corporate_information.jpg)  no-repeat; }
 #titleHistory{ background: url(../img/titles/title_history.jpg)  no-repeat; }
 #titlePartners{ background: url(../img/titles/title_partners.jpg)  no-repeat; }
 #titleArticles{	background: url(../img/titles/title_articles.jpg)  no-repeat; }
 #titleUbication{ background: url(../img/titles/title_ubication.jpg)  no-repeat; }
 #titleContact{ background: url(../img/titles/title_contact.jpg)  no-repeat; }
 #titleSiteMap{ background: url(../img/titles/title_site_map.jpg)  no-repeat; }
 
 #barraLateral #titLigasInteres { background: url(../img/titles/ligas-de-interes-lat.jpg) no-repeat ;}
 #barraLateral #tittleInterestLinks {background: url(../img/titles/interest-links-lat.jpg) no-repeat ;}
 
  
 #barraLateral #titArticulosRecientes {	background: url(../img/titles/articulos-recientes-lat.jpg) no-repeat ;}
 #barraLateral #titRecentPosts {background: url(../img/titles/recent-articles-lat.jpg) no-repeat ;}
 #barraLateral #titleContador {background: url(../img/titles/contador-lat.jpg) no-repeat ;}
 #barraLateral #titleContadorEn {background: url(../img/titles/visitors.jpg) no-repeat ;}

 
/* =WebPage Titles
------------------------------------------------------------*/

/* Admin Titles
------------------------------------------------------------*/
 /*--- Usuarios --*/
 #titUsuarios{ background: url(../img/titles/title_usuarios.jpg)  no-repeat; }
 #titGeneral{ background: url(../img/titles/title_general.jpg)  no-repeat; }
 #titControlTiempos{ background: url(../img/titles/title_control_de_tiempos.jpg)  no-repeat; }
 #titUserAddAdmin{ background: url(../img/titles/title_agregar_usuario.jpg)  no-repeat; }
 #titUserEditAdmin{ background: url(../img/titles/title_modificar_usuario.jpg)  no-repeat; }
  #titUserViewAdmin{ background: url(../img/titles/ver-usuario.jpg)  no-repeat; }
 #titUsersIndexAdmin{ background: url(../img/titles/title_listado_de_usuarios.jpg)  no-repeat; }
 #titReportes{ background: url(../img/titles/reportes.jpg)  no-repeat; }
 
 /*-- Archivos --*/
 #titEditarArchivo{ background: url(../img/titles/title_editar_archivo.jpg)  no-repeat; }
 #titNuevoArchivo{ background: url(../img/titles/title_nuevo_archivo.jpg)  no-repeat; }
 #titVerArchivo{ background: url(../img/titles/title_ver_archivo.jpg)  no-repeat; }
 #titListadoArchivos{ background: url(../img/titles/title_listado_archivos.jpg)  no-repeat; }
 #titDescargaArchivos{ background: url(../img/titles/title_descarga_archivos.jpg)  no-repeat; }
 /*-- Posts --*/
 #titEditarArticulo{ background: url(../img/titles/title_editar_articulo.jpg)  no-repeat; }
 #titNuevoArticulo{ background: url(../img/titles/title_nuevo_articulo.jpg)  no-repeat; }
 #titVerArticulo{ background: url(../img/titles/title_ver_articulo.jpg)  no-repeat; }
 #titListadoArticulos{ background: url(../img/titles/title_listado_articulos.jpg)  no-repeat; }
 #titArticlesList{background: url(../img/titles/articles-list.jpg) no-repeat ;}
 /*-- Companies --*/
 #titEditarEmpresa{ background: url(../img/titles/title_modificar_empresa.jpg)  no-repeat; }
 #titNuevaEmpresa{ background: url(../img/titles/title_agregar_empresa.jpg)  no-repeat; }
 #titListadoEmpresas{ background: url(../img/titles/title_listado_de_empresas.jpg)  no-repeat; }
 #titVerEmpresa{ background: url(../img/titles/title_ver_empresa.jpg)  no-repeat; }
 /*-- Projects --*/
 #titEditarProyecto{ background: url(../img/titles/title_modificar_proyecto.jpg)  no-repeat; }
 #titNuevoProyecto{ background: url(../img/titles/title_agregar_proyecto.jpg)  no-repeat; }
 #titListadoProyectos{ background: url(../img/titles/title_listado_de_proyectos.jpg)  no-repeat; }
 #titVerProyecto{ background: url(../img/titles/title_ver_proyecto.jpg)  no-repeat; }
 /*-- WorkingDays --*/
 #titEditarDiaLaborado{ background: url(../img/titles/title_modificar_dia_laborado.jpg)  no-repeat; }
 #titEditarSobrecarga{ background: url(../img/titles/title_modificar_dia_laborado.jpg)  no-repeat; }
 #titNuevoDiaLaborado{ background: url(../img/titles/title_agregar_dia_laborado.jpg)  no-repeat; }
 #titNuevaSobrecarga{ background: url(../img/titles/title_agregar_sobrecarga.jpg)  no-repeat; }
 #titListadoDiasLaborados{ background: url(../img/titles/title_listado_dias_laborados.jpg)  no-repeat; }
 #titVerDiaLaborado{ background: url(../img/titles/title_ver_dia_laborado.jpg)  no-repeat; }
 /*-- WorkingAreas --*/
 #titEditarAreaTrabajo{ background: url(../img/titles/title_modificar_area_de_trabajo.jpg)  no-repeat; }
 #titNuevaAreaTrabajo{ background: url(../img/titles/title_agregar_area_de_trabajo.jpg)  no-repeat; }
 #titListadoAreasTrabajo{ background: url(../img/titles/title_listado_areas_de_trabajo.jpg)  no-repeat; }
 #titVerAreaTrabajo{ background: url(../img/titles/title_ver_area_trabajo.jpg)  no-repeat; }
 /*-- Sistema --*/
 #titMenuInicio{ background: url(../img/titles/title_menu_inicial.jpg)  no-repeat; }
 #areaTrabajoMensual { margin-bottom:9px;}
 /*-- Reportes --*/
 #titReporteMensualPorEmpleado{ background: url(../img/titles/reporte-mensual-por-empleado.jpg)  no-repeat; }
 #titReporteMensualPorEmpresa{ background: url(../img/titles/reporte-mensual-por-empresa.jpg)  no-repeat; }
  #titReporteConcentradoPorEmpresa{ background: url(../img/titles/reporte-concentrado-por-empresa.jpg)  no-repeat; }
 /*-- Movimientos Usuarios --*/
 
  #titStaffEditAdmin{ background: url(../img/titles/agregar-movimiento-de-usuario.jpg)  no-repeat; }
  #titStaffMovement{ background: url(../img/titles/movimientos-del-usuario.jpg)  no-repeat; }

/* =Admin Titles
------------------------------------------------------------*/
/*-------------------------------------------------------------------------
 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;
}