/* CSS para srgis.cl
Autor: Diego Díaz Plaza - <diego@crono.org>
Fecha de creación: 20/07/2005
Última modificación: 23/07/2005
*/

body {
	margin:0;
	padding:0;
	background:#fff url(../images/html/fondo_general_srgis.jpg) repeat-y 50% 0;
	background-attachment:fixed;
	text-align:center;
	min-width:602px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Encabezados */
h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#009966;
	text-align:left;
	text-transform:capitalize;
}
h1#t_bienvenidos { 
	display:block; 
	text-indent: -9000px; 
	width:307px; 
	height:42px; 
	text-decoration:none;
	background-image:url(/images/html/tit_bienvenidos.jpg);
	background-repeat:no-repeat;
	}
h1#t_productos { 
	display:block; 
	text-indent: -9000px; 
	width:307px; 
	height:42px; 
	text-decoration:none;
	background-image:url(/images/html/tit_productos.jpg);
	background-repeat:no-repeat;
	}
h1#t_descargas { 
	display:block; 
	text-indent: -9000px; 
	width:307px; 
	height:42px; 
	text-decoration:none;
	background-image:url(/images/html/tit_descargas.jpg);
	background-repeat:no-repeat;
	}	
h1#t_contacto { 
	display:block; 
	text-indent: -9000px; 
	width:307px; 
	height:42px; 
	text-decoration:none;
	background-image:url(/images/html/tit_contacto.jpg);
	background-repeat:no-repeat;
	}
h1#t_software { 
	display:block; 
	text-indent: -9000px; 
	width:307px; 
	height:42px; 
	text-decoration:none;
	background-image:url(/images/html/tit_software.jpg);
	background-repeat:no-repeat;
	}
h1#t_gis { 
	display:block; 
	text-indent: -9000px; 
	width:307px; 
	height:42px; 
	text-decoration:none;
	background-image:url(/images/html/tit_gis.jpg);
	background-repeat:no-repeat;
	}
h1#t_gis { 
	display:block; 
	text-indent: -9000px; 
	width:307px; 
	height:42px; 
	text-decoration:none;
	background-image:url(/images/html/tit_gis.jpg);
	background-repeat:no-repeat;
	}
h1#t_sensores { 
	display:block; 
	text-indent: -9000px; 
	width:307px; 
	height:42px; 
	text-decoration:none;
	background-image:url(/images/html/tit_sensores.jpg);
	background-repeat:no-repeat;
	}
h1#t_ejemplos { 
	display:block; 
	text-indent: -9000px; 
	width:307px; 
	height:42px; 
	text-decoration:none;
	background-image:url(/images/html/tit_ejemplos.jpg);
	background-repeat:no-repeat;
	}
h1#t_cv { 
	display:block; 
	text-indent: -9000px; 
	width:307px; 
	height:42px; 
	text-decoration:none;
	background-image:url(/images/html/tit_cv.jpg);
	background-repeat:no-repeat;
	}		
h3 {
	padding-left:10px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#999; 
	padding-bottom:2px;
	}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:lighter;
	margin-bottom: 2px;
	color: #999;
	padding-top: 2px;
	padding-bottom:4px;
	margin-top: 0px;
}


/* Sombra */
#sombra { /* Solo para IE */
	/*background: url(/images/html/sombra_srgis.jpg) repeat-y center top;*/
	position:relative;
	background-image:url(/images/html/fondo_general3.jpg);
	background-repeat:repeat-y;
	width: 604px;
	margin:0px auto;
	}
*>div#sombra { /* Solo para FF */
	/*background: url(/images/html/sombra_srgis.jpg) repeat-y center top;*/
	position:relative;
		background-image:url(/images/html/fondo_general3.jpg);
	background-repeat:repeat-y;
	width: 602px;
	margin:0px auto;
	}

/* Contenedor del sitio */
#contenedor {
	width: 597px;
	margin: 0 auto;
	padding: 0 auto;
	position:relative;
}

/* Navegacion Top */
#navegacion_top { background-image: url(/images/html/fondo_navegacion_top.gif);
	height:35px; 
	padding:0 0 0 10px; 
	}
#navegacion_top ul { 
	float:left;  
	list-style-type:none;
	}
#navegacion_top ul li { 
	float:left; 
	margin:0 14px 0 0; 
	}
#navegacion_top ul li a { 
	display:block; 
	text-indent: -9000px; 
	width:63px; 
	height:35px; 
	text-decoration:none;
	}
#navegacion_top #inicio a { 
	background: url(/images/botones/boton_inicio.jpg) no-repeat; 
	width:63px; 
	}
#navegacion_top #sensores a { 
	background: url(/images/botones/boton_sensores.jpg) no-repeat; 
	width:63px; 
	}
#navegacion_top #gis a { 
	background: url(/images/botones/boton_gis.jpg) no-repeat; 
	width:63px; 
	}
#navegacion_top #productos a { 
	background: url(/images/botones/boton_productos.jpg) no-repeat; 
	width:63px; 
	}
#navegacion_top #contacto a { 
	background: url(/images//botones/boton_contacto.jpg) no-repeat; 
	width:63px; 
	}
#navegacion_top #inicio a:hover, #navegacion_top #sensores a:hover, #navegacion_top #gis a:hover, #navegacion_top #productos a:hover, #navegacion_top #contacto a:hover { 
	background-position:0 -37px; 
	}
#navegacion_top #inicio a.on, #navegacion_top #sensores a.on, #navegacion_top #gis a.on, #navegacion_top #productos a.on, #navegacion_top #contacto a.on { 
	background-position:0 -37px; 
	}

#english_version { float:right; padding:10px 10px 0 0; }

	
/* Logo principal / header */
#logo-header {
	height: 83px;
	background-image:url(/images/cabecera_logo.jpg);
	background-repeat:no-repeat;
	width: 597px;
}
	*>div.linea_sombra {
		margin:0px;
		background-image:url(/images/html/sombra_linea.png);
		height:13px;
		}
	.linea_sombra {
		margin:0px;
		background-image:url(/images/html/sombra_linea.png);
		height:12px;
		}	

/* Contenido del sitio */
#contenido {
	padding: 0;
	margin: 0;
	/*background-color:#FFF;*/
	font-size:13px;
}
#lado_izquierdo {
	float: left;
	vertical-align:top;
	/*background:url(/images/html/fondo_izquierdo.gif) left bottom repat-y; */
	/*background-color:#444444;*/
	padding: 20px 0 0 0;
	margin:-12px 0 0 0;
	width: 250px;
	text-align: left;
	color:#000;
	height:100%;
}
#lado_izquierdo .top_destacado {
	background:url(../images/html/top_destacado.jpg) bottom no-repeat;
	width:242px;
	height:5px;
	}
#lado_izquierdo .destacado {
	background:url(../images/html/bg_destacado.jpg) repeat-y;
	width:252px;
	color:#FFF;
	font-size:10px;
	}
	#lado_izquierdo .destacado_c_texto {
		background:url(../images/html/bg_destacado.jpg) repeat-y;
		width:247px;
		color:#FFF;
		font-size:10px;
		padding:0 0 0 5px;
	}

#lado_izquierdo .bottom_destacado {
	background:url(../images/html/bottom_destacado.jpg) no-repeat;
	width:242px;
	height:5px;
	}	
	
/*#contenido #lado_izquierdo #fondo {
	background:url(/images/html/fondo_izquierdo_fix.gif) top right no-repeat; 
	height:600px;
	}*/
#lado_izquierdo img {
	border:none; !important
	}
/* NO BORDE */
	a.linknoborde { 
	border:none !important
}
#lado_izquierdo h4 {
	color:#069;
	margin:0px;
	font-family:Arial, "Times New Roman", Times, serif;
	text-transform:capitalize;
	font-weight:bold;
	font-size:13px;
	}
#lado_izquierdo hr {
	border-top:1px;
	border-bottom:1px;
	border-left:0px;
	border-right:0px;
	color:#666;
	height:1px;
	margin:0 auto;
	width:180px;
	text-align:center;
	}
#lado_izquierdo a {
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #CCC;
	}
#lado_izquierdo a:hover {
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #CCC;
	}
/* Navegacion Lateral */
#navegacion_lateral {
	width:250px;
	margin:-15px 0 0 0;
	height:30px;
	}
#navegacion_lateral ul { 
	float:left;  
	list-style-type:none;
	}
#navegacion_lateral ul li { 
	float:left; 
	}
#navegacion_lateral ul li a { 
	display:block; 
	text-indent: -9000px; 
	width:249px; 
	height:30px; 
	text-decoration:none;
	}
#navegacion_lateral #lat_productos a {
	background-image:url(/images/botones/celda_productos.jpg);
	background-repeat:no-repeat;
	width:249px; 
	}
#navegacion_lateral #lat_software a {
	background-image:url(/images/botones/celda_software.jpg);
	background-repeat:no-repeat;
	width:249px; 
	}
#navegacion_lateral #lat_descargas a {
	background-image:url(/images/botones/celda_descargas.jpg);
	background-repeat:no-repeat;
	width:249px; 
	}
#navegacion_lateral #lat_productos a:hover, #navegacion_lateral #lat_software a:hover, #navegacion_lateral #lat_descargas a:hover { 
	background-position:0 -30px; 
	}
#navegacion_lateral #lat_productos a.on, #navegacion_lateral #lat_software a.on, #navegacion_lateral #lat_descargas a.on { 
	background-position:0 -30px; 
	}
/* ------------------------------------------------------- */


.right {
	margin: 0;
	padding: 10px;
	text-align: left;
	font-size: 13px;
	float: right;
	color:#666;
	width: 310px;
}
#contenido .right li {
	padding: 0px 0px 0px 25px;
	margin: 10px 0px;
	font-weight: normal;
	font-size: 13px;
	background: url(/images/html/bullet_rojo.jpg) no-repeat 8px 50%;
	list-style-type: none;
	vertical-align:top;
}

#contenido .right a {
	color:#999;
	text-decoration:none;
	border-bottom:1px solid #CCC;
	}
#contenido .right a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #CCC;
	}

.right ul {
	margin: 0; 
	padding: 0;
}

/* Clases varias */
#link_pdf {
	width: 17px;
	height: 17px;
	margin:-6px 5px 0 0;
	padding:0 0 0 18px;
	background: url(/images/html/icono_pdf_chico.gif) -3px 60% no-repeat;
}
#link_img {
	width: 17px;
	height: 17px;
	margin:-6px 5px 0 0;
	padding:0 0 0 18px;
	background: url(/images/html/icono_img.gif) 0 60% no-repeat;
}
.img_izquierda {
	float:left;
	margin:0 1em 0 0;
	border:1px solid #CCC;
	padding:4px;
	}
.img_izquierda_noborde {
	float:left;
	margin:0 1em 1em 0;
	border:none;
	/*padding:4px;*/
	}
.profile {
	background: url(/images/quote.gif) 0 2px no-repeat;
	text-indent: 18px;
	line-height: 16px;
	color: #80807C;
	margin: 0 10px;
	text-align: left;
	padding: 0;
}

.head-profile {
	margin: 10px 0 0 10px;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #262625;
}

.escondido { display: none; }

.reset {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 1px; 
	line-height: 1px; 
	margin: 0;
}

html>body .right a.mas_info { height:49px; } 
.caja_email { 
	width: 147px;
	display: block;
	padding: 8px 5px 0 30px;
	margin: 0px;
	line-height: 16px;
	font-size: 9px;
	font-weight: normal;
	color: #80807C;
	text-decoration: none;
	background: url(/images/html/caja_email.gif) no-repeat;
	height: 84px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-bottom: 20px;
} 
html>body .caja_email { height: 84px; } 

.right a.mas_info span { 
	font-size: 13px;
	font-weight: bold;
	color: #262625;
}

.ml input { width: 100px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.ml input.submit { width: 60px; font-size: 9px; font-weight: bold; margin-top: 10px; }


.right a.mas_info:hover { background-position: 0 -57px; }

/* Tabla de ejemplos srgis.cl */
#tabla_ejemplos TD {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:top;
	padding:2px;
	text-align:center;
}

#tabla_ejemplos tr.uno td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-color:#FFF;
	}
#tabla_ejemplos tr.uno_top td {
	background-color:#F1F1F1;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	}
#tabla_ejemplos td.uno_fix {
	border-left:1px solid #CCC;
	}

/* Pie de pagina */
#pie {
	position:relative;
	background-image:url(/images/html/fondo_pie_pagina.jpg);
	clear:both;
	background-repeat:no-repeat;
	height:50px;
	font-size: 9px;
	padding: 0px 0 0 10px;
	color: #FFF;
	border-top:1px solid #666;
}

#pie .pie-left {	
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0 0 0;  
}

#pie .pie-right {
	font-family:Arial, Helvetica, sans-serif; 
	float: right;
	padding:10px 5px 0 0; 
}
#pie a {
	color: #CCC;
	/*border-bottom: 1px solid #D4D4CE;*/
	text-decoration: none;
}

#pie a:hover {
	color: #FFF;
	/*border-bottom: 1px solid #CCC;*/
}
*>div #pie .pie-right a {
	float:right;
	text-indent: -9000px;
	width: 48px;
	height: 13px;
	margin:-6px 5px 0 0;
	background: url(/images/html/logo_crono.gif) 0 0 no-repeat;
	border:0px;
}
*>div #pie .pie-right a:hover {
	float:right;
	text-indent: -9000px;
	width: 48px;
	height: 13px;
	margin:-6px 5px 0 0;
	background: url(/images/html/logo_crono_over.gif) 0 0 no-repeat;
	border:0px;
}

#pie .pie-right a {
	float:right;
	text-indent: -9000px;
	width: 48px;
	height: 13px;
	margin:5px 5px 0 0;
	background: url(/images/html/logo_crono.gif) 0 0 no-repeat;
	border:0px;
}
#pie .pie-right a:hover	{
	float:right;
	text-indent: -9000px;
	width: 48px;
	height: 13px;
	margin:5px 5px 0 0;
	background: url(/images/html/logo_crono_over.gif) 0 0 no-repeat;
	border:0px;
}

/* Miniaturas en el inicio */
.thumbs { 
	text-align: left;
}
.thumbs a {
	text-decoration: none;
}
.thumbs img {
	vertical-align: middle; 
	border: 1px solid #CCC;
	padding:4px; 
	margin: 4px 5px;
}
.thumbs img:hover {	
	text-decoration: none;
}

.li_mas_info ul li {
	background:url(/images/html/flecha_link.png) no-repeat 8px 50%;
	border-width:0;
	height:20px;
	color:#359;
	}
.oldbrowsers, .escondido { display: none; }

/* -------------------------------------------------------------------- */

/* CSS para formulario de contacto */

form {
  background:#F7F7F7;
  /*margin:.75em 0 1.5em;*/
  /*padding:5px 10px 8px;*/
  }
form table {
  color:#444;
  }
form > table {
  width:100%;
  }
form th {
  text-transform:lowercase;
  white-space:nowrap;
  }
input, textarea, select {
  margin:1px 0;
  }
input.text {
  background:#fff;
  border:1px solid #ccc;
  border-color:#aaa #eee #eee #aaa;
  color:#333;
  }
select {
	margin:0 auto;
	  vertical-align:top;
	  border:1px solid #ccc;
	  font-size:10px;
  }
form p {
  font-size:85%;
  line-height:1.6em;
  }
form td p {
  font-size:100%;
  }
form table td {
  width:100%;
  }
form table td, form table th {
  padding:5px 10px 5px 0;
  font-weight:normal;
  font-size:85%;
  }
form label {
  text-transform:lowercase;
  cursor:pointer;
  }
  
form label:hover {
  color:#963;
  }

form input, form textarea, form select {
  margin:1px 0;
  }

form textarea {
  background:#fff;
  display:block;
  clear:left;
  width:97%;
  border:1px solid #ccc;
  border-color:#ccc #fff #fff #ccc;
  color:#333;
  }

form input.boton {
  padding:2px;
  border:2px solid #CCC;
  border-color:#999 #666 #999 #666;
  background:#F4F4F4;
  color:#000;
  font:bold 100% Verdana,Sans-serif;
  }
form input.boton:hover {
  color:#000;
  background:#CCC;
  cursor:pointer;
  }
form input.boton:active {
  border-color:#999 #999 #999 #999;
  background:#ccc;
  color:#000;
  }