/******* CSS GENERAL ***********************************************************************/

body
{
  margin: 0 auto;
  padding: 0;
  background-color: #705B10;
  background-image: url('imagenes/fondogral.jpg');
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: top left;
  font-family: trebuchet ms, arial,helvetica;	
  font-size : 9pt;
  color : #000000; 
}


A  {text-decoration : none; color:#D31717; font-weight: bold;}
A:Visited  {text-decoration : none;	color:#D31717; font-weight: bold;}
A:Active  {text-decoration : none;	color:#D31717; font-weight: bold;}
A:Hover  {color:#AA8A18; font-weight: bold;}

A.menu  {text-decoration : none; color:#f70e1f; font-weight: bold; font-size:11pt;}
A.menu:Visited  {text-decoration : none; font-weight: bold;  color:#f70e1f;font-size:11pt;}
A.menu:Active  {text-decoration : none;	color:#f70e1f; font-weight: bold; font-size:11pt;}
A.menu:Hover  {color:#edac0a; font-weight: bold; font-size:11pt;}

A.slink  {text-decoration : none; color:#AA8A18; font-weight: bold; font-size:9pt;}
A.slink:Visited  {text-decoration : none; font-weight: bold;  color:#AA8A18; font-size:9pt;}
A.slink:Active  {text-decoration : none;	color:#AA8A18; font-weight: bold; font-size:9pt;}
A.slink:Hover  {color:#ffffff; font-weight: bold; font-size:9pt;}

A.spie  {text-decoration : none; color:#9a7c13; font-weight: bold; font-size:8pt;}
A.spie:Visited  {text-decoration : none; font-weight: bold;  color:#9a7c13; font-size:8pt;}
A.spie:Active  {text-decoration : none;	color:#9a7c13; font-weight: bold; font-size:8pt;}
A.spie:Hover  {color:#D31717; font-weight: bold; font-size:8pt;}

A.enlaces  {text-decoration : none; color:#000000; font-weight: bold; font-size:8pt;}
A.enlaces:Visited  {text-decoration : none; font-weight: bold;  color:#000000; font-size:8pt;}
A.enlaces:Active  {text-decoration : none;	color:#000000; font-weight: bold; font-size:8pt;}
A.enlaces:Hover  {color:#D31717; font-weight: bold; font-size:8pt;}


h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
  font-variant: small-caps;
  text-align: left;
  color: #AA8A18;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-variant: small-caps;
  text-align: left;
  color: #D31717;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  font-variant: small-caps;
  text-align: left;
  color: #D31717;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  font-variant: small-caps;
  text-align: left;
  color: #a78b27;
}

/*************************************************** MENU PRINCIPAL SUPERIOR  ***********************************************/

#menuppal{
	position:relative;
	display:block;
	float:left;
	width:750px;
	height:25px;
	list-style:none;	
	margin-top:0px;
    margin-left:0px;	
	padding:0 px;
	border:0px solid #efb14c;
  	border-bottom:0px solid #cc7e00;
	background: url(imagenes/bg_menu.jpg) repeat-x; background-position:top left;
}
#menuppal ul {	
list-style:none;
width:99%;
margin:auto;
}

#menuppal li {	
margin:0px;	
padding:0;	
float:left;
}

#menuppal li a {	
  display:block;
  text-decoration:none;	
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  color: #987300;
  padding: 5px 20px;
  margin: 0 0px;
  line-height: 16px;
  background-image:url(images/btn_menuppal.jpg);
  background-position: left top;
  background-repeat: repeat-x;
  border-right:1px dotted #987300;

}


#menuppal li a:hover {
  display:block;	
  color:#000000;
  background-image:url(imagenes/bg_menu_on.jpg);
  background-position: left top;
  background-repeat: repeat-x;

}

/******** TABLAS  **************************************************************************************************************/
.Main
{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

table.main{
	border:1px solid #A18317;
	padding:0px;
	margin-top:0px;
	background-color: #000000;
}

#lineatop{
	width:1000px;
	height:5px;
	background: url(imagenes/lineatop.jpg) repeat-x; background-position:top left;
}

td.top {
border:1px solid #E4C144;
background-color: #EBD275;
}

table.carro{
border:1px solid #E4C144;
}


#labels2{
width:100px;
float:left;
color:#D31717;
font-weight:bold;
text-transform:uppercase;
}

#campos2{
margin-bottom:2px;
border:0px solid #cc0000;
vertical-align:middle;
}

#stepcompraon{
width:29%;
float:left;
padding:10px;
border: 1px solid #a78d2c;
background-color: #d6bf6b;
margin-right:5px;
}
#stepcompra{
width:29%;
float:left;
padding:10px;
margin-right:5px;
}

#stepcompraoff{
width:29%;
float:left;
padding:10px;
border: 1px solid #c0a953;
background-color: #e3ce83;
margin-right:5px;
}

#bloque1{
margin-top:10px;
width:29%;
float:left;
padding:10px;
border-right: 0px solid #c0a953;
/*background-color: #e3ce83;*/
margin-right:5px;
}

#bloque2{
margin-top:10px;
width:58%;
float:left;
padding:10px;
border-left: 1px solid #c0a953;
/*background-color: #e3ce83;*/
margin-right:5px;
}

#etiqueta{
float:left;
width:100%;
border:0px solid #cc0000;
color:#ab8d23;
font-weight:bold;
vertical-align:middle;
}

#txtetiqueta{
float:left;
width:100%;
border:0px solid #cc0000;
color:#000000;
vertical-align:middle;
}

#totalcarro{
margin-top:10px;
width:99%;
float:left;
padding:10px;
border: 1px solid #c0a953;
/*background-color: #e3ce83;*/
}

#lbsumas{
margin-bottom:2px;
width:100%;
float:left;
border:1px solid #cc0000;
color:#ab8d23;
font-weight:bold;
vertical-align:middle;
}
#sumas{
float:left;
width:100px;
border: 1px solid #c0a953;
}

fieldset{
position:relative;
width:100%;
border:1px solid #aa8a18;
padding:5px;
}

legend{color: #aa8a18;}

#texto2{
width:50%;
float:left;
padding:5px;
}
#texto3{
width:40%;
float:left;
margin-left:10px;
padding:5px;
}



/********************************************portada*/

table.noticias{
border: 0px solid #c0a953;
}

#bloquenews{
margin-top:10px;
width:90%;
float:left;
padding:10px;
border-left: 1px solid #c0a953;
/*background-color: #e3ce83;*/
margin-right:5px;
}

#destacado{
margin-top:10px;
width:60%;
float:left;
padding:5px;
border: 0px solid #c0a953;
/*background-color: #e3ce83;
margin-right:5px;*/
}


/******** LOGO - BANNER - MENU PRINCIPAL **************************************************************************************************************/
#cabecera{
	width:100%;
	height:145px;
	background: url(imagenes/top.jpg) no-repeat; background-position:top right;
}

#btm_tits{
	width:90%;
	height:32px;
	margin-left:10px;
	/*background: #000000 url(imagenes/btm_tits.jpg) repeat-x; background-position:bottom left;*/
}




/******** DISTRIBUCION DE COLUMNAS **************************************************************************************************************/

#coliz{
	position:relative;
	float:left;
	width:225px;
	margin-top: 0px;
	min-height:200px;
	background-color:#000000;
}

#colcentral{
	float:left;
	text-align:left;
	width:750px;
	padding:0px;
	min-height:500px;
	background-color:#F1DF9D;
	border:2px solid #E4C144;
}

#pieglobal{
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:28px;
	margin-top:5px;	
	margin-bottom:0px;
	padding-top:8px;
	font-size:8pt;
	color:#cba01f;
	text-align:center;
}

#contsizda{
	margin-left:10px;
	float:left;
	width:65%;
	border:0px solid #78aa25;
}
#contsdcha{
	float:left;
	margin-left:5px;
	width:29%;
	border:0px solid #78aa25;
}

#portada{
	float:left;
	width:30%;
	padding:10px;
	border:1px solid #ffffff;
	text-align:center;
}

#tit_bloque{
	background-color:#ffeccd;
	color:#b3730a;
	font-weight:bold;
	font-size:10pt;
	text-align:center;
	width:90%;
	padding:3px;
	border:1px dotted #b3730a;
}

p.normal{
	background-color:#ffeccd;
	font-size:8pt;
	text-align:center;
	padding:3px;
}

img.borde{
border:1px solid #b17b31;
padding:1px;
}

#icono{
	float:left;
	width:120px;
	border:1px solid #b3730a;
}

/******** BLOQUES LATERALES VERDES **************************************************************************************************************/

#hd_bloque{
  height:28px;
  width:220px;
  margin:0px;
  padding-top:5px;
  padding-left:5px;
  text-align:left;
  color:#ef9401;
  font-weight:bold;
  background: url(imagenes/bg_hd_bloques.jpg); 
  background-repeat: repeat-x;
  background-position:top left;
}

#lateral{
  width:220px;
  margin:0px;
  padding-top:2px;
  padding-left:5px;
  text-align:left;
  color:#a6deff;
}

#smenu ul {
	list-style-type: none;
	padding: 0;
	margin-top: 2px;
}
#smenu li {
	list-style-image: url(imagenes/bulletmenus.jpg);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: .1em;
    font-size: 9pt;
	margin-left:18px;
}




******** BLOQUES RESALTADOS **************************************************************************************************************/
#sombragris {
	width:96%;
	height:100%;
	background-color:#e8e9ea;
	padding:15px;
}

#interior1 {
	margin-left:10px;
	width:90%;
	height:100%;
	border:0px solid #e2e8ef;
	padding:1px;
}
#int_cont{
	border:1px solid #FFFFFF;
	background-color:#e2e8ef;
	padding:10px;
}

#interior2 {
	margin-top:3px;
	margin-left:10px;
	width:96%;
	height:100%;
	border:1px solid #ffeccd;
	padding:1px;
}
#int_cont2{
	border:1px solid #FFFFFF;
	background-color:#ffeccd;
	padding:10px;
}
#tit_naranja{
	color:#d28b16;
	font-weight:bold;
	border-bottom:1px dotted #d28b16;
}

#block_hd{
	width:99%;
	background-color:#c4cdd6;
	padding:2px;
	color:#000000;
	font-weight:bold;
}

#seccion_hd{
	height:100%;
	border-bottom:1px dotted #D31717;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-variant: small-caps;
  text-align: left;
  color: #D31717;
}

#small{
	margin-left:12px;
	font-size:8pt;
	font-style:italic;
	color:#9f9f9f;
}
#resaltados {
	position:relative;
	display:block;
	float:left;
	width:100%;
	border:2px solid #78aa25;
	text-align:center;
}

#hdazul {
	position:relative;
	display:block;
	float:left;
	width:570px;
	height:20px;
	padding-right:15px;
	border:1px solid #6590b2;
	text-align:right;
    background-color:#9cb7cb;
}

img.bordeimgs{
	border:1px solid #AA8A18;
}

#foto{
	position:relative;
	margin-top:10px;
	float:left;
	width:206px;
	border:1px solid #fd8d18;
	padding:2px;
	background-color:#ffffff;
}
#ingredwrap{
	margin-left:5px;
	margin-top:10px;
	float:left;
	width:190px;
	border:0px solid #fd8d18;
}


#topreceta{
	width:100%;
	height:100%;
}



/******** TITULARES Y CABECERAS DE SECCION /areas  **************************************************************************************************************/

  
#texto{
	width:96%;
	height:100%;
	border: 0px solid #cc0000;
	text-align:justify;
	padding:10px;
}

#indent{
	width:90%;
	height:100%;
	border: 0px solid #cc0000;
	text-align:left;
	padding-left:56px;
}

#hd_seccion{
	border: 0px solid #cc0000;
  	background: url(images/hd_seccion.gif)no-repeat;
	height:30px;
	padding-left:20px;
	padding-top:6px;
	color:#9d9d9d;
}

#galeria{
	padding:5px;
	width:96%;
	border: 0px solid #cc0000;
	margin-top:5px;
}
/******** RESALTADO DE ANUNCIOS  **************************************************************************************************************/

table.lstanuncios{
border: 0px solid #a1bb7e;
}

table.lstanuncios tr.gratis td { 
border-top: 1px solid #ef9401;
border-bottom: 0px solid #a1bb7e;
height:25px;    
}
table.lstanuncios tr.resaltado td { 
border-top: 1px solid #ef9401;
border-bottom: 0px solid #a1bb7e;
background-color: #ffdba0;
height:25px; 
}

td.small{
text-align:right;
font-size:8pt;

}
/******** DETALLE DE ANUNCIOS  **************************************************************************************************************/

table.detalle{
border: 0px dotted #a1bb7e;
}


#notasanuncio{
	margin-left:5px;
	width:96%;
	height:100%;
	border: 1px dotted #ef9401;
	background-color: #ffdba0;
	padding:5px;
	color:#819557;
	font-weight:bold;
}

#sm_top{
text-align:right;
font-size:8pt;
color:#3887cb;
}

#dettitulo{
font-size:14pt;
background-color:#ffdba0;
color:#935d05;
font-weight:bold;
border: 1px dotted #ef9401;
}

#datos{
position:relative;
float:left;
width:100%;
height:100%;
padding:0px;
margin-top:5px;
border-bottom:1px dotted #ef9401;
}

#logoempresas{
position:relative;
float:left;
width:220px;
border:0px solid #cc0000;
}

#direccion{
position:relative;
float:left;
margin-left:10px;
padding:15px;
border-left:1px dotted #ef9401;
}

#descripcion{
width:100%;
height:100%;
padding-top:15px;
border:0px dotted #d3e0c0;
}


/******** ETIQUETAS  **************************************************************************************************************/

#labels3{
margin-bottom:2px;
width:180px;
float:left;
border:0px solid #cc0000;
color:#3887cb;
font-weight:bold;
vertical-align:middle;
}


.highlight_word{
    background-color: #ffeccd;
	color:#d28b16;
}


ul{
margin-left:10px;
}

img.mid {vertical-align:middle}

img.wrapleft{
float:left;
padding: 1px 1px 1px 1px;
vertical-align:text-top;
border:1px solid #fd8d18;
}

#lst{
width:420px;
height:50px;
float:left;
margin-left:10px;
border-bottom:1px dotted #579edb;
}
/******** FORMULARIO Y ELEMENTOS  **************************************************************************************************************/
#labels{
margin-bottom:2px;
width:90px;
float:left;
border:0px solid #cc0000;
color:#ab8d23;
font-weight:bold;
vertical-align:middle;
}
#campos{
margin-bottom:2px;
position:relative;
border:0px solid #cc0000;
}
#boton{
margin-top:5px;
margin-left:95px;
}


SELECT, OPTION, TEXTAREA, INPUT {
font-family:Trebuchet MS,verdana,arial,helvetica;
font-style:normal; 
font-weight:normal; 
font-size: 9pt; 
color:#636363; 
background-color:#ffffff; 
border-width:1px ; 
border-color:#b28600; 
border-style:solid
}

INPUT.boton {
vertical-align:bottom;
background-color:#a78b27; 
border-width:1px ; 
border-color:#705804; 
border-style:solid;
color: #f1df9d;
}

INPUT.image {
vertical-align:bottom;
background-color:#98a969; 
border-width:2px ; 
border-color:#52661b; 
border-style:solid;
color: #ffffff;
}

span.radio { 
  width: 19px; 
  height: 19px; 
  padding: 0 0px 0 0; 
  background: url(imagenes/radiobuton.gif) no-repeat; 
  display: block; 
  clear: left; 
  float: left; 
}