/* CSS Document */

*{

	margin:0;

	padding:0;

}

html, body{

	width:100%;

}

body{

	background:#521511;

	font:8pt Arial, Helvetica, sans-serif;

	color:#666;

}

.clear{

	clear:both;

}

a{

	outline:none;

	color:#930;

}



/*=CABEZA*/

#cabeza-wrapper{

	width:100%;

	height:120px;

	background:url(../img/topbg.png) repeat-x;

}

#cabeza{

	width:760px;

	height:120px;

	margin:0 auto;

	position:relative;

}

#cabeza h1{

	width:162px;

	height:151px;

	display:block;

	background:url(../img/logo.png) no-repeat;

	text-indent:-9999px;

	position:absolute;

	left:0;

	top:0;

}

#cabeza h1 a{

	display:block;

	width:162px;

	height:120px;

	text-indent:-9999px;

	

}

#cabeza ul#nav{
	list-style:none;
	position:absolute;
	left:411px;
	top:72px;
	width: 348px;

}

#nav li{

	float:left;

}

a#nav-inicio, a#nav-productos, a#nav-historia, a#nav-clientes, a#nav-cruciastor, a#nav-contacto{

	display:block;

	height:29px;

	text-indent:-9999px;

}

a#nav-inicio:hover, a#nav-productos:hover, a#nav-historia:hover, a#nav-clientes:hover, a#nav-cruciastor:hover, a#nav-contacto:hover{

	background-position:0 -29px;

}

a#nav-inicio{

	width:63px;

	background:url(../img/bt_inicio.png) no-repeat;

}

a#nav-productos{

	width:104px;

	background:url(../img/bt_productos.png) no-repeat;

}

a#nav-historia{

	width:80px;

	background:url(../img/bt_historia.png) no-repeat;

}

a#nav-clientes{

	width:82px;

	background:url(../img/bt_clientes.png) no-repeat;

}

a#nav-cruciastor{

	width:104px;

	background:url(../img/bt_cruciastor.png) no-repeat;

}	

a#nav-contacto{

	width:99px;

	background:url(../img/bt_contacto.png) no-repeat;

}

#inicio a#nav-inicio, #productos a#nav-productos, #historia a#nav-historia, #clientes a#nav-clientes, #cruciastor a#nav-cruciastor, #contacto a#nav-contacto{

	background-position:0 -58px;

}



/*=CUERPO*/

#cuerpo-wrapper{

	width:100%;

	background:#fff url(../img/cuerpogbg.gif) 0 57px repeat-x;

}

#cuerpo-head{

	width:100%;

	background:#c5271f url(../img/headbg.png) center repeat-y;

}

#cuerpo-head h2{

	width:760px;

	height:57px;

	margin:0 auto;

	text-indent:-9999px;

}

#cuerpo{

	width:760px;

	margin:0 auto;

	padding:15px 0;

}



/*=PIE*/

#pie{
	width:100%;
	padding:40px 0 20px 0;
	color:#FFFFFF;
	clear:both;
	background:url(../img/fondo_home.gif) repeat;
	background-position:center;
}

#inicio{
	background:url(../img/fondo_home.gif) repeat;
	background-position:center;
}
#cred{

	width:760px;

	margin:10px auto;

	text-align:center;

}

#cred address{

	font-style:normal;

}

#pie h5{

	width:100px;

	height:20px;

	margin:0 auto;

	text-indent:-9999px;

	background:url(../img/bot_punto_venta.png) no-repeat;;

}

#pop{

	width:100%;

	margin:0 auto 10px auto;

	background:#daaf82;

	border-top:1px solid #f3e5d6;

	border-bottom:1px solid #f3e5d6;

}

#puntos{

	width:740px;

	padding:10px;

	margin:5px auto 0 auto;

	color:#521511;

	background:url(../img/puntos_bg.jpg) no-repeat;

}

#puntos dt{

	font-weight:bold;

}

#puntos dd{

	padding-left:15px;

	border-bottom:1px dotted #ba7d52;

	margin-bottom:10px;

}



/*=INICIO*/

#inicio h2{

	height:260px;

	background:url(../img/promain.jpg) no-repeat;

}

#inicio #cuerpo-wrapper{

	width:100%;

	background:#fff;

	background:#fff url(../img/cuerpobg.png) 0 260px repeat-x;

}

#inicio #cuerpo{

	width:760px;

	margin:0 auto;

	background:url(../img/cuerpointbg.png) 105px 0 no-repeat;

	padding:30px 0 15px 0;

}

.recomendado{

	width:380px;

	height:180px;

	float:left;

	background:url(../img/recomendado_bg.gif) 10px 0 no-repeat;

}

.recomendado img{

	width:340px;

	height:140px;

	margin:30px 0 0 20px;

	border:none;

}



/*=PRODUCTOS*/

#productos h2{

	background:url(../img/franja_productos.jpg) no-repeat;

}

#subnav{

	width:195px;

	float:left;

	padding-bottom:120px;

	background:#f6f2eb url(../img/subnavbg.png) bottom no-repeat;

}

#subnav h3{

	width:100%;

	height:21px;

	padding-top:5px;

	background:url(../img/subnavh3.gif) no-repeat;

	font:bold 9pt Arial, Helvetica, sans-serif;

	color:#f6f2eb;

	text-indent:10px;

}

#subnav ul{

	list-style:none;

}

#subnav li{

	margin-left:10px;

	padding:1px 0;

	border-bottom:1px solid #fff;

}

#subnav a{

	display:block;

	padding:4px 10px 4px 10px;

	color:#c4726e;

	text-decoration:none;

}

#subnav a:hover{

	background:#fff url(../img/subnavover.gif) 1px 8px no-repeat;

}

#subnav #subnon, #subnav #subnon a:hover{

	background:#fff url(../img/subnavover.gif) 100% 8px no-repeat;

}



/*=PRODUCTOS*/

#catalogo{

	width:555px;

	float:left;

	margin-left:10px;

}

#catalogo h3{

	padding:3px 5px;

	font:italic 12pt Georgia, "Times New Roman", Times, serif;

	color:#960;

	border-bottom:1px solid #c93;

	margin-bottom:5px;

}

p#intro{

	padding:0 8px;

	margin-bottom:10px;

}



#catalogo div{

	width:179px;

	height:250px;

	float:left;

	margin-left:6px;

}

#catalogo div a{

	display:block;

	border:1px solid #f3e7d7;

	padding:1px;

}

#catalogo div a:hover{

	border-color:#96271f;

}

#catalogo div img{

	display:block;

	border:none;

	width:175px;

	height:100px;

}

#catalogo div h4{

	font:bold 8pt Arial, Helvetica, sans-serif;

	color:#96271f;

}

#catalogo div h4 a{

	border:none;

	padding:0 2px;

	color:#96271f;

	text-decoration:none;

}

#catalogo div h4 a:hover{

	color:#c5271f;

}

#catalogo div p{

	padding:0 2px;

}



/*=HISTORIA*/

#historia h2{

	background:url(../img/franja_historia.jpg) no-repeat;

}

#historia #subnav{

	width:195px;

	float:left;

}

#historia-cont{

	width:550px;

	margin-left:15px;

	float:left;

}



/*=LINEA DE TIEMPO*/

#historia-cont #tabs{

	width:100%;

}

#historia-cont #tabs ul{

	width:100%;

	list-style:none;

	text-align:center;

	border-bottom:1px solid #f0e2ce;

}

#historia-cont #tabs li{

	display:inline;

	font-size:11pt;

	font-weight:bold;

}

#historia-cont #tabs a{

	padding:0 5px;

	text-decoration:none;

	color:#b08d78;

	background:#fff;

}

#historia-cont #tabs a:hover{

	background:#f0e2ce;

}

#historia-cont .decada{

	width:100%;

	float:left;

	background:#fff url(../img/separadorv.gif) 190px 0 repeat-y;

}

#historia-cont .decada h3{

	width:100%;

	color:#a9231c;

	font:normal 18pt Georgia, "Times New Roman", Times, serif;

	padding:10px 0 3px 5px;

	border-bottom:3px double #ccc;

	background:#fff;

}

#historia-cont .fotos{

	width:190px;

	float:left;

}

#historia-cont .fotos p{

	width:175px;

	margin:10px 0 0 5px;

	font:xx-small Tahoma, Arial, Helvetica, sans-serif;

	color:#999;

}

#historia-cont .fotos img{

	display:block;

	padding:1px;

	border:1px solid #dedede;

}

#historia-cont .info{

	width:340px;

	padding-left:10px;

	/*border-left:1px dotted #ccc;*/

	float:left;

}

#historia-cont .info p{

	line-height:12pt;

	margin:7px 0;

	text-indent:5pt;

}



/*=CLIENTES*/

#clientes h2{

	background:url(../img/franja_clientes.jpg) no-repeat;

}

#clientes #cuerpo{

}

#clientes #cuerpo ul{

	width:350px;

	list-style:none;

	margin-left:20px;

	float:left;

}

#clientes #cuerpo li{

	padding-left:13px;

	margin-bottom:5px;

	background:url(../img/bol.gif) 0 2px no-repeat;

}

/*=CRUCIASTOR*/

#cruciastor h2{

	background:url(../img/franja_cruciastor.jpg) no-repeat;

}

#cruciastor #cuerpo{

}

#cruciastor #cuerpo ul{

	width:350px;

	list-style:none;

	margin-left:20px;

	float:left;

}

#cruciastor #cuerpo li{

	padding-left:13px;

	margin-bottom:5px;

	background:url(../img/bol.gif) 0 2px no-repeat;

}



/*=CONTACTO*/

#contacto h2{

	background:url(../img/franja_contacto.jpg) no-repeat;

}

#contacto #subnav p{

	color:#c4726e;

	line-height:14pt;

	padding:5px 10px 10px 20px;

}

#formato{

	float:left;

	width:550px;

	margin-left:15px;

}

#formato p{

	padding-bottom:5px;

	border-bottom:1px dashed #d4d1cb;

	margin-bottom:5px;

}

#formato form{

	padding:10px;

	background:#faf8f4;

	border-bottom:1px solid #d4d1cb;

}

#formato fieldset{

	border:none;

}

#formato legend{

	display:none;

}

#formato label{

	width:50px;

	height:16px;

	padding-top:4px;

	text-align:right;

	margin-right:5px;

	display:block;

	float:left;

}

#formato input, #formato textarea{

	width:465px;

	margin:2px 0;

	border:1px solid #d4d1cb;

	font:9pt "Courier New", Courier, monospace;

	padding-left:5px;

}

#formato input{

	height:18px;

}

#formato textarea{

	height:200px;

	overflow:auto;

}

#formato br{

	clear:both;

}

input#btenviar{

	width:60px;

	height:20px;

	margin-top:10px;

	margin-left:467px;

	border:none;

	background:url(../img/btn_enviar.png) no-repeat;

	font:bold 9pt "Trebuchet MS", Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	text-align:center;

	color:#61382a;

	cursor:pointer;

}

input#btenviar:hover{

	background-position:0 -20px;

}

.req{

	color:#900;

}

.cuadro {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #666;

	border-top-style: dotted;

	border-right-style: dotted;

	border-bottom-style: dotted;

	border-left-style: dotted;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

}