/* Visual Chile /  Todos los Derechos Reservados. */
/*	Diseño de CSS: Nelson Aedo Muñoz - Diseñador Grafico*/
/*  CSS para proyecto {Incometal S.A.}                 */
/*  Version 2.0                                               */
/*  Fecha de creación 26/28/2008                              */

/* Estilos Básicos  */

BODY {
	margin:0;
	text-align:center;
	font-size: 11px;
	background-image: url(../img/bg_incometal.jpg);
	background-repeat:   repeat-x;
	background-position: top;
	background-color: #08090d;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}


/*  REDEFINICION DE ELEMENTOS HTML  */

table{}

td{}

p{
	margin:0px;
	display: block;
}


h1{
	display:block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: left;
	font-size: 18px;
	padding-left: 20px;
}

h2{
	margin:0px;
	font-size: 16px;
	display: block;
}

h3{
	margin:0px;
	font-size: 14px;
}

h4{margin:0px;}

h5{margin:0px;}

h6{margin:0px;}



img{border:0px;}



blockquote{margin:10px 20px 15px 20px;}



strong, b{}



a:link{
	color: #FF9900;
	text-decoration: none;
}

a:visited{
	color: #FFCC00;
	text-decoration: none;
}

a:hover{
	color: #FFBD59;
}

a:active{}



form{ margin:0px; padding:0px;}

/*hr{ border:0px; margin:0px; padding:0px}*/

label{}



ul, ol{ margin:0px; padding:0px;}

li{ margin:0px; padding:0px; list-style:none;}



button{}
#main {
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#main #IconosSuperiores {
	margin-top: 20px;
	margin-left: 550px;
	background-image: url(../img/soporte_iconostop.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 25px;
	margin-right: 40px;
}
#main #IconosSuperiores ul {
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-left: 10px;
	float: left;
}
#main #IconosSuperiores li {
	display: block;
	margin-left: 8px;
	margin-right: 8px;
	float: left;
}

#main #content {
	background-image: url(../img/top_header-trans.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 23px;
}
#content #header {
	background-color: #000000;
	padding: 5px;
	text-align: center;
}
#content .contenido {
	background-color: #000000;
	padding: 5px;
	overflow: hidden;
	height: 1%;
}

/* NAVEGACION */
#menu {
}







/* =navigation */
	.lavaLampBottomStyle {
	position: relative;
	top: -3px;
	height: 21px;
	overflow: hidden;
	border: none;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
		.lavaLampBottomStyle li { float: left; list-style: none; border-right: 1px solid #474747; }
		.lavaLampBottomStyle li.back {
	width: 0px;
	height: 22px;
	z-index: 8;
	position: absolute;
	top: 0px;
	border-top-width: 7px;
	border-top-style: solid;
	border-right-style: none;
	border-top-color: #FF9900;
}
		.lavaLampBottomStyle li a {
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	outline: none;
	text-align: center;
	top: 7px;
	text-transform: none;
	padding: 6px 4px 0 4px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 22px;
	position: relative;
	overflow: hidden;
	margin: auto 10px auto 10px;
	margin: auto 5px auto 5px;
	font-weight: bold;
}
		.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited { border: none; }
		.lavaLampBottomStyle li a:hover {
	color: #f7c224;
}
#content .contenido .ContenidoIndex {
	overflow: hidden;
	height: 1%;
	text-align: left;
}
#content .contenido .ContenidoIndex .columnaIzq {
	background-image: url(../img/fondo-texto.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 350px;
	float: left;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-align: justify;
	margin-bottom: 5px;
	margin-left: 10px;
}
#content .contenido .ContenidoIndex .BotonesLaterales {
	width: 290px;
	float: left;
	padding-top: 10px;
}
#content .contenido .ContenidoIndex .BotonesLaterales li {
	display: block;
	margin-bottom: 10px;
	height: 55px;
	width: 204px;
	margin-left: 35px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 35px;
	position: relative;
}

#content  .contenido  .ContenidoIndex  .BotonesLaterales  a  {
	color: #FFFFFF;
}
#main #content .contenido .ContenidoIndex .BotonesLaterales a:hover {
	color: #FFCC00;
}

#content  .contenido  .ContenidoIndex  .BotonesLaterales  p  {
	font-size: 10px;
}
.destacado {
}

#Acero {
	background-image: url(../img/botonacero-trans.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#Acero:hover , #Control:hover, #Cotizar:hover {
	background-image: url(../img/botonhover-trans.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFCC00;
}



#Cotizar {
	background-image: url(../img/botoncotizar-trans.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#Control {
	background-image: url(../img/botoncalidad-trans.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}




#footer  {
	background-image: url(../img/footer-trans.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 45px;
	text-align: left;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 30px;
	font-size: 10px;
	letter-spacing: 0px;
	clear: both;
	float: none;
	position: relative;
}
#footer a {
	color: #FF9900;
}
#footer a:hover {
	color: #FFCC00;
}

#footer .Powered {
	position: absolute;
	right: 30px;
	top: 30px;
	width: 150px;
	text-align: right;
}
#content .contenido .ContenidoInteriores {
	overflow: hidden;
	height: 1%;
	text-align: left;
}
#content .contenido .ContenidoIndex .quienesSomos {
	width: 375px;
	float: left;
	padding-left: 15px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	background-image: url(../img/cabeceras-titulos.jpg);
	background-repeat: no-repeat;
	background-position: 0px top;
	background-color: #060503;
	text-align: justify;
	margin-left: 10px;
}
#content .contenido .ContenidoIndex .imagenesLaterales {
	float: left;
	margin-left: 10px;
	width: 260px;
	padding-top: 20px;
}
#content .contenido .ContenidoIndex .Contacto {
	width: 650px;
	float: left;
	padding-left: 15px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	background-image: url(../img/cabeceras-contacto.jpg);
	background-repeat: no-repeat;
	background-position: 0px top;
	background-color: #060503;
	text-align: justify;
	margin-left: 10px;
}
.Contacto #formContacto {
	position: relative;
	padding-bottom: 58px;
	background-image: url(../img/contacto-inf.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.Contacto  #formContacto .imput {
	height: 22px;
	width: 294px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #060503;
	border: 1px solid #333333;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.Contacto  #formContacto .textareaCampo {
	width: 300px;
	position: absolute;
	top: 0px;
	right: 20px;
}
.Contacto   #formContacto  .textareaCampo .cantidad {
	height: 22px;
	width: 70px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #060503;
	border: 1px solid #333333;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.Contacto  #formContacto  .textareaCampo textarea {
	width: 270px;
	height: 100px;
	background-color: #060503;
	border: 1px solid #333333;
	padding: 5px;
	font-size: 16px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.Contacto  #formContacto select {
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	border: 1px solid #333333;
}
.Contacto  #formContacto  .textareaCampo .button {
	background-color: #333333;
	height: 30px;
	border: 1px solid #2A2A2A;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#content .contenido .ContenidoIndex .Control {
	width: 375px;
	float: left;
	padding-left: 15px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	background-image: url(../img/cabeceras-titulos.jpg);
	background-repeat: no-repeat;
	background-position: 0px top;
	background-color: #060503;
	text-align: justify;
	margin-left: 10px;
}
#content .contenido .ContenidoIndex .Control li {
	display: block;
	padding: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #484742;
	height: 100px;
}
#content .contenido .ContenidoIndex .Control .tituloAbsoluto {
	float: left;
	margin-left: 10px;
}
#content .contenido .ContenidoIndex .Control li:hover {
	background-image: url(../img/visto-trans.png);
	background-repeat: no-repeat;
	background-position: 90% 90%;
}

#content .contenido .ContenidoIndex .imagenesLaterales h3 {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
}


#content .contenido .ContenidoIndex .Control ul {
	display: block;
	overflow: hidden;
	height: 1%;
}
#AceroAcordion {
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/aceroacordion.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}

.imgBordeIzq {
	background-color: #333333;
	display: block;
	padding: 3px;
	float: left;
}