@charset "UTF-8";
/* 
	CSS Document
	Web: Gráficas Lope
*/
html {
	height: 100%;
}
body {
	height: 100%;
	background-color: #153c44;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div.supNegro {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 187px;
	background-color: #000;
	z-index: 10;
}
div.supLogo {
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -355px;
	width: 710px;
	height: 144px;
	z-index: 20;
}
div.supMenu {
	position: absolute;
	left: 50%;
	top: 144px;
	margin-left: -355px;
	width: 710px;
	height: 43px;
	z-index: 30;
}
div.contIndex {
	position: absolute;
	left: 50%;
	top: 187px;
	margin-left: -355px;
	width: 710px;
	height: 440px;
	z-index: 30;
}
div.contenido {
	position: absolute;
	left: 50%;
	top: 187px;
	margin-left: -355px;
	width: 710px;
	height: 440px;
	background-image: url(../images/fondo.jpg);
	z-index: 30;
}
div.menu {
	position: absolute;
	left: 50%;
	top: 155px;
	margin-left: -320px;
	width: 300px;
	height: 20px;
	font-weight: bold;
	color: #FFF;
	z-index: 40;
}
div.titulo {
	position: absolute;
	left: 50%;
	top: 244px;
	margin-left: -341px;
	width: 54px;
	height: 303px;
	z-index: 50;
}
div.texto {
	position: absolute;
	left: 50%;
	top: 35px;
	margin-left: -285px;
	width: 285px;
	height: 250px;
	z-index: 60;
	line-height: 17px;
}
div.foto1 {
	position: absolute;
	left: 50%;
	top: 211px;
	margin-left: 35px;
	width: 138px;
	height: 129px;
	z-index: 110;
}
div.foto2 {
	position: absolute;
	left: 50%;
	top: 284px;
	margin-left: 122px;
	width: 201px;
	height: 187px;
	z-index: 120;
}
div.foto3 {
	position: absolute;
	left: 50%;
	top: 457px;
	margin-left: -1px;
	width: 121px;
	height: 113px;
	z-index: 130;
}
a:link, a:visited, a:active {
	color: #FFF;
	text-decoration: none
}
.email:link, .email:visited, .email:active { 
	color: #000; 
	text-decoration: none 
}
a:hover, .email:hover { 
	color: #AE3D36; 
}
.verde {
	color: #153c44;
	font-style: italic;
	font-weight: bold;
}