/* Capas base */
* {
	padding: 0;
	margin: 0;
}

body {
	scrollbar-arrow-color: 646464;
	scrollbar-base-color:D3D3D3;
	scrollbar-darkshadow-color: D3D3D3;
	scrollbar-track-color: D3D3D3;
	scrollbar-face-color: D3D3D3;
	scrollbar-shadow-color: 646464;
	scrollbar-highlight-color: 646464;
	scrollbar-3dlight-color: D3D3D3;
	text-align: center;
	margin: 0px;
	background-image: url(interface/web-bck.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#container {
	width: 738px;
	text-align: center;
	vertical-align: top;
}

/* TIPOGRAFIAS */
#head, #head h6, #footer, #menu, #content, #tabla, .form-campo, .form-campo2, .form-boton, .form-memo, #detail1, #detail2, h2, h3 {
	font-family: Tahoma, Arial, "Trebuchet MS", Verdana;
	font-size: 11px;
	line-height: 21px;
	color: #575757;
}

/* HEADER */
#head {
	width: 708px;
	text-align: left;
	height: 86px;
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	background-color: #A52700;
	background-image: url(interface/head-bck.gif);
	background-repeat: repeat-x;
	color: #FFC015;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}

#head h6 {
	font-size: 25px;
	color: #FFFFFF;
	padding-top: 22px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin: 0px;
	font-weight: normal;
	text-transform: uppercase;
}

/* MENU */
#menu {
	height: 166px;
	background-color: #DC8C00;
	width: 230px;
	float: left;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	z-index: 2;
	padding: 0px;
	margin: 0px;
}

#menu #first {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#menu a, #menu a:visited, #menu a:active {
	color:#FFFFFF;
	text-decoration: none;
	float: left;
	clear: both;
	width: 100%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 30px;
	height: auto;
	overflow: hidden;
	margin: 0px;
	background-image: url(interface/menu-bck.gif);
}

#menu a:hover {
	color:#932300;
	text-decoration: none;
}

#menu #last {
	background-image: none;
}

#menu #selected { 
	color:#FFFFFF;
	text-decoration: none;
}

/* IMAGEN PRINCIPAL */
#img_big {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	float: left;
	margin: 0px;
}

#image {
	float: right;
	z-index: 1;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -10px;
	padding: 0px;
	height: 166px;
	overflow: hidden;
}


#imagen2 {
	float: right;
	padding: 0px;
}

/* CONTENIDOS (GENERAL) */
#content {
	width: 738px;
	text-align: left;
	margin: 0px;
	z-index: 3;
	padding: 0px;
	border-top-style: none;
	background-image: url(interface/topline.gif);
	background-repeat: repeat-x;
	background-position: left top;
	clear: both;
}

#content h1 {
	font-size: 16px;
	font-weight: bold;
	color: #DC8C00;
	margin: 0px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	clear: both;
}

#content h3 {
	font-weight: bold;
	color: #333333;
}

#content b {
	font-weight: bold;
	color: #505050;
}

#content img {
	padding-left: 59px;
	float: left;
	padding-right: 20px;
	padding-top: 4px;
	padding-bottom: 11px;
}

#content .derecha {
	clear: right;
	padding-right: 45px;
}

#content li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(interface/bullet.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	list-style-type: none;
}

#content p, #content h3 {
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	clear: both;
}

.clear {
	clear: both;
}

#content hr {
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-top-color: #999999;
}

#content li {
	margin-left: 20px;
	margin-bottom: 10px;
}

#content a, #content a:visited, #content a:active {
	color:#932300;
	text-decoration: none;
	background-image: url(interface/link-bck0.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	font-weight: bold;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DC8C00;
	padding-bottom: 2px;
	padding-top: 2px;
}

#content a:hover {
	color:#000000;
	text-decoration: none;
	background-image: url(interface/link-bck1.gif);
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #942300;
}

/* CONTENIDOS (LISTAS) */
#content #lista1, #content #lista2 {
	width: 330px;
	margin: 0px;
	padding: 0px;
}

#content #lista1 {
	float: left;
	margin: 0px;
	padding: 0px;
}

#content #lista2 {
	float: right;
	margin: 0px;
	padding: 0px;
}

/* CONTENIDOS (DETALLES) */
#detail {
	clear: both;
	float: left;
	background-image: url(interface/detail-bck.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#detail1, #detail2 {
	width: 323px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 27px;
	padding-left: 0px;
	font-size: 10px;
	line-height: 16px;
}

#detail1 {
	float: left;
	padding-left: 30px;
}

#detail2 {
	float: right;
	padding-right: 20px;
}

#detail1 h2, #detail2 h2 {
	color: #255F87;
	clear: right;
	float: left;
	font-weight: bold;
	width: 315px;
	margin: 0px;
	padding: 0px;
}

#detail1 b, #detail2 b {
	font-weight: bold;
}

#detail1 p, #detail2 p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
	clear: none;
}

#detail1 img, #detail2 img {
	float: left;
	clear: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#detail1 a, #detail1 a:visited, #detail1 a:active, #detail2 a, #detail2 a:visited, #detail2 a:active {
	clear: none;
	float: left;
	text-decoration: none;
	background-image: none;
	color: #932300;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-transform: uppercase;
}

#detail1 a:hover, #detail2 a:hover {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#lista1, #lista2 {
	width: 315px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#lista1 {
	float: left;
	padding-left: 20px;
}

#lista2 {
	float: right;
	padding-right: 20px;
}

/* TABLAS */
#tabla {
	padding: 0px;
	clear: both;
	margin: 0px;
}

#tabla #catimg {
	float: left;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
	border: 1px dotted #999999;
	padding: 0px;
	margin-right: 20px;
	background-image: none;
}

#tabla .catlink, #tabla .catlink a, #tabla .catlink a:visited, #tabla .catlink a:active, #tabla .catlink a:hover {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
}

/* FORMULARIOS */
.form-campo2, .form-campo {
	height: 20px;
	padding-left: 5px;
}

.form-campo2 {
	border: 1px solid #990000;
}

.form-memo {
	padding-left: 5px;
	
}

.form-boton {
	color: #FFFFFF;
	background-color: #AF312A;
	font-weight: bold;
}

/* FOOTER */
#footer {
	width: 698px;
	text-align: left;
	height: auto;
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	background-color: #932300;
	background-image: none;
	color: #FFFFFF;
	overflow: hidden;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	clear: both;
}

#backlinks {
	width: 425px;
	margin: 0px;
	text-align: left;
	font-size: 10px;
	padding: 0px;
	text-align: left;
	float: left;
	line-height: 14px;
	vertical-align: top;
	clear: none;
}

#backlinks a, #backlinks a:visited, #backlinks a:active {
	color:#F2D4CB;
	width: auto;
	text-decoration: none;
}

#backlinks a:hover { 
	color:#FFFFFF;
	text-decoration: underline;
}

#author {
	text-align: right;
	width: 250px;
	margin: 0px;
	font-size: 11px;
	line-height: 18px;
	float: right;
	padding: 0px;
	vertical-align: top;
	clear: none;
	color: #EBA691;
}

#author a, #author a:visited, #author a:active {
	color:#FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#author a:hover { 
	color:#FFFFFF;
	text-decoration: underline;
}

#author img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#author .xplora {
	color: #B7644A;
	line-height: 18px;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#author .xplora img {
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 3px;
}

#tiendaonline {
	clear: none;
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
