@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {
	background:url(images/body_fondo.gif);
	font-size:125%;
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial;
}
div#contenedor {
	width:730px;
	position: relative;
	margin: 0 auto 0 auto;
	background:url(images/logo.gif) no-repeat 0 86px;
	height: 140px;
}

/* ----- MENU ----- */
ul#menu {
	list-style-type:none;
	font-size:0.5em;
	width: 270px;
	position: absolute;
	top: 140px;
}
ul#menu.awaq_home {
	background:url(images/menu_over.gif) no-repeat;
}
ul#menu li {
	display:block;
	width:132px;
	height:132px;
	float: left;
	position: relative;
}
ul#menu li a {
	width:6em;
	display: block;
	position: absolute;
	background-color: #FFF;
	right: 0px;
	top: 90px;
	padding: 2px;
	padding-right: 0px;
	z-index: 10;
}
ul#menu li a strong {
	font-size: 1.1em;
	width: auto;
	display: block;
	padding-left: 5px;
	padding-bottom: 1px;
}
ul#menu li.awaq a strong {
	background-color:#8D382E;
}
ul#menu li.catalogo a strong {
	background-color:#6b9536;
}
ul#menu li.historia a strong {
	background-color:#baa772;
}
ul#menu li.contacto a strong {
	background-color:#A06A0A;
}
ul#menu li.awaq {
	background:url(images/fondo_menu.jpg) no-repeat;
	background-position:left top;
	margin-right: 6px;
	margin-bottom: 6px;
}
ul#menu li.catalogo {
	background:url(images/fondo_menu.jpg) no-repeat;
	background-position:right top;
}
ul#menu li.historia {
	background:url(images/fondo_menu.jpg) no-repeat;
	background-position:left bottom;
	margin-right: 6px;
}
ul#menu li.contacto {
	background:url(images/fondo_menu.jpg) no-repeat;
	background-position:right bottom;
}
ul#menu li a:link, ul#menu li a:active, ul#menu li a:visited {
	color:#FFF;
	text-decoration:none;
}
ul#menu li a:hover {
	color:#FFF;
	text-decoration:none;
}
ul#menu li.awaq a:hover {
	background-color: #DF8075;
}
ul#menu li.catalogo a:hover {
	background-color: #B0DA92;
}
ul#menu li.historia a:hover {
	background-color: #786032;
}
ul#menu li.contacto a:hover {
	background-color: #DEC48B;
}
span.activa {
	display:block;
	width:132px;
	height:132px;
	background:url(images/menu_over.gif) no-repeat;
	position:absolute;
	z-index: 5;
}
span#awaq {
	top: 140px;
}
span#catalogomenu {
	top: 140px;
	left: 138px;
}
span#historia {
	top: 278px;
	left: 0px;
}
span#contacto {
	top: 278px;
	left: 138px;
}

/* ----- ENCABEZADOS ----- */
div#encabezado {
	width:458px;
	display: block;
	position: absolute;
	right: 0px;
	top: 136px;
}
div#encabezado.home, div#encabezado.contacto, div#encabezado.historia {
	height:278px;
	background:url(images/fondo_encabezado_marco.gif) no-repeat;
	color:#FFFFFF;
}
div#encabezado.catalogo {
	height:140px;
	background:url(images/fondo_encabezado_catalogo_marco.gif) no-repeat;
}
div#encabezado.home h1 {
	font-size:0.55em;
	text-align:justify;
	display: block;
	font-weight: normal;
	width: 430px;
	bottom: 20px;
	margin-left: 10px;
	position: absolute;
	background: url(images/home_h1.gif) no-repeat right 0;
	padding-top: 31px;
	color: #FFF;
}
div#encabezado.home h1 strong {
	display:none;
	visibility:hidden;
}
div#encabezado div {
	position: absolute;
	width: 450px;
	display: block;
	left: 4px;
	top: 4px;
}
div#encabezado.home div {
	height: 270px;
	background: url(images/fondo_encabezado_home.gif) repeat-x top;
	vertical-align: bottom;
}
div#encabezado.contacto div {
	height: 270px;
	background: url(images/foto_contacto.jpg) no-repeat;
}
div#encabezado.historia div {
	height: 270px;
	background: url(images/foto_historia.jpg) no-repeat;
}
div#encabezado.catalogo div {
	height: 132px;
	background-image: url(images/fondo_encabezado_catalogo.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
div#encabezado.catalogo h2 {
	display:block; 
	color:#FFFFFF; 
	font-size:0.7em; 
	position:absolute; 
	bottom:5px; 
	text-align:right; 
	width:445px;
}

/* ----- CONTENIDOS ----- */
div#contenido {
	position: absolute;
	right: 0px;
	width:458px;
	background:url(images/marco_top.gif) no-repeat;
	padding-top: 4px;
	padding-bottom: 60px;
}
div#contenido.posicion_1 {
	top: 414px;
}
div#contenido.posicion_2 {
	top: 274px;
}
div#contenido span.home {
	width:450px;
	height:290px;
	background:#CCC url(images/marco_medio.gif) repeat-y;
	display: block;
	padding-left: 4px;
	padding-right: 4px;
}
div.texto_historia, form.contacto {
	width:450px;
	background:#FFF url(images/marco_medio.gif) repeat-y;
	padding-left: 4px;
	padding-right: 4px;
	font-family:Tahoma, "Trebuchet MS", Verdana, Arial;
	color:#6B9536;
	height: auto;
	font-size: 0.55em;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.texto_historia p {
	margin-bottom: 0.5em;
	line-height: 1.3em;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	color: #4C301B;
}
div.texto_historia p a:link, div.texto_historia p a:active, div.texto_historia p a:visited {
	color: #4C301B;
	text-decoration:none;
	border-bottom:1px dotted #4C301B;
}
div.texto_historia p a:hover {
	color: #4C301B;
	text-decoration:none;
	border-bottom:1px solid #4C301B;
}
span#marco_bottom {
	width:458px;
	height:4px;
	background:url(images/marco_bottom.gif) no-repeat;
	display: block;
	position: absolute;
}

/* ----- CATALOGO -----*/
div#catalogo {
	position: absolute;
	right: 0px;
	width:458px;
	background:url(images/marco_top.gif) no-repeat;
	padding-top: 4px;
	padding-bottom: 60px;
	top: 274px;
}
div.producto {
	width:450px;
	background:#FFF url(images/marco_medio.gif) repeat-y;
	display: table;
	padding-left: 4px;
	padding-right: 4px;
	font-family:Tahoma, "Trebuchet MS", Verdana, Arial;
	color:#6B9536;
	clear: both;
	height: 110px;
}
div.producto div {
	display:table;
	padding-bottom:10px;
	background: url(images/producto_separa.gif) repeat-x bottom;
}
div.producto h2 {
	display: block;
	width: 330px;
	font-size: 0.55em;
	margin-left: 110px;
	margin-top: 10px;
	margin-bottom: 5px;
}
div.producto p {
	font-size: 0.55em;
	display: block;
	width: 330px;
	float: left;
	margin-left: 10px;
}
div.producto p.agrandar {
	font-size: 0.55em;
	display: block;
	width: 440px;
	text-align: right;
	padding-left: 0px;
	float: left;
	margin-top: -12px;
	margin-left: 0px;
	margin-right: 0px;
}
div.producto img {
	margin-left: 10px;
	margin-top: 10px;
	float: left;
}
div.producto a:link, div.producto a:active, div.producto a:visited {
	color:#6B9536;
	text-decoration:none;
	background: url(images/flecha.gif) no-repeat left 5px;
	padding-left:10px;
}
div.producto a:hover {
	color:#003366;
	text-decoration:none;
	background: url(images/flecha_over.gif) no-repeat left 5px;
}
div.foto_catalogo {
	width:450px;
	background:#FFF url(images/marco_medio.gif) repeat-y;
	display: table;
	padding-left: 4px;
	padding-right: 4px;
	font-family:Tahoma, "Trebuchet MS", Verdana, Arial;
	color:#6B9536;
	clear: both;
}
div.foto_catalogo img {
	margin:0; 
	padding:5px; 
	background-color:#FFF;
}
a.volver:link, a.volver:active, a.volver:visited {
	color:#FFF;
	text-decoration:none;
	background: url(images/flecha_volver.gif) no-repeat 3px 5px;
	padding-left:13px;
	font-size:0.55em;
	display: block;
	position: absolute;
	margin-top: -50px;
	width: 90px;
	background-color: #6B9536;
	border: 2px solid #FFF;
	margin-left: 344px;
	padding-top: 1px;
	padding-bottom: 1px;
}
a.volver:hover {
	color:#FFFFFF;
	text-decoration:none;
	background: url(images/flecha_volver.gif) no-repeat 3px 5px;
	background-color: #3E5A1B;
}

/* ----- FORMULARIO ----- */
form.contacto {
	width:450px;
	background:#FFF url(images/marco_medio.gif) repeat-y;
	padding-left: 4px;
	padding-right: 4px;
	font-family:Tahoma, "Trebuchet MS", Verdana, Arial;
	color:#6B9536;
	height: auto;
	font-size: 0.5em;
	padding-top: 10px;
	padding-bottom: 10px;
	display: table;
}
form.contacto p {
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	color: #2F2F2F;
	display: block;
	margin-bottom: 5px;
}
form.contacto h2 {
	color: #9C864B;
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 14px;
}
form.contacto ul {
	color: #2F2F2F;
	margin-bottom: 10px;
	display: block;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: 1px dotted #818181;
}
form.contacto ul li {
	margin-left: 40px;
	margin-bottom: 3px;
}
form.contacto ul li a:link, form.contacto ul li a:active, form.contacto ul li a:visited {
	color: #4C301B;
	text-decoration:none;
	border-bottom:1px dotted #4C301B;
}
form.contacto ul li a:hover {
	color: #4C301B;
	text-decoration:none;
	border-bottom:1px solid #4C301B;
}
form.contacto p.inv {
	display: none;
}
form.contacto p label {
	display: block;
	margin-bottom: 0.2em;
	width: 190px;
}
form.contacto p input {
	width: auto;
	border: 1px solid #818181;
	height: 1.3em;
}
form.contacto p input:focus {
	background-color:#FFFFCC;
}
form.contacto p input.asunto {
	width: 425px;
}
form.contacto p input.boton {
	width: 6em;
	font-size: 10px;
	font-weight: bold;
	color: #282828;
	height: 1.6em;
	margin-right: 10px;
}
form.contacto p textarea {
	width: 425px;
	height: 10em;
	border: 1px solid #818181;
}
form.contacto p textarea:focus {
	background-color:#FFFFCC;
}
a.back:link, a.back:active, a.back:visited {
	color:#6B9536;
	text-decoration:none;
	background: url(images/flecha.gif) no-repeat left 5px;
	padding-left:10px;
}
a.back:hover {
	color:#003366;
	text-decoration:none;
	background: url(images/flecha_over.gif) no-repeat left 5px;
}
#mensaje_volver {
	border-bottom:1px dotted #818181;
	width: 430px;
	display: block;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 10px;
}