@import url('resets.css');

/****************************************************************************************************
* 											ESTILOS GENERALES										*
****************************************************************************************************/
body {
	color: #fdfdfe;
	background: url(../img/backgrounds/header.gif) repeat-x top left;
}
/************************************** END ESTILOS GENERALES **************************************/


/****************************************************************************************************
*	 											HEADER											*
****************************************************************************************************/
div#contenedor_general {
	width: 750px;
	margin: 0 auto;
}

div#logo {
	width: 130px;
	height: 44px;
	float: left;
	margin-left: 14px;
	_margin-left: 7px;
	background: url(../img/logos/logo.jpg) no-repeat 0 0;
}

div#menu {
	width: 606px;
	float: left;
}

div#banner_flash {
	clear: both;
}

div#menu ul {
	float: left;
	margin: 11px 0 0 0px;
	_margin: 13px 0 0 0px;
}

div#menu ul li {
	display: inline;
	background: url(../img/backgrounds/menu.gif) no-repeat center right;
	padding: 0 10px 0 5px;

}

div#menu ul li,
div#menu ul li a {
	color: #090d58;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

div#menu form {
	float: right;
	margin: 12px 0 0 10px;
}

div#menu input {
	color: #090d58;
	font: normal 11px Arial, Helvetica, sans-serif;
	background: #edeceb;
	border: none;
	float: left;
	height: 15px;
	padding: 1px 0 0 5px;
	border: 1px solid #747474;
}
/******************************************** END HEADER *******************************************/

div#contenido {
	width: 750px;
	clear: both;
	overflow:hidden;
}
/****************************************************************************************************
*										COLUMNA IZQUIERDA											*
****************************************************************************************************/
div#col_left {
	float: left;
	width: 144px;
	text-align: center;
	padding-top: 20px;
}

div#col_left ul li {
	padding: 10px 0;
	background: url(../img/backgrounds/col_left_li.gif) no-repeat bottom center;
}
/************************************** END COLUMNA IZQUIERDA **************************************/


/****************************************************************************************************
* 											COLUMNA DERECHA											*
****************************************************************************************************/
div#col_right {
	float: left;
	background: url(../img/backgrounds/col_right.gif) repeat-y top left #fdfdfe;
}

div#col_right_enviado {
	width: 606px;
	float: left;
	text-align: center;
}

div#col_right_enviado a {
	color: #090d58;
	text-decoration: none;
	font: normal 10px Arial, Helvetica, sans-serif;
}

div#col_right_enviado a:hover {
	text-decoration: underline;
}

div#destacados {
	width: 596px;
	padding-left: 10px;
	margin-bottom: 15px;
}

div#destacados .destacado {
	width: 191px;
	height: 46px;
	float: left;
	margin: 10px 11px 0 0;
}

div#destacados .destacado_ultimo {
	width: 191px;
	height: 46px;
	float: left;
	margin-top: 10px;
}

div.novedades {
	float: left;
/*	width: 277px; NO BORRAR */
	width: 577px; 
	margin-top: 15px;
	_margin-top: 0px;
	padding: 35px 10px 15px 16px;
	background: url(../img/tit_novedades.gif) no-repeat top left;
}

div.novedades h2 {
	color: #6a6a6a;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

div.novedades p {
	color: #6a6a6a;
	font: normal 11px Arial, Helvetica, sans-serif;
}

div.novedades p a {
	color: #6a6a6a;
	font-weight: bold;
	text-decoration: none;
}

div.novedades img {
	float: right;
}

div#servicio_cliente {
	float: left;
	width: 300px;
	margin-top: 15px;
	_margin-top: 0px;
	padding: 35px 0 15px 0px;
	background: url(../img/tit_servicio_cliente.gif) no-repeat top left;
}

div#servicio_cliente input {
	color: #898989;
	font: normal 11px Arial, Helvetica, sans-serif;
	width: 288px;
	height: 15px;
	margin: 1px 0;
	_margin: 0;
	padding: 2px 5px 0 5px;
	background-color: #f3f3f3;
	border: none;
	border: 1px solid #d3d3d3;
}

div#servicio_cliente input.btnEnviar {
	width: 60px;
	height: 19px;
	border: none;
	background: none;
	margin: 2px 0 0 0;
	padding: 0;
}

div#servicio_cliente textarea {
	color: #898989;
	font: normal 11px Arial, Helvetica, sans-serif;
	width: 288px;
	height: 25px;
	margin: 1px 0;
	_margin: 0;
	padding: 2px 5px 0 5px;
	background-color: #f3f3f3;
	border: none;
	border: 1px solid #d3d3d3;
	overflow: hidden;
}

div#servicio_cliente a {
	margin-top: 10px;
	float: right;
}

p.enviado {
	color: #090d58;
	margin-top: 50px;
	font: bold 11px Arial, Helvetica, sans-serif;
}
/**************************************** END COLUMNA DERECHA **************************************/


/****************************************************************************************************
*	 											FOOTER												*
****************************************************************************************************/
div#footer {
	width: 750px;
	border: 1px solid #f2f2f2;
	border-width: 2px 0 0 0;
}

div#footer ul {
	margin: 10px 0 0 160px;
}

div#footer ul li {
	display: inline;
	margin-right: 20px;
}
/******************************************** END FOOTER *******************************************/