/********************************

 ESTILOS CIAO

*******************************/



/* MENU PRINCIPAL

*******************************/

#cabciao {

	padding-top:4px;

	padding-bottom:4px;

	padding-left:5px;

	padding-right:4px;

}



#cabciaoimg {

/*	background:#821C29;	*/

	width:768px;

}



#navciao_wrap {

	height:20px;

	width:768px;

/*	background:#F2C47C;*/

}



#navciao {

	overflow:hidden;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}

#navciao li {

	padding:0px;

	border:0px;

	margin:0px;

	list-style:none;

	float:left;

}



#navciao ul {

	padding:0px;

	/*Modificar el valor padding-left para central el menu*/

	border:0px;

	margin:0px;

	list-style:none;

}



#navciao a {

/*	width:250px;*/

	width:187px;

	height:16px;

	font-weight:bold;

	font-size:12px;

	padding:0px 0px 0px 0px;

	float:left;

	display:block;

	text-align:center;

	text-decoration:none;

}





#navciao a {

	color:#821C29;

	background:#FFDBA2;

	border-top: #F2C47C 2px solid;

	border-left: #F2C47C 2px solid;

	border-bottom: #F2C47C 2px solid;

	border-right: #F2C47C 2px solid;

	text-decoration:none;

}



#navciao a:hover, #navciao .last a:hover {

	color:#821C29;

	background:#FFFBC7;

	border-top: #F2C47C 2px solid;

	border-left: #F2C47C 2px solid;

	border-bottom: #F2C47C 2px solid;

	border-right: #F2C47C 2px solid;

	text-decoration:none;

}



#navciao .last a {

	/*width:254px;*/

	width:189px;

	height:16px;

	font-weight:bold;

	font-size:12px;

	padding:0px 0px 0px 0px;

	float:left;

	display:block;

	text-align:center;

	text-decoration:none;

}





#navciao .on a, #navciao .last .on a {

	color:#FFFFFF;

	background:#821C29;

	border-top: #821C29 2px solid;

	border-left: #821C29 2px solid;

	border-bottom: #821C29 2px solid;

	border-right: #821C29 2px solid;

	text-decoration:none;

}



#navciao .on a:hover, #navciao .last .on a:hover {

	color:#FFDBA2;

	background:#821C29;

	border-top: #821C29 2px solid;

	border-left: #821C29 2px solid;

	border-bottom: #821C29 2px solid;

	border-right: #821C29 2px solid;

	text-decoration:none;

}



.ciao h6{

	font-size:17px;

	font-weight:bold;

	color: #821C29;

}



.ciaobold{

	color: #821C29;

}



.ciaobold2{

	color: #d3720e;

}







/* SELECTOR FAMILIAS

*******************************/



#navciaoislas_wrap {

	width:160px;

}



#navciaoislas {

	overflow:hidden;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

}

#navciaoislas li {

	padding:0px;

	border:0px;

	margin:0px;

	list-style:none;

/*	float:left;*/

}



#navciaoislas ul {

	padding:0px;

	/*Modificar el valor padding-left para central el menu*/

	border:0px;

	margin:0px;

	list-style:none;

}



#navciaoislas a {

	width:150px;

	font-weight:bold;

	font-size:10px;

	padding:5px 0px 5px 10px;

/*	float:left;*/

	display:block;

	text-decoration:none;

}





#navciaoislas a {

	color:#3A6397;

	background:#FFFFFF;

	text-decoration:underline;

}



#navciaoislas a:hover {

	color: #be1119;

	background:#FFFFFF;

	text-decoration:underline;

}





#navciaoislas .on a {

	color:#821C29;

	font-size:11px;

	background:#FFFBC7;

	text-decoration:none;

}



#navciaoislas .on a:hover {

	color:#821C29;

	background:#FFFBC7;

	text-decoration:none;

}


.grupoislas
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#616161;
	margin: 9px 0 1px 0;	
}


/* TABLA PRODUCTOS

*******************************/



#ciaofamilia {

	padding:3px 0px 3px 7px;

	font-size:14px;

	font-weight:bold;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#FFFFFF;

	background:#821C29;
}



#ciaofamiliacab {

	padding:6px 0px 4px 10px;

	font-size:13px;

	font-weight:bold;

	height:18px;

	background:#F2C47C;

	color:#821C29;


}



.ciaosubfamiliacab {

	padding:3px 0px 1px 10px;

	font-size:10px;

	font-weight:bold;

	height:16px;

	background:#FFFBC7;

	color:#000000;

}



.ciaosubsubfamiliacab {

	padding:3px 0px 1px 15px;

	font-size:10px;

	font-weight:normal;

	height:16px;

	background:#EFF0F2;

	color:#000000;

}



.ciaoproducto {

	padding:8px 0px 8px 20px;

	font-size:11px;

	font-weight:normal;

	background:#FFFFFF;

	color:#000000;

	margin:0px;

}



.ciaoproductopar {

	padding:8px 0px 8px 20px;

	font-size:11px;

	font-weight:normal;

	background:#F5F6F8;

	color:#000000;

	margin:0px;

}



.ciaoproducto .desc, .ciaoproductopar .desc {

	width:350px;

	float:left;

	padding-right:10px;

}

.ciaoproducto .descwide, .ciaoproductopar .descwide {

	width:295px;

	float:left;

	padding-right:10px;

}

.ciaoproducto .impo, .ciaoproductopar .impo {

	float:left;

	width:54px;

	text-align:right;

}



.ciaoproducto .btana, .ciaoproductopar .btana {

	float:left;

	width:80px;

	text-align:right;

	margin-top:-2px;

}



.fix {

	clear:both;

}
/* fin modificacion omer */





/* BANDEJA VIRTUAL

*******************************/

#bandejavirtual_wrap {

	margin-top:22px;

	background:#821C29;

	padding-left:4px;

	padding-right:4px;

	line-height:1.1;

}

#bandejavirtual_cab {

	padding:3px 0px 3px 7px;

	font-size:12px;

	font-weight:bold;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#F2C47C;

}



#bandejavirtual {

	padding:1px;

	font-size:10px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#000000;

	background:#FFFFFF;

	display:block;

	line-height:1.1;	

}



#bandejavirtual .vacia{

	padding:10px;

	font-size:12px;

	color:#000000;

	background:#FFFFFF;

	text-align:center;

}



.bandejaproducto {

	padding:8px 0px 8px 0px;

	font-size:11px;

	font-weight:normal;

	background:#FFFFFF;

	color:#000000;

	margin:0px;

}



.bandejaproductopar {

	padding:8px 0px 8px 0px;

	font-size:11px;

	font-weight:normal;

	background:#F5F6F8;

	color:#000000;

	margin:0px;

}



.bandejaproducto .btana, .bandejaproductopar .btana {

	float:left;

	width:60px;

	text-align:left;

	padding-left:2px;

	margin-top:0px;

}



.bandejaproducto .desc, .bandejaproductopar .desc {

	width:380px;

	float:left;

	padding-right:10px;

}



.bandejaproducto .impo, .bandejaproductopar .impo {

	float:left;

	width:54px;

	text-align:right;

}


.bandejaproducto .desc2, .bandejaproductopar .desc2 {

	width:340px;

	float:left;

	padding-right:10px;

}



.bandejaproducto .impo2, .bandejaproductopar .impo2 {

	float:left;

	width:94px;

	text-align:right;
	
	font-weight:bold;
	
	color:#CC0000;

}


.bandejahr {

	border-top: 1px solid #CCCCCC;

	height:1px;

	margin:8px 2px 2px 2px;	

}


.bandejaresto {
	
	margin:0px 2px 8px 2px;	

}

.bandejaresto .res {
	
	color:#666666;
	font-weight:bold;

}

.bandejaresto .gra {
		
	font-size:13px;
}


#bandejavirtual_pie {

	padding:3px 7px 3px 7px;

	font-size:12px;

	font-weight:bold;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#FFFFFF;

}



#bandejavirtual_pie .totprod{

	margin-top:7px;

	width:95px;

	float:left;

	color:#FFFBC7;

}



#bandejavirtual_pie .totimpo{

/*	width:125px;*/

	float:right;

	font-size:13px;

}



#ciaobotonesfin {

	margin-top:24px;

	text-align:center;

}



#cmrcaviso {

	margin-top:15px;

}



/* MODS DESTACADOS

*******************************/



#ciaopromo {

	font-size:10px;

	line-height:1.4;

	margin-bottom:25px;

}



/* LAYOUT DOS COL

*******************************/

#ciao2colcont {

	width:361px;

	float:left;

	line-height:1.8;

	font-size:12px;

}



#ciao2coldest {

 width:161px;

 float:left;

 margin-right:30px;

}

.ciao h5{

	font-size:12px;

	font-weight:bold;

	color: #821C29;

}







#destacado {

	color:#821C29;

	background:#FFDBA2;

	border-top: #F2C47C 2px solid;

	border-left: #F2C47C 2px solid;

	border-bottom: #F2C47C 2px solid;

	border-right: #F2C47C 2px solid;

	padding:10px;

	text-align:center;

}



.csf {

	color:#ffffff;

	background-color:#821C29;

	font-size:15px;

	font-weight:bold;

}



.csc {

	color:#821C29;

	background-color:#F2C47C;

	font-size:13px;

	font-weight:bold;	

}



.css {

	color:#000000;

	background-color:#fffbc7;

	font-size:11px;

	font-weight:bold;	

}



.csss {

	color:#000000;

	background-color:#eff0f2;

	font-size:10px;

}

.csp {

	color:#000000;

	font-size:11px;

}

#promobases {
	margin-top:8px;
	background-color:#ffdba2;
	color:#821c29;
	font-size:9px;
	padding:4px 5px 0px 5px;
	height:16px;
	text-align:right;
}

#promobases a {
	color:#821c29;
	text-decoration:underline;
}