@charset "UTF-8";
/* CSS Document */

body {
	background-color: #00000E;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	
	
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFF;
	font-style: italic;
}
a:link {
	text-decoration: none;
	font-style: italic;
}
a:visited {
	text-decoration: none;
	color: #FFF;
	font-style: italic;
}
a:hover {
	text-decoration: none;
	color: #999;
}
a:active {
	text-decoration: none;
	color: #FFF;
	font-style: italic;
}
/*el div que centra la pagina y contenedor de id*/
#wrap {
	width:1000px;
	margin:0 auto;
	padding:0px;
}
/*id: contenedor de todos los elementos*/
#id {
	width:1000px;
	height:600px;
	
	
}

#top {
	width:1000px;
	height:105px;
	
	background-image: url(../images/top.jpg);
}


#menu {
	width:1000px;
	height:23px;
	
	text-align: center;
}


	
#foto {
	width:1000px;
	height:415px;
	
	background-image: url(../images/info.jpg);
	background-repeat: no-repeat;
}


#bottom {
	float:left;
	width:980px;
	height:37px;
	padding:10px;
	background-image:url(../images/footer.jpg);
	text-align: right;
	vertical-align: middle;
}



/*--------------------------------------------css contenidos-----------------------------------------*/

#contenido{
	width:1000px;
	height:415px;
	float:none;
	background-image:url(../images/fondocontenido.jpg);
	background-repeat: repeat-x;
	
	
}

.textotitular{
	font-family: Verdana, Geneva, sans-serif;
	color: #9BCF8A;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
}




.textocontenido {
	width:650px;
	height:395px;
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	
	font-size: 12px;
	font-style: normal;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
}

.contactocaja {
	width:620px;
	height:335px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	background-repeat: no-repeat;
	float:right;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 12px;
	font-style: normal;
}

/*-------------- LAS FOTOS DE CADA SUB PAGINA*/

.fotoservicios {
	width:300px;
	height:415px;
	
	background-repeat: no-repeat;
	float:left;
}

.fotocontact {
	width:300px;
	height:415px;
	
	background-repeat: no-repeat;
	float:left;
	background-image:url(../images/imagessubpages/contact.jpg);
}
.fotoadiestramiento {
	width:300px;
	height:415px;
	
	background-repeat: no-repeat;
	float:left;
	background-image:url(../images/imagessubpages/cursos.jpg);
}
.fotoprevencion {
	width:300px;
	height:415px;
	
	background-repeat: no-repeat;
	float:left;
	background-image:url(../images/imagessubpages/prevencion.jpg);
}
.fotoquienes {
	width:300px;
	height:415px;
	
	background-repeat: no-repeat;
	float:left;
	background-image:url(../images/imagessubpages/quienes.jpg);
}
.fotoseguridadejecutiva {
	width:300px;
	height:415px;
	
	background-repeat: no-repeat;
	float:left;
	background-image:url(../images/imagessubpages/seguridadejecutiva.jpg);
}
.fotoseguridadindustrial {
	width:300px;
	height:415px;
	
	background-repeat: no-repeat;
	float:left;
	background-image:url(../images/imagessubpages/seguridadindustrial.jpg);
}

.fotosistemaseguridad {
	width:300px;
	height:415px;
	
	background-repeat: no-repeat;
	float:left;
	background-image:url(../images/imagessubpages/sistemaseguridad.jpg);
}
.fotovip {
	width:300px;
	height:415px;
	
	background-repeat: no-repeat;
	float:left;
	background-image:url(../images/imagessubpages/vip.jpg);
}