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

	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 {
  background-color: #FFF;
  margin:0px;
  text-align:center;
}
#tooltip {
	background-color: #CCCCCC;
	border: 1px solid #888888;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 20em;
}
#tooltip h3 {
 	   margin: 0;
	padding: 0 3px;
}
#tooltip p {
	margin: 5px 0 0 5px;
}
	
	
/* 2. Elementos generales
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#layer { 	
	text-align: left;
	vertical-align: middle;	
	margin: 0px auto;
	padding: 0px;
	width: 955px;
}
.punto_horizontal { 	
	width: 100%;
	height: 1px;
	margin: 3px 0;
	background:url(images/punto_gris.gif) repeat-x;
	float:left;
	overflow:hidden;
}

/* 3. Secciones
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/* 3.1 Menu */
#menu {
	float:left;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height:75px;
	background:url(images/logosamsung_bg.gif) center top no-repeat;
}
	#logo a{
		float: left;
		width:135px;
		height:75px;
		background:url(images/logo_cabecera.jpg) center no-repeat;
		padding: 0px;
		margin: 0px;
	}
	#botones {
		float: left;
		width:700px;
		padding: 0px;
		margin: 0px;
	}
		#productos a {
			float:left;
			width:72px;
			height:65px;
			background:transparent url(images/btn_productos_off.jpg) no-repeat;
			border:0;
		}
		#productos a:hover {
			background-image: url(images/btn_productos_on.jpg);
			cursor:pointer;
		}
		#soporte a {
			float:left;
			width:65px;
			height:65px;
			background:transparent url(images/btn_soporte_off.jpg) no-repeat;
			border:0;
		}
		#soporte a:hover {
			background-image: url(images/btn_soporte_on.jpg);
			cursor:pointer;
		}
		#partners a {
			float:left;
			width:106px;
			height:65px;
			background:transparent url(images/btn_partners_off.jpg) no-repeat;
			border:0;
		}
		#partners a:hover {
			background-image: url(images/btn_partners_on.jpg);
			cursor:pointer;
		}
		#news a {
			float:left;
			width:90px;
			height:65px;
			background:transparent url(images/btn_news_off.jpg) no-repeat;
			border:0;
		}
		#news a:hover {
			background-image: url(images/btn_news_on.jpg);
			cursor:pointer;
		}
		#nosotros a {
			float:left;
			width:74px;
			height:65px;
			background:transparent url(images/btn_nosotros_off.jpg) no-repeat;
			border:0;
		}
		#nosotros a:hover {
			background-image: url(images/btn_nosotros_on.jpg);
			cursor:pointer;
		}
		#contacto a {
			float:left;
			width:87px;
			height:65px;
			background:transparent url(images/btn_contacto_off.jpg) no-repeat;
			border:0;
		}
		#contacto a:hover {
			background-image: url(images/btn_contacto_on.jpg);
			cursor:pointer;
		}
		#configurador a {
			float:left;
			width:72px;
			height:65px;
			background:transparent url(images/btn_configurador_off.jpg) no-repeat;
			border:0;
		}
		#configurador a:hover {
			background-image: url(images/btn_configurador_on.jpg);
			cursor:pointer;
		}
	#acceso a {
		float: right;
		width:118px;
		height:65px;
		background:url(images/acceso.jpg) center no-repeat;
		padding: 0px;
		margin: 0px;
	}
/* 3.2 Banner ---------------------------------------------------------------------------------*/
#banner {
	float:left;
	padding: 0px;
	margin: 0px;
	height:233px;
	clear:both;
}

/* 3.3 Contenidos ---------------------------------------------------------------------------------*/
#contenidos {
	float:left;
	width: 957px;
	background-color:#FAFAFA;
	border-bottom: 1px solid #ECECEC;
	padding: 10px 0;
	clear:both;
}
/* 3.3.1 Home ---------------------------------------------------------------------------------*/
	#home_bloque1 {
		float:left;
		width: 190px;
		margin-left: 15px;
	}
	#home_bloque2 {
		float:left;
		width: 280px;
		margin-left: 40px;
	}
	#home_bloque3 {
		float:left;
		width: 385px;
		margin-left: 30px;
	}
/* 3.3.2 Productos ---------------------------------------------------------------------------------*/
	#productos_bloque2 {
		float:left;
		width: 300px;
		margin-left: 20px;
	}
	#productos_bloque2 img {
	margin: 5px 7px 0 0;
	*margin: 0 7px 0 0; /* Sólo IE */
	}
	#productos_bloque3 {
		float:left;
		width: 385px;
		margin-left: 40px;
	}
/* 3.3.3 Familias Productos ---------------------------------------------------------------------------------*/
	#familia_bloque1 {
		float:left;
		width: 190px;
		margin-left: 15px;
	}
	#familia_bloque2 {
		float:left;
		width: 710px;
		margin-left: 20px;
	}
	#familia_bloque2 img {
	margin: 5px 7px 0 0;
	*margin: 0 7px 0 0; /* Sólo IE */
	}
	#familia_bloque3 {
		float:left;
		width: 710px;
		margin-left: 20px;
	}
	#familia_bloque3 img {
	border: 1px solid #999999;
	}
/* 3.3.4 Descripcion Productos ---------------------------------------------------------------------------------*/
	#detalle_bloque2 {
		float:left;
		width: 705px;
		margin-left: 20px;
	}
	#detalle_bloque2 img {
		margin: 5px 7px 0 0;
		*margin: 0 7px 0 0; /* Sólo IE */
		
	}
	#detalle_bloque3 {
		float:left;
		width: 696px;
		margin: 5px 0 0 30px;
		background:url(images/punto_gris.gif) top repeat-x;
		*padding-top:10px;
	}
	#detalle_bloque4 {
		float:right;
		width: 100px;
		height: 30px;
		margin-top: 20px;
	}
	#detalle_bloque5 {
		float:left;
		width: 200px;
		margin-top: 30px;
	}
/* 3.3.4 Soporte ---------------------------------------------------------------------------------*/
	#soporte_bloque2 {
		float:left;
		width: 280px;
		margin-left: 20px;
	}
	#soporte_bloque2 img {
		margin: 5px 7px 0 0;
		*margin: 0 7px 0 0; /* Sólo IE */
	}
	#soporte_bloque3 {
		float:left;
		width: 580px;
		margin-left: 40px;
	}
	#soporte_bloque3 img {
		margin-right: 10px;
	}
/* 3.3.5 Partners ---------------------------------------------------------------------------------*/
	#partners_bloque2 {
		float:left;
		width: 300px;
		margin-left: 20px;
	}
	#partners_bloque2 img {
		margin: 5px 7px 0 0;
		*margin: 0 7px 0 0; /* Sólo IE */
	}
	#partners_bloque3 {
		float:left;
		width: 560px;
		margin-left: 40px;
	}
	#partners_bloque3 img {
		margin-right: 10px;
	}
/* 3.3.6 News ---------------------------------------------------------------------------------*/
	#news_bloque2 {
		float:left;
		width: 380px;
		margin-left: 20px;
	}
	#news_bloque3 {
		float:left;
		width: 510px;
		margin-left: 25px;
	}
	#news_bloque3 img {
		margin-right: 5px;
	}
/* 3.3.7 Nosotros ---------------------------------------------------------------------------------*/
	#nosotros_bloque2 {
		float:left;
		width: 380px;
		margin-left: 20px;
	}
	#nosotros_bloque3 {
		float:left;
		width: 510px;
		margin-left: 25px;
	}
	#nosotros_bloque3 img {
		margin-right: 10px;
	}
/* 3.3.8 Contacto ---------------------------------------------------------------------------------*/
	#contacto_bloque2 {
		float:left;
		width: 370px;
		margin-left: 20px;
	}
	#contacto_bloque3 {
		float:left;
		width: 510px;
		margin-left: 35px;
	}
	#contacto_bloque3 img {
		margin-right: 10px;
	}
	#gracias_bloque2 {
		float:left;
		width: 140px;
		margin-left: 20px;
	}
	#gracias_bloque3 {
		float:left;
		width: 750px;
		margin-left: 30px;
	}
	#gracias_bloque3 img {
		margin-right: 10px;
	}
/* 3.3.9 Configurador ---------------------------------------------------------------------------------*/
	#configurador_bloque2 {
		float:left;
		width: 370px;
		margin-left: 20px;
		text-align:center;
	}
	#configurador_bloque3 {
		float:left;
		width: 510px;
		margin-left: 35px;
	}
/* 3.4 Pie ---------------------------------------------------------------------------------*/
#pie {
	float:left;
	width: 957px;
	height:48px;
	background:url(images/pie_samsung.jpg) left no-repeat;
	display: table-cell;
	vertical-align: middle;
}
	#pie p {
		float:left;
		margin-top: 15px;
		margin-left: 147px; /* IE7, Firefox y los demás */
		-margin-left: 75px; /* Sólo IE6 */
	}
	#iberpixel {
		margin-top: 10px;
		float:right;
		width: 178px;
	}