/* Elementos */
html, body {
	margin: 0;
	padding: 0;
	background: #f7f6f6;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	overflow: hidden;
	overflow-y: auto;
}

img { border: 0; }

a { color: #61200a; }

a:hover { color: #000000; }

input, select, textarea {
	border: 1px solid #cecece;
	color: #000000;
	background: #f0f0f0;
	font-size: 9px;
}

abbr, acronym {
	border-bottom: 1px dotted #fe6e04;
	cursor: help;
}

h1 { display: none; }

/* Fondo */
#fondo {
	width: 100%;
	height: 760px; /* 100% */
	position: absolute;
	top: 0;
	left: 0;

}

/* Principales */
#principal{
	margin-left: -390px;
	width: 790px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;

}

#contenido {
	float: right;
	margin: 7px 0 0 0;
	padding: 0;
	width: 580px;
	background: url(../img/fondo_contenido.png) repeat-y;
}

/* Sombra */
#sombra {
	margin-left: 25px;
	clear: both;
	width: 941px;
	display: none;
	background: url(../img/sombra.png) no-repeat center;
	height: 106px;
	text-align: center;
}
#sombra #footer{
	padding-top:60px;
	color:#7F7F7F;
}
#sombra #footer a{
	color:#7F7F7F;
}
#sombra #footer a:hover{
	color:black;
}
/* Generales */
.clear { clear: both; }

/* Contenido lateral */
#lateral{
	float: left;
	margin-top: 20px;
	margin: 10px 0 0 0;
	padding: 0;
	width: 200px;
	display: none;
	background: url(../img/fondo_lateral.png) repeat-y;
}

#lateral #acordeon { height: 428px; }

#lateral #acordeon h2 {
	margin: 0 0 0 5px;
	padding: 0 0 0 15px;
	width: 180px;
	background: url(../img/fondo_seccion.jpg) no-repeat;
	font-size: 9px;
	cursor: pointer;
	height: 19px;
}

#lateral #acordeon h2 img {
	padding-top: 5px;
	width: 180px;
	height: 12px;
}

#lateral #acordeon #novedades div {
	margin: 0 5px 0 5px;
	border: 4px solid #ffffff;
	background: #f0f0f0;
	cursor: pointer;
}

#lateral #acordeon #novedades div span.titulo {
	margin: 0;
	border: 0;
	margin: 5px 0 0 3px;
	display: block;
	background: none;
	font-weight: bold;
	text-transform: uppercase;
}

#lateral #acordeon #novedades div img {
	margin: 5px 5px 0 3px;
	border: 2px solid #000000;
	float: left;
	width: 72px;
}

#lateral #acordeon #novedades div p {
	margin: 5px 0 5px 0px;
	width: 95px;
	color: #fe6e04;
	height: 70px;
	overflow: hidden;
}

#lateral #acordeon #novedades div.ampliar {
	padding-bottom: 2px;
	border: 0;
	text-align: right;
}

#lateral #acordeon #ultimas_noticias div {
	margin: 0 5px 0 5px;
	border: 4px solid #ffffff;
	background: #f0f0f0;
	cursor: pointer;
}

#lateral #acordeon #ultimas_noticias div span.titulo {
	margin: 0;
	border: 0;
	margin: 5px 0 0 3px;
	display: block;
	background: none;
	font-weight: bold;
	text-transform: uppercase;
}

#lateral #acordeon #ultimas_noticias div img {
	margin: 5px 5px 0 3px;
	border: 2px solid #000000;
	float: left;
	width: 72px;
	height: 54px;
}

#lateral #acordeon #ultimas_noticias div p {
	margin: 5px 0 5px 0px;
	width: 95px;
	color: #fe6e04;
	height: 70px;
	overflow: hidden;
}

#lateral #acordeon #ultimas_noticias div.otras {
	padding: 0;
	margin: 0px 5px 0 5px;
	text-align: right;
}

#lateral #acordeon #ultimas_noticias div.ampliar {
	padding-bottom: 2px;
	border: 0;
	text-align: right;
}

#lateral #acordeon #selector {
	margin: 0;
	padding: 0 0 0 15px;
	width: 185px;
}

#lateral #acordeon #selector ul {
	width: 175px;
	background: #f0f0f0;
}

#lateral #acordeon #selector ul li {
	padding: 0px;
	margin: 0px;
	background: transparent url(../img/fondo_scroll-nav.png) no-repeat;
	height: 14px;
}

#lateral #acordeon #selector ul li img {
	padding-left: 15px;
	width: 160px;
	height: 14px;
}

#lateral #acordeon #selector ul li ul {
	width: 175px;
	display: none;
	background: #e0e0e0;
}

#lateral #acordeon #selector ul li ul li {
	background: url(../img/fondo_selector.png) no-repeat;
	height: 14px;
}

#lateral #acordeon #selector ul li ul li img {
	padding-left: 25px;
	width: 150px;
	height: 14px;
}

#lateral #acordeon #catalogos_destacados div {
	margin: 0 5px 0 5px;
	border: 4px solid #ffffff;
	background: #f0f0f0;
}

#lateral #acordeon #catalogos_destacados div span.titulo {
	margin: 0;
	border: 0;
	margin: 5px 0 0 5px;
	padding: 5px 0 0 5px;
	display: block;
	background: none;
	font-weight: bold;
	text-transform: uppercase;
}

#lateral #acordeon #catalogos_destacados div img{
	float: left;
	border: 2px solid #000000;
	margin: 4px 5px 5px 5px;
	width: 77px;
	height: 94px;
}

#lateral #acordeon #catalogos_destacados div p {
	margin: 5px 0 5px 0px;
	width: 90px;
	color: #fe6e04;
	height: 100px;
	overflow: hidden;
}

#lateral #acordeon #boletin {
	margin: 2px 5px 0 5px;
	padding: 5px 2px 5px 5px;
	border: 4px solid #ffffff;
	background: #f0f0f0;
}

#lateral #acordeon #boletin form { margin: 0 auto 0 auto; }

#lateral #acordeon #boletin form p { margin: 5px; }

#lateral #acordeon #boletin form fieldset { background: #ffffff; }

#lateral #acordeon #boletin form fieldset ol { margin: 0; padding: 0; }

#lateral #acordeon #boletin form fieldset li {
	padding: 5px;
	margin: 0;
	width: inherit;
	clear: both;
	list-style: none;
}

#lateral #acordeon #boletin form fieldset legend {
	padding: 0 2px;
	color: #000000;
	font-weight: bold;
	font-variant: small-caps;
}

#lateral #acordeon #boletin form fieldset label {
	width: 50px;
	line-height: 1.8;
	vertical-align: top;
}

#lateral #acordeon #boletin form fieldset input,
#lateral #acordeon #boletin form fieldset select { width: 100px; }

#lateral #acordeon #boletin form fieldset p { text-align: right; }

#lateral #acordeon #presupuestador { margin: 6px 9px 4px 9px; }

#lateral #acordeon #presupuestador div {
	padding: 5px 5px 8px 5px;
	margin-top: 2px;
	background: #f0f0f0;
	height: 40px;
}

#lateral #acordeon #presupuestador div img {
	float: left;
	width: 53px;
	height: 40px;
}

#lateral #acordeon #presupuestador div span.articulo {
	margin-left: 60px;
	display: block;
	white-space: nowrap;
	color: #000000;
	font-weight: bold;
	text-align: left;
}

#lateral #acordeon #presupuestador div span.ref {
	margin-left: 60px;
	display: block;
}

#lateral #acordeon #presupuestador div form {
	float: left;
	padding: 0;
	margin: 0;
}

#lateral #acordeon #presupuestador div form input {
	width: 25px;
	margin-left: 5px;
	float: left;
	background: #ffffff;
	text-align: center;
	height: 15px;
}
#lateral #acordeon #presupuestador div form input.image {
	width: 17px;
	margin: 0;
	margin-left: 1px;
	height: 14px;
}

#lateral #acordeon #presupuestador div#prepag {
	padding: 0 20px 0 0;
	margin-top: 5px;
	text-align: right;
	height: auto;
}

#lateral #acordeon #presupuestador div.vaciar {
	padding: 0 20px 0 0;
	margin-top: 5px;
	background: url(../img/vaciar.gif) #f0f0f0 no-repeat right;
	text-align: right;
	height: auto;
}

#lateral #acordeon #presupuestador div.solicitar {
	padding: 0 20px 0 0;
	margin-top: 5px;
	background: url(../img/solicitar.gif) #f0f0f0 no-repeat right;
	text-align: right;
	height: auto;
}
/* Inicio */
#inicio #destacados { display: none; }

#inicio #destacados h2{
	padding: 5px 0 5px 10px;
	width: 300px;
}

#inicio #destacados #visor{ padding: 5px; }

#inicio #destacados #visor #scroll {
	float: left;
	width: 458px;
	height: 150px;
}

#inicio #destacados #visor #scroll #scroll-inner .scrolling-content {
	float: left;
	width: 458px;
	white-space: nowrap;
	background: #ffffff;
}

#inicio #destacados #visor #scroll #scroll-inner .scrolling-content div {
	float: left;
	padding: 1px;
	width: 150px;
}

#inicio #destacados #visor #scroll #scroll-inner .scrolling-content div img {
	width: 150px;
	height: 134px;
}

#inicio #destacados #visor #scroll #scroll-inner .scrolling-content div span {
	margin: 0;
	padding: 0 20px 0 0;
	width: 130px;
	display: block;
	color: #ffffff;
	background: url(../img/flecha.gif) #000000 no-repeat right;
	text-align: right;
	text-transform: uppercase;
	height: 12px;
}

#inicio #destacados #visor #scroll #scroll-inner .scrolling-content div span img {
	border: 0;
	width: 130px;
	height: 12px;
}

#inicio #destacados #visor ul#scroll-nav {
	float: right;
	margin-top: -28px;
	width: 112px;
	background: #f0f0f0;
	height: 210px;
}

#inicio #destacados #visor ul#scroll-nav li{
	margin: 0;
	padding: 0px 1px 0px 15px;
	white-space: nowrap;
	color: #000000;
	background: url(../img/fondo_scroll-nav.png) no-repeat;
	cursor: pointer;
	height: 14px;
}

#inicio #destacados #visor #prev {
	margin-left: 5px;
	visibility: hidden;
}

#inicio #destacados #visor #next { visibility: hidden; }

#inicio #destacados #visor #scroll-pag {
	color: #ffffff;
	background: #000000;
	height: 13px;
}
#inicio #destacados #visor #scroll-pag h4 {
	margin-left: 5px;
	float: left;
}

#inicio #destacados #visor #scroll-pag h4 img {
	border: 0;
	width: 250px;
	height: 10px;
}

#inicio #destacados #visor #scroll-pag ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#inicio #destacados #visor #scroll-pag ul li {
	float: left;
	margin-left: 1px;
	width: 17px;
	background: #c03f05;
	text-align: center;
	cursor: pointer;
	height: 13px;
}

#inicio #destacados #visor #scroll-pag ul li img { color: #ffffff; }

/* Productos (Familias, Subfamilias y Colecciones) */
#productos {
	margin: 0 5px 0 5px;
	width: 570px;
}

#productos #navegacion {
	margin-bottom: 5px;
	color: #ffffff;
	background: #000000;
	height: 15px;
}

#productos #navegacion #familia {
	padding-top: 1px;
	padding-left: 5px;
	float: left;
	text-transform: uppercase;
}

#productos #navegacion #subfamilia {
	padding-top: 1px;
	padding-right: 5px;
	float: right;
	text-transform: uppercase;
}

#productos #acciones {
	clear: both;
	color: #ffffff;
	background: #000000;
	height: 15px;
}

#productos #acciones div {
	float: left;
	padding-left: 0px;
	padding-top: 1px;
}

#productos #acciones ul#paginacion {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#productos #acciones ul#paginacion li {
	float: left;
	padding-top: 2px;
	margin-left: 1px;
	width: 17px;
	background: #c03f05;
	text-align: center;
	cursor: pointer;
	height: 13px;
}

#productos #acciones ul#paginacion li img { color: #ffffff; }

#productos #familias {
	background: url(../img/fondo_familias.png) repeat;
	min-height: 525px;
}

#productos #familias .familia {
	float: left;
	padding: 5px;
	width: 132px;
}

#productos #familias .familia a { color: #ffffff; }

#productos #familias .familia span {
	margin: 0;
	padding: 0 20px 0 0;
	width: 112px;
	display: block;
	background: url(../img/flecha.gif) #000000 no-repeat right;
	text-align: right;
	height: 14px;
}

#productos #familias .familia span img {
	border: 1px solid #000000;
	width: 112px;
	height: 12px;
}

#productos #subfamilias {
	background: url(../img/fondo_familias.png) repeat;
	min-height: 525px;
}

#productos #subfamilias .subfamilia {
	float: left;
	padding: 5px;
	width: 132px;
	text-align: center;
}

#productos #subfamilias .subfamilia a {
	color: #ffffff;
	font-weight: normal;
}

#productos #subfamilias .subfamilia span {
	margin: 0;
	padding: 0 20px 0 0;
	width: 112px;
	display: block;
	color: #ffffff;
	background: url(../img/flecha.gif) #000000 no-repeat right;
	text-align: right;
	height: 14px;
}

#productos #subfamilias .subfamilia span img {
	border: 1px solid #000000;
	width: 112px;
	height: 12px;
}

#productos #subfamilias #volver {
	width: 26px;
	position: absolute;
	top: 106px;
	right: -20px;
	height: 33px;
}

#productos #colecciones {
	background: url(../img/fondo_colecciones.png) repeat;
	min-height: 459px;
}

#productos #colecciones #volver {
	width: 26px;
	position: absolute;
	top: 106px;
	right: -20px;
	height: 33px;
}

#productos #colecciones .coleccion .reducido {
	float: left;
	padding: 0px 5px 5px 5px;
	width: 176px;
	text-align: center;
	cursor: pointer;
}

#productos #colecciones .coleccion .reducido img {
	border: 1px solid #cecece;
	width: 176px;
	height: 132px;
}

#productos #colecciones .coleccion .reducido img.destacado {
	border: 1px solid #c03f05;
}

#productos #colecciones .coleccion .reducido img:hover {
	border: 1px solid #fbb89b;
}

#productos #colecciones .coleccion .reducido h3 {
	margin: 0;
	padding: 0 20px 0 0;
	width: 158px;
	color: #ffffff;
	background: url(../img/flecha.gif) #000000 no-repeat right;
	text-align: right;
	text-transform: uppercase;
	height: 14px;
}

#productos #colecciones .coleccion .reducido h3 img {
	border: 1px solid #000000;
	width: 158px;
	height: 12px;
}

#productos #colecciones .coleccion .reducido h3 img:hover {
	border: 1px solid transparent;
}

#productos #colecciones .coleccion .extendido {
	display: none;
	background: #ffffff;
}

#productos #colecciones .coleccion .extendido .cabecera {
	margin-bottom: 5px;
	color: #ffffff;
	background: #000000;
	height: 15px;
}

#productos #colecciones .coleccion .extendido .cabecera h3 {
	padding-left: 5px;
	padding-top: 1px;
	float: left;
	background: #000000;
	text-transform: uppercase;
}

#productos #colecciones .coleccion .extendido .cabecera h3 img { float: left; }

#productos #colecciones .coleccion .extendido .cabecera img {
	float: right;
	padding-top: 1px;
}

#productos #colecciones .coleccion .extendido .cabecera div {
	padding-left: 5px;
	padding-top: 1px;
	padding-right: 20px;
	color: #ffffff;
	text-align: right;
}

#productos #colecciones .coleccion .extendido .datos { height: 459px; }

#productos #colecciones .coleccion .extendido .datos img {
	float: left;
	width: 263px;
	margin-left: 5px;
	height: 197px;
}

#productos #colecciones .coleccion .extendido .datos .ref,
#productos #colecciones .coleccion .extendido .datos .titulo {
	float: right;
	width: 285px;
}

#productos #colecciones .coleccion .extendido .datos .titulo {
	color: #c03f05;
	font-weight: bold;
	text-transform: uppercase;
}

#productos #colecciones .coleccion .extendido .datos p {
	float: right;
	padding: 10px;
	width: 270px;
	margin-right: 5px;
	color: #000000;
	text-align: justify;
	height: 340px;
	overflow: auto;
}

#productos #colecciones .coleccion .extendido .datos .caracteristicas {
	border: 2px solid #cecece;
	float: left;
	margin: 5px;
	padding: 5px;
	width: 248px;
	background: #f0f0f0;
	height: 165px;
}

#productos #colecciones .coleccion .extendido .datos .caracteristicas img {
	width: auto;
	height: auto;
}

#productos #colecciones .coleccion .extendido .datos .caracteristicas p {
	padding: 5px;
	width: 230px;
	margin: 0;
	color: #c03f05;
	text-align: left;
	height: 140px;
}

#productos #colecciones .coleccion .extendido .datos .precio {
	float: right;
	padding-right: 20px;
	width: 270px;
	padding-top: 10px;
	color: #c03f05;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
}

#productos #colecciones .coleccion .extendido .datos .botones {
	clear: both;
	margin: 0 !important;
	margin-left: 5px;
}

#productos #colecciones .coleccion .extendido .datos .botones img {
	width: 262px;
	clear: both;
	margin-bottom: 5px;
	height: 30px;
}

#productos #colecciones .coleccion .extendido .datos .botones input {
	width: 262px;
	border: 0;
	margin: 0 0 5px 5px;
	background: none;
	height: 30px;
}

#productos #colecciones .coleccion .extendido .ampliar {
	clear: both;
	padding: 1px 5px 0 0;
	color: #ffffff;
	background: #000000;
	text-align: right;
	height: 14px;
}

#productos #colecciones .coleccion .extendido .datos .ampliar img { float: right; }

/**CATALOGOS**/
#catalogos{
	padding: 5px 5px 5px 10px;
	height: 447px;
}

#catalogos img {
	border: none;
	float: none;
	margin: 0;
	padding: 2px;
}

#catalogos p {
	padding: 5px 5px 10px 0;
	color: #000000;
	line-height: 14px;
}

#catalogos select#tipos { width: 150px; }

#catalogos #tipo {
	margin-top: 10px;
	height: 320px;
}

#catalogos #tipo h2 {
	margin: 5px 5px 5px 5px;
	padding-left: 5px;
	color: #ffffff;
	background: #000000;
	text-transform: uppercase;
	height: 14px;
}

#catalogos #tipo div {
	float: left;
	margin: 5px;
	width: 100px;
}

#catalogos #tipo div img { margin: 0; padding: 0; }

#catalogos #tipo div span {
	margin: 0;
	padding: 0;
	width: 100px;
	display: block;
	color: #ffffff;
	background: #000000;
	font-weight: bold;
	text-align: center;
	height: 14px;
}

#catalogos #tipo div.empty {
	clear: both;
	margin: 0;
	padding: 20px;
	width: auto;
	text-align: left;
}

/* Noticias */
#noticias{
	padding: 5px 5px 5px 10px;
	height: 490px;
}

#noticias img {
	border: none;
	float: none;
	margin: 0;
	padding: 2px;
}

#noticias #noticia img {
	border: 2px solid #cecece;
	float: left;
	width: 224px;
	height: 168px;
}

#noticias #noticia h2 {
	margin: 0 5px 5px 242px;
	color: #c03f05;
}

#noticias #noticia h3 { margin: 0 5px 5px 242px; }

#noticias #noticia p {
	padding: 0 5px 5px 10px;
	margin-right: 5px;
	color: #000000;
	height: 180px;
	overflow: auto;
}

#noticias #noticia div {
	padding-top: 10px;
	padding-right: 20px;
	text-align: right;
	height: 10px;
}

#noticias #noticia div a {
	padding-right: 18px;
	background: url(../img/external.png) center right no-repeat;
}

#noticias #noticia div a.documento {
	padding-right: 18px;
	background: url(../img/document.png) center right no-repeat;
}

#noticias #otras_noticias {
	margin-top: 10px;
	height: 180px;
}

#noticias #otras_noticias img { display: block; }

#noticias #otras_noticias div {
	padding: 0;
	margin: 0;
	float: left;
	margin-left: 3px;
	margin-right: 3px;
	width: 180px;
	background: #f0f0f0;
	text-align: center;
	height: 160px;
	cursor: pointer;
}

#noticias #otras_noticias div h3 {
	padding: 5px;
	color: #c03f05;
}

#noticias #otras_noticias div img {
	border: 2px solid #cecece;
	margin: 0;
	padding: 2px;
	width: 152px;
	display: inherit;
	height: 114px;
}

#noticias div.empty {
	width: auto;
	border: 0;
	clear: both;
	margin: 0;
	padding: 20px;
	background: none;
	text-align: left;
	height: auto;
}

/* Empresa */
#empresa {
	padding: 5px 5px 5px 10px;
}

#empresa img { margin: 0 5px 5px 0; }

#empresa .botones img {
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}

#empresa #historia {
	padding-left: 20px;
	width: 533px;
	background: url(../img/fondo_historia.jpg) no-repeat bottom;
}

#empresa #historia p {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 14px;
}

#empresa #historia #marco {
	float: right;
	margin-bottom: 10px;
	width: 283px;
	background: url(../img/fondo_marco.jpg) no-repeat;
	height: 149px;
}

#empresa #historia #marco p {
	padding: 0;
	margin: 15px 0 0 110px;
	width: 160px;
	line-height: inherit;
	height: 120px;
	overflow: auto;
}

#empresa #historia div { clear: both; }

#empresa #actualidad {
	padding-left: 20px;
	clear: both;
	width: 533px;
	background: url(../img/fondo_actualidad.jpg) no-repeat bottom;
}

#empresa #actualidad p { line-height: 14px; }

#empresa #actualidad div { height: 129px; }

/* Clientes */
#clientes {
	padding: 5px 5px 5px 10px;
	height: 410px;
}

#clientes p {
	padding: 5px 5px 5px 0;
	color: #000000;
	line-height: 14px;
}

#clientes select#categorias { width: 150px; }

#clientes #categoria {
	margin-top: 10px;
	height: 250px;
}

#clientes #categoria h2 {
	margin: 5px 5px 5px 0;
	padding-left: 5px;
	color: #ffffff;
	background: #000000;
	text-transform: uppercase;
	height: 14px;
}

#clientes #categoria div {
	float: left;
	border: 2px solid #cecece;
	margin: 5px 5px 5px 0;
	width: 132px;
	background: #ffffff;
	text-align: center;
	height: 100px;
}

#clientes #categoria div span {
	margin: 1px 1px 3px 1px;
	clear: both;
	display: block;
	color: #ffffff;
	background: #000000;
	font-weight: bold;
	text-align: center;
	height: 14px;
}

#clientes #categoria div img {
	width: 105px;
	height: 79px;
}

#clientes #categoria div.empty {
	width: auto;
	border: 0;
	clear: both;
	margin: 0;
	padding: 20px;
	background: none;
	text-align: left;
	height: auto;
}

/* Marcas */
#marcas {
	padding: 5px 5px 5px 10px;
}

#marcas img { display: block; }

#marcas #grupos {
	float: left;
	width: 140px;
	padding: 0;
	margin: 0;
	padding-top: 5px;
	margin-right: 5px;
	border-right: 1px solid #cecece;
}

#marcas #grupos #familias {
	padding: 0;
	margin: 0;
	height: 490px;
}

#marcas #grupos #familias img {
	border: 3px solid #cecece;
	width: 132px;
	margin-bottom: 5px;
	height: 110px;
}

#marcas #grupos #familias img.actual {
	border: 3px solid #c03f05;
}

#marcas #grupos #navegacion {
	padding: 0;
	margin: 5px 5px 5px 0;
	background: #000000;
	text-align: right;
	height: 14px;
}

#marcas #grupos #navegacion img {
	padding: 0;
	margin: 0;
	border: 0;
	width: 17px;
	display: inline;
	color: #ffffff;
	background: #c03f05;
	height: 14px;
}

#marcas p {
	margin: 5px 5px 5px 152px;
	line-height: 14px;
	height: 110px;
}

#marcas #subfamilias {
	padding: 0;
	margin: 0;
	width: 419px;
	float: right;
	height: 376px;
}

#marcas #subfamilias h3 {
	padding-left: 5px;
	text-transform: uppercase;
}

#marcas #subfamilias div {
	float: left;
	margin: 3px;
	width: 132px;
	background: #cecece;
	height: 110px;
}

#marcas #paginacion {
	float: right;
	padding: 0;
	margin: 4px 10px 5px 0;
	width: 405px;
	color: #ffffff;
	background: #000000;
	height: 14px;
}

#marcas #paginacion ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#marcas #paginacion ul li {
	float: left;
	padding-top: 1px;
	margin-left: 1px;
	width: 17px;
	background: #c03f05;
	text-align: center;
	cursor: pointer;
	height: 13px;
}

#marcas #subfamilias #paginacion ul li img {
	padding: 0;
	margin: 0;
	color: #ffffff;
}

/* Logistica */
#logistica {
	padding: 5px 5px 5px 10px;
}

#logistica p {
	padding: 5px 10px 10px 0;
	line-height: 14px;
}

/* Contacto */
#contacto {
	padding: 5px 0 5px 10px;
	background: url(../img/fondo_formulario.gif) no-repeat right;
	height: 437px;
}

#contacto p { margin: 8px; }

/* Boletines */
#boletines {
	padding: 5px 0 5px 10px;
	background: url(../img/fondo_formulario.gif) no-repeat right;
}

#boletines p { margin: 8px; }

/* Presupuesto */
#presupuesto {
	padding: 5px 0 5px 10px;
	background: url(../img/fondo_formulario.gif) no-repeat right;
}

#presupuesto p { margin: 8px; }

#presupuesto #desglose div {
	margin: 5px;
	height: 250px;
	overflow: auto;
}

#presupuesto #desglose div div.linea {
	margin: 5px;
	background: #e3e2e2;
	height: 30px;
	overflow: inherit;
}

#presupuesto #desglose div div.linea p {
	float: left;
	margin: 10px 5px 0 5px;
}

#presupuesto #desglose div div.linea span {
	float: right;
	margin: 6px 5px 0 5px;
	border: 1px solid #000000;
	padding: 2px;
	background: #f0f0f0;
	text-align: center;
}

#presupuesto #desglose #total {
	margin: 5px;
	background: #f3b195;
	height: 20px;
	overflow: hidden;
}

#presupuesto #desglose #total p {
	float: left;
	margin: 5px 5px 0 5px;
	font-weight: bold;
}

#presupuesto #desglose #total span{
	float: right;
	margin: 6px 5px 0 5px;
}

/* Aviso legal */
#avisolegal {
	padding: 5px 5px 5px 10px;
}

#avisolegal h2 {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	color: #BD3E00;
}

#avisolegal p {
	padding: 5px;
}
/* Barra inferior: Paginaci�n */
#barra_estado {
	margin: 5px 5px 5px 0;
	clear: both;
	color: #ffffff;
	background: #000000;
	height: 15px;
}

#barra_estado ul#paginacion {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#barra_estado ul#paginacion li {
	float: left;
	padding-top: 2px;
	margin-left: 1px;
	width: 17px;
	background: #c03f05;
	text-align: center;
	cursor: pointer;
	height: 13px;
}

#barra_estado ul#paginacion li img {
	padding: 0;
	margin: 0;
	color: #ffffff;
}

/* Formulario */
form.xform {
	width: 550px;
	margin: 0 auto 0 auto;
}

form.xform fieldset {
	width: 260px;
	margin-bottom: 10px;
	margin-right: 5px;
}

form.xform fieldset#bloque1 {
	float: left;
	height: 300px;
}
form.xform fieldset#bloque1 .delegaciones{
	width: 100px;
}
form.xform fieldset#bloque2 {
	float: right;
	height: 300px;
}

form.xform fieldset#desglose {
	float: right;
	height: 300px;
}

form.xform fieldset legend {
	padding: 0 2px;
	color: #000000;
	font-weight: bold;
	font-variant: small-caps;
}

form.xform fieldset ol { margin: 0; padding: 0; }

form.xform fieldset li {
	padding: 5px;
	margin: 0;
	width: inherit;
	clear: both;
	list-style: none;
}

form.xform em {
	color: #fe6e04;
	font-weight: bold;
	font-style: normal;
}

form.xform label {
	width: 120px;
	line-height: 1.8;
	vertical-align: top;
}

form.xform p.condiciones label { width: auto; }

form.xform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

form.xform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	font-variant: normal;
}

form.xform fieldset fieldset label {
	width: auto;
	margin-left: 123px; /* Width plus 3 (html space) */
	display: block;
}

form.xform input.radio,
form.xform input.checkbox {
	border: 0;
	background: transparent;
}

form.xform fieldset fieldset.opciones label {
	margin-left: 60px;
	vertical-align: bottom;
}

form.xform fieldset select { width: 120px;}

form.xform fieldset textarea {
	width: 240px;
	font-size: 12px;
}

form.xform p {
	margin: 8px;
	text-align: right;
}

/* -- No Script ------------------------------------------------------------- */
#noscript {
	padding: 20px;
	width: 90%;
	border: 1px solid #000000;
	background: #f3b195;
	position: absolute;
	bottom: 6px;
	left: 5%;
	z-index: 1;
}