/********************** <General> **********************/
* {margin: 0; padding: 0;}
body{background:#ffeecc;}

h1{display:none;}

h2{
	clear:left;
	float:left;
	width: 430px;
	margin: 10px 10px 0 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:italic;
	color: #292929;
	}
h3{
	padding-bottom: 20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #300;
	}
img{border:0;}
a{text-decoration: none;}
strong{color:#A82626}
.clear{clear: both;}

.accesibilidad{display:none;}
p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: justify;
	color: #300;
	
	line-height: 145%;
	padding: 0 0 10px 20px;
	}

#contenedor{
	width: 775px;
	margin: auto;
	}
/********************** </General> **********************/
/********************** <Cabecera> **********************/
#cabecera{
	float:left;
	width: 775px;
	height: 300px;
	background: url(/imagenes/fondo_cabecera.jpg) no-repeat;
	}
/********************** </Cabecera> **********************/
/********************** <Men?> **********************/
#menu{
	float:left;
	width:300px;
	height:230px;
	margin: 20px 0 0 0;
	list-style:none;
}
	
ul#menu li a{
	height: 53px;
	display:block;
	text-decoration:none;
	text-indent:-5000px;
	outline: none;
	}
	
#inicio a {
	width: 195px;
	background:url(/imagenes/menu_inicio_a.jpg) no-repeat;
	}
#inicio a:hover {
	background:url(/imagenes/menu_inicio_b.jpg) no-repeat;
	}
#conocenos a {
	width: 240px;
	background:url(/imagenes/menu_conocenos_a.jpg) no-repeat;
	}
#conocenos a:hover {
	background:url(/imagenes/menu_conocenos_b.jpg) no-repeat;
	}
#catalogo a {
	width: 265px;
	background:url(/imagenes/menu_catalogo_a.jpg) no-repeat;
	}
#catalogo a:hover {
	background:url(/imagenes/menu_catalogo_b.jpg) no-repeat;
	}
#contacto a {
	width: 285px;
	background:url(/imagenes/menu_contacto_a.jpg) no-repeat;
	}
#contacto a:hover {
	background:url(/imagenes/menu_contacto_b.jpg) no-repeat;
	}
/********************** </Men?> **********************/
/********************** <Series> **********************/
#fondo_series{
	float:left;
	width:775px;
	height:110px;
	background: url(/imagenes/fondo_series.jpg) no-repeat;
	}
#series{
	list-style:none;
	}
/*ul#series li{
	float:left;
	margin: 0 0 0 20px;
	}
ul#series li a{
	height: 35px;
	display:block;
	text-decoration:none;
	text-indent:-5000px;
	outline: none;
	}
*/
ul#series li{
	float:left;
	margin: 0 0 -10px 0px;
	}
ul#series li a{
	height: 50px;
	display:block;
	text-decoration:none;
	text-indent:-5000px;
	outline: none;
	}


#li_presupuesto a{
width: 775px;
margin: 22px 0 0 0;
	background: url(/imagenes/presupuesto_cuelgabolsos.jpg) no-repeat;
}

#flores, #geometrica, #sicodelica, #mariposas{
display: none;
}

#flores a {
	width: 120px;
	margin-top: 45px;
	background:url(/imagenes/serie_flores_a.jpg) no-repeat;
	}
#flores a:hover {
	background:url(/imagenes/serie_flores_b.jpg) no-repeat;
	}
#geometrica a {
	width: 185px;
	margin-top: 37px;
	background:url(/imagenes/serie_geometrica_a.jpg) no-repeat;
	}
#geometrica a:hover {
	background:url(/imagenes/serie_geometrica_b.jpg) no-repeat;
	}
#sicodelica a {
	width: 185px;
	margin-top: 28px;
	background:url(/imagenes/serie_sicodelica_a.jpg) no-repeat;
	}
#sicodelica a:hover {
	background:url(/imagenes/serie_sicodelica_b.jpg) no-repeat;
	}
#mariposas a {
	width: 170px;
	margin-top: 19px;
	background:url(/imagenes/serie_mariposas_a.jpg) no-repeat;
	}
#mariposas a:hover {
	background:url(/imagenes/serie_mariposas_b.jpg) no-repeat;
	}
/********************** </Series> **********************/
#migas_pan{
	float:right;
	display: inline;
	margin: 30px 80px 0 0;
	}
#migas_pan, #migas_pan a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #292929;
	}
#migas_pan a:hover{
	color: #585858;
	}
/********************** <Contenido> **********************/
#contenido{
	clear:left;
	width: 619px;
	height: auto;
	min-height: 200px;
	overflow:hidden;

	margin: 0 0 0 37px;
	padding: 10px 40px 0 40px;
	background: #FAFAFA;
	}

.img_inicio{padding: 20px 30px 20px 70px;}
.img_conocenos{padding: 20px 0 30px 65px;}
.img_categorias_catalogo{margin: 20px 0 30px 70px;}
	
#contenido a{
	font-weight:bold;
	border-bottom: 1px dashed #A82626;
	color: #A82626;
	}
#contenido a:hover{border-bottom: 1px solid #A82626;}


/* Portada cat?logo */
#categorias_catalogo{
	list-style: none;
	font-size: 14px;
	}
#categorias_catalogo li{
	float: left;
	}
#categorias_catalogo li strong{
	clear:left;
	float:left;
	width:200px;
	margin:-30px 0 0 70px;
	text-align:center;
}
/* Listado categor?a cat?logo */
#listado_categoria_catalogo li{
	list-style: none;
	margin: 0 0 20px 0;
	}
#listado_categoria_catalogo img{
	margin: 0 20px 0 0;
}
/********************** <Pie> **********************/
#pie, #webs_amigas{
	width: 735px;
	height: 30px;
	margin: 10px 0 0 0;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: right;
	color: #000;
	}
#webs_amigas table{margin: 10% 0 0 18%;}
#pie a, #webs_amigas a{
	font-weight:bold;
	border-bottom: 1px dashed #552211;
	color: #552211;
	}
#pie a:hover, #webs_amigas a:hover
{border-bottom: 1px solid #552211;}
/*table{display: none;}*/
#webs_amigas ul
	{
	list-style: none;
	font-size: 10px;
	}
/********************** </Pie> **********************/
/********************** <formulario> **********************/
label{
	display:inline;
	float: left;
	clear:left;
	margin: 5px 0 0 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
	}
input{
	margin:0 0 0 10px;
	height:15px;
	}
textarea{
	margin:0 0 0 10px;
	}
.caja_form{
	border: 1px solid #B73904;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	background:url(/imagenes/fondo_input.jpg) repeat-x;
	background-color:#fff;
}
.boton_form{
	height:25px;
	border: 1px solid #B73904;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0 30px 10px;
	padding:2px;
	background:url(/imagenes/fondo_input.jpg) repeat-x;
}
/*********************** </formulario> **********************/























#presupuesto{
	margin:15px 0 20px 0;
	padding: 10px;
	background: #FFE2A8;
}
	#presupuesto h2{
		width: 100%;
		padding:0 0 2px 0;
		margin: 10px 0 10px 0;
		font-size: 15px;
		font-style: normal;
		color: #871F1F;
		border-bottom: solid 1px #750;
	}

	#presupuesto h3{
		padding:0 0 2px 0;
		margin: 0 0 10px 0;
		color: #871F1F;
		border-bottom: solid 1px #750;
	}
		#presupuesto h3 strong{
			color: #871F1F;
		}


	#presupuesto #form_presupuesto #label_num_cuelgabolsos{
		float: left;
		margin:0 0 0 210px;
		padding:0;
	}
	#presupuesto #form_presupuesto label span{
		display: block;
		font-size:15px;
	}
		#presupuesto #form_presupuesto label span strong{
			color:#000;
		}
	#presupuesto #form_presupuesto #label_num_cuelgabolsos input{
		width:50px;
		margin:5px 0 0px 60px;
		text-align:center;
		border: 1px solid #fff;
		background: #FFEECC;
		padding:0;
	}

#cuelgabolsos_catalogo{
	clear: both;
	float:right;
	width:160px;
	margin: 5px 30px 0 0;
	padding: 115px 0 5px 0;
	text-align:center;
	background: url(/imagenes/cuelgabolsos-catalogo.jpg) no-repeat 14px 10px;
	cursor: hand;
}
#cuelgabolsos_personalizado{
	float:left;
	width:160px;
	margin-left:40px;
	padding: 115px 0 5px 0;
	text-align:center;
	background: url(/imagenes/cuelgabolsos-personalizado.jpg) no-repeat 14px 10px;
	cursor: hand;
}

.hover_on_tipo_cuelgabolso, .opcion_on{
	border: 1px solid #555;
}
.opcion_off{
	border: none;
}
.cuelgabolsos_input_off{
	display:none;
}

#boton_calcular{
	float: left;
	width: 90px;
	height: 30px;
	margin:0 0 0 255px;
}


.resultados_calculo_proceso{
	width: 100%;
	padding: 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #000;
	background: #FFD071;
}

#tabla_presupuesto{
	width: 100%;
	padding: 0 0 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-left: 1px solid #000;
}
	#tabla_presupuesto caption{
		margin: 10px 0 0 0;
		padding:8px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align:left;
		background: #FFD071;
		border-left: 1px solid #000;
		border-bottom: 1px solid #000;

	}
		#tabla_presupuesto caption strong{
			color: #333;
		}
	#tabla_presupuesto thead tr th{
		padding:5px;
		text-align:right;
		background: #FFE1A4;

	}
	#tabla_presupuesto tbody tr td{
		padding:5px;
		text-align:right;
		background: #FFF0D2;
		border-bottom: 1px solid #bbb;
	}

#tabla_totales{
	width: 100%;
	margin:0 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-left: 1px solid #000;
}

	#tabla_totales thead tr th{
		display:none;
	}
	#tabla_totales tbody tr td{
		padding:5px;
		text-align: right;
		background: #FFE1A4;
	}
		#tabla_totales tbody tr td strong{
			color: #000;
		}

.columna_totales1{
	width:18%;
	text-align:right !important;
}
.columna_totales2{
	width:18%;
}
.columna_desc{
	text-align:left !important;
}
.total_total td{
	background: #FFF0D2 !important;
	border-bottom: 1px solid #bbb;
}

#opciones_presupuesto{
	list-style: none;
	margin: 0 0 20px 20px;
}
	#presupuesto_pdf a{
		padding: 2px 0 0 25px;
		background: url(/imagenes/icono_pdf.jpg) no-repeat;
	}

#elegir{
	border: none !important;
	margin: 0 0 0 215px;
}

#hacer_pedido{
	border: none !important;
	margin: 0 0 0 215px;
}

#presupuesto_elegir {
	height: 600px;
}
	#presupuesto_elegir .numc{
		width:50px;
		margin: 0 0px 3px 20px;
		text-align:center;
		border: 1px solid #fff;
		background: #FFEECC;
		padding:0;
	}

form#presupuesto_datos {
	height: 300px;
}

	#presupuesto #presupuesto_datos label{
		float: left;
		width: 140px;
		height: 15px;
		margin:10px 0 0 21px;
		padding:0;
		font-weight: bold;
	}

#presupuesto #presupuesto_datos input{
		margin:8px 0 0px 0px;

		border: 1px solid #fff;
		background: #FFEECC;
		padding:0;
	}

#presupuesto #presupuesto_datos textarea{
		float: left;
		margin:8px 0 0px 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		border: 1px solid #fff;
		background: #FFEECC;
		padding:0;
}

#boton_ok{
	float: left;
	width: 90px;
	height: 30px;
	margin: 130px 0 0 -205px;
}

#boton_ok2{
	clear: both;
	float: left;
	position: relative;
	top: 10px;
	left: 162px;
	width: 90px;
	height: 30px;
	border: none;
}