/*-------------------------------------------------------------------------
 Clic 2006
---------------------------------------------------------------------------
 File: utils.css
 Sitio: www.c2e-us.net
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
 Estilos utilitarios pasra proyectos en general
--------------------------------------------------------------------------*/
/*-- Estilos textos y ligas --*/
	
	.noDisplay{
		display:none;
	}
	
	.center, .centrado{
		margin-left:auto;
		margin-right:auto;
	}
	
	.centro {	text-align:center	}
	
	.bold{
		font-weight:bold;
	}

	/*-- Begin Clearfix Hack Classes --*/
	.clearfix:after {
    	content:"."; 
    	display:block; 
    	height:0; 
    	clear:both; 
    	visibility:hidden;
	}
	
	.clearfix {
		display:inline-block;
	}
	
	.clearfix {
		display:block;
	}
	
	* html .clearfix {
		height:1px;
	}
	
	.clearBoth{
	 clear:both;
	}
	/*-- End Clearfix Hack Classes --*/
	
	/*-- images styles --*/
	img.centered, img.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		
	}

	img.alignright, img.right {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		float:right;
	}

	img.alignleft, img.left {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		float:left;
	}
	

	.alignright {
		float: right;
	}

	.alignleft {
		float: left
	}
/*--------------------------------------------------------------------------
 Clic 2006
----------------------------------------------------------------------------
 File: generales.css
 Sitio: www.c2e-us.net
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------		
 CSS general styles for the web site, apply to specific HTML tags
 CSS generales para el sitio, aplicados a etiquetas HTML especifcas .
--------------------------------------------------------------------------*/

/* General Styles
-------------------------------------------------------------------*/
 body * {
 	margin:0px;
	padding:0px;
	
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Verdana", "Arial", "sans-serif";
 }

 body{
	background:url(img/backgroundPage.jpg) center no-repeat top;
	font-size:9pt;	
 }
 
 textarea, select {font-size:10pt; }

 
 p { padding-bottom:1em;}
 
 img{ border:none; }
 
 blockquote{
	margin-left:30px;
	margin-right:30px; 
 }
 
  blockquote div{
  	margin-left:7px;
  }
  a{
 	color:#000000; 
	text-decoration:none;
  }
  a:hover{
  	color:#000000;
 	text-decoration:underline; 
  }
  a:visited{
 	color:#000000; 
  }
  a.highlight, #flashBody #flashMessage span a.highlight{ font-weight:bold; color:#353761; }
  a.hightlight:hover {text-decoration: underline;}
  
  #contenido ul{list-style:none; margin-left:10px}
  ul li{list-style:none; margin-left:10px}
  ul li {padding-left:16px; background:url(../img/bullet2.jpg) no-repeat 0px .2em}
  ol li{ margin-left:27px;  padding-left:0px; }
  #contenido ul li {padding-left:16px; background:url(../img/bullet2.jpg) no-repeat 0px .2em}
/*= General Styles
-------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
 Clic 2007
----------------------------------------------------------------------------
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------		
 CSS Layout styles for the web site.
 Layout CSS para el sitio.
--------------------------------------------------------------------------*/


/* Layout
-------------------------------------------------------------------*/
 body {
	background:  url(../img/page_bg.jpg) repeat-x top #CECECE; 
	
 }
 #wrapper{
 	margin-top:8px;
	width:774px;
	position:relative;
	margin-left:-387px;
	left:50%;
	background-image:none;
	
 }
 #header{
 	background: url(../img/header_bg.gif) no-repeat top;
	width: 774px;
	height:71px;
	position:relative;
 }
 
 #bannerMenu{
 	width:774px;
	height: 211px;
	background: url(../img/banner_menu_bg.jpg) no-repeat;
 }
 #bodyWrapper{
	background: url(../img/body_bg_top.jpg) #FFFFFF no-repeat top;

 }
 #body{
	background: url(../img/body_bg_bottom.jpg) no-repeat bottom;
	/* Solución de altura minima para navegadores más populares */
	
 
 }
 
 #contenido{
 	padding-left:8px;
	padding-right:8px;
	text-align:justify;
	padding-bottom:10px;
    /*-*/
	min-height: 400px;
	height: auto !important;
	height: 400px;
 }
 .contenido{
	padding-bottom:10px;
    /*-*/
	min-height: 400px;
	height: auto !important;
	height: 400px;
 }

 #footerHead{
 	background: url(../img/foot_head.jpg) no-repeat;
	width:774px;
	height:2px; /* 64px =  Height + padding-top */
	position:relative;
	clear:both;
 }
 #footer{
 	background: url(../img/foot_repeat_bg.jpg) repeat-y;
	width:774px;
	font-size:8pt;
	color:#FFFFFF;
	text-align:center;
	
 }
 
 #footerContent{
 	background: url(../img/foot_bg.jpg) no-repeat bottom;
	width:774px;
	min-height: 42px;
	height: auto !important;
	height: 42px;
	
 }
/* =Layout
-------------------------------------------------------------------*/

/* Header 
-------------------------------------------------------------------*/
 #logo {
 	background: url(../img/logo.jpg) no-repeat;
	width: 283px;
	height: 66px;
	position:absolute;
	top: 3px;
	left:8px;
 }
 #quickLinks{
 	font-size: 0px;
	width:91px;
	height:32px;
	/*background:#B43B33;*/
	position:absolute;
	top:19px;
	left:413px;
 }
 #quickLinks * {font-size: 0px;}
 #quickLinks li{ list-style:none; background: none; padding:0px 5px 0px 0px; margin:0px;}
 
 #login{
 	width:257px;
	height:45px;
	background: url(../img/loginBg.jpg) no-repeat;
	position:absolute;
	top:10px;
	left:510px;
 }
 #language{
 	text-align:center;
 }
 #language a{
	color:#FFFFFF;
	text-decoration:none;
 }
 #language a:hover{
 	text-decoration:underline;
 }
 #iconsLinks{
 	width:106px;
	margin-left:auto;
	margin-right:auto;
 }
 #iconsLinks *{
 	vertical-align:middle;
 }
 #iconsLinks li{
 	/* float:left */
	display:inline;
 	margin-left:auto;
	margin-right:auto;
	list-style:none;
 }
 #language{
 	color:#FFFFFF;
	font-size:8pt;
	padding-top:10px;
 }

/* =Header
------------------------------------------------------------------*/
/* Footer 
------------------------------------------------------------------*/

 #footSiteMap{
 	text-align:center;
	font-size:8pt; 
	color:#000000;
	padding-bottom:5px;
	clear:both;
 }
 
 #footSiteMap a{
 	color:#000000; 
	text-decoration:none;
  }
 #footSiteMap a:hover{
  	color:#000000;
 	text-decoration:underline; 
  }
  #footSiteMap a:visited{
 	color:#000000; 
  }
 #footer span{
 	font-weight:bold;
 }
 
 #footer a{
 	color:#FFFFFF; 
	text-decoration:none;
  }
 #footer a:hover{
  	color:#FFFFFF;
 	text-decoration:underline; 
  }
  #foooter a:visited{
 	color:#FFFFFF; 
  }
 
/* URL de pie de página de CLIC*/
 #clic {
	position:relative; 
 }
 #clicUrl
 {
	position:absolute;
    right:5px; 
	top:1px;
	color:#000000;
	text-decoration:none;
	display:block;
 } 
 #clicUrl h3{
	background:none;
	font-weight:normal; 
	font-size:7pt;
 }

/* =Footer
-------------------------------------------------------------------*/


ul#siteMap li{
 	list-style:none;
}

ul#credits li{
	list-style:none;
}

#siteMap a{
	color:#000000;
}
/* Barra Lateral */
	#barraLateral 
	{	
		width:198px;
		float:right;
		margin-right:7px;
		margin-top:11px;
	}
	
	#barraLateral a{ }
	#barraLateral a:hover{ text-decoration:underline; }
	#barraLateral a:visited{}
	
	#barraLateral .barraLat
	{
		background: url(../img/barra-lateral-bg.jpg) repeat-y;
		padding:0px;
	}
	#barraLateral .separacion{ margin-top:10px;}
	#barraLateral .foot
	{
		background: url(../img/barra-lateral-bottom.jpg) no-repeat  bottom;
		height:9px;
	
	}
	#barraLateral ul {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	#barraLateral ul li{
		list-style:none;
		list-style-image: none;
		padding-left:16px; 
		background:url(../img/bullet2.jpg) no-repeat 3px .3em
	/*font-weight:bold;*/
}
/*= Barra Lateral
------------------------------- */
 #ligasInteres table
 {
 	width:95%;
	/*border:1px solid;*/
 }
 
 #ligasInteres table td { padding-bottom:10px;}
ul.curriculum{ padding-left:25px;  padding-top:10px; width:70%; }
#imgArticulos {text-align:right; margin-top:11px; margin-right:1px}
#ubicacionConcentro{ float:right; width:362px; padding-top: 4px; margin: 0 0 2px 0px;}
#contenido a { color:#282B4D}
#contador img { padding-bottom:9px;}
/*--------------------------------------------------------------------------
 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}