/* - - - - - - - - - - - - - - - - - - - - -

Título : SUEÑOLAR
Autor : Javier Lobos

Descripción : suenolar.css

Creado : 7 de octubre, 2008

- - - - - - - - - - - - - - - - - - - - - */


/***********************/
/* ATRIBUTOS DE PAGINA */
/***********************/
body,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
   line-height: 18px;
	color: #000;
	background-image: url(../gfx/fondos/f_body.gif);
	background-repeat: repeat-x;
}
body {
	margin:0px;
}

a {
	text-decoration: none;
	font-weight: normal;
	color: #fff;
}
a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #fff;
}
h1 {
	/*margin: 0px;*/
	font-size: 18px;
	color: #e03939;
	font-weight: normal;
}

h2 {
	/*margin: 0px;*/
	font-size: 18px;
	color: #e03939;
	font-weight: normal;
}

p {
	font-size: 12px;
	margin: 0px;
}

p2 {
	float: left;
	margin-top: 8px;
}

ul {
	margin: 0px;
}

li {
	list-style: circle;
}

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




/****** TOP ******/

#top {
	height: 100px;
	background-color: #fff;
}

#arriba {
	width: 930px;
	height: 80px;
	padding: 20px 20px 0px 30px;
	;
	margin-left: auto;
	margin-right: auto;
}

div.logo {
	height: 80px;
	float: left;
}

#menu_01 {
	width: 304px;
	height: 80px;
	padding-left: 308px;
	float: left;
}

#menu_01 p {
	float: right;
}

div.boton a {
	width: 130px;
	height: 59px;
	padding: 10px;
	float: left;
	background-color: #999;
	margin-bottom:1px;
	margin-left:1px;
}

div.boton a:hover {
	background-color: #e03939;
}

div.boton_activo {
	width: 130px;
	height: 59px;
	padding: 10px;
	float: left;
	background-color: #e03939;
	margin-left:1px;
}


/****** MEDIO ******/


#contenido {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 20px 10px 30px;	/*background-image: url(../gfx/fondos/fondo_inicio.jpg);
	background-repeat: no-repeat;*/	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/fondos/f_inicio.png',sizingMethod='scale');*/
}

#columna_01 {
	width: 590px;
	float: left;
}

#columna_01 p {
	color: #fff;
	float: left;
}

#columna_01 a {
	color: #000;
}

#columna_01 a:hover {
	color: #e03939;
}

#nota {
	width: 590px;
}

#nota h1 {
	margin-top: 0px;
}

div.fotito {
	width: 320px;
	float: left;
}

div.texto {
	width: 260px;
	float: left;
}

div.nota_01 {
	width: 280px;
	float: left;
}

div.nota_01 h1 {
	margin-top: 0px;
}

div.nota_01 a {
	color: #000;
}

div.nota_01 a:hover {
	color: #e03939;
}


#columna_02 {
	width: 305px;
	float: left;
}

/****** SEPARADORES ******/

div.separador_01 {
	width: 590px;
	height: 30px;
	clear: both;
}

div.separador_02 {
	width: 980px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}


/****** BOTTOM ******/

#bottom {
	background-color: #000;
	background-image: url(../gfx/demo/bottom.gif);
	background-repeat: repeat-y;
}

#producto {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#producto a {
	text-decoration: none;
	font-weight: normal;
	color: #e03939;
}

#producto a:hover {
	color: #fff;
}

div.nota_03 {
	width: 230px;
	float: left;
}

div.nota_03 h1 {
	margin: 0px;
}

#flash {
	width: 580px;
	/*padding: 5px;*/
/*	background-color: #ccc;*/
}


#ventajas {
	width: 330px;
	float: left;
	padding: 30px;
}

#footer {
	height: 80px;
	background-image: url(../gfx/fondos/f_footer.gif);
	background-repeat: repeat-x;
	clear: both;
}

#footer p {
	color: #999;
	font-size: 11px;
}

#firmas {
	width: 980px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
}

#firmas p {
	width: 620px;
	padding-top: 30px;
	float: left;
}

#firmas a {
	color: #999;
}

#firmas a:hover {
	color: #e03939;
}

div.loguito {
	width: 190px;
	float: left;
}

div.ppy {
	width: 170px;
	float: left;
}