h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li { font-size: 100%; 	}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td { margin:0; padding:0; 	}
a img,:link img,:visited img { border:none 	}
body {font-size: 76%;	} 
table {border-collapse: collapse; 	}

/* 
Hacks usados: (se muestran con x en vez de * cuando son hacks con comments)
* html {...}; Star html, solo IE ve este selector
color /xx/: #00cc00; Property + Whitespace + Empty Comment, oculta propiedad para IE 6
*/

/* General
##########################*/

body {
	background: #655931;
	font: 76% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	behavior: url("../js/csshover.htc");
	padding: 11px 0 9px 0;
	}

#container {
	background-color: #FCEFBA;
    text-align: left;
	width: 760px;
	margin: 0 auto;
	border: 1px solid #7d6e3b;
	}	

.clearBoth {
	clear: both;
	height:0;
	line-height:0;
	}	
* html .clearBoth {font-size: 0px;}


a:link, a:visited {
	color: #DF7D1A;
	}










/* Header
##########################*/

#header{
	background:#DB7E14 url(../img/bg_header.gif) repeat-x bottom;
	height:84px;
	}
	
#logo{
	float:left;
	display:inline;
	width:290px;
	margin: 12px 0px 0px 17px;
	}

#logo a:link, #logo a:visited {color: #000}
	
#language{
	float:right;
	display:inline;
	width:170px;
	text-align: right;
	margin: 56px 10px 0px 0px; 
	}










/* Top menu
##########################*/
#topMenu{
	height: 27px;
	background-color:#D9D768;
	}
	
#topMenu ul{
	float:left;
	list-style: none;
	height: 11px;
	margin-top: 0px;
	}
	
#topMenu ul li{
	display: inline;
	float: left;
	margin-left:73px;
	}
	
#topMenu ul li.firstInList{
	margin-left: 19px;
	}
	
#topMenu a {
	display: block;
	padding: 8px 0px 7px 0px;
	}	










/* Buscar
##########################*/

#buscar{ 
	float:right;
	height: 11px;
	margin: 5px 10px 0px 0px;
	display:inline;
	}

#buscar .inputBox{
	width:66px;
	padding-left: 1px;
	height:11px;
	margin: 0 5px 0 5px;
	font: 82%/1.21 Georgia, "Times New Roman", Times, serif;
	background: #fff url(../img/bg_buscar.gif) left bottom repeat-x;
	}
	
* html #buscar .inputBox { /* Solo para IE <= 5.5 */
	height /**/: 15px;
	}		
	
#buscar input, #buscar img {
	vertical-align: middle;
	margin-top: 1px !important; /* Moz, etc  */
	margin-top: 2px;			/* IE */
	}	









/* Home
##########################*/

#home #navMenu {
	float:left;
	width: 355px; 
	}

#home #content { 
	float:left;
	width:403px;
	height:485px;
	background: url(../img/img_home.gif) no-repeat 20px 10px; 
	}
	
#home #sideBar {
	float: left;
	width: 0px;
	}	


#homeIntro { /* El parrafito de la home */
	width:290px;
	margin: 51px 0px 0px 24px;
	}



/* News en la home 
----------------*/
#homeNews{
	background:	url(../img/bg_news.gif) repeat-y;
	color:#655930;
	font-size:92%;
	width:238px;
	margin: 0px 0px 0px 50px;
	}

#homeNews a:link, #homeNews a:visited {
	color: #655930;
	}

#homeNewsTop, #homeNewsBottom {
	background: url(../img/bg_news_top.gif) no-repeat bottom;
	height: 2px;
	line-height: 2px;
	font-size: 2px;
	}

#homeNewsTop {
	background-position: top;
	}

#homeNews h2 {
	text-align:center;
	margin:10px 0px 20px 0px;
	}
	
#homeNews ul {
	list-style:none;
	margin: 0px 12px 0px 16px; 
	}
	
#homeNews ul li {
	margin: 0px 0px 20px 0px;
	}









/* Productos 
##########################*/

#navMenu {
	float: left;
	width: 130px;
	display:inline; 
	margin-bottom: 40px;
	}

#content {
	float: left;
	display:inline;
	width: 447px;
	margin-bottom: 10px;
	}
	
#sideBar {
	float: left;
	display:inline;
	width: 183px;
	}

* html #sideBar { /* Solo para IE <= 5.5 */
	width /**/: 181px;
	}	


/* Fotito de producto
-------------------*/
	
#productImgContainer {
	margin: 16px 0px 16px 0px;
	width:166px;
	height:112px;
	}

#productImgContainer img {
	border:1px solid #D9D768;
	margin-bottom:3px;
	}

#epigrafe {
	float:left;
	color: #DF7D1A;
	font-size:86%;
	margin-bottom:16px;
	}
	
#epigrafe a {
	text-decoration: none;
	}	

#productImgContainer img.ampliar{
	float:right;
	width:9px;
	height:9px;
	border:0px;
	}





/* Menú de productos
------------------*/
ul#prodMenu {
	width: 99px;
	font-size: 92%;
	margin: 16px 0px 0px 19px;
	list-style: none;
	}

#prodMenu li {
	line-height: 1.31em;
	}

#prodMenu a {
	border-bottom: 3px solid #FCEFB8;
	color: #DA7F14;
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 4px 2px 1px 10px;	
	background: #F2E8A1;
	}
	
* html ul#prodMenu { /* Solo para IE <= 5.5 */
	width /**/: 129px;
	margin /**/: 16px 0px 0px 0px;
	}	

* html #prodMenu a { /* Solo para IE <= 5.5 */
	height /**/: 1%;
	width /**/: auto;	
	}

#prodMenu a:hover {
	color: #fff;
	background: #DA7F14;
	text-decoration:none;
	}

#prodMenu a:hover {
	text-decoration: none;
	}

#prodMenu a.selected {
	background: #DA7F14;
	color:#FFFFFF;
	}





/* Tabla lista de productos
-------------------------*/

#prodList {
	margin: 20px 0px 0px 62px;
	}

#prodList table {
	width: 354px;
	}
	
#prodList h2 {
	text-transform: uppercase;
	}	

#prodList tr:hover td, #prodList tr:hover a {
	color: #DA7F14;
	}	

#prodList th, #prodList td {
	background:url(../img/bg_celda.gif) repeat-x bottom;
	font-size: 92%;
	}		

#prodList th {
	text-align: left;
	color:#AEBC07;
	height:22px;	
	}

#prodList td {
	color: #575247;
	cursor: hand;
	cursor: pointer;
	padding-top: 3px;
	padding-bottom: 5px;
	}


#prodList tr.selected td{
	color: #DA7F14;
	}
	
#prodList tr.selected td a {
	color: #DA7F14;
	}	

#prodList tr.selected td.colBullet{
	background: url(../img/bulletSelectedProduct.gif) no-repeat left;
	}
	
#prodList a.jsOK { /* Este estilo solo se aplica si tiene js activado */
	color: #575247;
	text-decoration: none;
	}	

#prodList .colBullet { background: none; width: 7px;}
.colCod { white-space: nowrap;}
.colModelo { padding: 0 6px 0 20px;}
.colPrecio	{ text-align: right; width: 1%; white-space: nowrap;}
.rollover {}










/* Sección Links 
#######################*/

#linkList {
	margin: 20px 0px 0px 72px;
	font-size: 92%;
	}

#linkList h2 {
	text-transform: uppercase;
	color: #db7f13;
	margin: 0 0 6px 0;	
	}

#linkList ul {
	list-style: none;
	color: #aeba09;
	font-weight: bold;	
	margin: 0 0 6px 0;		
	}

#linkList li {
	line-height: 1.61;
	margin: 0 0 4px 0;
	}

#linkList a {
	font-weight: normal;
	}

#linkList a:link { color: #655930;	}
#linkList a:visited { color: #988648; }
#linkList a:hover {  color: #000; }









/* Contacto
#######################*/

#contacto #navMenu {
	width: 20px;
	}

#datosContacto {
	margin: 23px 0 31px 180px;
	border: 1px solid #d3c693;
	border-width: 1px 0 1px 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 126%;
	width: 230px;
	color: #655930;
	line-height: 18px;
	padding: 5px 0 5px 0;
	}
	
#datosContacto h2 {
	color: #db7f13;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

#contacto #content {
	font-size: 92%;
	}

#contacto td, #contacto th {
	padding: 0px 0px 10px 0px;
	color: #db7f13;
	}

#contacto th {
	text-align: left;
	font-weight: normal;
	width: 180px;
	}

.multiRow { vertical-align: top; }

.inputText {
	padding-top: 2px;
	padding-left: 3px;
	height: 13px;
	width: 209px;
	} 

* html .inputText { /* Solo para IE <= 5.5 */
	height /**/: 17px;
	}		

#contacto input, #contacto label {
	vertical-align: middle;
	}

/*	Pone label, input y select al bottom. 
	Así input y select queden alineados. */
#cumple * { vertical-align: bottom !important;  }

.inputText, .inputArea, .pulldown {
	border: 1px solid #e2cd73;
	border-color: #e2cd73 #fff #fff #e2cd73;
	font-size: 92%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.inputArea {
	width: 262px;
	padding-left: 3px;
	}

	
.short {
	width: 100px;
	}		

.required {
	color: #c66c02;
	margin-left: 10px;
	}


#formCaption {
	float: left;
	width: 175px;
	line-height: 20px;
	vertical-align: middle; 
	}

#formCaption strong {
	font-weight: normal;
	color: #888441;
	}	

#formSubmit {
	line-height: 20px;
	vertical-align: middle;
	float: right;
	width: 55px;
	}	

/* Para que tel. y celular queden bien si se agranda el tamaño de letra 
estando floateado y con nowrap, cae abajo. En realidad con el nowrap alcanza, 
pero el label 'desaparece' en IE si no floateo. */
#telefono {float: left;}
#spanCel {white-space:nowrap; float: left; margin-left: 7px;}

/*#prodList td.colModelo a {color: red !important;}*/


/* fValidate | Estilos para la validación */
input.errHilite, select.errHilite, textarea.errHilite {
	border-color: #FF0000 #FF0000 #FF0000 #FF0000;
	}
label.errHilite {
	color: #FF0000;
	font-weight: bold;
	}
	
#message { display: none;}
#message li { display: none;}

#message h2 {
	color: #FF0000;
	font-size: 126%;
	margin-bottom: 1em;	
	}



/* Footer 
#######################*/
#footer{
	background: url(../img/bg_footer.gif) repeat-x top;
	height: 23px;
	margin-bottom:0px;
	}
	
	
	
	
	
	
	
/* Popup Foto
#######################*/

iframe {
	border: none;
	display: none;
	}
	
#popUp {
	border: 1px solid #AFBA08;
	text-align: left;
	}		
	
#popMain {
	font-size: 92%;
	color: #C66C02;
	background: #fff url(../img/pop_up_bg_top.gif) top left repeat-x;
	width: 430px;
	height: 300px;
	}	
	
#popMain img { 
	display: block;
	clear: both;
	}	
	
#popCaption {
	background: url(../img/pop_up_bg_bot.gif) top left repeat-x;
	height: 26px;
	line-height: 26px;
	text-align: left;
	padding: 0 9px 0 9px;
	overflow: hidden;
	}	

a#popClose {
	width: 31px;
	float: right;	
	}