@charset "utf-8";

/* CSS Document */



body, table, p, a, img, select,input,div, span {font-family: verdana; font-size:12px;}





body {margin: 0 0 0 0 ; }



body, div.head_background, div.pie_background, form.login{background-color:#333333; }



a.5stars{text-decoration: none;

font-size:16px;

color:#00CC99;

			}

h3 {text-align:center;}	

a.5stars:link{text-decoration: none; 

		}		

a:link {text-decoration: none; 

		color:#000099;

		border:0px;}

	

a:visited {text-decoration: none;
		color:#0000cc;
		
		border:0px;
		}



a:hover {text-decoration: none;
		color:#0000cc;
		}
	

#header {

		background-image:url(../imagenes/header2.png);
		
		position:relative;

		border:0px;

		width:764px;
		
		height:160px;

		margin:auto;

		border-top:0px;

		border-bottom:0px;

		border-left:0px;

		border-right:0px;}
		
#menu {
 		position:relative; 
		
		height:25px;
		
		border:0px;

		width:764px;

		margin:auto;

		border-top:0px;

		border-bottom:0px;

		border-left:0px;

		border-right:0px;
 }

/* *************************** */
/*  CSS Msj    */
/* *************************** */

div.msj_error_campo
{
	margin-top: 1px; 
	margin-left: 1px; 
	background-image: url(../imagenes/error.gif); 
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #B6120A;
	border-top: 1px solid #B6120A;
	border-left: 1px solid #B6120A;
	border-right: 1px solid #B6120A;
	font-size:0.90em;
	color:#708090;
	background-color: #FFF9F9;
}


div.msj_confirmacion {
	margin-top: 1px;
	border-bottom: 1px solid #549864;
	border-top: 1px solid #549864;
	border-left: 1px solid #549864;
	border-right: 1px solid #549864;
	font-size:0.90em;
	color:#708090;
	background-color: #C8E4CF;
}
p.msj_confirmacion {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size:0.90em;
	text-align: center;
	}
font.msj_confirmacion
{
	margin-left:10px;
}

/* FIN - CSS Msj   */

#logo {

    background-image:url(../imagenes/logoHTS3.png);
	
	background-repeat: no-repeat;
	
	position:absolute;

	width:145px; 
	
	height:115px;
	
	left:14px;

	top:30px;
}
#botonera {

	position:absolute;
	width:601px;
	height:28px;
	left:82px;
	top:172px;
	text-align:center;
	font-family: verdana;
}

#botoneraleft {
	position:absolute;
	width:130px;
	height:230px;
	left:0px;
	top:2px;
	text-align:center;
	font-family: verdana;
	color:#FFFFFF;
	background-image: url(../imagenes/botonleft.png);
}

#banners {
	position:absolute;
	width:250px;
	height:200px;
	
	}
	
	

#tabla {
		text-align:center;
		font-family: verdana;
		}

#body1 {background-color:#ffffff;

		position:relative;

		width:764px;

		margin:auto;

		text-align: center;

		height: 270px;

		border-top:0px;

		border-bottom:0px;

		border-left:0px;

		border-right:0px;

		}


		

#bodyC {background-color:#ffffff;

		position:relative;

		width:764px;

		margin:auto;

		text-align: center;
		
		

		height: 20px;

		border-top:0px;

		border-bottom:0px;

		border-left:0px;

		border-right:0px;

		}

		

#bodyR {background-color:#ffffff;

		top:0px;
		
		

		position:relative;

		width:764px;

		margin:auto;

	    background-repeat: repeat-y; 

	    text-align:justify;

		border-top:0px;

		border-bottom:0px;

		border-left:0px;

		border-right:0px;

		}



#bodyD {background-color:#6699cc;

		position:relative;

		width:764px;

		margin:auto;

		text-align: center;

		height: 600px;

		border-top:0px;

		border-bottom:0px;

		border-left:0px;

		border-right:0px;

		}		

		

#foot {

		top:0px;

		position:relative;

		width:764px;

		margin:auto;

	    text-align: center;

		border:0px;

		border-top:0px;

		border-bottom:0px;

		border-left:0px;

		border-right:0px;
		
		background-image: url(../imagenes/foot2.png);
		
		
		
		}

		

#apDiv2 {

	text-decoration:none;

	font-size:16px;

	

	position:absolute;

	left:37px;

	top:12px;

	width:572px;

	height:200px;

	border-top:0px;

		border-bottom:0px;

		border-left:0px;

		border-right:0px;

	

		}

		

#apDiv1 {

	position:absolute;

	left:65px;

	top:43px;

	

	border-top:0px;

		border-bottom:0px;

		border-left:0px;

		border-right:0px;

	

	}





#apDiv3 {
	position:absolute;
	left:55px;
	top:43px;
	width:411px;
	height:21px;

	

}

#apDiv4 {
	position:absolute;
	left:55px;
	top:67px;
	text-align: center;
	border:0px;
	border-top:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	width: 50px;

	

}

#apDiv5 {

	position:absolute;

	left:621px;

	top:0px;

	margin:auto;

	text-align: center;

	border:0px;

	border-top:0px;

	border-bottom:0px;

	border-left:0px;

	border-right:0px;

}

#apDiv6 {

	position:absolute;

	left:630px;

	top:23px;

	text-align: center;

	border:0px;

	border-top:0px;

	border-bottom:0px;

	border-left:0px;

	border-right:0px;

}



#apDiv7 {

	position:absolute;

	left:4px;

	top:8px;

	

}



#apDiv8 {
	position:absolute;
	width: 88px;
	height: 62px;
	left:493px;
	top:16px;
	border:0px;
	border-top:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	z-index:1;

	

}


#apDiv9 {
	position:absolute;
	left:55px;
	top:17px;
	width:411px;
	height:21px;

	

}

#apDiv10 {
	position:absolute;
	left:105px;
	top:68px;
	text-align: center;
	border:0px;
	border-top:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	width: 50px;

	

}


#handy {
	background-image:url(../imagenes/handy1.png);
	position:relative;
	width:222px;
	height:201px;
	float:left;
	margin-left:5px;
	
	}
	
#perro {
	background-image:url(../imagenes/perro1.png);
	position:relative;
	width:170px;
	height:122px;
	float:right;
	margin-right:5px;
	background-repeat:no-repeat;
	
	}
	
#seguridad {

	background-image:url(../imagenes/seguridad.png);
	
	position:relative;
	width:170px;
	height:113px;
	float:right;
	margin-left:5px;
	
	}
	
#cam1 {

	background-image:url(../imagenes/cam1.png);
	
	position:relative;
	width:79px;
	height:121px;
	float:left;
	margin-right:5px;
	margin-left:5px;
	
	}
	
#cam2 {

	background-image:url(../imagenes/cam2.png);
	
	position:relative;
	width:79px;
	height:121px;
	float:right;
	margin-right:5px;
	margin-left:5px;
	
	}
	
#felices {
	background-image:url(../imagenes/felices.png);
	position:relative;
	width:83px;
	height:120px;
	float:right;
	margin-left:5px;
	
	}
	
#htscar {
	background-image:url(../imagenes/htscar.png);
	position:relative;
	width:650px;
	height:332px;
	text-align:center;
	
	}
	
#personal {
	background-image:url(../imagenes/personal.png);
	position:relative;
	width:256px;
	height:243px;
	float:right;
	margin-left:5px;
	background-repeat:no-repeat;
	
	}
	
#guardia {
	background-image:url(../imagenes/guardia.png);
	position:relative;
	width:170px;
	height:113px;
	float:right;
	}

#autosguardia {
	background-image:url(../imagenes/autos.png);
	position:relative;
	width:705px;
	height:258px;
	text-align:center;
	margin:auto;
	}
	
#vigilar {
	background-image:url(../imagenes/vigilar.png);
	position:relative;
	width:705px;
	height:258px;
	text-align:center;
	margin:auto;
	}
	
#autos {
	background-image:url(../imagenes/autosguardia.png);
	position:relative;
	width:705px;
	height:258px;
	text-align:center;
	margin:auto;
	}
	
#camion {
	background-image:url(../imagenes/camion.png);
	position:relative;
	width:130px;
	height:120px;
	float:left;
	}
#armado {
	background-image:url(../imagenes/armado.png);
	position:relative;
	width:79px;
	height:120px;
	float:right;
	}
	
#extintores {
	background-image:url(../imagenes/extintores1.png);
	position:relative;
	width:120px;
	height:120px;
	float:right;
	margin-left:5px;
	}
	
#fire {
	background-image:url(../imagenes/fire1.png);
	position:relative;
	width:150px;
	height:150px;
	float:left;
	}
	
#escape {
	background-image:url(../imagenes/escape1.png);
	position:relative;
	width:130px;
	height:130px;
	float:right;
	}
	
#custodio {
	background-image:url(../imagenes/custodio1.png);
	position:relative;
	width:120px;
	height:120px;
	float:right;
	}
	
#mini {
	background-image:url(../imagenes/mini.png);
	position:relative;
	width:650px;
	height:400px;
	text-align:center;
	margin:auto;
	}

#pantallas1 {
	background-image:url(../imagenes/pantallas1a.png);
	position:relative;
	width:150px;
	height:150px;
	float:right;
	}
	
#camaras {
	background-image:url(../imagenes/camaras1a.png);
	position:relative;
	width:140px;
	height:140px;
	float:left;
	}
	
#pantallas2 {
	background-image:url(../imagenes/pantallas2a.png);
	position:relative;
	width:150px;
	height:108px;
	float:right;
	}
	
#telefono {
	background-image:url(../imagenes/telefono1.png);
	position:relative;
	width:200px;
	height:60px;
	
	
	}
#mail {
	background-image:url(../imagenes/mail1.png);
	position:relative;
	width:200px;
	height:60px;
	
	}
	
#contact {
	
	position:relative;
	float:left;
	margin-right:45px;
	
	}