body{
	font-family:Arial;
	font-size:12px;
	color:#000;
	margin:0px;
	padding:0px;
	line-height:22px;
	background-color:#ddd;
	text-align:justify;
	}
	
span {
color:#8D0E17;
font-weight:bold;
}
a:alt	{ color:#300;}
h1 {
	color:#fff;
	padding:0px;
	margin:0px;
	display:block;
	width:100%;
	height:43px;
	margin-bottom:10px;
	padding-bottom:5px;
	font-size:22px;
	border-bottom:1px solid #999;
	background:url(../img/fondo-titulo.jpg) repeat-x;
	}
	
	h1 img{
	border:0px;	
	}
	
h2	{
	color:#8D0E17;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	font-size:16px;
	}
	
h3{
color:#8D0E17;	
}
h4{
	margin:0;
	font-size:38px;	
}
h4 span a{
	font-size:18px;
	text-decoration:underline;
}

div.bulle
{
	width:300px;
	background-color:#FFFFE1;
	position:absolute;
	visibility:hidden;
	z-index:2000;
	margin-left:-250px;
	padding:10px;
	border:#000 1px solid;
}


	
.img{
float:left;
margin-right:10px;
border:1px solid #666;
}
	
/*PAGINA*/

#pagina{
margin:auto;
width:1000px;
}
	
	/*CABECERA*/
	
	#cabecera {
	width:1000px;
	height:120px;
	background:url(../img/cabecera.jpg);
	float:left;
	padding-top:394px;
	}
				#facebook {
				width:30px;
				height:30px;
				float:left;
				position:absolute;
				margin-top:75px;
				margin-left:376px;
				border-width:0;
				}
		
			#enlaces{
			width:642px;
			height:120px;
			float:left;
			}			
	
	/*CENTRO*/
	
	#centro{
	width:920px;
	height:auto;
	background:#999;
	float:left;
	padding-left:40px;
	padding-right:40px;
	padding-top:35px;
	padding-bottom:35px;
	}	
	
		#centro02{
		width:255px;
		height:auto;
		float:left;
		
		}
		
			.caja{
			width:auto;
			height:auto;
			float:left;
			border:1px solid #BDBBBC;
			padding:0px;
			text-align:center;
			}
			
			.caja01{
			width:201px;
			float:left;
			border:1px solid #BDBBBC;
			padding:10px;
			}
			
			.caja02{
			width:201px;
			float:left;
			border:1px solid #BDBBBC;
			padding:10px;
			}
			
			.caja03{
			width:296px;
			float:left;
			border:1px solid #BDBBBC;
			padding:10px;
			}
		
		#centro03{
		width:665px;
		height:auto;
		float:left;
		}
		
		.tabla_enlaces{
		width:920px;
		height:auto;
		float:left;
		padding-top:20px;
		}
		
		.celda_enlaces{
		width:810px;
		height:auto;
		float:left;
		margin-bottom:10px;
		padding-left:110px;
		}
		
		.celda_enlaces img{
			margin-left:30px;
			}
		
	/*PIE*/
	
	#pie{
		width:940px;
		height:42px;
		background:#6E6C6D;
		float:left;
		padding-top:10px;
		color:#fff;
		padding-left:60px;
		}

	/*ENLACES*/

	.datos a:link{
	color:#000;
	text-decoration:none
	}
	
	.datos a:visited{
	color:#000;
	text-decoration:none
	}
	
	.datos a:active{
	color:#000;
	text-decoration:none
	}
	
	.datos a:hover{
	color:#8D0E17;
	text-decoration:none
	}
	
	.caja03 a:link{
	color:#000;
	text-decoration:none
	}
	
	.caja03 a:visited{
	color:#000;
	text-decoration:none
	}
	
	.caja03 a:active{
	color:#000;
	text-decoration:none
	}
	
	.caja03 a:hover{
	color:#8D0E17;
	text-decoration:none
	}
	
	A:link {
	color:#fff;
	text-decoration:none;
	}

	A:visited {
	color:#fff;
	text-decoration:none;
	}

	A:active {
	color:#fff;
	text-decoration:none;
	}

	A:hover {
	color:#8D0E17;
	text-decoration:none;
	}
		
ul.enlaces_top {
	margin:0px;
	padding:0px;
}

ul.enlaces_top li	 	{display:inline;height:60px;float:left; list-style:none; margin:0px; padding:0px;}
ul.enlaces_top li a  	{display:block;height:60px; margin:0px; padding:0px;}

ul.enlaces_top li.ofertas a		    		{width:87px; background:url("../img/ofertas.jpg") 0 0 no-repeat;}
ul.enlaces_top li.ofertas a:hover      		{background:url("../img/ofertas_hover.jpg") 0 0 no-repeat;}
ul.enlaces_top li.servicios a		    	{width:87px; background:url("../img/servicios.jpg") 0 0 no-repeat;}
ul.enlaces_top li.servicios a:hover     	{background:url("../img/servicios_hover.jpg") 0 0 no-repeat;}
ul.enlaces_top li.mantenimiento a		    {width:129px; background:url("../img/mantenimiento.jpg") 0 0 no-repeat;}
ul.enlaces_top li.mantenimiento a:hover     {background:url("../img/mantenimiento_hover.jpg") 0 0 no-repeat;}
ul.enlaces_top li.integracion a		    	{width:171px; background:url("../img/integracion.jpg") 0 0 no-repeat;}
ul.enlaces_top li.integracion a:hover     	{background:url("../img/integracion_hover.jpg") 0 0 no-repeat;}
ul.enlaces_top li.proyectos a		    	{width:168px; background:url("../img/proyectos.jpg") 0 0 no-repeat;}
ul.enlaces_top li.proyectos a:hover     	{background:url("../img/proyectos_hover.jpg") 0 0 no-repeat;}

ul.enlaces_top li.ofertas a.sobre			{background:url("../img/ofertas_hover.jpg") 0 0 no-repeat;}
ul.enlaces_top li.servicios a.sobre			{background:url("../img/servicios_hover.jpg") 0 0 no-repeat;}
ul.enlaces_top li.mantenimiento a.sobre		{background:url("../img/mantenimiento_hover.jpg") 0 0 no-repeat;}
ul.enlaces_top li.integracion a.sobre		{background:url("../img/integracion_hover.jpg") 0 0 no-repeat;}
ul.enlaces_top li.proyectos a.sobre			{background:url("../img/proyectos_hover.jpg") 0 0 no-repeat;}
		
ul.enlaces_bottom {
	margin:0px;
	padding:0px;
}

ul.enlaces_bottom li	 	{display:inline;height:39px;float:left; list-style:none; margin:0px; padding-top:21px;}
ul.enlaces_bottom li a  	{display:block;height:39px; margin:0px; padding:0px;}

ul.enlaces_bottom li.inicio a		    		{width:78px; background:url("../img/inicio.jpg") 0 0 no-repeat;}
ul.enlaces_bottom li.inicio a:hover      		{background:url("../img/inicio_hover.jpg") 0 0 no-repeat;}
ul.enlaces_bottom li.informacion a		    	{width:135px; background:url("../img/informacion.jpg") 0 0 no-repeat;}
ul.enlaces_bottom li.informacion a:hover     	{background:url("../img/informacion_hover.jpg") 0 0 no-repeat;}
ul.enlaces_bottom li.consultas a		    	{width:100px; background:url("../img/consultas.jpg") 0 0 no-repeat;}
ul.enlaces_bottom li.consultas a:hover     		{background:url("../img/consultas_hover.jpg") 0 0 no-repeat;}
ul.enlaces_bottom li.contacto a		    		{width:108px; background:url("../img/contacto.jpg") 0 0 no-repeat;}
ul.enlaces_bottom li.contacto a:hover     		{background:url("../img/contacto_hover.jpg") 0 0 no-repeat;}

ul.enlaces_bottom li.inicio a.sobre				{background:url("../img/inicio_hover.jpg") 0 0 no-repeat;}
ul.enlaces_bottom li.informacion a.sobre		{background:url("../img/informacion_hover.jpg") 0 0 no-repeat;}
ul.enlaces_bottom li.consultas a.sobre			{background:url("../img/consultas_hover.jpg") 0 0 no-repeat;}
ul.enlaces_bottom li.contacto a.sobre			{background:url("../img/contacto_hover.jpg") 0 0 no-repeat;}

/*FORMULARIO*/

	.formulario {
	float:left;
	width:350px;
	padding-left:50px;
	}
	
		.formulario form {
			margin:0px;
			padding:0px;
			}
	
		.formulario input, textarea {
			border:1px solid #666;
			background-color:#ddd;
			font-size:11px;
			margin:0px;
			padding:0px;
			}