@charset "UTF-8";

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	margin:0; padding:0;
	color: #333;
}

h1 { font-size: 130%; color: #000; border-bottom:1px solid #ddd; }
h2 { font-size: 110%; color: #333; }
h3 {  font-size: 13px; color: #36c; margin-bottom: 5px; }
h1, h3 { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; }
img { border:0; }
hr { clear:both; visibility:hidden; }

a { color:#36c; }
a.strong { font-weight:bold; }
a.tagLink { text-decoration:none; color:#333; padding:3px; }
a.tagLink:hover { text-decoration:underline; }

th { background-color: #ccccf7; }

textArea {
	border: 1px solid #ccc;
	color: #000;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

td, th { font-family: Verdana, Arial, sans-serif; font-size: 11px; }


fieldset { margin: 1em 10px 10px 10px; border:1px dotted #999; padding:1.5em 10px 10px 10px; }
fieldset legend { font-size:110%; font-weight:bold;  }

input, textarea { font-size:115%; border:1px solid #ccc; padding:3px; }
input.submit { background:#222; color:#fff; border-top:1px solid #555; border-left:1px solid #555; border-right:1px solid #000; border-bottom:1px soild #000; font-weight:bold; }

#container { width:850px; margin:10px auto 1em auto; }

#header { }
#header img { margin:20px 0 10px 10px; }
#topMenu { float:left; line-height:160%; margin:5px 10px 10px 0; padding:0; }
#topMenu a { text-decoration:none; }
#topMenu a:hover { text-decoration:underline; }

#logo { padding:20px 0 5px 0; text-align:right; }
#logo, #logo a { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; text-decoration:none; font-style:italic; font-weight:bold; }
#logo sup { font-size: 9px; color:#555; padding-left:4px; font-weight:normal; }

#searchBar { clear:both; background: #f90 url(../img/izquierda.gif) left no-repeat; height:38px; padding:0; }
#searchBar form { background:url(../img/derecha.gif) right no-repeat; height:31px; margin:0; padding:7px 0 0 10px; color: #fff; }
#searchBar input { border:1px solid #f70; width:300px; font-weight:bold; padding:3px 3px 3px 5px; margin:0; }
#searchBar input, #searchBar select { font-size:105%; }

#body { margin:5px 0 5px 0; }

#nav { background: #f0f0f0; width:190px; margin:0 5px 0 0; float:right; }
#nav ul { margin:0; padding:0; list-style:none; }
#nav dd { padding:5px 0 1em 15px; margin:0; }
#nav dt a { text-decoration:none; font-weight:bold; }
#nav dt a:hover { text-decoration:underline; }

#content {  float:left; width:640px; }

#footer { clear:both; font-size:85%; color:#555; margin-top:1em; border-top:1px solid #333; padding:7px; text-align:center; }
#footer a {  color:#555; text-decoration:none; }


/** Alertas **/
.hidden { display:none; }
#Flash { text-align: left; border: 1px solid #ccc; padding: 7px 5px 7px 40px; font-size: 14px; margin: 1em 20px 1em 10px; }
#Flash.good { border-color: #9c9; color: #060;
	background: url(http://sf.fotomix.es/img/icono_good.png) #E2F9E3 left no-repeat;
}

#Flash.bad { border-color: #c99; color: #fff; font-weight: bold;
	background: url(http://sf.fotomix.es/img/icono_bad.png) #c00 left no-repeat;
}

#productListing td { border-bottom: 1px dotted #ccc; font-size: 10px; vertical-align:top; padding:5px;  }
#productListing .brand { font-size: 9px; font-variant:small-caps; color: #999; margin-bottom: 1em;} 
#productListing td.details { width:200px; line-height:160%; }
#productListing td.details ul { list-style:none; margin:0; padding:0; }
#productListing td.details .price { color: #e50009; font-weight: bold; font-family: "Trebuchet MS", Verdana, Arial, sans-serif;	font-size:125%; }

/** CODIGO CAJAS CON ESQUINAS REDONDEADAS **/

/* imagenes de las esquinas */
.rbroundbox { background-color: #f1f1f1; }
.rbtop div  { background: url(../img/esqsupizq.gif) no-repeat top left; }
.rbtop      { background: url(../img/esqsupder.gif) no-repeat top right; }
.rbbot div  { background: url(../img/esqinfizq.gif) no-repeat bottom left; }
.rbbot      { background: url(../img/esqinfder.gif) no-repeat bottom right; }

 /* alto y ancho */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 6px;
	font-size: 1px;
}
.rbcontent  { margin: 0 14px; }
.rbroundbox {  margin: auto; }


.pagenav { margin: 10px 0 10px 0; text-align: right; color: #555; font-size: 9px; }
.pagenav a { color: #555; }