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

Proyecto:	Satinel-System
Versión:	1.2
Copyright:	Inicianet

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

/* GENERAL */

* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #BFBFBF;
	background-image: url(img/background/body.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #7F7F7F;
	text-align: justify;
}
label {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #A5A5A5;
}
.justificar {
	text-align: justify;
}

strong {
	font-weight: bold;
}
ul {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #7F7F7F;
}

/* ID */

#content {
	background-image: url(img/background/content.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin: auto;
	width: 954px;
}
#flash {
	background-image: url(img/background/flash.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 293px;
	margin: auto;
	padding-left: 8px;
	width: 954px;
}
#footer {
	height: 51px;
	width: 882px;
	margin-top: 70px;
	margin-left: 36px;
	background-image: url(img/background/footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#soportetec{
	float:left;
	margin-left:40px;
	width:480px;
	margin-top:10px;
	margin-bottom:20px;
	text-align:justify;
}

#colaboradores{
	float:left;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:20px;
}

#textinicio{
	float:left;
	margin-left:40px;
	width:400px;
	margin-top:10px;
	margin-bottom:20px;
	margin-top:20px;
	text-align:justify;
}

#textinicio1{
	float:left;
	margin-left:40px;
	width:400px;
	margin-top:10px;
	margin-bottom:20px;
	margin-top:20px;
	text-align:justify;
}

#links {
	width: 882px;
	padding-bottom: 35px;
	margin-left: 36px;
}
#titles {
	height: 32px;
	width: 882px;
	margin-left: 36px;
	background-image: url(img/background/titles.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* ENLACES */

a, a:visited, a:active, a:focus, a:link {
	color: #A5A5A5;
	text-decoration: none;
}
a:hover {
	color: #79C127;
	text-decoration: none;
}

/* ESTRUCTURAS */

.bot_clientes {
	margin-left: 12px;
}
.bot_inicia {
	float: right;
}
.bot_proyectos {
	margin-left: 8px;
}
.bot_servicios {
	margin-top: 6px;
}
.empresa_margin {
	margin-top: 27px;
}
.info_margin {
	margin-top: 23px;
}
.plus_margin {
	margin-top: 56px;
}
.titles_margin {
	margin-left: 495px;
}
.titles_margin2 {
	margin-left: 442px;
}
.titles_margin3 {
	margin-left: 256px;
}
.titles_margin4 {
	margin-left: 239px;
}
.titles_margin5 {
	margin-left: 360px;
}
.titles_margin6 {
	margin-left: 480px;
}
.titles_margin7 {
	margin-left: 554px;
}
.titles_margin8 {
	margin-left: 451px;
}

/* FORMULARIOS */

.campo1 {
	background-image: url(img/background/campo.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFF;
	border: 1px solid #7F7F7F;
	color: #7F7F7F;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: 15px;
	line-height: 16px;
	margin-top: 2px;
	padding-top: 1px;
	padding-right: 2px;
	padding-left: 3px;
	width: 263px;
}
.campo2 {
	background-image: url(img/background/campo.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFF;
	border: 1px solid #7F7F7F;
	color: #7F7F7F;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: 84px;
	line-height: 16px;
	margin-top: 2px;
	padding-top: 1px;
	padding-right: 2px;
	padding-left: 3px;
	padding-bottom: 1px;
	width: 263px;
}

/* LISTAS */

.lista_contacto {
	list-style-type: none;
	width: 342px;
	margin-left: 16px;
	margin-top: 16px;
}
.lista_contacto li {
	width: 270px;
	float: left;
	padding-top: 0;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 0;
}

/* PÁRRAFOS */

.destacado {
	font-weight: bold;
	color: #79C127;
}
.txt0 {
	margin-top: 22px;
}
.txt1 {
	margin-top: 9px;
}
.txt2 {
	margin-top: 16px;
}
.txt3 {
	color: #A5A5A5;
	margin-top: 9px;
}
.txt4 {
	color: #A5A5A5;
}
.txt5 {
	color: #79C127;
	font-size: 9px;
	text-align: center;
}
.txt6 {
	margin-top: 32px;
}
.txt7 {
	margin-top: 25px;
	color: #A5A5A5;
}
.txt8 {
	color: #79C127;
	margin-top: 16px;
}
.txt9 {
	margin-top: 17px;
	margin-left: 19px;
}
.txt_ {
	margin-top: 56px;
}
.txt_proyect {
	height: 81px;
	width: 235px;
}
.txt_proyect1 {
	height:160px;
	width: 200px;
	text-align:justify;
	padding:5px;
}
.txt_proyect_big {
	height: 81px;
	width: 668px;
}

/* Actualización Noviembre 01 */

.div_adaptacion {
	float: left;
	width: 137px;
	margin-top: 16px;
	margin-right: 7px;
	}
	
.div_adaptacion p{
	text-align:left
	}
	
.flota_derecha {
	float: right;
	margin-left: 10px;
	}
	
.flota_izq {
	float: left;
	margin-right: 10px;
	}
	
#nuevoflash {
	width: 240px;
	height: 162px;
	float: left;
	margin-top:24px;
	margin-right: 10px;
			}

.txt_seccion {
	margin-top: 24px;
	}
.satinel {
	float: right;
	margin-left: 10px;
	}
	
.primer_titulo {
	margin-bottom: 16px;
	}
.adaptacion_total {
	margin-top: 26px;
	margin-bottom: 24px;
	float: left;
	margin-right: 120px;
	}
	
.margen_titulo {
	margin-bottom: 24px;
	}
.satinel2 {
	float: right;
	margin-left: 10px;
	margin-bottom: 20px;
	}
	

.txt_seccion2 {
	margin-top: 34px;
	}
	
	
/* Actualización Mayo 2010 */

.galleryContainer {width: 850px; margin-left:35px; margin-top:15px;}
.galleryContainer1 {width: 450px; margin-left:230px; margin-top:15px;}
.galleryImage { background-color:black; width:200px; height:160px; overflow:hidden; margin:5px; float:left;}
.info    { margin-left:10px; font-family:arial;padding:3px;}
.info1    { margin-left:10px; font-family:arial;padding:3px; font-size:12px; color:fff;}
.info h2 { color:green; font-size:18px;}
.info p { color:white; font-size:13px; text-align:left;}
.clear { clear:both; margin-top:10px;}

/* Galería lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Fin Galería lightbox */

/* Galería Enlaces */

#galeriaenlaces{
	width:800px;
	height:400px;
	float:left;
	margin-left:70px;
	}

/* Fin Galería Enlaces */

.derechaproyectos{
	width:400px;
	margin-left:31px;
	margin-right:10px;
	float:left;
	}
	
.izqproyectos{
	width:400px;
	margin-right:61px;
	float:right;
	}
	
/*Galeria Web*/

ul.ppt {
		position: relative;
}

.ppt li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
}

.ppt img {
	border: 1px solid #e7e7e7;
	padding: 5px;
	background-color: #ececec;
}

/*Fin Galeria Web*/

.txtproyects{
	text-align:justify;
	float:left;
	margin-left:100px;
	width:675px;
	margin-top:40px;
	}

#googlemap{	
	width:360px;
	height:300px;
	margin: 16px 0 31px 0;
	padding: 5px 5px 0 5px;
	}