body								{ background-color: #d6d6d6; margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #333333;}
.clear								{ clear: both; margin: 0; padding: 0; font-size: 0em; line-height: 0;}
p									{ margin: 1.2em 0; }
a, a:link, a:visited				{ color: #1B489E; text-decoration: none; }
a:hover, a:active, a:focus			{ color: #000000; text-decoration: none; }

h2									{ color: #A8A8A8; font-size:1.7em; letter-spacing: -0.05em; font-weight: normal; margin-top: 0; }
h3									{ color: #bcbcbc; font-size:1.4em; letter-spacing: -0.01em; font-weight: normal}
h4									{ font-size: 1.2em;}
table								{ width: 100%;}
form									{ margin: 0; padding: 0;}
input, select, textarea					{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; padding: 1px 0 1px 1px; border: 1px solid #999999; font-weight: normal; }
input:hover, select:hover, textarea:hover	{ color: #666666; border: 1px solid #666666; }
input:focus, select:focus, textarea:focus, 
input:active, select:active, textarea:active	{ color: #000000; border: 1px solid #000000; }

a img								{ border: 0;}

.ico								{ display: block; width: 31px; height: 25px; background-repeat: no-repeat; background-position: top left; text-indent: -9999px; overflow: hidden;}

input.button, input.button:hover, input.button:focus, input.button:active
									{ cursor: pointer; color: #666666; font-size: 11px; border-width: 1px; border-style: solid; padding: 1px 4px;
									border-color: #ffffff #2e2e2e #2e2e2e #ffffff; background: url(ecommerce_img/layout/bck_button.gif) top left; cursor: pointer;}
input.button:hover, input.button:focus, input.button:active
									{ color: #000000; }
input.button_ok						{ font-weight: bold;}


/* MAIN LAYOUT */

/* Grandes áreas */
div.lay_width						{ width: 990px; margin: 0 auto; min-width: 990px;}
div.sh_left							{ padding-left: 21px; background-repeat: no-repeat;}
div.sh_right						{ padding-right: 21px; background-repeat: no-repeat;}

div#header							{ background: url(ecommerce_img/layout/header_bck_x.gif) repeat-x bottom #ffffff  ; border-bottom: 1px solid #bcbcbc;}
div#header div.sh_left				{ background-position: left bottom; background-image: url(ecommerce_img/layout/header_bck_shadows.gif);}
div#header div.sh_right				{ background-position: right bottom; background-image: url(ecommerce_img/layout/header_bck_shadows.gif);}
div#header div.col_wrap				{ background: url(ecommerce_img/layout/header_bck_x.gif) bottom repeat-x #ffffff  ; height: 1%; }

div#site_status						{ background: url(ecommerce_img/layout/site_status_bck_x.gif) repeat-x top #f7f7f7; }
div#site_status div.sh_left			{ background-position: left top; background-image: url(ecommerce_img/layout/site_status_bck_shadows.gif);}
div#site_status div.sh_right		{ background-position: right top; background-image: url(ecommerce_img/layout/site_status_bck_shadows.gif);}
div#site_status div.col_wrap		{ background: url(ecommerce_img/layout/site_status_bck_x.gif) top #f7f7f7 repeat-x;}

div#contents						{ background: #ffffff;}
div#contents div.sh_left			{ background-position: left top; background-image: url(ecommerce_img/layout/contents_bck_shadows.gif);}
div#contents div.sh_right			{ background-position: right top; background-image: url(ecommerce_img/layout/contents_bck_shadows.gif);}
div#contents div.col_wrap			{ background: #ffffff;}

div#footer							{ background: url(ecommerce_img/layout/footer_bck_x.gif) repeat-x top #d6d6d6;}
div#footer div.sh_left				{ background-position: left top; background-image: url(ecommerce_img/layout/footer_bck_shadows.gif);}
div#footer div.sh_right				{ background-position: right top; background-image: url(ecommerce_img/layout/footer_bck_shadows.gif);}
div#footer div.col_wrap				{ background: url(ecommerce_img/layout/footer_bck_x.gif) top #d6d6d6 repeat-x; border-bottom: 1px solid #c8c8c8;}

div#header 			div.col_wrap, 
div#site_status 	div.col_wrap,
div#contents		div.col_wrap,
div#footer			div.col_wrap	{ padding: 0 13px;}
div#site_status 	div.col_wrap	{ padding-top: 5px; padding-bottom: 3px;}
div#contents		div.col_wrap	{ padding-top: 14px; }
div#footer			div.col_wrap	{ padding-top: 34px; padding-bottom: 12px;}


/* Header: branding */
div#branding						{ float: left; margin-top: 50px;}
div#branding h1						{ margin: 0;}
div#branding h1 a					{ display: block; width:/*203*/251px; height: 62px; background: url(ecommerce_img/layout/main_logo_2.gif) no-repeat top left; text-indent: -9999px; overflow: hidden;}

/* Header: upper_links */
div#upper_links						{ float: right; padding: 8px; padding-right: 0;}
div#upper_links span				{ padding: 0 3px;}

/* Header: sh_cart_status */
div#sh_cart_status					{ float: right; padding-left: 45px; color: #ffffff; margin-left: 12px; background: url(ecommerce_img/layout/header_sh_cart_bck.gif) top left no-repeat;}
div#sh_cart_status span.cierre		{ padding: 10px 10px 11px 0; background: url(ecommerce_img/layout/header_sh_cart_bck.gif) top right no-repeat; line-height: 34px;}
div#sh_cart_status a				{ color: #ffffff; text-decoration: underline; }
div#sh_cart_status a:hover			{ text-decoration: none;}
div#sh_cart_status a.checkout		{ margin-left: 10px; background: url(ecommerce_img/layout/header_sh_cart_icon_checkout.gif) 0px -1px no-repeat; padding: 0px 0 5px 25px;}

/* Header: main_nav */
div#main_nav						{ margin-left: 225px; display: block; float: right; height:1%; margin-top: -50px;}
div#main_nav ul						{ margin: 0; padding: 0; list-style: none;}
div#main_nav ul li					{ display: block; float:right; margin: 0; padding: 0; font-weight: bold;}
div#main_nav ul li a				{ padding-right: 10px; background-image: url(ecommerce_img/layout/main_nav_etiqs.gif); background-position: top right; background-repeat: no-repeat; display: block; color: #666666;}
div#main_nav ul li a span.cierre	{ padding-left: 7px; background-image: url(ecommerce_img/layout/main_nav_etiqs.gif); background-position: top left; background-repeat: no-repeat; display: block;}

div#main_nav ul li a span.cierre span				{ display: block; padding: 24px 2px 11px 30px; background-position: 0 19px; background-repeat: no-repeat;} /* son 40px para right padding si tienen icon image*/



div#main_nav ul li a:hover			 				{ background-position: 100% -50px; color: #333333;}

div#main_nav ul li a:hover span.cierre 				{ background-position: 0px -50px; }

div#main_nav ul li a:active span.cierre span, 
div#main_nav ul li a:focus span.cierre span			{ padding-top: 19px; padding-bottom: 17px; background-position: 0 14px}

div#main_nav ul li a:active, 
div#main_nav ul li a:focus						 	{ background-position: 100% -100px; outline-style: none; color: #000000;}

div#main_nav ul li a:active span.cierre, 
div#main_nav ul li a:focus span.cierre 				{ background-position: 0px -100px;}

div#main_nav ul li a span.cierre span.help			{ background-image: url(ecommerce_img/layout/main_nav_icon_help.gif)}
div#main_nav ul li a span.cierre span.about_us		{ background-image: url(ecommerce_img/layout/main_nav_icon_about_us.gif)}
div#main_nav ul li a span.cierre span.cart			{ background-image: url(ecommerce_img/layout/main_nav_icon_sh_cart.gif)}
div#main_nav ul li a span.cierre span.my_lists		{ background-image: url(ecommerce_img/layout/main_nav_icon_my_lists.gif)}
div#main_nav ul li a span.cierre span.catalog		{ background-image: url(ecommerce_img/layout/main_nav_icon_catalog.gif)}
div#main_nav ul li a span.cierre span.home			{ background-image: url(ecommerce_img/layout/main_nav_icon_home.gif)}
div#main_nav ul li a span.cierre span.institutional	{ background-image: url(ecommerce_img/layout/main_nav_icon_institutional.gif)}



/* main nav LI selected states */
div#main_nav ul.sel_01 li.li_01 a,
div#main_nav ul.sel_02 li.li_02 a,
div#main_nav ul.sel_03 li.li_03 a,
div#main_nav ul.sel_04 li.li_04 a,
div#main_nav ul.sel_05 li.li_05 a,
div#main_nav ul.sel_06 li.li_06 a				{ background-position: 100% -100px; color: #000000;}

div#main_nav ul.sel_01 li.li_01 a span.cierre,
div#main_nav ul.sel_02 li.li_02 a span.cierre,
div#main_nav ul.sel_03 li.li_03 a span.cierre,
div#main_nav ul.sel_04 li.li_04 a span.cierre,
div#main_nav ul.sel_05 li.li_05 a span.cierre,
div#main_nav ul.sel_06 li.li_06 a span.cierre	{ background-position: 0px -100px;}

div#main_nav ul.sel_01 li.li_01 a span.cierre span,
div#main_nav ul.sel_02 li.li_02 a span.cierre span,
div#main_nav ul.sel_03 li.li_03 a span.cierre span,
div#main_nav ul.sel_04 li.li_04 a span.cierre span,
div#main_nav ul.sel_05 li.li_05 a span.cierre span,
div#main_nav ul.sel_06 li.li_06 a span.cierre span				{ padding-top: 19px; padding-bottom: 17px; background-position: 0 14px}



/* Site_status: breadcrumb */
div#site_status div.breadcrumb		{ margin-right: 0/*190px;*/}
div#site_status div.breadcrumb span	{ color: #000000; }
div#site_status div.breadcrumb span.arrow	{ background: url(ecommerce_img/layout/breadcrumb_arrow.gif) top left no-repeat; text-indent: -9999px; overflow: hidden; width: 5px; height: 17px; display: block; margin: 0 7px;}
div#site_status div.breadcrumb a, div#site_status div.breadcrumb span	{ float: left;}

/* Contents: columns */
div#contents table.two_columns		{ border-collapse: collapse;}
div#contents table.two_columns td			{ vertical-align: top;}
div#contents table.two_columns td.col_01	{ width: 22%; }
div#contents table.two_columns td.col_01 div.col_wrap			{ padding: 0 20px 0 0;}
div#contents table.two_columns td.col_02 div.col_wrap			{ padding: 0;}

/* Footer */
div#footer div.col_wrap div.cont	{ }
div#footer div.col_wrap div.col_wrap_over		{ display: none;}
div#footer div.col_wrap div.cont div.branding	{ float:left; height: 1%}
div#footer div.col_wrap div.cont div.branding a	{ display: block; width: 132px; height: 57px; background: url(ecommerce_img/layout/footer_branding.gif) no-repeat top left; text-indent: -9999px; overflow: hidden;}
div#footer div.col_wrap div.cont div.data		{ margin-left: 146px; padding-top: 12px; line-height: 1.6em; height: 1%; font-size: 11px;}
div#footer div.col_wrap div.cont div.data a		{ color: #333333; text-decoration: underline;}




/* BOXES */
div.box								{ margin-bottom: 24px;}
table.two_columns td.col_01 div.box	{ margin-bottom: 18px;}




/* TABLES GRILLA Y TABLES FICHA */
table.ficha					{ width: 100%; margin-bottom: 15px; }
table.ficha	th				{ width: 30%; text-align: right;}
table.ficha	td				{ width: 70%; text-align: left; padding-left: 10px;}

table.grilla					{ width: 100%; margin-bottom: 15px; border-collapse: separate; *width: 650px; }
table.grilla thead th			{ text-align: left; padding: 2px; padding-left: 3px; background-color: #B2B2B2; color: #ffffff; vertical-align: top; }
table.grilla thead th a,
table.grilla thead th a:link,
table.grilla thead th a:visited	{ color: #ffffff; text-decoration: none;}
table.grilla thead th a:hover, 
table.grilla thead th a:active	{ color: #ffffff; text-decoration: none;}
table.grilla thead th a.sorted	{ padding-right: 15px; background-position: top right; background-repeat: no-repeat; }
table.grilla thead th a.asc				{ background-image: url(ecommerce_img/contents/sorted_asc.gif);}
table.grilla thead th a.asc:hover, 
table.grilla thead th a.asc:active		{ background-image: url(ecommerce_img/contents/sorted_desc.gif);}
table.grilla thead th a.desc			{ background-image: url(ecommerce_img/contents/sorted_desc.gif);}
table.grilla thead th a.desc:hover, 
table.grilla thead th a.desc:active		{ background-image: url(ecommerce_img/contents/sorted_asc.gif);}
table.grilla tbody td			{ text-align: left; padding: 3px; padding-left: 4px; vertical-align: top;}
table.grilla tbody tr.impar		{ background-color: #f2f2f2; }
table.grilla tbody tr.par		{ background-color: #fafafa; }
table.grilla tbody tr:hover		{ background-color:#fff1c8;}

table.grilla tbody td a.ico		{ float:left; display: block; background-repeat: no-repeat; background-position: top left; text-indent: -9999px; overflow: hidden; margin: 0 3px 0 4px;}








div.paginador					{ text-align: right;}