/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
h2{
	font-size:2.2em;
	color:#000099;
	font-weight:normal;
	margin:0 0 15px 0;
}
h3{
	font-size:1.4em;
	color:#000099;
	font-weight:normal;
	margin:15px 0 15px 0;
	border-bottom:1px solid #f1f1f1;
}
h4{
	margin-left:10px;
}
	h4 a{ color:#585858;}
	h4 a:hover{text-decoration:underline;}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
p{
	line-height:1.8em;
	margin:15px 0;
}
p.destacado{
	font-weight:bold;
	color:#000099;
	margin-bottom:15px;
}
p.general{
	margin-bottom:15px;
}
	p a{
		color:#000099;
		text-decoration:none;
	}
	p a:hover{
		text-decoration:underline;
	}
p.mas_informacion{
	text-align:right;
	margin-right:10px;
	background-image:url(http://www.bravologistic.com/images/ico_doble.gif);
	background-position:0.8em right ;
	background-repeat:no-repeat;
	padding-right:10px;
	font-weight:bold;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

ul.general{
	line-height:1.4em;
	margin:15px;
}
ul.general li{
	padding-left:7px;
	background-image:url(http://www.bravologistic.com/images/ico_simple.gif);
	background-position:0 0.5em ;
	background-repeat:no-repeat;
}
ul.general li a{
	color:#585858;
	text-decoration:none;
}
ul.general li a:hover{text-decoration:underline;}
	ul.general li ul{ margin-left:20px;}
	ul.general li ul li{
		padding-left:7px;
		background-image:url(http://www.bravologistic.com/images/ico_migas.gif);
		background-position:0 0.5em ;
		background-repeat:no-repeat;
	}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	div.separacion{ 
		border-bottom:1px solid #e6e6e6;
		clear:both;
		margin:10px 0;
	}
	div.separacion hr{ display:none;}
/*////////////////////////////////////////////////////// formularios //////////////////////////////////////////////////////////////////*/
form.form_contacto{ width:480px; margin-top:27px; float:left;}
form.form_contacto fieldset{ border:none;}
form.form_contacto fieldset legend{ display:none;}
form.form_contacto fieldset div{
	min-height:30px;
	height:auto;
	_height:30px;
	clear:both;
}
form.form_contacto fieldset div label{
	float:left;
	width:76px;
	padding-left:10px;
	background-image:url(http://www.bravologistic.com/images/ico_simple.gif);
	background-position:0 0.4em;
	background-repeat:no-repeat;
	cursor:pointer;
}
form.form_contacto fieldset div input, form.form_contacto fieldset div textarea{
	float:left;
	width:280px;
	border:1px solid #7F9DB9;	
}

form.form_contacto fieldset div textarea{height:100px; width:365px;}
form.form_contacto fieldset div.botones{
	height:25px;
	padding-top:20px;
	padding-left:85px;
}
form.form_contacto fieldset div.botones input.boton{
	width:52px;
	height:14px;	
	border:none;
	color:white;
	cursor:pointer;
	text-align:center;
	background-color:#000099;
	margin:0.5em;

}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Esto intentar hacerlo como una columna auxiliar !!!*/
div.tel_atencion_cliente{
	border-left:1px solid #e6e6e6;
	width:182px;
	float:left;
	padding-left:15px;
	padding-top:5px;
}
	p.con_fondo{background-color:#f1f1f1; padding:0.5em; margin:0 0 10px 0;  text-align:right;}
	span.telefono{ font-size:1.6em; color:#cc0000; font-weight:bold;}
/*//////////////////////////// PRODUCTOS  /////////////////////////////////////////////////////////////////////////////////////////////*/
div.articulo{ 
	width:340px;
	min-height:150px;
	height:auto;
	_height:150px;
	line-height:1.6em;
	float:left;
	padding:20px 0 0 0;
}
div.articulo.impar{border-right:1px solid #eaeaea;}
div.articulo div.imagen{
	float:left;
	width:98px;
	text-align:center;
	vertical-align:bottom;
}
div.articulo div.texto{
	float:left;
	width:220px;
}
div.articulo div.datos{
	position:relative;
	width:213px;
	background-color:#f1f1f1;
	font-weight:bold;
	padding:5px;
}
	div.articulo div.datos div.carrito{
		position:absolute;
		top:0;
		right:0;
	}
	div.articulo div.datos p{ margin-bottom:5px;  _margin-bottom:10px;}
	div.articulo div.datos span{ color:#d60071; margin-left:2px;}
	
	
	
	
	
	div.articulo p.pie_articulo{font-weight:bold;}
	div.articulo p.pie_articulo a{
		font-weight:normal;
		color:#000099;
		text-decoration:underline;
	}
	div.articulo p.pie_articulo a:hover{ text-decoration:none;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.colCentro{	
	width:445px;
	float:left;
	background-image:none;
	margin-top:0px;
	padding:0 5px 0 0;
}
	.colCentro.ancho{	
		width:673px;
		padding:0;
	}
/*//////////////////////////////////////////////////// COLUMNA AUXILIAR ///////////////////////////////////////////////////////////////*/
.colAux{
	width:228px;
	float:right;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.colAux .bloque_2{
	background-color:#f8f8f8;
	background-image:url(http://www.bravologistic.com/images/fnd_home_vertical.gif);
	background-position:0 0;
	background-repeat:repeat-y;
	padding:10px;
	min-height:110px;
	height:auto;
	_height:110px;
}
	.colAux .bloque_2 h3{
		font-size:1.5em;
	}
	.colAux .bloque_2 p strong{
		color:#000099;
	}
	
	
	
	
	/*////////////////////////////////////////////////////// formularios //////////////////////////////////////////////////////////////////*/
form.form_recursos_humanos{ width:400px; margin-top:27px; float:left;}
form.form_recursos_humanos fieldset{ border:none;}
form.form_recursos_humanos fieldset legend{ 
	margin:0 0 20px 0;
	font-weight:bold;
	color:#000099;
	font-size:110%;
}
	form.form_recursos_humanos fieldset legend span{ color:#ffcc00;} 
form.form_recursos_humanos fieldset div{
	min-height:30px;
	height:auto;
	_height:30px;
	clear:both;
}
form.form_recursos_humanos fieldset div label{
	float:left;
	width:76px;
	padding-left:10px;
	background-image:url(http://www.bravologistic.com/images/ico_simple.gif);
	background-position:0 0.4em;
	background-repeat:no-repeat;
	cursor:pointer;
}

form.form_recursos_humanos fieldset div input, form.form_recursos_humanos fieldset div textarea, form.form_recursos_humanos fieldset div select{
	float:left;
	width:280px;
	border:1px solid #7F9DB9;	
}
form.form_recursos_humanos fieldset div span{ width:20px; float:left; text-align:center; font-weight:bold;}
form.form_recursos_humanos fieldset div input.checkbox{

	width:20px;
	border:none;
}
form.form_recursos_humanos fieldset div textarea{height:100px; width:278px;}
form.form_recursos_humanos fieldset div.botones{
	height:25px;
	padding-top:20px;
	padding-left:85px;
}
form.form_recursos_humanos fieldset div.botones input.boton{
	width:auto;	
	border:none;
	color:white;
	cursor:pointer;
	text-align:center;
	background-color:#000099;
	margin:0.5em;
}
ol.pasos{
border-bottom:1px solid #f1f1f1;
padding-bottom:10px;
}
ol.pasos li{
	display:inline;
}
ol.pasos li a{
	color:#fff;
	background-color:#cc0000;
	font-weight:bold;
	padding:0.5em;
}
ol.pasos li a.activo{
	background-color:#669900;
}
ol.pasos li a:hover{
	background-color:#000099;
}
/*///////////////////*/
a.info {
	text-decoration:none; 
	position:relative;
	color:#505050;
	cursor:pointer;
	z-index:1;

}
a.info span {
	display:none;
}
a.info:hover {cursor:default;}

a.info:hover .infobox {
	display:block; 
	position:absolute; 
	top:15px;
	left:0;
	width:250px; 
	height:auto; 
	border: 1px solid #f6f6f6; 	
	color:#000; 
	text-align:left; 
	font-size:1em;
	line-height:1.6em;
	padding:10px;
	background-color:#f6f6f6;
	z-index:1000;
}