/* CSS Document */

body{
	background-color: #000000;
	font-style: normal;
	font-size: 10pt;
	font-family: Verdana, sans serif, Georgia;
	margin: 0px;
	padding: 0px;
	height: 800px;
}
.contenedor{
	background-image: url(img/corte_fondo.gif);
	background-repeat: repeat-y;
	width: 850px;
	height: 800px;
	margin-left: 200px;
}
.cabecera{
	background-image: url(img/cabecera_blog.gif);
	background-repeat: no-repeat;
	background-color: #333333;
	width: 800px;
	height: 200px;
	margin-left: 27px;
}
	table{
		width: 500px;
		height: 94px;
		margin-top: 110px;
		float: right;
		margin-right: 0px;
	}
		tr{
			margin-top: 0px;
			padding-top: 0px;
		}
		td{
			padding-top: 0px;
		}
		.cabecera a{
			padding-right: 0px;
		}
	.blog{
		background-image: url(img/bot_blog.gif);
		background-repeat: no-repeat;
		width: 127px;
		height: 94px;
		padding-right: 0px;
	}
	.facebook{
		background-image: url(img/bot_facebook.gif);
		background-repeat: no-repeat;
		width: 176px;
		height: 94px;
		padding-right: 0px;
	}
	.botcontacto{
		background-image: url(img/bot_contacto.gif);
		background-repeat: no-repeat;
		height: 94px;
		width: 174px;
		padding-right: 0px;
	}
	.listafotos{
		text-align: center;
	}
		.listafotos li{
			padding-top: 10px;
			color: #FFFFFF;
			font-size: 18pt;
		}
		.listafotos img{
			border: 2px solid white;
			margin-left: 5px;
		}
.menu{
	position: absolute;
	left: 229px;
	top: 200px;
}
ul{
	margin: 0px;
	padding: 0px;
}
li{
	list-style-type: none;
	padding: 0px;
}
a{
	display: block;
	padding: 0px;
	margin-top: 0px;
}	
.boton1{
	background-image: url(img/bot_grafico.gif);
	background-repeat: no-repeat;
	width: 163px;
	height: 133px;
}
a.boton1:hover{
	background-image: url(img/bot_grafico_on.gif);
	background-repeat: no-repeat;
	width: 163px;
	height: 133px;
}	
.boton2{
	background-image: url(img/bot_producto.gif);
	background-repeat: no-repeat;
	width: 163px;
	height: 114px;
}
a.boton2:hover{
	background-image: url(img/bot_producto_on.gif);
	background-repeat: no-repeat;
	width: 163px;
	height: 114px;
}	
.boton3{
	background-image: url(img/bot_comunicacion.gif);
	background-repeat: no-repeat;
	width: 163px;
	height: 112px;
}
a.boton3:hover{
	background-image: url(img/bot_comunicacion_on.gif);
	background-repeat: no-repeat;
	width: 163px;
	height: 112px;
}	
.boton4{
	background-image: url(img/bot_web.gif);
	background-repeat: no-repeat;
	width: 163px;
	height: 130px;
}
a.boton4:hover{
	background-image: url(img/bot_web_on.gif);
	background-repeat: no-repeat;
	width: 163px;
	height: 130px;
}
img{
	border: 0px;
}
.derecha{
	background-image: url(img/fondo_contenido.gif);
	background-repeat: repeat-y;
	width: 637px;
	height: 100%;
	position: absolute;
	left: 380px;
	top: 210px;
	display: block;
	color: #FFFFFF;
}
.principal{
	background-image: url(img/fondo_contenido.gif);
	background-repeat: repeat-y;
	width: 637px;
	height: 100%;
	position: absolute;
	left: 380px;
	top: 210px;
	display: block;
	font-size: 10pt;
	font-family: Verdana, sans serif, Georgia;
	color: #FFFFFF;
}
.principal p{
	padding-left: 100px;
	width: 400px;
}
.principal h3{
	padding-left: 100px;
	width: 400px;
	color: #000000;
}
.boton{
	float: right;
	margin-right: 110px;
}
div#contacto{
	display: none;
}
div#grafico{
	display: none;
}
div#grafico p{
	padding-left: 55px;
	width: 550px;
}
div#grafico ul{
	padding-left: 70px;
}
div#grafico a{
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10pt;
	width: 150px;
}
div#grafico a:hover{
	color: #FFFFFF;
	background-color: #FF0066;
	width: 150px;
}
div#grafico a:active{
	color: #FFFFFF;
	background-color: #FF0066;
	width: 150px;
}
	.uno{
		position: absolute;
		top: 230px;
		left: 150px;
		font-size: 10pt;
		font-family: Verdana, sans serif, Georgia;
		font-style: normal;
		margin-top: 0px;
		border-left: 2px dashed;
		border-color: #FF0066;
		padding-left: 20px;
		width: 250px;
		margin-left: 100px;
		display: none;
	}
div#producto{
	display: none;
}
div#producto p{
	padding-left: 55px;
	width: 550px;
}
div#producto ul{
	padding-left: 70px;
}
div#producto li{
	width: 160px;
}
div#producto a{
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10pt;
	
}
div#producto a:hover{
	color: #FFFFFF;
	background-color: #FF0066;
	
}
div#producto a:active{
	color: #FFFFFF;
	background-color: #FF0066;
}
	.dos{
		position: absolute;
		top: 210px;
		left: 150px;
		font-size: 10pt;
		font-family: Verdana, sans serif, Georgia;
		font-style: normal;
		margin-top: 0px;
		border-left: 2px dashed;
		border-color: #FF0066;
		padding-left: 20px;
		width: 250px;
		margin-left: 100px;
		display: none;
	}
div#comunicacion{
	display: none;
}
div#comunicacion p{
	padding-left: 55px;
	width: 550px;
}
div#comunicacion ul{
	padding-left: 70px;
}
div#comunicacion li{
	width: 170px;
}
div#comunicacion a{
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10pt;
	
}
div#comunicacion a:hover{
	color: #FFFFFF;
	background-color: #FF0066;
}
div#comunicacion a:active{
	color: #FFFFFF;
	background-color: #FF0066;
	
}
	.tres{
		position: absolute;
		top: 225px;
		left: 150px;
		font-size: 10pt;
		font-family: Verdana, sans serif, Georgia;
		font-style: normal;
		margin-top: 0px;
		border-left: 2px dashed;
		border-color: #FF0066;
		padding-left: 20px;
		width: 250px;
		margin-left: 100px;
		display: none;
	}
div#web{
	display: none;
}
div#web p{
	padding-left: 55px;
	width: 550px;
}
div#web ul{
	padding-left: 70px;
}
div#web li{
	width: 110px;
}
div#web a{
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10pt;
	
}
div#web a:hover{
	color: #FFFFFF;
	background-color: #FF0066;
}
div#web a:active{
	color: #FFFFFF;
	background-color: #FF0066;
}
	.cuatro{
		position: absolute;
		top: 225px;
		left: 150px;
		font-size: 10pt;
		font-family: Verdana, sans serif, Georgia;
		font-style: normal;
		margin-top: 0px;
		border-left: 2px dashed;
		border-color: #FF0066;
		padding-left: 20px;
		width: 250px;
		margin-left: 100px;
		display: none;
	}