/* CSS Document */
.negro {
	background: #000000;
}
/*================Estructura===================*/
#conteiner {
	width: 800px;
	margin: auto;
	height: auto;
}
/*================ENCABEZADO===================*/
#bienvenidos {
	height: 25px;
	text-align: left;
	background-color: #FFFFFF;
}
#direccion {
	width: 600px;
	float: right;
	text-align: right;
	font: 8pt Arial, Helvetica, sans-serif;
	color: #00CCFF;
}
#mensaje {
	color: #FFFFFF;
	text-align: left;
	padding: 5px 0px 0px 70px;
	width: 200px;
}
#encabezado {
	height: 150px;
	text-align: left;
}
#publis {
	padding: 0px 0px 0px 0px;
	background: url(../images/applic/innova.jpg);
	height: 60px;
}
#ofertas {
	width: 600px;
	float: right;
	text-align: left;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 10px;
}
#marca {
	color: #000000;
	font: 9pt Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 23px 0px 0px 0px;
}
#botonera {
	height: 65px;
}
#on {
	width: 140px;
	float: right;
	text-align: left;
	font: 10pt Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 5px;
	
}
#on:hover {
	background:transparent url(../images/overlaynegro.png) repeat bottom left;
}

#iconos {
	font: 8pt Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 20px 0px 0px 10px;
	width: 180px;
	float: left;
	color: #FFF;
}
#botinsti {
	font: 10pt Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 20px 0px 0px 10px;
	width: 180px;
	float: left;
	color: #FFF;
}
a:link {
	color: #00CCFF;
	text-decoration: none;
}
a:hover {
	color: #CCC;
	text-decoration: none;
}
a:visited {
	color: #CCC;
	text-decoration: none;
}
a:active {
	color: #0099FF;
	text-decoration: none;
}
#botser {
	font: 10pt Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 20px 0px 0px 10px;
	width: 170px;
	float: left;
	color: #FFF;
}
#botprod {
	font: 10pt Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 13px 0px 0px 10px;
	width: 200px;
	float: left;
	color: #FFF;
}
.titbot {
	font: bold 14pt Arial, Helvetica, sans-serif;
}
/*=========================CUERPO==========================*/
#cuerpo {
	text-align: left;	/*padding-top: 20px;*/
	background-color: #FFF;
}
#columna1 {
	color: #000000;
	font: 8pt Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 15px 0 0 0;
	width: 195px;
	float: left;
	}
	#columna2 {
	color: #000000;
	font: 8pt Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 15px 0 0 0;
	width: 195px;
	float: right;
	}
/*==================COLUMNA IZQUIERDA==========================*/
#columna {
	margin-left: 0px!important;
	margin-left: 14px;
	width: 180px;
	float: left;
	background-color: #F5F5F5;
}
#logocolor {
	background: url(../images/applic/degra.gif) repeat;
	text-align: center;
	color: #009900;
}