/* GENERAL */
body {
	margin: 0px 0px 10px; padding: 0px;
	background: #fff;
	text-align: center;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
/* para Netscape 4 y todos */
body { font-size: 10px; }

/* no Netscape 4 */
/*/*/
body {
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}
html>body {
	font-size: x-small;
}
/* */

h1 { font: bold 250% tahoma, helvetica, sans-serif; color: #039; margin: 0px 0px 8px; }
h2, h3, h4, h5, h6 { margin: 3px 0px; padding:0; }
h2 { font: bold 160% tahoma, helvetica, sans-serif; color:#FF4400; }
h3 { font: bold 140% tahoma, helvetica, sans-serif; color:#242424; }
h4 { font: bold 130% tahoma, helvetica, sans-serif; color:#242424; }
h5 { font: bold 110% tahoma, helvetica, sans-serif; color:#242424; }
h6 { font: bold 90% tahoma, helvetica, sans-serif; color:#000; }
.normal { font-size: 10px; }
a:link, a:visited { color: #06F; text-decoration: none; }
a:hover, a:active { color: #F40; text-decoration: underline; }
p { margin-top: 4px; margin-bottom: 4px; padding: 0px; font-size: 100%; }
small { font-size: 80%; font-weight: bold; color: #000; }
big { font-size: 130%; }
.importante { font: bold 110% tahoma, helvetica, sans-serif; color:#242424; }
.mini { font-size: 80%; font-weight: bold; color: #000; }
.miniarial { font: bold 90% Arial, helvetica, sans-serif; color: #333; }
.subtitulo { margin: -7px 0px 12px 2px; }
acronym { text-decoration: none; border-bottom: dashed 1px #666; cursor: help; }
abbr { text-decoration: none; border-bottom: dashed 1px #666; cursor: help; }
ul, ol, li { margin: 2px; padding: 0px; list-style-position: inside; font-size: 100%; text-align: left; }
form { margin: 0; display: inline; }
fieldset { padding: 7px; border: solid 1px #999; }
input ,select ,textarea {
	color: #000000;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif; color:#242424;
	border: 1px solid;
	border-color: #707070 #cccccc #cccccc #707070;
	background: #FFFFFF;
}
optgroup { font: bold 100% Verdana, Arial, Helvetica, sans-serif; color:#242424; }
input { text-indent : 2px; }
input.button {
	color : #000000;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif; color:#242424;
	border:1px solid; border-color:#FFFFFF #707070 #707070 #FFFFFF; BACKGROUND: #F0F0F0;
}
input.buttonimage {
	border: 0px; background: transparent;
}
input.formradio { border: 0px; background: transparent; }
br { line-height: 8px; }
img { border: 0px; }
.titlehr { border-bottom: solid 1px #ccc; }
.cuadroazul { padding: 8px; border: solid 1px #039; background: #E4EFFF; }
.cuadronaranja { padding: 8px; background: #FC9; }
.cuadrogris { padding: 8px; background: #eee; border: solid 1px #ccc; }
.cuadroh4 { margin: 0px; border: solid 1px #ccc; }
.cuadroh4 h4 { display: block; margin: 0px; padding: 3px 6px; color: #333; background: #eee; border-left: solid 2px #ccc; border-bottom: solid 1px #ccc; }
.divisora { display: block; margin: 2px; border-bottom: solid 1px #369; font-size: 1px; }
.divisorb { display: block; margin: 2px 0px; height: 3px; background: transparent url(../images/punto_separador.gif) repeat-x top; font-size: 1px; }
.divisorbv { margin: 0px 2px; height: auto; background: transparent url(../images/punto_separador.gif) repeat-y center; font-size: 1px; }
.divisorc { display: block; margin: 2px; border-bottom: solid 1px #ccc; font-size: 1px; }

#bienven {
	width: 808px; 
	margin: 0px auto; padding: 0px;
	text-align: right;
	font-size: 90%; font-weight: bold; color: #f40;
}
#bienven a:link, #bienven a:visited, #bienven a:hover, #bienven a:active { color: #f40; }
#cont1 {
	width: 808px; 
	margin: 0px auto; padding: 0px;
	text-align: left;
	background: transparent url(../images/sombra_r.gif) repeat-y right;
}
#somtop, #sombottom { clear: both; width: 806px; height: 4px; font-size: 1px; }
#somtop { background: transparent url(../images/sombra_t.gif) repeat-x top; }
#sombottom { background: transparent url(../images/sombra_b.gif) repeat-x top; }
#contenedor {
	margin: 0px; padding: 0px; 
	border: solid 1px #006;
	text-align: left; overflow: hidden;
	width: 804px; 									/* para ie5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 802px; 									/* para los demás */
}
html>body #contenedor { width: 802px; }	/* para opera */

#header {
	position: relative; display: block;
	border: solid #000; border-width: 0px 0px 2px;
	background: #8EB3E8 url(../images/fon_header.jpg) repeat-x;
	z-index: 1;
	height: 82px; 									/* para ie5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 80px;									/* para los demás */
}
html>body #header { height: 80px; }			/* para opera */

#header div { position:relative; }
#header .logo {
	position: absolute; top: 0px; left: 0px;
	margin: 0px; padding: 0px;
}
#anuncio {
	position: absolute; top: 9px; left: 210px;
	width: 428px; height: 55px;
	margin: 0px; padding: 0px;
	border: solid 1px #ccc;
	background: #96BAEC;
	z-index: 500;
}
/****** Menú superior derecho ******/
#menup {
	position: relative; float: right;
	width: 150px; height: 51px;
	margin: 0px; padding: 15px 0px 0px;
	font-size: 10px;
	overflow: visible;
	z-index: 1500;
}
#menup ul {
	margin: 0px; padding: 0px;
	list-style: none url(../images/flecha_b.gif) inside;
}
#menup li {
	height: 15px;
	margin: 0px; padding: 0px 0px 0px 7px;
}
#menup li a:link, #menup li a:visited { color: #006; text-decoration: none; }
#menup li a:hover, #menup li a:active { color: #000; text-decoration: underline; }
#menu5Container {
	position: relative;
	margin-bottom: -50px;
	visibility: hidden; z-index: 1500;
	-moz-opacity:.9; filter:alpha(opacity=90);
}
#menu5Container #menu5Content {
	position: absolute;
	width: 133px;
	padding: 3px;
	border: solid 1px #039;
	color: #000; background: #E4EFFF;
	z-index:1000;
}

#fecha {
	position: relative; float: right; clear: right;
	width: 230px; height: 14px; margin: 0px 0px 0px -50px; padding: 0px 4px;
	background: #039 url(../images/fechafon.gif) repeat-y top left ;
	text-align: right; font-size: 9px; color: #E4EFFF;
	cursor: default; overflow: hidden; z-index: 0;
}
#barra {
	float: left; clear: both;
	width: 100%; height: 23px;
	margin: 0px; padding: 0px;
	border-style: solid;
	border-width: 3px 0px 1px 0px;
	border-color: #F60 #000 #000 #000;
	background: #ccc url(../images/fon_barra.gif) repeat-x;
	overflow: hidden; white-space: nowrap;
}
#barra #slog {
	float: left; clear: none;
	width: 230px; min-height: 23px;
	margin: 0px 0px 0px 2px; padding: 0px;
	overflow: hidden; white-space: nowrap;
	cursor: default;
}
#barra #slog h2 {
 	margin: 0px; padding: 4px;
	font-size: 10px !important; font-family: Verdana,sans-serif !important; font-weight: bold;
	letter-spacing: 0px;
	color: #333;
}
#barlist ul, #barlist, #barlist li { position: relative; float: right;	clear: none; margin: 0pt; padding: 0pt; }
#barlist li { float: left; display: block; width: 139px;}
#barlist li a { position: relative; display: block; text-align: center; color: #039; text-decoration: none; font-style: normal; font-variant: normal; font-weight: bold; font-size: 13px; line-height: normal; font-stretch: normal; }
#barlist li a.active, #barlist li a:active { color: #F40; border-bottom: 1px solid #F40; }
#bota, #botb, #botc, #botd { padding: 3px; border-left: 1px solid #999; margin-right: -1px; }
#bota:hover, #botb:hover, #botc:hover, #botd:hover { background-color: #EEEEEE; border-bottom: 1px solid #F40; color: #F40 ! important; }

#principal, #principalnoleft, #principalnoright, #principalnocols { 
	float: left; width: 100%; margin: 0px; padding: 0px; overflow: hidden; white-space: nowrap; z-index: 1500;
}
#principal, #principalnoright {
	background: #fff url(../images/columlfon.gif) repeat-y left;
}
#principalnoleft, #principalnocols {
	background: #fff;
	background: #fff url(../images/sombra_r.gif) repeat-y left;
}
#principal div, #principalnoleft div, #principalnoright div, #principalnocols div { position:relative; }

.subbarra {
	position: absolute; float: right; top: 0px;
	width: 298px;
	border-width: 0px;
	margin-bottom: -30px;
	padding: 0px;
	visibility:hidden;
	z-index: 1500; 
}
.subbarramenu {
	position: absolute;
	margin: 0px; padding: 0px;
	border: solid #999; border-width: 0px 0px 1px 1px;
	background: #EEEEEE;
	z-index:1000;
}
.subbarramenu a:link, .subbarramenu a:visited { color: #039; font-weight: bold; }
.subbarramenu a:hover, .subbarramenu a:active { color: #f40; font-weight: bold; }

#columnl {
	position: relative; display: block; float: left;
	margin: 0px; margin-right: 4px; padding: 0px;
	text-align: center;
	background: transparent url(../images/columlsomtop.gif) no-repeat top;
	overflow: hidden; white-space: normal;
	width: 166px;
}

ul.mainmenu { margin: 6px 10px; padding: 0px; text-align: left; background: #039; }
ul.mainmenu li { list-style: none outside; margin: 0px; padding: 0px; }
ul.mainmenu li a { position: relative; display: block; font-weight: bold; font-size: 10px; padding: 0px; }
ul.mainmenu li a:link, ul.mainmenu li a:visited { border: solid 1px #039; color: #eee; }
ul.mainmenu li a:hover, ul.mainmenu li a:active { background-color: #E4EFFF; border: solid 1px #06f; padding-left: 3px; color: #f40; text-decoration: none; }

div.blockleft {
	margin: 6px 4px 0px 6px; padding: 0px 0px 7px;
	background: #E4EFFF url(../images/blockpie.gif) no-repeat bottom left;
	overflow: hidden;
}
div.blockleft .blockltitle {
	position: relative; display: block; clear: both;
	min-height: 14px;
	margin: 0px; padding: 1px;
	text-align: center;
	background: #CCCCCC url(../images/columtitles.gif) no-repeat top left;
	border-bottom: solid 1px #009;
}
div.blockleft .blockltitle h3 { font-size: 120%; color: #F40; }
div.blockleft .blockltitle h3 a:link, 
div.blockleft .blockltitle h3 a:visited, 
div.blockleft .blockltitle h3 a:hover, 
div.blockleft .blockltitle h3 a:active { 
	color: #F40; text-decoration: none;
}
div.blockleft dl {
	position: relative; display: block;
	margin: 0px; padding: 0px 4px 4px;
	border: solid #CCC; border-width: 0px 1px;
	text-align: left;
}
div.blockright dl {
	position: relative; display: block;
	margin: 0px; padding: 0px 4px 4px;
	text-align: left;
}
div.blockleft dt, 
div.blockright dt {
	margin-top: 4px;
}
div.blockleft dt a:link, 
div.blockright dt a:link, 
div.blockleft dt a:visited,
div.blockright dt a:visited {
	color: #333;
	text-decoration: none;
}
div.blockleft dd,
div.blockright dd {
	margin: 0px; padding-bottom: 4px;
	font: 100% Arial, Helvetica, sans-serif; color:#333;
	border: solid #96BAEC; border-width: 0px 0px 1px;
}
.blockdir ul {
	margin: 0px; padding: 4px;
}
.blockdir li {
	list-style: none outside;
	margin: 0px; padding: 2px 0px 0px;
	border-bottom: solid 1px #96BAEC;
}
.blockdir a { position: relative; display: block; font-weight: bold; margin: 0px; padding: 2px; }
.blockdir a:link, .blockdir a:visited { color: #039; }
.blockdir a:hover, .blockdir a:active { color: #F40; background-color: #cdF; text-decoration: none; }
.blockdirsub {
	margin: 0px; padding-bottom: 0px;
	font: 100% Arial, Helvetica, sans-serif;
}
.blockdirsub a { position: relative; display: inline; }
.blockdirsub a:link, .blockdirsub a:visited { color: #06F; }
.blockdirsub a:hover, .blockdirsub a:active { color: #F40; background-color: transparent; text-decoration: underline; }


#principal #paths, #principalnoright #paths { width: 623px; }
#principalnoleft #paths, #principalnocols #paths { width: 791px; }
#paths {
	position: relative; float: right; clear: right;
	height: 23px;
	margin: 0px; padding: 4px;
	font-weight: bold;
	color: #333;
	background: transparent url(../images/sombra_paths.gif) repeat-x top;
	overflow: hidden; white-space: normal;
	z-index: 1;
}
#paths a:link, #paths a:visited, #paths a:hover, #paths a:active { color: #333; }

#principal #contenido { width: 468px; }
#principalnoright #contenido { width: 611px; }
#principalnoleft #contenido { width: 638px; }
#principalnocols #contenido { width: 773px; }
#contenido {
	position: relative; float: left;
	margin: 0px 10px 10px; padding: 0px;
	background: White;
	overflow: hidden; white-space: normal;
}
#columnr {
	position: relative; display: block; float: right;
	width: 143px;
	margin: 0px; padding: 0px;
	text-align: center;
	background: White;
	/*background: #FFCC99;*/
	overflow: hidden; white-space: normal;
}
div.blockright {
	position: relative; display: block;
	margin: 4px 6px 4px 0px; padding: 0px;
	text-align: left;
	background: #E4EFFF;
	overflow: hidden;
	border: solid 1px #CCC;
}
div.blockright .blockrtitle {
	position: relative; display: block; clear: both;
	min-height: 14px;
	text-align: center;
	margin: 0px; padding: 1px;
	text-align: center;
	background: #FF6600 url(../images/blockrtitles.gif) repeat-x top;
	border-bottom: solid 1px #CCC;
}
div.blockright .blockrtitle h3 { font-size: 120%; color: #000; }
div.blockright .blockrtitle h3 a:link, 
div.blockright .blockrtitle h3 a:visited, 
div.blockright .blockrtitle h3 a:hover, 
div.blockright .blockrtitle h3 a:active { 
	color: #000; text-decoration: none;
}
div.blockright ul {
	position: relative; display: block; clear: both;
	list-style-position: inside;
	margin: 5px; padding: 0px;
}
div.blockright li {
	margin: 0px; padding: 1px;
}

#footer {
	position: relative; display: block; clear: both;
	height: 13px;
	margin: 0px; padding: 6px;
	text-align: right;
	border-style: solid; border-width: 1px 0px 0px; border-color: #009;
	background: #CCCCCC url(../images/fon_barra.gif) repeat-x;
}
#footer a { color: #009; }

.ubica {
	display: block; clear: both;
	border-top: solid 1px #CCC; border-bottom: solid 1px #CCC;
	margin-bottom: 0px; padding: 3px;
	text-decoration: none; color: #333;
	font-size: 100%; font-weight: bold;
	background: #f9f9f9;
}
.ubica a:link,
.ubica a:visited,
.ubica a:hover,
.ubica a:active {
	text-decoration: none; color: #039;
}
.ubica a:hover { text-decoration: underline; color: #f60; }

/* Menú con tabs */
.tabedoptions {
	position: relative; clear: both;
	height: 25px;
	margin: 0px 0px -1px; padding: 0px;
	border-left: 1px solid #039;
	background: transparent;
}
.tabedoptions a, .tabedoptions .selected {
	position: relative; display: block; float: left;
	height: 16px;
	margin: 0px; padding: 4px;
	border: solid #039; border-width: 1px 1px 0px 0px;
	color: #333; background: #efefef;
}
.tabedoptions .selected {
	color: #333; background: #E4EFFF; z-index: 3;
}
.tabedoptions a:hover {
	color: #000; background: #E4EFFF;
	text-decoration: none;
}

.blockofertas {
	display: block; width: 100%;
	margin: 0px; padding: 1px;
	text-align: center;
	font: 100% Arial, Helvetica, sans-serif;
	background: #fff;
}
.blockofertas .precio { font: 13px Arial, Helvetica, sans-serif; font-weight: bold; color: red; margin-bottom: 30px; }
.blockofertas img { clear: both; margin: 4px; }

#footlinks {
	width: 788px; 
	margin: 0px auto; padding: 5px;
	text-align: center;
	border: solid 1px #ccc;
}
#footlinks .footlinkstit {
	float: left;
	margin: -5px 0px 0px -5px; padding: 1px;
	color: #333; background: #ccc;
	font-weight: bold;
}
#footlinks a:link, #footlinks a:visited {
	color: #333;
}