/* STANDARD HTML TAG RESET */

body,
h1, h2, h3, h4,
p, ul, li,
form {border:0; margin:0; padding:0;}


/* STANDARD HTML TAG DEFINITION */

body, form, input, select {font-family: Verdana, Arial, Helvetica, sans-serif; color: #6e6e6e; font-size: 8pt;}
body {background-color:#131210;}

h1, h2, h3, h4 {margin-bottom:4px;}
h1 {font: bold 9pt Arial, Helvetica, sans-serif; color: #CC0000; text-transform:uppercase;}
h2 {font: bold 8.5pt Verdana, Geneva, sans-serif; color:#000000;}
h3 {font: bold 8.5pt Arial, Helvetica, sans-serif; color:#666;}

/* Para Modelo de productos de las tablas */
h4 {font-size:8pt; color:#CC0000;}

ul {margin:10px 0 7px 0;}
ul li {list-style:square url(none); margin-left:16px; padding:5px 0 0 0;}

a:link, a:visited { color:#FF0000;	text-decoration:none;}
a:hover {text-decoration:underline;}

/* Form */
form {border: 1px solid #CCC; margin-bottom: 10px; background-color: #fff; padding: 10px}
select {border: 1px solid #CCC;}
legend {margin-left: 15px; color: #CC0000; font-weight: bold; font-size:10pt;}
label {float: left; width: 130px; margin-right: 15px; text-align: right;}
fieldset {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 0;
	border: none;
	background: transparent;
}
	fieldset ol { padding: 10px 10px 0 5px;  list-style: none; }
	fieldset li { padding-bottom: 10px; }
	fieldset.submit {  
		float: none;  
		width: auto;  
		border-style: none;  
		text-align:center;
		background-color: transparent;
	}

	fieldset input { background: #fff; border: 1px solid #CCC;  }
	fieldset textarea { background: #fff; border: 1px solid #CCC; } 


/* PAGE ELEMENTS */
#main {
	background:#f4f4f4 url(../images/background_light_slice.jpg) repeat-x;
	padding-bottom:5px; /* antes del foot */
}
	#main .container { background: url(../images/background_light.jpg) no-repeat; }
	
#footer {
	background: url(../images/background_footer.jpg) repeat-x;
	padding-top:25px; position:relative; top:-20px; min-height:20px;}

.container {width:950px; margin:0 auto; position:relative;}


/* header y logo */
#header {padding-top:5px; padding-bottom: 25px;}
#logo {
	background-image:url(../images/logo.png); background-repeat:no-repeat;
	width:98px; height:63px; margin-top: 6px; margin-left:25px;}

	#logo h1, #logo small {display:block; text-indent:-9999px;}
	
#logos_proveedores {
	position:absolute; right:0; background: no-repeat url(../images/logos_proveedores.png);
	width:510px; height:30px; margin-top:20px;}

/* menu */
ul#menu {position:absolute; right:0; margin-top:2px; padding: 0;}
	ul#menu li {display:inline;	margin: 0; padding: 3px 6px; border: thin solid #bcbcbc; background-color: #fff;}
	ul#menu li a {
		text-decoration:none; letter-spacing: 0.5pt; text-transform:uppercase;
		font: bold 7.5pt Arial, Helvetica, sans-serif; color:#333;}	
	ul#menu li a.active, ul#menu li a:hover {color:#CC0000;}


/* footer */
#footer .logos {height:60px; background: url(../images/logos_foot.jpg) no-repeat left top;}
#footer h3 {color:#fff; margin: 10px 0 7px 0;}
#footer p {font-size:8.5pt; color:#ccc; margin: 0 0 3px 0;}
#footer small {color:#666; font-size:8pt; display:block; margin:11px 0;}
#footer a:link, a:visited {color:#FF0000; text-decoration:none;}
#footer a:hover {text-decoration:underline;}


/* OTHER CLASS */
.black {font-weight: bold;}
.black_red {font-weight: bold; color:#CC0000;}
.titulo_korea {font-size:19px; color:#CC0000;}
.block {margin-bottom:20px; position:relative;}
.block_inside {display:block; overflow:auto; padding: 20px 0 10px 0;}
.izquierda {width:450px; display:block; float:left;}
	.izquierda p {margin: 0 0 10px 0;}
.derecha {width:360px; display:block; float:right;}
.space15 {margin-bottom:15px;}
.space20 {margin-bottom:20px;}
.space30 {margin-bottom:30px;}
.separator {border-top:1px dashed #bcbcbc; margin-top:10px; margin-bottom:5px;}
.separator2 {border-top:1px solid #bcbcbc; margin-top:10px; margin-bottom:5px; padding-top:5px;}


/* Fix up IE6 PNG Support */
img, #logo { behavior: url(../scripts/iepngfix.htc); }


/* Dos columnas */
#columna1 {width:710px; display:block; float:left;}
#columna2 {width:193px; display:block; float:right; height:auto; padding:10px; background: #E9E9E9;}

/* Texto con imagenes */
.imagentexto, .imagentexto2, .textoimagen {width:540px; height: auto;}
	.imagentexto .block_inside, .imagentexto2 .block_inside, .textoimagen .block_inside {padding: 5px 0; display:block;}

	.imagentexto img, .imagentexto2 img {float:left; border:1px solid #bcbcbc;}
	.imagentexto .text {float:right; width:310px; margin: 0;}
	.imagentexto2 .text {float:right; width:250px; margin: 0;}

	.textoimagen img {float:right; border:1px solid #bcbcbc;}
	.textoimagen .text {float:left; width:230px; margin: 0;}

