/* - - -  inician ESTILOS GENERALES  - - - */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 12px;
	color: #0C5FAC;
}

textarea,input,select {
	border: 1px solid #0C5FAC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0C5FAC;
	margin: 0;
	padding: 1px 0 0 2px;
	height: 16px;
}

a:link {
	vertical-align:top;
	text-decoration: none;
	font-size: 12px;
	color: #666666;
}
a:visited {
	vertical-align:top;
	text-decoration: none;
	font-size: 12px;
	color: #666666;
}
a:active {
	vertical-align:top;
	text-decoration: none;
	font-size: 12px;
	color: #666666;
}

a:hover {
color: #48912D;
}

.menu_sup a:link {
	text-decoration: none;
	font-size: 10px;
	color: #0C5FAC;
	display: inline;
}

.menu_sup a:active {
	text-decoration: none;
	font-size: 10px;
	color: #0C5FAC;
	display: inline;
}

.menu_sup a:visited {
	text-decoration: none;
	font-size: 10px;
	color: #0C5FAC;
	display: inline;
}

.menu_sup a:hover {
	color: #34B5D8;
}

.filtro_busqueda_tintas {
	color:#FFFFFF;
	font-weight: bold;
}

.carrito_bco {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
}

.carrito_numeros {
	font-size: 11px;
	color: #FFFF00;
	font-weight: bold;
}

.num_resultados {
	font-size: 18px;
	padding-bottom: 9px;
	color: #FF0000;
	font-weight: bold;
}

.combos_filtro {
	height:20px;
	width:230px;
	margin: 0 0 0 45px;
}

.combos_filtro_consumible {
	height:20px;
	width:230px;
	margin: 0 0 0 30px;
}

.titulos_tabla_gris {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}

.titulos_tabla_gris_font11 {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}

.tabla_total_pago {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #F5F5F5;
	border: solid 1px #CCCCCC;
	width: 330px;
	height: 37px;
	margin-bottom: 20px;
}

.mas_info {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 50PX
	color: #FFFFFF;
}

.border_tabla_gris {
	border: solid 1px #C8C8C8;
}

.border_tabla_verde {
	border: solid 2px #99FF00;
}

.bg_tabla_gris {
	border: solid 1px #C8C8C8;
	border-top: none;
	padding: 10px;
}

.bg_tabla_gris2 {
	border: solid 1px #C8C8C8;
	border-top: none;
}

.font11 {
	font-size:11px;
	vertical-align: bottom;
}

#menu_alt {
	border: 1px solid #0C5FAC;
	margin: 0;
	padding: 0;
	font-size: 12px;
	vertical-align: top;
	
}
#menu_alt ul, #menu_alt li {
	background-color: #FFFFFF;	
	color: #0C5FAC;
	padding: 0;
	margin: 0;
	text-align: left;
	list-style: none;
	text-decoration: none;
	font-size: 12px;
}
#menu_alt li {
	border-bottom: 1px solid #0C5FAC;
	padding: 10px;
}
#menu_alt a:link, a:visited, a:active {
	text-decoration: none;
	font-size: 12px;
	color: #0C5FAC;
}
#menu_alt a:hover {
	color: #333333;
	padding: 0;
}
#submenu {
	margin: 0;
	padding: 0;
	text-indent: none;
}
#submenu ul, #submenu li {
	background-color:#8E8E8E;	
	color: #ffffff;
	padding: 0;
	margin: 0;
	text-align: left;
	list-style: none;
	text-decoration: none;
}
#submenu li {
	border-bottom: 1px solid #676767;
}
#submenu a:link, a:visited, a:active {
	text-decoration: none;
	font-size: 10px;
	color:#0C5FAC;
}
#menu a:hover {
	color:#fef200;
	padding: 0;
}
#bot_menu ul, #bot_menu li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.bggris {
	background-color: #999999;
}	
#bggris_medio {
	width: 402px;
	height: 26px;
	display: inline;
	color: #999999;
	text-align:center;
}	
#bggris_claro {
	width: 155px;
	height: 15px;
	display: inline;
	color: #cccccc;
	margin: 0;
	padding: 0;
	border: none;
}	
#bggris_mediomas ul, #bggris_mediomas li {
	display: inline;
	color:#9f9f9f;
	width:400px;
	text-align:center;
}
#bggris_mediomas li {
	padding: 0 5px;
}
#bggris_obscuro ul, #bggris_obscuro li {
	display: inline;
	color:#333333;
	padding:1px;
	text-align:center;
}
#bggris_obscuro li {
	padding: 0 5px;
}
#bggris_masobscuro ul, #bggris_masobscuro li {
	display: inline;
	color:#8e8e8e;
	padding:1px;
	text-align:center;
}
#bggris_masobscuro li {
	padding: 0 5px;
}
#bgblanco {
	background-color:#FFFFFF;
	margin: 1px;
	padding: 4px;
	width: 162px;
}
#bgazul_obscuro {
	background-color:#044A71;
	margin: 1px;
}
#bg_fondocabecera {
	background: url(../../images/fondos/fondo_sup_1px.gif) repeat-x;
	margin: auto;
	height: 77px;
}

/* inicia DIVS OCULTOS */

.elementoVisible {
	display:block;
	margin: 20px 0 0 5px;
}

.elementoOculto {
	display:none;
}

.linkContraido {
	cursor: pointer;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
	padding: 10px;
	background-color: #0C5FAC;
}

.linkExpandido {     
	cursor: pointer;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
	background-color: #0C5FAC;
}

.elementoVisible_faqs {
	display:block;
	margin: 10px 0 10px 10px;
	color: #666666;
}

.elementoOculto_faqs {
	display:none;
}

.linkContraido_faqs {
	cursor: pointer;
	font-weight: bold;
	padding: 10px;
}

.linkExpandido_faqs {     
	cursor: pointer;
	font-weight: bold;
	padding: 10px;
}

/* termina DIVS OCULTOS */

/* - - -  terminan ESTILOS GENERALES  - - - */


/* - - -  inicia M E N U  - - - */


.preload1 {
	background: url(blank_over.gif);
}

.preload2 {
	background: url(blank_overa.gif);
}

#nav {
	padding: 1px 0 0 6px;
	margin: 0;
	list-style:none;
	width: 984px;
	height:30px;
	position:relative;
	z-index:500;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#nav li.top {
	display:block;
	float:left;
}

#nav li a.top_link {
	display:block;
	float:left;
	height:36px;
	line-height:27px;
	color: #FFFFFF;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 12px;
	cursor:pointer;
}

#nav li a.top_link span {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:36px;
	background:url(blank.gif) right top;
}

#nav li a.top_link span.down {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:36px;
	background:url(blanka.gif) no-repeat right top;
}

#nav li a.top_link:hover {
	color:#FFFFFF;
	background: url(blank_over.gif) no-repeat;
}

#nav li a.top_link:hover span {
	background:url(blank_over.gif) no-repeat right top;
}

#nav li a.top_link:hover span.down {
	background:url(blank_overa.gif) no-repeat right top;
}

#nav li:hover > a.top_link {
	color: #FFFF00;
	background: url(blank_over.gif) no-repeat;
}

#nav li:hover > a.top_link span {
	background:url(blank_over.gif) no-repeat right top;
}

#nav li:hover > a.top_link span.down {
	background:url(blank_overa.gif) no-repeat right top;
}

/* Default list styling */
#nav li:hover {position:relative; z-index:200;}
/* keep the 'next' level invisible by placing it off screen. */

#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}

#nav li:hover ul.sub {
	left:0;
	top:26px;
	padding:3px;
	white-space:nowrap;
	width:90px;
	height:auto;
	z-index:300;
}

#nav li:hover ul.sub li {
	display:block;
	height:20px;
	position:relative;
	float:left;
	width:190px;
	font-weight:normal;
}

#nav li:hover ul.sub li a {
	display:block;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	height:20px;
	width:235px;
	line-height:20px;
	text-indent:5px;
	color: #FFFFFF;
	text-decoration:none;
}

#nav li ul.sub li a.fly {
	background: #1766C5 url(arrow.gif) 90px 7px no-repeat;
}

#nav li:hover ul.sub li a:hover {
	background: #69B1F3;
	width: 235px;
	color: #FFFFFF;
}

#nav li:hover ul.sub li a.fly:hover {
	background: #228DEE url(arrow_over.gif) 80px 7px no-repeat;
	color: #FFFFFF;
}

#nav li:hover ul li:hover > a.fly {
	background: #228DEE url(arrow_over.gif) 80px 7px no-repeat;
	color: #FFFFFF;
} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
	left:235px;
	top:0;
	background: #228DEE;
	padding:3px;
	white-space:nowrap;
	width:235px;
	z-index:400;
	height:auto;
}

/* - - -  termina M E N U  - - - */





/* PROBABLES A USAR:

.fotoinicio {
	background-image:url(../../images/fotos/foto-inicio.gif);
	padding: 10px;
}
.fotoinicio2 {
	background-image:url(../../images/fotos/foto-inicio2.jpg);
	padding: 10px;
}

*/