html, body {
	margin: 0;
	padding: 0;
	height: 100%; /* Required */
}

body {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	background: #FFFFFF;
}

input, select, textarea {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 12px;
}

form, map {
	display: inline;
}

.wfix1 {
	width: 200px;
}

h1 {
	font-size: 18px;
	font-style: italic;
	text-align: left;
	color: #FFFFFF;
	background: url(../../images/fondo_h1.gif) no-repeat left top;
	padding-top: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	margin: 0;
}

h2 {
	font-size: 16px;
	color: #000099;
	margin-bottom: 0;
}

h3 {
	font-size: 14px;
}

.cabecera {
	background: #37399D url(../../images/fondo_cabecera.gif) repeat-x left bottom;
}

.cabeceralogo {
	padding: 12px;
}

.cabeceratools {
	padding: 3px;
	background: url(../../images/fondo_barracabecera.gif) no-repeat center top;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	color: #FFFFFF;
}

.cabeceratools a {
	color: #FFFFFF;
	text-decoration: none;
}

.cabeceratools a:hover {
	color: #FFFF00;
	text-decoration: underline;
}

.cabecerashoppingcart {
	background: url(../../images/fondo_shoppingcart.gif) no-repeat center center;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	color: #37399D;
}

.cartbutton {
	background: url(../../images/cartbutton.gif) no-repeat center center;
	padding: 9px;
	text-decoration: none;
}

.cartbutton:hover {
	color: #FF0099;
}	

.container {
	background: #FFFFFF url(../../images/fondo_web.gif) repeat-y center top;
}

.logged {
	padding:  8px;
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	color: #003366;
}	

.main {
}

.left {
	vertical-align: top;
	padding-top: 4px;
}

.categories {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 100px;
}

.categories li {
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 12px;
	background: url(../../images/categories_li.gif) no-repeat center bottom;
}

.categories .categoriesheader {
	text-align: left;
	color: #000066;
	padding: 6px 12px;
	background: url(../../images/categories_header.gif) no-repeat center center;
}

.categories .categoriesfooter {
	padding: 4px 12px;
	background: url(../../images/categories_footer.gif) no-repeat center top;
}

.categories li a {
	display: block;
	width: 140px;
	text-decoration: none;
	padding: 6px 4px;
	padding-left: 12px;
}

.categories li a:hover {
	color: #FF0000;
}

.content {	
	font-size: 12px;
	padding: 22px 22px 18px 22px;
	vertical-align: top;
	text-align: justify;
}

.continueshopping {
	float: right;
	padding: 6px;
	margin: 4px 0;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	background: #37399D;
	text-decoration: none;
}

.continueshopping:hover {
	color: #00FF33;
}

.formbutton {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	background: #37399D url(../../images/fondo_botones.gif) repeat-x center top;
	border: 3px double #37399D;
}

.pie {
	padding: 12px;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	background: #EEF0F7 url(../../images/fondo_cabecera.gif) repeat-x left top;
}

.pie a {
	text-decoration: none;
	color: #FFFFFF;
}

.pie a:hover {
	text-decoration: underline;
	color: #FFFF00;
}

/*====StyleSheet Brutal by McKlain====*/

th {
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 6px;
	text-align: left;
	background: #37399D;
}

/*======Tables with forms=======*/

.Forms, .Forms2 {
	border: 1px solid #5F61B1;
	border-collapse: collapse;
	margin-top: 0;
	margin-bottom: 12px;
}

.Forms {
	width: 100%;
}


.Forms td, .Forms2 td {
	padding: 6px;
	vertical-align: top;
	font-weight: bold;
}

.Forms td {
}

.Forms2 a {
	text-decoration: none;
}

.Forms p{
	float: left;
	color: #FF0000;
	font-size: small;
}

/*=======Add/Send Button=====*/

.addbutton, .addbutton2 {
	border: 1px dotted #5F61B1;
	border-collapse: collapse;
	margin: 6px auto;
}

.addbutton {
	width: 100%;
	text-align: right;
}

.addbutton input, .addbutton2 input{
	margin: 6px;
	padding: 2px;
}

/*====pagination==== */

.pagination {
	background-color: #E6E9F0;
	border: 1px dotted #5F61B1;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
}

.pagination td{
	padding: 3px;
	color: #000066;
}

.pagination a {
	font-weight: bold;
	text-decoration: none; 
}

.pagination a:link, .pagination a:visited { 
	color: #5F61B1; 
} 

.pagination a:hover { 
	color: #495778; 
}

.pagination .Next{
	margin-left: 8px;
}

/*=====Items listing====*/

.listing, .listing2 {
	border: 1px solid #5F61B1;
	border-collapse: collapse;
	margin-top: 4px;
	width: 100%
}

.listing *, .listing2 *{
	padding: 4px;
	font-size: 9px;
}

.listing td {
	border: 1px solid #CCCCCC;

}

.listing th, .listing2 th{
	text-align: left;
	font-weight: bold;
	color: #000066;
	background-color: #E6E9F0;
	padding: 6px;
	border-bottom: 1px dotted #5F61B1;
}

.listing a, .listing2 a{ 
	font-weight: bold;
	text-decoration: none; 
	color: #5F61B1; 
} 

.listing a:hover, .listing2 a:hover  { 
	color: #495778; 
}

.rowpair {
	background-color:#FFFFFF;
}

.rowimpair {
	background-color:#F8F9FA;
}

/* ==== Other ======== */

.thumbs {
	border: 1px solid #5F61B1;
	background: url(../../images/nopicture.jpg) no-repeat center top;
}

.warnings {
	width: 60%;
	color: #FF0000;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	margin: 30px auto;
	padding: 12px;
	padding-left: 60px;
	border: 1px dashed #CC6600;
	background: #FFFFCC url(../../images/warnings.gif) no-repeat left center;
}

/*=====continue "Button"====*/

.continue {
	background-color: #E6E9F0;
	border: 1px solid #5F61B1;
	width: 130px;
	padding: 6px;
	margin: 0 auto;
	margin-top: 24px;
	text-align: center;
}

.continue a {
	font-weight: bold;
	text-decoration: none; 
}

.continue a:link, .continue a:visited { 
	color: #5F61B1; 
} 

.continue a:hover { 
	color: #495778; 
}

/*=========Se fin===========*/


.itemlist {
	margin: auto;
}

.itemlist td {
	border: 1px solid #373998;
	padding: 6px;
}	

.item {
	width: 150px;
	height: 160px;
	text-align: center;
	padding: 3px 3px 1px 3px;
}

.item p {
	text-align: left;
	margin: 0;
}

.itemlist a {
	position: relative;
	font-weight: bold;
	color: #000066;
	display: block;
	padding: 0px 3px;
	text-align: right;
	text-decoration: none;
}

.itemlist a:hover {
	background-color: #373993;
	color: #FFFFFF;
	text-decoration: none;
}

.specialoffer {
	color: #990000;
	font-weight: bold;
}

.subcategories {
	border: 1px solid #5F61B1;
}