/***************** *********/
html, body {
	height: 100%;
}

body, ul, li, p, h1, h2, h3, form, fieldset, input {
    margin: 0;
    padding: 0;
}

hr {
    display: none;
}

img, fieldset {
    border: none;
}

ul {
    list-style: none;
}

.izq {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

a {
    text-decoration: none;
    color: #F19403;
}

a:hover {
    text-decoration: underline;
}
/* -----------Clearfix----- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.center {
	text-align:center;
}
/* End hide from IE-mac */
/* ----------------------- */
/* ------------------------- */
body {
   color: #333;
	font-family:  Verdana, Arial, Helvetica, sans-serif;	
   font-size: .7em;
	line-height: 1.4em;
	margin-top: 10px;

}

#contenedor {
    margin: 0 auto;
    width: 800px;
}
/** CABECERA ----------------- */
/*
#cabecera {
    background: url(../../images/cab.png) no-repeat;
    padding-right: 10px;
    position: relative;
}
*/
* html #cabecera {
    height: 1%;
}


#home_banners{	width:824px; margin-top: 10px; float:left;	}
#home_banners img{ float:left; padding:0px; margin-right: 6px;}
#home_banners img.last{ float:left; padding:0px; margin-right: 0px;}

/*contenido ***********************/
#colizq{
	width: 150px;
	padding: 0px 3px 0px 3px;
	border-left: 1px solid #B0B3B6;
	border-right: 1px solid #B0B3B6;
	margin-right: 7px;
	float:left;
	min-height: 100px;
	height: auto !important;
	height: 100px;

}

#coldch{
	width: 150px;
	padding: 0px 3px 0px 3px;
	border-left: 1px solid #B0B3B6;
	border-right: 1px solid #B0B3B6;
	margin-left: 7px;
	float:left;
	min-height: 54px;
	height: auto !important;
	height: 54px;

}

#menu {	line-height: 12px;}
	#menu ul{
		width: 150px;
		margin: 0px; 
		padding: 0px; 
		list-style: none; 
	}

	#menu li{
		padding:0;
/*		height: 17px;*/
		background-repeat: no-repeat;
		margin-bottom:2px;
	}

	#menu li.nivel1{
		background-image: url(../../images/menu/menu_n1_off.gif);
	}
	#menu li.nivel2{
		background-image: url(../../images/menu/menu_n2_off.gif);
	}
	#menu li.nivel3{
		background-color: #D9DADC;
	}

	#menu li.last{
		margin-bottom:0px;
	}



	#menu ul li a {
		display:block; 
		width:136px;	
		padding: 2px 0px 3px 14px;
		text-decoration:none;	
		text-align:left;	
		font-size:12px;
	}

	#menu ul li.nivel1 a, 	#menu ul li.nivel3 a {
		color:#4b4b4d;	
	}

	#menu ul li.nivel2 a, {
		color:#FFFFFF;	
	}

	#menu ul li.nivel1 a:hover, 	#menu ul li.nivel3 a:hover{color:#000000;}
	#menu ul li.nivel2 a:hover {color: #FCDCAB;}


#centro{
	width: 800px;
	float:left;
}

#centro_popup{
	width: 420px;
	float:left;
}


/*CABECERA*/
#cabecera {
	width: 800px;
	height: 70px;	
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	margin-bottom: 10px;
	}

		#cabecera_logo{
			width: 800px;
			height:70px;
			float:left;
			margin-bottom: 5px;
			display: block;
			background-image: url(../../images/cabecera_print.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
	
		#cabecera_link{
			float:left;
		}
		#cabecera_contacto{
			float:left;
			margin-left:400px;
		}

		
/* Pie ***********************/
#pie{
	font-family:  Arial, Verdana, Helvetica, sans-serif;	
	font-size: 10px;
	color: #FFFFFF;
	text-align:center;	
	line-height: 12px;
	width: 800px;	
	margin-top:8px;
	padding-top:3px;
	padding-bottom:0px;
	height: 16px;
	background-color: #f19403;
	float: left;
}

#pie a{	color: #FFFFFF;	text-decoration: none;}
#pie a:hover{	color: #FFFFFF;}


h2 {font-size: 2.6em; color:#8C9397; font-weight: normal;  line-height: 1em; }
h3 {font-size: 2em; color:#F19403;  font-weight: normal;line-height: 2em; }

	.campo_form{	margin-top: 3px;}
		.campo_form label{
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 3px;
			display: block;
			width: 60px;
			float: left;
			text-align: right;
		}
		.campo_form .input_form{width: 200px;	}
	
		#observaciones{clear: both;padding-top: 5px;}
		#observaciones	.textarea_form{width: 280px; height: 60px;	}

#contacto, #paquetes{
	width: 824px;
	float: left;
}
#presupuesto{
	width: 100%;
	float: left;
}

#productos, #producto{
	width: 660px;
	float: left;

}

.msg, .campo_error {
    color: red;
    font-weight: bold;
}

#contacto ul {
	margin: 15px;
	list-style: disc;
}
#contacto li {margin-bottom:5px;}

#categorias_navegacion {background-color: #F19403;	padding: 10px;}
#categorias_navegacion h2{font-size: 1em;color:#FFFFFF; font-weight: bold;  }
#categorias_navegacion h2 a{font-size: 1.1em; color:#FFFFFF; font-weight: normal;  line-height: 1em; }
#subcategorias_navegacion, #producto #subcategorias_navegacion {padding: 5px 10px 5px 10px; background-color: #E3E4E5; margin-bottom:15px;	}
#subcategorias_navegacion h3, #producto #subcategorias_navegacion h3{font-size: 1em;color:#4B4B4D; font-weight: bold; line-height: 2em;  }
#subcategorias_navegacion h3 span, #producto #subcategorias_navegacion h3 span{font-size: 1em;color:#000000; font-weight: bold;  }
#subcategorias_navegacion h3 a, #producto #subcategorias_navegacion h3 a{font-size: 1em; color:#4B4B4D; font-weight: normal;  line-height: 1em; }


#productos .producto{
 margin-right:40px;
 margin-bottom:25px;
 width:125px;
 float:left;
}
	#productos .final{ margin-right:0px;}
	#productos .primero{ padding-left:20px; clear:left;}
	#productos .producto_titulo,	#productos .producto_titulo a{ color:#333333; font-weight: bold;}
	#productos .producto_precio{ color:#F19403; font-size: 1.1em; line-height: 1.3em; font-weight: bold;}
	#productos p.noproductos{ margin: 0px 0px 20px 10px;}

#paginador{
clear: both;
 text-align:center;
 font-weight: bold;
}

.paginacion_numActual{
 font-size:1.1em;
}


#producto ul{ margin:10px;}
#producto .producto_imagen{ float:left; width:300px; margin: 0px 0px 20px 25px;}
#producto .producto_imagen a{ color:#000000;}
#producto h3{ color:#333333; font-size: 2.3em; line-height: 1.3em; font-weight: bold;}
#producto h4{ color:#F19403; font-size: 1.2em; line-height: 1.2em; font-weight: bold;}
#producto .producto_marca{ color:#333333; font-size: 1.2em; font-weight: bold;}
#producto .producto_precio{ color:#F19403; font-size: 2.0em; line-height: 1.3em; font-weight: bold;}
#producto .producto_descripcion{ clear:both;  margin: 0px 0px 20px 25px;}
#producto .producto_caracteristicas{ clear:both;  margin: 0px 0px 20px 25px;}


#presupuesto table{
	width:100%;
	font-size: 1em;		
	border-collapse: collapse;
	margin:15px 0px 15px 0px;
}


#presupuesto table thead tr{
	background-color: #E3E4E5;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#presupuesto table tfoot tr{
	background-color: #FFFFFF;
}

#presupuesto table thead th{
	padding: 0.3em 0.5em 0.3em 0.5em;
	white-space: nowrap;
	text-align:left;
}

#presupuesto table tfoot th{
	text-align: right;
	padding: 0.3em 0.5em 0.3em 0.5em;
	letter-spacing: 1px;
}

#presupuesto table tfoot td{
	padding: 0.3em 0.5em 0.3em 0.5em;
	text-align:right;
	color: #000000;
	font-weight: bold;
}

#presupuesto table tfoot select {
	font-size: 0.9em;		
}

#presupuesto table tfoot input {
	font-size: 0.9em;		
}


#presupuesto table tr{
	background-color: #FFFFFF;
}

#presupuesto table tr.odd{
	background-color: #FFFFFF;
}

#presupuesto table td, th{
	border: 1px solid #CCCCCC;

}
#presupuesto table th{ 
	text-align:left;
	padding: 0.3em 0.5em 0.3em 0.5em;
}

#presupuesto table tbody td{
	padding: 0.3em 0.5em 0.3em 0.5em;
}

#presupuesto table td a, th a {
	color:#333333;
	text-decoration:none;
	
}
#presupuesto table td a:link, th a:link{
	color: black;
}

#presupuesto input.boton {
	width: 200px;
}