/* 
	IGZ CSS Website v0.83 [16.04.2009]
	© 2009 Intelygenz
	
*/

	/****** Estructura Principal ******/

#estruc {	
	width: 985px; height: 100%; margin: 0 auto 15px auto; padding: 0; text-align: left;
}
#colCen { 
	width: 510px; vertical-align: top; 
}
#colCen H1 { 
	margin-bottom: 20px;
}
#colCen H1.conSubtitulo { 
	margin-bottom: 0; 
}
#colCen H1 SPAN { 
	color: #15b6f8; font-size: inherit !important; font-size: 22px;
}
#colIzq { 
	width: 215px; vertical-align: top; padding-top: 110px; background: #FFF url(../pix/fondo_col_iz.jpg) top right no-repeat;
}
#colDer { 
	width: 240px; vertical-align: top; padding-top: 110px; background: #FFF url(../pix/fondo_col_dc.jpg) top left no-repeat;
}
.colSombra {
	width: 10px;
}
#piePagina {
	margin: 0; padding: 30px 0 0 0; _padding: 10px 0 0 0; font-size: 9px; text-transform: uppercase; text-align: center;
}
.alturaMax { 
	height: 100%;
}
.sombraBgIzq { 
	background: #FFF url(../pix/estructura/sombra_izq_bg.gif) top left repeat-y;
}
.sombraBgDer {
	background: #FFF url(../pix/estructura/sombra_der_bg.gif) top right repeat-y;
}



/****** Módulos Importantes ******/

.sprites { background: url(../pix/sprites.png); } /* clase para cargar los gráficos de los menus */

#logotipo { text-align: center; font-size: 9px; margin: 12px 0 0 0; padding: 0; }
.logoIGZ { width: 65px; height: 80px; margin: 0; background-position: -364px -66px; }



	/****** Columnas de Menús ******/

.menuIZOpcion { display: block; height: 75px; margin: 0 0 15px 0; text-align: center; }
.menuDCOpcion { display: block; height: 65px; margin: 0 0 5px 0; cursor: pointer; }

.menuIZOpcTxt { padding: 0; font-size: 10px; text-transform: uppercase; cursor: pointer; }  
.menuDCOpcTxt { padding-top: 24px; font-size: 10px; text-transform: uppercase; }  


.menuDCOpcTxt A:link,  .menuDCOpcTxt A:visited,
.menuIZOpcTxt A:link,  .menuIZOpcTxt A:visited { 
	color: #9b9b9b; text-decoration: none; 
}

.menuIZOpcTxt A.miotON:link,  .menuIZOpcTxt A.miotON:visited, 
.menuDCOpcTxt A.mdotON:link,  .menuDCOpcTxt A.mdotON:visited{
	color: #15b6f8; text-decoration: none; 
}

.menuDCOpcTxt A:hover, .menuDCOpcTxt A:active,
.menuIZOpcTxt A:hover, .menuIZOpcTxt A:active,
.menuIZOpcTxt A.miotON:hover, .menuIZOpcTxt A.miotON:active, 
.menuDCOpcTxt A.mdotON:hover, .menuDCOpcTxt A.mdotON:active { 
	color: #15b6f8; text-decoration: underline; 
}   

.menuIZOpc_clientes { width: 62px; height: 60px; margin: 0; cursor: pointer; background-position: 0 -66px; }
.menuIZOpc_codigo { width: 62px; height: 60px; margin: 0; cursor: pointer; background-position: -63px -66px; }
.menuIZOpc_uno { width: 62px; height: 60px; margin: 0; cursor: pointer; background-position: -127px -66px; }
.menuIZOpc_noticias { width: 62px; height: 60px; margin: 0; cursor: pointer; background-position: -190px -66px; }
.menuIZOpc_contacto { width: 62px; height: 60px; margin: 0; cursor: pointer; background-position: -257px -66px; }


.menuIZBusqueda {
	float: right; height: 160px; padding: 0; 
}
.menuIZContent { 
	float: left; font-size: 10px; 
	margin-top: 38px !important;  margin-top: 33px;
}
.menuIZBusqueda INPUT { width: 130px; }
.menuDCBusqueda { float: left; margin: 60px 0 0 0; }
.menuDCBusqueda IMG { width: 30px; height: 30px; border: none; cursor: pointer; }


.menuDCOpc_produccion { width: 85px; height: 65px; margin: 0 5px 0 0; background-position: 0 0; }
.menuDCOpc_desarrollo { width: 85px; height: 65px; margin: 0 5px 0 0; background-position: -86px 0; }
.menuDCOpc_soluciones { width: 85px; height: 65px; margin: 0 5px 0 0; background-position: -172px 0; }
.menuDCOpc_soporte { width: 85px; height: 65px; margin: 0 5px 0 0; background-position: -258px 0; }
.menuDCOpc_integracion { width: 85px; height: 65px; margin: 0 5px 0 0; background-position: -344px 0; }

.menuDCTecnologias { margin: 140px 0 0 50px; padding: 0; text-align: center; }
.menuDCTecnologias IMG { margin: 0 3px; }



	/****** Iconos sites [LabZ, ExitoZ, etc...] ******/

.sitesGfx1 { width: 40px; height: 36px; margin: 0; cursor: pointer; background-position: 0 -127px; }
.sitesGfx2 { width: 40px; height: 36px; margin: 0; cursor: pointer; background-position: -41px -127px; }
.sitesGfx3 { width: 40px; height: 36px; margin: 0; cursor: pointer; background-position: -82px -127px; }

.sitesTxt { padding: 2px 0 0 0; font-size: 11px; font-weight: bold; text-align: center; text-transform: uppercase; }  
.sitesTxt SPAN { color: #549CCD; } 

.sitesTxt A:link,  .sitesTxt A:visited { color: #9b9b9b; text-decoration: none; }
.sitesTxt A:hover, .sitesTxt A:active  { color: #9b9b9b; text-decoration: underline; }   



	/****** Contenido Pie Final ******/
	
.pieContenedor { width: 200px; margin: 0; padding: 0; text-align: center; }

.pieOpcion { float: left; width: 40px; height: 36px; margin: 0 10px 15px 10px; }

.pieLogo { width: 100%; height: 36px; margin: 5px 0 0 0; text-align: center; }
.pieLogoGfx { width: 40px; height: 36px; margin: 0; background-position: -123px -127px; }

.pieEnlaces { clear: both; font-size: 9px; text-transform: uppercase; text-align: center; padding: 10px 0 0 0; }
.pieEnlaces A:link,  .pieEnlaces A:visited { color: #a6a6a6; text-decoration: underline; }
.pieEnlaces A:hover, .pieEnlaces A:active  { color: #a6a6a6; text-decoration: none; }   



	/****** Iconos Lenguajes ******/

.icoTecnologia { float: left; width: 36px; height: 36px; margin: 0; padding: 0; }

.icojava       { width: 36px; height: 36px; margin: 0; background-position: 0 -164px; }
.icoflash      { width: 36px; height: 36px; margin: 0; background-position: -37px -164px; }
.icodotnet     { width: 36px; height: 36px; margin: 0; background-position: -74px -164px; }
.icoeyeblaster { width: 36px; height: 36px; margin: 0; background-position: -111px -164px; }
.icofacebook   { width: 36px; height: 36px; margin: 0; background-position: -148px -164px; }
.icoadobeair   { width: 36px; height: 36px; margin: 0; background-position: -185px -164px; }
.icorss        { width: 36px; height: 36px; margin: 0; background-position: -222px -164px; }


	/****** Mini iconos ******/

.icomini { display: inline; width: 16px; height: 16px; margin: 0; padding: 0; }

.icogooglemaps { width: 15px; height: 15px; margin: 0; background-position: -414px -147px; }
.icolinkeid    { width: 15px; height: 15px; margin: 0; background-position: -398px -147px; }


	/****** Titulos Secciones ******/

.tituloContenedor    { width: 500px; height: 95px; text-align: center; margin: 30px 5px 0 5px; padding: 0; }
.tituloBgNoticias    { background: url(../pix/tit_noticias_bg.jpg) top center no-repeat; }
.tituloBgBusqueda    { background: url(../pix/tit_busqueda_bg.jpg) top center no-repeat; }
.tituloBgRia         { background: url(../pix/tit_ria_bg.jpg) top center no-repeat; }
.tituloBgUno         { background: url(../pix/tit_uno_bg.jpg) top center no-repeat; }
.tituloBGContacto    { background: url(../pix/tit_contacto_bg.jpg) top center no-repeat; }
.tituloBgProduccion  { background: url(../pix/tit_produccion_bg.jpg) top center no-repeat; }
.tituloBgDesarrollo  { background: url(../pix/tit_desarrollo_bg.jpg) top center no-repeat; }
.tituloBGSoluciones  { background: url(../pix/tit_soluciones_bg.jpg) top center no-repeat; }
.tituloBGSoporte     { background: url(../pix/tit_soporte_bg.jpg) top center no-repeat; }
.tituloBGIntegracion { background: url(../pix/tit_integracion_bg.jpg) top center no-repeat; }
.tituloBGExitoz      { background: url(../pix/tit_exitoz_bg.jpg) top center no-repeat; }
.tituloBGRedz        { background: url(../pix/tit_redz_bg.jpg) top center no-repeat; }
.tituloBGClientes    { background: url(../pix/tit_clientes_bg.jpg) top center no-repeat; }



	/****** Elementos Generales ******/
	
.separador { 
	clear: both; height: 3px; margin: 0; padding: 0; 
	background: url(../pix/separador.jpg) top center no-repeat;  
}

#columnaCT H1 { margin-bottom: 20px; }
#columnaCT H1.conSubtitulo { margin-bottom: 0; }
#columnaCT H1 SPAN { color: #15b6f8; font-size: inherit !important; font-size: 22px; }
	
.color1 { color: #15b6f8; }

.subtitulo { text-align: center; margin: 0 0 30px 0; }

.tituloPestanha { clear:both; }
.tituloPestanhaIZ { float: left; background: url(../pix/pest_iz.gif) top right no-repeat; height: 36px; width: 185px; }
.tituloPestanhaCT { 
	float: left; background: url(../pix/pest_ct.jpg) top left repeat-x; 
	height: 36px; line-height: 36px; width: 120px; 
	text-align: center; font-weight: bold; /*text-transform: capitalize;*/
}
.tituloPestanhaDC { float: left; background: url(../pix/pest_dc.gif) top left no-repeat; height: 36px; width: 185px; }

.tituloPestanha2 { display: block; clear: both; margin: 5px 10px; width: 490px; }
.tituloPestanha2IZ { float: left; background: url(../pix/pest_iz2.gif) top right no-repeat; height: 36px; width: 45px; }
.tituloPestanha2CT { 
	float: left; background: url(../pix/pest_ct.jpg) top left repeat-x; 
	height: 36px; line-height: 36px; width: 200px; 
	text-align: center; font-weight: bold; 
}
.tituloPestanha2DC { float: left; background: url(../pix/pest_dc2.gif) top left no-repeat; height: 36px; width: 235px; }

.bloqueTxtPeque  { display: block; clear: both; margin: 0 100px 25px 100px; text-align: justify; }



	/****** Noticias y Listados ******/

.noticiaSep {
	clear: both; line-height: 3px; height: 2px; margin: 0; padding: 0; 
	background: url(../pix/separador.jpg) top center no-repeat;  
}
.noticiaBloque { width: 100%; margin: 3px 0; padding: 10px 0 0 0;  }
.noticiaBloque IMG.foto  { float: left; width: 175px; height: 100px; margin-right: 10px; }
.noticiaBloque IMG.foto2 { float: left; width: 152px; height: 108px; margin-right: 10px; border: 1px solid #CCC; border-left: none; }
.noticiaContenido { margin: 0 20px; text-align: justify; cursor: pointer; }
.noticiaInterior { margin: 0 20px; text-align: justify; }
.noticiaInterior P {  
	font-size: 11px; text-transform: uppercase; 
	font-weight: bold; color: #828282;
	margin: 0; padding: 0; 
}
.noticiaFooter { display: block; float: right; margin-top: 5px; line-height: 36px; }
.noticiaFooter SPAN { margin-right: 10px; }
.noticiaBloque A, .noticiaBloque A:link, .noticiaBloque A:visited,
.noticiaBloque A:hover, .noticiaBloque A:active { color: #15B6F8; }
.noticiaShare  { display: block; float: left; margin-top: 10px; line-height: 36px; }
.noticiaVolver { display: block; float: right; margin-top: 10px; line-height: 36px; }
.noticiaMas { text-align: right; margin: 0; padding-bottom: 2px;  }

.noticiaContenidoOn { margin: 0 20px; text-align: justify; cursor: pointer; background-color: #F7F9FB; }
.noticiaContenidoOn B { color: #394144; }
.noticiaContenidoTit { font-size: 12px; font-weight: bold; }



	/****** Búsqueda ******/

.busquedaResultadoTxt   { 
	text-align: center; font-size: 9px; margin: 12px 0 0 0; padding: 5px 0;
	background: url(../pix/separador.jpg) top center no-repeat;  
}
.busquedaResultadoTxt P { font-size: 9px; text-align: center; margin: 0; padding: 0; font-weight: bold; }

.busquedaContenedor { /*height: 500px; background: #F00; */}
.busquedaBloque { width: 508px; margin-top: 20px; }
.busquedaContenido { margin: 0; padding: 0; float: left; width: 408px; text-align: justify;}
.busquedaContenido IMG.foto { float: left; margin-right: 10px; width: 90px; height: 76px; border: none; }
.busquedaContenido P { font-size: 11px; text-transform: uppercase; font-weight: bold; color: #828282; margin: 0; padding: 0; }
.busquedaFooter { clear: both; margin: 10px 100px 0 10px; line-height: 36px; }
.busquedaFooter SPAN { float: right; }
.busquedaFooter A, .busquedaFooter A:link, .busquedaFooter A:visited,
.busquedaFooter A:hover, .busquedaFooter A:active { color: #15B6F8; }

.busquedaOpciones { width: 100px; padding: 0; float: left; text-align: center; }

.busquedaSiteBloque { width: 80px; height: 36px; margin: 0 10px; margin-bottom: 20px !important; margin-bottom: 10px; }

.search-entry {
	cursor: pointer; padding: 10px;
}
.search-entry B {
	color: #85b6F8;
}

.search-entryOn {
	cursor: pointer; padding: 10px; background-color: #F7F9FB;
}


	/****** Código de Valores ******/

.codigoValorBloque { 
	background: url(../pix/fondo_codigo_valores.jpg) top center no-repeat; 
}
.codigoValorContent { margin: 0 75px 0 80px; padding: 40px 0 80px 0; }
.codigoValorContent H1 { text-align: left; }
.codigoValorContent H2 { color: #4f4f4f; }
.codigoValorContent P { margin: 0 0 15px 0; color: #848484; font-style: italic; font-size: 12px; line-height: 14px; }
.cogigoValorFirma { text-align: center; font-weight: bold; margin-top: 230px;  }
.codigoValorFirma IMG { width: 229px; height: 36px; border: none; }



	/****** Bloques Formularios ******/

.bloqueForm1 { clear: both; width: 500px; border-top: 1px solid #c5c5c5; margin: 0 1px; }
.bloqForm1IZ { float: left; width: 249px; border-right: 1px solid #FFF; } 
.bloqForm1DC { float: left; width: 249px; border-left: 1px solid #c5c5c5; }

.bloqForm1Main { height: 36px; line-height: 36px; border-bottom: 1px solid #FFF; }
.bloqForm1Text { float: left; width: 40px; text-align: right; border-right: 1px solid #c5c5c5; }
.bloqForm1Text SPAN { margin: 0 5px; }
.bloqForm1Campos { 
	float: left; width: 208px; background: #F7F7F7 url(../pix/sep_vertical.jpg) top left no-repeat; 
	padding: 0; margin: 0; height: 36px; line-height: 36px; 
}
.bloqFormCSize2 { width: 30px; }
.bloqForm1Campos P { padding: 0 5px !important; padding: 8px 5px; margin: 0;  }

.bloqueForm2 { clear: both; width: 500px; border-top: 1px solid #c5c5c5; margin: 0 0 0 1px; }
.bloqForm2IZ { float: left; background: #F7F7F7; width: 250px; border-right: 1px solid #c5c5c5; }
.bloqForm2IZ P { text-align: right; height: 40px; line-height: 36px; margin: 0 5 0 0px; }
.bloqForm2DC { float: left; padding: 8px 5px; margin: 0; }
.bloqForm2DC INPUT { width: 240px; }

.bloqueForm3 { 
	clear: both; overflow: auto; width: 510px; margin: 0 0 0 0px;
	border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; 
}
.bloqForm3IZ { float: left; background: #F7F7F7; width: 250px; border-right: 1px solid #c5c5c5; }
.bloqForm3IZ P { text-align: right; height: 36px; line-height: 36px; margin: 0 5px; }
.bloqForm3CT { float: left; padding: 5px 0 0 0; }
.bloqForm3CT INPUT { width: 170px; /*border: none; background: transparent; height: 36px; padding: 10px 0;*/ margin: 0 5px; }
.bloqForm3DC { float: left; height: 36px; line-height: 36px; /*background: #F7F7F7;*/ width: 70px; /*cursor: pointer;*/ }

.bloqForm3DC INPUT { 
	width: 70px; /*background: #EDEDED url(../pix/sep_vertical.jpg) top left no-repeat; 
	cursor: pointer; height: 30px; border: 1px solid #999; */ margin: 5px 0; /*padding: 0; */
}

.tablaForm3 {
	border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5;
}
.textForm3 { 
	background: #F7F7F7; width: 250px; border-right: 1px solid #c5c5c5;
	height: 36px; line-height: 36px; padding: 5px; text-align: right;
}
.textInputForm3 { width: 180px; border: none; background: transparent; height: 36px; padding: 10px 0; }
.sendInputForm3 {
	width: 70px; background: #EDEDED url(../pix/sep_vertical.jpg) top left no-repeat; 
	cursor: pointer; height: 30px; border: 1px solid #999; margin: 3px 0; padding: 0;
}



	/****** Bloque Acceso Clientes ******/

.bloqueClientes {
	margin: 20px 0 0 0; padding: 0 0 370px 0;
}	
	


	/****** Fichas Casos de Éxito y Productos ******/

.BloqueCaracteristicas { 
	float: left; margin: 20px; width: 460px; padding: 10px 0; 
	background: #F7F7F7; border: 1px solid #c5c5c5;
}
.BloqueCaracteristicas P { padding: 0 20px; margin: 0; font-size: 12px; }
.BloqueFicha { display: block; clear: both; margin: 0 30px 25px 30px; text-align: justify; padding-top: 5px; }
.BloqueFicha IMG { float: left; width: 175px; height: 100px; margin: 5px 10px 5px 0; border: 1px solid #CCC; }

.BloqueFicha2 { float: left; width: 45%; margin: 0 10px; padding: 10px 0; }
.BloqueFicha2 P { margin: 0; padding: 0; }
.BloqueFicha2 IMG { float: left; width: 115px; height: 90px; margin: 5px 10px 5px 0; border: 1px solid #CCC; }


	/****** Tecnologia ******/
.enlaceRelacionados	A:link, .enlaceRelacionados  A:visited { color: #15B6F8; text-decoration: underline; }
.enlaceRelacionados A:hover, .enlaceRelacionados A:active  { color: #15B6F8; text-decoration: none; }
