p.link_mas		{text-align: right; margin: 0; }
p.link_mas a	{padding-right: 15px; background: url(../img/layout/icons/regular_link_mas.gif) no-repeat bottom right; }

div.intro_lateral_login table		{ width: 100%; border-collapse: collapse; border-spacing: 0px; border: 0px; margin: 10px 0px;}
div.intro_lateral_login table th	{ width: 30%; font-weight: normal; text-align: right; padding-right: 6px; border-collapse: collapse; border-spacing: 0px; border: 0px; }
div.intro_lateral_login table td	{ width: 70%; border-collapse: collapse; border-spacing: 0px; border: 0px; }
div.intro_lateral_login table td input	{ width: 100%; border: 1px solid #999999; background-color: #FFFFFF; color: #666666; height: 17px;}
div.intro_lateral_login table td.buttons 		{ text-align: right;}
div.intro_lateral_login table td.buttons input	{ width: 40%; padding: 0; font-size: 9px; height: 19px; border: 1px solid #999999; background-color: #cccccc; color: #666666; margin-left: 3px; }

div.contacto table		{ width: 80%; border-collapse: collapse; border-spacing: 0px; border: 0px; margin: 10px auto;}
div.contacto table th	{ width: 30%; font-weight: normal; text-align: right; padding-right: 6px; border-collapse: collapse; border-spacing: 0px; border: 0px; vertical-align: top; padding-top: 5px}
div.contacto table td	{ width: 70%; border-collapse: collapse; border-spacing: 0px; border: 0px; }
div.contacto table td input	{ width: 99%; border: 1px solid #999999; background-color: #FFFFFF; color: #666666; height: 17px;}
div.contacto table td textarea	{ width: 99%; border: 1px solid #999999; background-color: #FFFFFF; color: #666666; height: 100px;}
div.contacto table td.buttons 		{ text-align: right;}
div.contacto table td.buttons input	{ width: 60px; padding: 0; font-size: 9px; height: 19px; border: 1px solid #999999; background-color: #cccccc; color: #666666; margin-left: 3px; }


/* AJUSTES EN SECCIONES */
div#right_col div.contacto h3.box_subtitle		{ display: none;}

div#right_col div.noticias ul li span.date		{ font-size: 10px; color: #999999;}
div#right_col div.noticias p img				{ float: left; margin: 0 15px 15px 0;}
div#right_col div.noticias p.date				{ font-size: 10px; color: #999999; text-align: right;}

div#right_col div.clientes ul li ul li			{ list-style: square;}

/*LAYOUT*/
/*LAYOUT*/
/* --------------------------- MAIN ELEMENTS --------------------------- */
/*LAYOUT*/
/*LAYOUT*/

body								{background: #dadada; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #5d5d5d; font-size: 11px; margin: 0; padding: 0;}

div#body						{ background: #e9e9e9 url(../img/layout/main_body_background.gif) left repeat-y; padding: 19px 14px 1px 14px; height: 100% !important; overflow: visible}

form								{margin: 0; padding: 0;}
fieldset							{margin: 0; padding: 0; border: none;}
label								{margin: 0; padding: 0;}
/*input, select, textarea				{font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #5d5d5d; border: 1px solid #000000; background-color: #f6f4dd; padding: 0 0 0 3px; line-height: 19px;}
input:hover, select:hover, textarea:hover	{ color: #ff0000; border: 1px solid #ff0000; }
input:focus, select:focus, textarea:focus, input:active, select:active, textarea:active		{ color: #ff0000;border: 1px solid #ff0000; }*/

ul									{ margin: 2em; margin-top: 1.2em; padding: auto; padding-left: 1em;}

hr									{display: none;}

p									{margin: 1em auto; line-height: 1.5em;}

a									{ color: #3d8c13; text-decoration: none;}
a:link, a: visited					{ color: #3d8c13; }
a:hover, a:active					{ color: #000000; text-decoration: none;}

h2, h4, h5							{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; color: #5BA335;}
h1, h2, h3, h4, h5, h6				{ margin: 0; padding: 0;}
h2									{ font-size: 25px; letter-spacing: -1px; color: #5d5d5d /* cuando esté en un BOX MAIN: #5BA335*/;}
h3									{ font-size: 8px; letter-spacing: 2px; text-transform: uppercase; color: #5d5d5d;}
h4									{ font-size: 20px;}
h5									{ font-size: 17px;}
h6									{ font-size: 8px; letter-spacing: 2px; text-transform: uppercase; color: #3B3B3B; margin-bottom: 0.8em;}

.clear								{ clear: both; margin: 0; padding: 0; font-size: 0em;}



/* --------------------------- FIRST LEVEL --------------------------- */


div#wrapper							{ width: 760px; margin: 0 auto;}
div#sub_nav							{ height: 30px; }
div#branding						{ height: 70px; background: url(../img/layout/branding_background.gif) no-repeat top left;}
div#main_nav						{ height: 35px; margin-top: -35px; float: right; width: 65%;}

div#body div#left_col			{ width: 196px; padding: 14px; padding-bottom: 0px; float: left;}
div#body div#right_col			{ width: 480px; padding: 14px; padding-bottom: 0px; float: right;}
div#body_close					{ background: url(../img/layout/main_body_background_close.gif) no-repeat left top; height: 18px; /*clear: both; */}
div#footer							{ margin-bottom: 10px;}

/* SUB NAV */
div#logged_user						{display: block; width: 45%; float: left; font-size: 0.8em; padding-left: 10px; line-height: 27px;}
div#logged_user a					{ font-weight: bold;}

div#sub_nav	ul						{ float: right; list-style: none; margin: 0; margin-right: 10px; padding: 0; display: block;}
div#sub_nav	ul li					{ float: left; margin: 0; margin-left: 15px; padding: 0; display: inline; font-size: 0.8em; line-height: 27px; color: #969696; }
div#sub_nav	ul li a					{ color: #666666;}
div#sub_nav	ul li a:hover, div#sub_nav	ul li a:active	
									{ color: #000000;}

/* BRANDING */
div#branding h1						{ margin: 0; padding: 14px 0px 0px 28px; }
div#branding h1 a					{ display: block; width: 158px; height: 43px; background: url(../img/layout/main_logo.gif) no-repeat top left; text-indent: -9999px; overflow: hidden;}

/* MAIN NAV */
div#main_nav ul					{ float: right; list-style: none; margin: 0; padding: 0; margin-right: 3px;}
div#main_nav ul li				{ float: left; list-style: none; margin: 0; padding: 0; display: inline;}
div#main_nav ul li a				{ display: block; height: 35px; background-image: url(../img/layout/main_nav.gif); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}
div#main_nav ul li#main_nav_1 a				{ width: 63px;}
div#main_nav ul li#main_nav_2 a				{ width: 70px;}
div#main_nav ul li#main_nav_3 a				{ width: 79px;}
div#main_nav ul li#main_nav_4 a				{ width: 63px;}
div#main_nav ul li#main_nav_5 a				{ width: 65px;}
div#main_nav ul li#main_nav_6 a				{ width: 74px;}
div#main_nav ul li#main_nav_1 a:link, div#main_nav ul li#main_nav_1 a:visited		{ background-position: 0px 0px;}
div#main_nav ul li#main_nav_2 a:link, div#main_nav ul li#main_nav_2 a:visited		{ background-position: -63px 0px;}
div#main_nav ul li#main_nav_3 a:link, div#main_nav ul li#main_nav_3 a:visited		{ background-position: -133px 0px;}
div#main_nav ul li#main_nav_4 a:link, div#main_nav ul li#main_nav_4 a:visited		{ background-position: -212px 0px;}
div#main_nav ul li#main_nav_5 a:link, div#main_nav ul li#main_nav_5 a:visited		{ background-position: -275px 0px;}
div#main_nav ul li#main_nav_6 a:link, div#main_nav ul li#main_nav_6 a:visited		{ background-position: -340px 0px;}
div#main_nav ul li#main_nav_1 a:hover		{ background-position: 0px -35px;}
div#main_nav ul li#main_nav_2 a:hover		{ background-position: -63px -35px;}
div#main_nav ul li#main_nav_3 a:hover		{ background-position: -133px -35px;}
div#main_nav ul li#main_nav_4 a:hover		{ background-position: -212px -35px;}
div#main_nav ul li#main_nav_5 a:hover		{ background-position: -275px -35px;}
div#main_nav ul li#main_nav_6 a:hover		{ background-position: -340px -35px;}
div#main_nav ul li#main_nav_1 a:active, div#main_nav ul li#main_nav_1 a:focus		{ background-position: 0px -70px; }
div#main_nav ul li#main_nav_2 a:active, div#main_nav ul li#main_nav_2 a:focus		{ background-position: -63px -70px; }
div#main_nav ul li#main_nav_3 a:active, div#main_nav ul li#main_nav_3 a:focus		{ background-position: -133px -70px; }
div#main_nav ul li#main_nav_4 a:active, div#main_nav ul li#main_nav_4 a:focus		{ background-position: -212px -70px; }
div#main_nav ul li#main_nav_5 a:active, div#main_nav ul li#main_nav_5 a:focus		{ background-position: -275px -70px; }
div#main_nav ul li#main_nav_6 a:active, div#main_nav ul li#main_nav_6 a:focus		{ background-position: -340px -70px; }

div#main_nav ul.sel_1 li#main_nav_1 a:link, div#main_nav ul.sel_1 li#main_nav_1 a:visited	{background-position: 0px -70px;}
div#main_nav ul.sel_2 li#main_nav_2 a:link, div#main_nav ul.sel_2 li#main_nav_2 a:visited	{background-position: -63px -70px;}
div#main_nav ul.sel_3 li#main_nav_3 a:link, div#main_nav ul.sel_3 li#main_nav_3 a:visited	{background-position: -133px -70px;}
div#main_nav ul.sel_4 li#main_nav_4 a:link, div#main_nav ul.sel_4 li#main_nav_4 a:visited	{background-position: -212px -70px;}
div#main_nav ul.sel_5 li#main_nav_5 a:link, div#main_nav ul.sel_5 li#main_nav_5 a:visited	{background-position: -275px -70px;}
div#main_nav ul.sel_6 li#main_nav_6 a:link, div#main_nav ul.sel_6 li#main_nav_6 a:visited	{background-position: -340px -70px;}


/* FOOTER */
div#footer p						{ margin: 0; padding: 0; width: 47%; padding-top: 8px; font-size: 0.8em; color: #969696;}
div#footer p.copyright				{ float:left; padding-left: 18px;}
div#footer p.other_links			{ float:right; text-align: right; padding-right: 18px;}
div#footer p a						{ color: #969696; padding: 0 3px;}
div#footer p a:hover				{ color: #000000;}
div#footer p a:active				{ color: #000000;}








/* --------------------------- SECOND LEVEL --------------------------- */


/* BOXES SETTINGS */

/* BOX */
div.box										{ margin-bottom: 45px;}
div.box div.top, div.box div.bot			{ display: none;}


/* BOX MAIN */
div.box div.main							{ margin-bottom: 15px;}
div.box div.main div.rnd div.top			{ display: none;}
div.box div.main div.rnd div.bot			{ display: none;}
div.box div.main div.rnd div.mid			{ padding: 0;}
div.box div.main div						{ background-repeat: no-repeat; background-position: top right;}


/* BOX RND */
div.box div.rnd div.top, div.box div.rnd div.bot, div.box div.rnd div.extensor	{ display: block; height: 12px; background-image: url(../img/layout/rnd_box.gif); background-repeat: no-repeat;}
div.box div.rnd div.top						{ background-position: top left;}
div.box div.rnd div.top div.extensor		{ float: right; width:50%; background-position: top right;}
div.box div.rnd div.bot						{ background-position: bottom left;}
div.box div.rnd div.bot div.extensor		{ float: right; width:50%; background-position: bottom right;}
div.box div.rnd div.mid						{ padding: 0 10px; background-color: #E1E1E1; border-right: 1px solid #BABABA;}


/* BOX RND PRODUCTO */
div.box div.producto div.top, div.box div.producto div.bot, div.box div.producto div.extensor	{ display: block; height: 13px; background-image: url(../img/layout/left_col_rnd_box_product.gif); background-repeat: no-repeat;}
div.box div.producto div.top				{ background-position: top left;}
div.box div.producto div.top div.extensor	{ float: right; width:50%; background-position: top right;}
div.box div.producto div.bot				{ background-position: 0px -13px;}
div.box div.producto div.bot div.extensor	{ float: right; width:50%; background-position: 100% -13px;}
div.box div.producto div.mid				{ padding: 0; background: url(../img/layout/left_col_rnd_box_product.gif) no-repeat 0px -28px #6b6b6b; border-right: none;}


/* CONTENTS */
div.box_img_spacer										{ display: none;} /* por DEFAULT no se muestra el IMG SPACER */
div.box div.main div.box_img_spacer						{ display: block; width: 280px; float: right; height: 290px; } /* muestro IMG SPACER cuando es pégina principal de un BOX MAIN contents */
div.box div.main div.subsection div.box_img_spacer		{ display: none;} /* escondo IMG SPACER cuando es BOX MAIN SUBSECTION */

/* subtitulo de box */
div.box h3.box_subtitle a					{ color: #5d5d5d; padding-left: 15px; background: url(../img/layout/icons/arrow_up.gif) no-repeat top left;}
div.box h3.box_subtitle a:link, div.box h3.box_subtitle a:visited	{ color: #5d5d5d;}
div.box h3.box_subtitle a:hover, div.box h3.box_subtitle a:active	{ color: #000000;}
div.box div.main h3.box_subtitle			{ display: none;} /* escondo el SUBTITULO de un titulo */
div.box div.main div.subsection h3.box_subtitle	{ display: block;} /* muestro el SUBTITULO de un título */
div.box div.rnd h3.box_subtitle				{ display: none;} /* escondo el SUBTITULO de un titulo cuando es BOX RND */
div.box div.producto h3.box_subtitle		{ display: block; color: #999999; margin-left: 10px;} /* vuelvo a mostrar el SUBTITULO si es BOX RND PRODUCTO */
div.box div.producto h3.box_subtitle a:link, div.box div.producto h3.box_subtitle a:visited		{ color: #999999;}
div.box div.producto h3.box_subtitle a:hover, div.box div.producto h3.box_subtitle a:active		{ color: #ffffff;}

/* titulo de box */
div.box div.main h2.box_title				{ background-repeat: no-repeat; background-position: top left; height: 140px; text-indent: -9999px; } 
div.box div.main h2							{ color: #5BA335;} /* asigno color verde a los H2 en BOX MAIN no subsection */
div.box div.main div.subsection h2.box_title	{ border: none; height: auto; text-indent: 0px; }
div.box div.rnd h2.box_title		{ color: #5BA335;}
div.box div.producto div.mid h2.box_title	{ background-repeat: no-repeat; display: block; height: 220px; width: 100%; text-indent: -9999px; overflow: hidden; }
div.box div.producto div.mid h2.box_title a	{ display: block; height: 220px; width: 100%; border: none; text-indent: -9999px; overflow: hidden; margin: 0;}

/* unordered lists (ul) */
div.box div.rnd ul					{ margin-top: 0.5em; margin-bottom: 0.5em;}

/* parrafos */
div.box p									{ margin: 0; margin-bottom: 1.5em;}
div.box div.producto div.mid p				{ margin: 0px 15px; font-size: 9px; line-height: 1.5em; color: white; text-align: center;}

/* link MAS */
div.box p.link_mas							{ margin: 0; clear: both;}
div.box div.producto div.mid p.link_mas		{ margin: 10px; margin-bottom: 0; text-align: right; font-size: 11px;}
div.box div.producto div.mid p.link_mas	a:link, div.box div.producto div.mid p.link_mas a:visited	{ color: #b7e99d; background-image: url(../img/layout/icons/product_link_mas.gif);} /* color verde claro cuando es BOX RND PRODUCTO */
div.box div.producto div.mid p.link_mas	a:hover, div.box div.producto div.mid p.link_mas a:active	{ color: #ffffff;}

.marker {
  background: #ff8;
}
.subrayado {
  text-decoration: underline;
}
.cajon_aviso {
  border: 1px solid red;
  background: #ffb;
  padding: 1em;
  color: blue;
}