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

Título		: permaspacers.com
Autor		: Oscar Sanchez
URL 		: www.permaspacers.com

Descripción : permaspacers

Creado 		: March 25, 2008
Modificado	: March 25, 2008

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

/*div {
	border: 1px solid Red;
}*/

body { 
	margin: 0px;
	font-size: 14px;
	background: #DDD url(../gfx/backs/background.gif) top center;
	}

* 	html body { 
		font-size: 14px; /* para IE5/WIN */
		font-size: 14px; /*for other IE versions*/
}

body,td,th {
	font-family: Arial, sans-serif;
	color: #523d2a;
}

div#wraper {
	width: 870px;
	margin-left: auto;
	margin-right: auto;
}



/*****************************************************/
/* RESETTERS AND GLOBAL SETTINGS               		 */
/***************************************************/

h1, h2, h3, h4 { 
	margin-top: 0px;
	color: #b84c18;
	font-weight: normal;
}
h1 { 
	font: 16px Arial, serif;
	line-height: 14px;
}


h2 { 
	font: 16px Arial, serif;
}


/*#columna_2 img { 
	display: none;
}*/

/*****************************************************/
/* Layouts                               		 */
/***************************************************/

#cabecera { 
	width: 870px;
}

#menu { 
	width: 500px;
	height: 60px;
	margin: 0px 0px 5px 370px;
}
#menu ul { 
	list-style: none;
	/*margin: 0px 0px 0px 370px;*/
	padding: 0px;
	display: inline;
}
#menu ul li { 
	float: left;
	margin: 0px 0px 0px 5px;
	display: inline;
}
li span { 
	display: none;
	
}
li#boton_home a {
	width: 120px;
	height: 60px;
	display: block;
	background: url('../gfx/botones/home_off.gif') no-repeat;

	}

li#boton_home, li#boton_home a:hover { 
	background: url('../gfx/botones/home_on.gif') no-repeat;
}

body#home li#boton_home a, li#boton_home a:active {
	background:  url(../gfx/botones/home_on.gif) no-repeat;
}
li#boton_about a {
	width: 120px;
	height: 60px;
	display: block;
	background: url('../gfx/botones/about_off.gif') no-repeat;

}
li#boton_about, li#boton_about a:hover {
	background: url('../gfx/botones/about_on.gif') no-repeat;
}
body#about li#boton_about a, li#boton_about a:active {
	background:  url(../gfx/botones/about_on.gif) no-repeat;
}
li#boton_product a { 
	width: 120px;
	height: 60px;
	display: block;
	background: url('../gfx/botones/product_off.gif') no-repeat;

}
li#boton_product, li#boton_product a:hover { 
	background: url('../gfx/botones/product_on.gif') no-repeat;
}
body#product li#boton_product a, li#boton_product a:active {
	background:  url(../gfx/botones/product_on.gif) no-repeat;
}
li#boton_order a { 
	width: 120px;
	height: 60px;
	display: block;
	background: url('../gfx/botones/order_off.gif') no-repeat;

}
li#boton_order, li#boton_order a:hover { 
	background: url('../gfx/botones/order_on.gif') no-repeat;
}
body#order li#boton_order a, li#boton_order a:active {
	background:  url(../gfx/botones/border_on.gif) no-repeat;
}

div#logo {
	float: left; 
	width: 120px;
}

div.imagenes img { 
	float: left;
	margin: 0px 0px 5px 5px;
	display: inline;

}

div#columna_1 { 
	width: 455px;
	height: 205px;
	padding: 20px 20px 20px 20px;
	margin-left: 125px;
	float: left;
	background-color: #fff;
	margin-right: 5px;
/*	margin-top: 5px;*/
	display: inline;
}
div#columna_1 p {
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
}
div#columna_1 h1 {
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
}

div#columna_1 a { 
	color: #b84c18;
	text-decoration: none;
}

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

div#columna_1_product { 
	width: 455px;
	height: 955px;
	padding: 20px 20px 20px 20px;
	margin-left: 125px;
	float: left;
	background-color: #fff;
/*	margin-top: 5px;*/
	margin-right: 5px;
	display: inline;
}

/*div#columna_1_product { 
	width: 705px;
	height: 455px;
	padding: 20px 20px 20px 20px;
	margin-left: 125px;
	float: left;
	background-color: #fff;
/*	margin-top: 5px;
	margin-right: 5px;
	display: inline;
}*/

div#columna_1_product a { 
	color: #b84c18;
	text-decoration: none;
}

div#columna_1_product ul.article_options { 
	list-style: none;
	margin: 0;
	padding: 0;
}
div#columna_1_product ul.article_options li { 
	background: url(../gfx/backs/back_icon.gif) no-repeat;
	padding-left: 20px;
	padding-bottom: 10px;
}
div#columna_1_product a:hover { 
	text-decoration: underline;
}

/*div#columna_1_form { 
	width: 455px;
	height: 1705px;
	padding: 20px 20px 20px 20px;
	margin-left: 125px;
	float: left;
	background-color: #fff;
	margin-right: 5px;
	display: inline;
}

div#columna_2_form { 
	height: 1830px;
	width: 245px;
	float:left;
	display: inline;
	background-color: #fff;
}*/

div#columna_2 { 
	width: 245px;
	height: 245px;
	float:left;
	display: inline;
}

div#columna_2 img {
	height: 245px;
	width: 245px;
	display: block;
}

div#columna_2_product { 
	width: 245px;
	height: 995px;
	display: inline;
	float: left;
}

/*div#columna_2_product img.productsmall { 
	display: none;	
	width: 245px;
	height: 245px;
	display: block;
	
}*/

div#columna_2_product img.product_img {
	margin: 0;
	padding: 0; 
	margin-top: 5px;
	display: block;	
}
div#columna_2_product { 
	width: 245px;
	height: 955px;
	float:left;
	display: inline;
}
div#columna_2_form { 
	width: 245px;
	height: 1620px;
	float:left;
	display: inline;
	background-color: #fff;
}

div#footer {
	width: 705px;
	margin-top: 5px;
	margin-left: 125px;
	float: left;
	height: 80px;
	background:	#e4701e url(../gfx/backs/back_footer.gif) repeat-x;
	color: #fff;
	padding: 20px 20px 20px 20px;
	display: inline;
}

div#footer_columna_1 {
	float: left;
	width: 180px;
}
#footer div#footer_columna_1 h1 { 
	margin-bottom: 8px;
}

div#footer_columna_2 {
	float: left;
	width: 200px;
	padding-top: 25px;
}

div#footer_columna_2 a { 
	text-decoration: none;
	color: #fff;
}

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

div#footer_columna_3 {
	float: left;
	width: 200px;
	padding-top: 25px;
}

div#footer_columna_4 {
	float: left;
	width: 100px;
	padding-top: 25px;
}

div#footer_columna_4 a { 
	text-decoration: none;
	color: #fff;
}

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

/*************************************/
/*			formulario				 */
/*************************************/

div.hr {
	background: url(../gfx/backs/line_hr.gif) repeat-x ;
	height: 1px;
/*	border: none;*/
	width: 100%;
}
div.hr hr {
	display: none;
}

div#columna_1_form input, div#columna_1_form select{
	width: 250px
}

div#columna_1_form input#check{
	width: 15px
}

div#columna_1_form input#boton{
	margin-top: 20px;
	width: 250px; 
	margin: 15px 0px 0px 10px;
}

div#columna_1_form a { 
	color: #b84c18;
	text-decoration: none;
}

div#columna_1_form ul.article_options { 
	list-style: none;
	margin: 0;
	padding: 0;
}
div#columna_1_form ul.article_options li { 
	background: url(../gfx/backs/back_icon.gif) no-repeat;
	padding-left: 20px;
	padding-bottom: 10px;
}
div#columna_1_form a:hover { 
	text-decoration: underline;
}
div.right{
	float:right;
	margin-right:15px;	
}
div#columna_1_form #textarea {
	width: 420px;
	height: 150px;
	margin-left: 10px;
}

span.error {
	color: #990000;
	margin-left: 10px;
}
div#columna_1_form input.int { 
	width: 80px;
}
div#columna_1_form input#boton  { 
	display: none;
}
div#columna_1_form input#boton  { 
	margin-top: 20px;
	margin-left: 12px;
	width: 120px;
	height: 40px;
	display: block;
	background: url('../gfx/botones/submit.gif') no-repeat;

}