/**********************************************************************************************

	Title: CSS
	Author: Iberpixel
	Date: 2008 

***********************************************************************************************

	1. Valores globales
	
	2. Elementos generales
	
	3. Secciones
		3.1 Cabecera
		3.2 central
			3.2.1 Home
		3.3 Pie	
		
***********************************************************************************************/


/* 1. Valores globales
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
html, body {
  margin:0px;
  text-align:center;
  width: 100%;
}
img {
	border:none;
}
	
	
/* 2. Elementos generales
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#layer { 	
	text-align: center;	
	margin: 0px auto;
	padding: 0px;
	width: 100%; 
	height:100%; 
	top: 0px;
}
.punto_horizontal { 	
	width: 100%;
	height: 1px;
	margin: 3px 0;
	background:url(images/punto_gris.gif) repeat-x;
	float:left;
	overflow:hidden;
}
#contenidos { 	
	text-align: center;	
	margin: 0px auto;
	padding: 0px;
	width: 955px;
}
img, div, input, a { behavior: url(/js/iepngfix.htc) }


/* 3. Secciones
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 3.1 Cabecera ---------------------------------------------------------------------------------*/
#cabecera {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height:100px;
	overflow:hidden;
	border-bottom:#7C3B7D 2px solid;
	background:url(images/top_bg.jpg) center bottom repeat-x;
}
#cabecera_content {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:955px;
}
	#logo a {
		float:left;
		width:170px;
		height:65px;
		background:url(images/top_logo.gif) no-repeat;
		margin: 20px 0 0 0;
	}
	#menu {
		float:right;
		width:700px;
		height: 30px;
		margin: 70px 0 0 0;
	}
		#empresa {
			float:left;
			width:75px;
			height:30px;
			border:0;
			background:url(images/btn_grupo_off.jpg) no-repeat;
			padding-top:8px;
		}
		#empresa:hover {
			background:url(images/btn_grupo_on.jpg);
			cursor:pointer;
		}
		#empresa_current {
			float:left;
			width:75px;
			height:30px;
			border:0;
			background:url(images/btn_grupo_on.jpg) no-repeat;
			padding-top:8px;
		}
		#soluciones {
			float:left;
			width:90px;
			height:30px;
			border:0;
			background:url(images/btn_soluciones_off.jpg) no-repeat;
			padding-top:8px;
		}
		#soluciones:hover {
			background:url(images/btn_soluciones_on.jpg);
			cursor:pointer;
		}
		#soluciones_current {
			float:left;
			width:90px;
			height:30px;
			border:0;
			background:url(images/btn_soluciones_on.jpg) no-repeat;
			padding-top:8px;
		}
		#contacto {
			float:left;
			width:90px;
			height:30px;
			background:url(images/btn_contacto_off.jpg) no-repeat;
			padding-top:8px;
		}
		#contacto:hover {
			background:url(images/btn_contacto_on.jpg);
			cursor:pointer;
		}
		#contacto_current {
			float:left;
			width:90px;
			height:30px;
			background:url(images/btn_contacto_on.jpg) no-repeat;
			padding-top:8px;
		}

/* 3.2 Contenidos ---------------------------------------------------------------------------------*/
#contenidos {
	padding: 25px 0 0 0;
	margin-left: auto;
	margin-right: auto;
	width:955px;
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}
	#bloque_izq {
		float:left;
		width: 705px;
		text-align:left;
	}
	#bloque_der {
		float:right;
		width: 223px;
		text-align: left;
	}
	
/* 3.2.1 Home ---------------------------------------------------------------------------------*/
#home_bloque {
	float:left;
	width:330px;
	margin:10px;
	overflow:hidden;
}
#der_bloque1 {
	float:right;
	width:223px;
	background-color:#EFEFEF;
	overflow:hidden;
}
#der_bloque2 {
	float:right;
	width:223px;
	background-color:#3E1E3F;
	margin-top: 15px;
	overflow:hidden;
}
#der_bloque3 {
	float:right;
	width:223px;
	background-color:#FFF;
	margin-top: 15px;
	overflow:hidden;
}
/* 3.2.3 Soluciones ---------------------------------------------------------------------------------*/
#bloque_soluciones {
	float:left;
	width:930px;
	margin:10px;;
}
#bloque_soluciones2 {
	float:left;
	width:940px;
	margin:10px;
}
#soluciones_bloque {
	float:left;
	width:215px;
	margin:10px;
	text-align:left;
}


/* 3.3 Pie ---------------------------------------------------------------------------------*/
#pie {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height:60px;
	overflow:hidden;
	border-top:#7C3B7D 2px solid;
	background:url(images/pie_bg.jpg) center top repeat-x;
	clear:both;
}
#pie_content {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:955px;
	text-align:left;
}
	#pie p {
		float:left;
		margin-top: 15px;
	}
	#iberpixel {
		margin-top: 10px;
		float:right;
		width: 178px;
	}