/********************** <General> **********************/
* {margin: 0; padding: 0;}

html,body {
	height: 100%; /* Para que la tira roja llegue hasta el final */
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: justify;
	color: #666;
	background: #000;
	}

h1, h2, .accesibilidad{display: none;}

h3{/* T?tulos de secciones*/
	margin: 10px 0 20px 302px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#990000;
	}
	
a{text-decoration: none;}
img{border:0;}

#contenedor{
	width: 760px;
	height:100%; /* Para que la tira roja llegue hasta el final */
	margin: auto;
	background: url(/xtress/imagenes/fondo_body.jpg) repeat-y 450px;
}
/********************** </General> **********************/
/********************** <Cabecera> **********************/
#cabecera{
	float:left;
	width:760px;
	height:170px;
	background: url(/xtress/imagenes/fondo_cabecera.jpg) no-repeat;
}
#cabecera a{outline: none;}
#cabecera img{
	float: left; 
	margin: 10px 0 0 10px;
	}
#reloj_flash{
	float:right;
	width:140px;
	height:165px;
	margin: 5px 20px 0 0px;
}
/********************** </Cabecera> **********************/
/********************** <Men?> **********************/
#menu{
	float: left;
	width: 136px;
	padding: 0px 0 0 330px !important;
	padding: 10px 0 0 315px;
	list-style:none;
}

ul#menu li{
	width:136px;
	padding: 5px 0!important; 	
	padding: 3px 0;	
	text-align:center;
	background:url(imagenes/bg_li_menu.jpg) no-repeat left bottom !important;
	background:url(imagenes/bg_li_menu.jpg) no-repeat center bottom;
}

ul#menu li a{
	width:106px;
	height:15px;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFF;
	text-transform:uppercase;
}

ul#menu li a:hover{
	color:#DDD;
}

/********************** </Men?> **********************/
/********************** <Idiomas> **********************/
#idiomas{
	float: left;
	width: 91px;
	height: 20px;
	padding: 15px 0 0 360px;
	list-style:none;
}
ul#idiomas li{
	float: left;
	width: 15px;
	height: 10px;
	padding: 0 15px 0px 0;
	text-align:center
}

ul#idiomas li a{
	display: block;
	width:15px;
	height: 10px;
	
	text-indent: -5000px;
	text-decoration: none;
}

#lang_en{
	background:url(/xtress/imagenes/bandera_en.jpg) no-repeat;
}
#lang_es{
	background:url(/xtress/imagenes/bandera_es.jpg) no-repeat;
}
/********************** </Idiomas> **********************/
/********************** <Contenido> **********************/
#contenido{
	width: 760px;
	overflow:hidden;
	clear:both;
	height: auto;
	background: #FFF;
	}

	/********************** <migas_pan> **********************/
	#migas_pan, #migas_pan_productos{
		float: left;
		width: 760px;
		height: 60px;
		padding: 0px 0 0 305px;
	}
	#migas_pan{
		background:url(/xtress/imagenes/fondo_migas_pan.jpg) no-repeat;
	}
	#migas_pan_productos{
		background:url(/xtress/imagenes/fondo_migas_pan_productos.jpg) no-repeat;
	}
	#migas_pan span, #migas_pan_productos span{
		display:block;
		margin: 25px 0 0 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#990000;
	}
	#migas_pan a, #migas_pan_productos a{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#990000;
	}
	/********************** </migas_pan> **********************/
	/********************** <contenido_texto> **********************/
	#contenido_texto, #contenido_texto_productos, #contenido_texto_inicio{
		float:left;
		width:760px;
		height:392px;
		}
	#contenido_texto{
		background: url(/xtress/imagenes/fondo_contenido_texto.jpg) no-repeat;
		}
	#contenido_texto_inicio{
		background: url(/xtress/imagenes/fondo_contenido_texto_inicio.jpg) no-repeat;
		}
	#contenido_texto_productos{
		background: url(/xtress/imagenes/fondo_contenido_texto_productos.jpg) no-repeat;
		}

	#contenido_texto p{
		width: 400px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:13px;
		text-align: justify;
		color: #666;
		line-height: 145%;
		padding: 0 0 15px 305px;
	}
		#contenido_texto p a{
			border-bottom: 1px dashed #FFF;
			color: #2792D6;
			border-bottom: 1px solid #2792D6;
			}
		#contenido_texto p a:hover{
			color: #59ABE1;
			border-bottom: 1px solid #2792D6;
			}
		
	#portada_productos {
		background:url(imagenes/fondo_portada_productos.jpg) no-repeat left top;
		width:700px;
		height:392px !important;
		height:382px;
		margin:10px 10px 0 30px;
		font-size:1.2em;
	}
	
	#portada_productos a {
		color:#990000;
	}

	#portada_productos ul {
		list-style:none;
	}
	
	#portada_productos li {
		margin:15px 0 0 60px;
		padding:0 0 0 15px;
		background:url(imagenes/bullet.gif) no-repeat left center;
	}


	#bienvenido{
		width: 275px;
		height: 100px;
		margin: 5px 0 0 440px;
		background:url(/xtress/imagenes/bienvenido_relojes_xtress.jpg) no-repeat;
		text-indent: -5000px;
	}
		/********************** <INICIO> *************************************/
		#scroll1{
			width: 430px;
			height: 23px;
			margin:49px 0 0 18px;
			background: url(imagenes/scroll_1.jpg) no-repeat;
		}
		#scroll2{
			display: inline;
			float: left;
			width: 19px;
			height: 216px;
			margin:0px 0 0 18px;
			background: url(imagenes/scroll_2.jpg) no-repeat;
		}
		#scroll3{
			float:left;
			width: 21px;
			height: 216px;
			margin:0px 0 0 0px;
			background: url(imagenes/scroll_3.jpg) no-repeat;
		}
		#scroll4{
			display: inline;
			float:left;
			width: 430px;
			height: 21px;
			margin:0px 0 0 18px;
			background: url(imagenes/scroll_4.jpg) no-repeat;
		}
		#scrollingContainer{
			display: inline;
			overflow:hidden;
			float: left;
			width: 390px;
			height: 216px;
			background: #FFF;
		}
		#xtress_portada{
			display: inline;
			float: right;
			width: 285px;
			height: 300px;
			margin:40px 15px 0 0px;
			background: url(imagenes/xtress_portada.jpg) no-repeat;
		}
		/********************** </INICIO> *************************************/
		/********************** <CONTACTO> *************************************/
		#contenido_contacto p{
			margin: -15px 0 0 0;
			padding: 0 0 5px 305px;
		}
		
		#formulario{
			font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			text-align: justify;
			color: #666;
			line-height: 145%;
			}
		
		#formulario dt {
			margin-top:10px;
		}
		#formulario dd {
			margin-left:10px;
			padding-top: 5px;
		}
		#formulario, #errores{
			margin:0 0 10px 305px;
		}
		#errores{
			display:block;
			color:#FF0000;
		}
		.caja_form{
			font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			border: 1px solid #7F9DB9;
			color:#666666;
		}
		.caja_form_error{
			font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			border: 1px solid #FF0000;
			color:#666666;
		}
		.boton_form{
			display:inline;
			border: 1px solid #4D6C8A;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			padding:2px;
			background-color:#fff;
		}
		#disenyo_web{
			margin:15px 0 0 0px;
		}
		/********************** </CONTACTO> *************************************/
		/********************** <PRODUCTOS> *************************************/
		#flash_galeria{
			margin: 0 0 0 15px;
		}
		/********************** </PRODUCTOS> *************************************/
	/********************** </contenido_texto> **********************/
	/********************** <pie> **********************/
	#pie, #pie_inicio{
		float:left;
		width:760px;
		height:37px;
		padding: 20px 0 0 0;
		}

	#pie p, #pie_inicio p{
		margin: 0 0 0 50px;
		padding: 0;
		font-size: 11px;
		color: #999999;
		}
	#pie{
		background: url(/xtress/imagenes/fondo_pie.jpg) no-repeat;
	}
	#pie_inicio{
		background: url(/xtress/imagenes/fondo_pie_inicio.jpg) no-repeat;
	}
	#pie p a, #pie_inicio p a {
		color: #999999;
		text-decoration:underline;
	}
	#pie p a:hover, #pie_inicio p a:hover {
		color: #CCC;
	}
	#pie_inicio img {
		float:right;
		margin:-15px 10px 0 0;		
	}
	/********************** </pie> **********************/
/********************** </Contenido> **********************/