@import url("kb.css");

/* Garetto CSS */



#searchBox .inputGrtto{



	cursor:pointer;



	background:#A8A6A9;



	color:white;



	width:60px;



	height:19px;



	border-top:solid 1px white;



	border-left:solid 1px white;



	font-size:9px;



	/*font-weight:bold;*/



	}	



	.inputGrtto{



	cursor:pointer;



	background:#A8A6A9;



	color:white;



	width:60px;



	height:19px;



	border-top:solid 1px white;



	border-left:solid 1px white;



	font-size:9px;



	/*font-weight:bold;*/



	}	







*{



	margin:0;



	/*padding:0;*/



	}



body{



	font:11px 'Trebuchet' sans-serif;



	text-align:center;



	background:url(../gfx/bodyBackgroundkobb.png) top left repeat-x;



	color:#5B5962;



	margin:0;



	padding:0;



	}



	



/*structure*/







#fakeBody{



	height:250px;



	position:relative;



	}



#wrapper{



	width:765px;



	margin:0 auto;



	padding:7px 7px 0 7px;



	position:relative;



	}



	



	#balloon {



	z-index:3000;



	position:absolute;



	top:44px;



	right:-3px;



	margin:0;



	padding:0;



	width:82px;



	height:82px;



	}



	* html #balloon{



	position:absolute;



	top:44px;



	right:2px



	}



	



#headContenido {



	z-index:2000;



	position: relative;



}



#infoheader {



	position: absolute;



	top: 27px;



	right: 90px;



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



	font-weight: bold;



	color: #FFFFFF;



	height: 25px;



	width: 520px;



	font-size: 15px;



	text-align: center;



	padding: 2px 2px 0px;



	border: 1px solid #FF9933;



	background-color: #990000;



		



}



#mainNav{



	text-align:right;

	margin-bottom: 10px;

	}







#logoHolder{



	text-align:left;



	margin:0;



	padding:0;



	}



#mainHeader{



	background:url(../gfx/headerBackground.png) top left no-repeat;



	height:195px;



	position:relative;



	overflow:hidden;



	/* margin-top: 3px; */



	margin-top: 0px;



	margin-right: 0;



	margin-bottom: 0;



	margin-left: 0;



	padding-top: 32px;



	padding-right: 0;



	padding-bottom: 0;



	padding-left: 0;



	/*border:solid 1px red;*/



	}







#mainHeader{



*margin-top: 0px;



}







	/** html #mainHeader{



	margin:0 0 0 0;



	}*/



	



#contentArea{



	background:url(../gfx/contentAreaBackground.png) top left no-repeat;



	height:780px;



	padding:0 7px 0 7px;



	/*border:solid 1px black;*/



	}



#contentAreaInside{



	background:url(../gfx/contentAreaBackgroundInside.png) top left no-repeat;



	height:1%;



	padding:15px 7px 0 7px;



	text-align:center;



	/*border:solid 1px black;*/



	position:relative;



	top:0px;



	left:0px;



	}



/*#footer{



	background:#8C8A91;



	padding:0 0 70px 0;



	height:1%;



	}*/

#footer{

	background-color: #8C8A91;

	height: 620px;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 0;

	}

#footerContent{

/*	width:765px;

	background-image: url(../gfx/new-footerBackground.png);

	background-repeat: no-repeat;

	background-position: left top;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 0px;

	padding-right: 0;

	padding-bottom: 60px;

	padding-left: 0;

	border:solid 1px red; // boorar esta

	}

*/

	width:765px;

	background:url(../gfx/new_footerBackground.png) top left no-repeat;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 0px;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 0;	/*border:solid 1px red;*/

	height: 600px;

	}

.spacer{



	clear:both;



	}



	



	



/*inside*/







.horBlock{



	border-top:solid 5px #990000;



	padding:0 33px;



	clear:both;



	}



.singleBlock{



	background:url(../gfx/vertDivider.gif) bottom right no-repeat;



	width:240px;



	float:left;



	/*border:solid 1px red;*/



	margin:0 0 20px 0;



	text-align:center;



	padding:0 15px;



	}



.singleBlockBottomArea{



	background:url(../gfx/vertDivider.gif) bottom right no-repeat;



	width:195px;



	float:left;



	/*border:solid 1px red;*/



	margin:0 0 20px 0;



	text-align:center;



	padding:0 15px 0 15px;



	}



.singleBlockBottomAreaNoBr{



	width:205px;



	float:right;



	margin:0;



	text-align:center;



	padding:0px 10px 0px;



	}



#searchBox{

	border:solid 2px white;

	/*background:#F5F4F0;*/

	width:85%;

	padding:8px;

	margin:0 auto;

	position:relative;

	text-align:center;

	color:#333;

	}	



#searchBox h1{

	text-align: center;

	padding-bottom: 10px;

	}	





	#grayBox{



	border:solid 2px white;



	background:#F5F4F0;



	width:95%;



	padding:8px;



	margin:0 auto;



	position:relative;



	text-align:center;



	color:#333;



	}	



.formElemHolder{



	/*border:solid 1px red;



	float:left;*/



	margin:0 10px 0 0;



	width:inherit;



	}



#sideBar{



	/*border:solid 1px red;*/



	width:157px;



	float:left;



	position:relative;



	left:43px;



	}



#mainContent{



	/*border:solid 1px red;*/



	margin:0 25px 0 0;



	width:474px;



	float:right;



	}



.greyBoxContent{



	background:#F6F6F6 url(../gfx/greyBoxContentBackgrd.png) top left no-repeat;



	padding:0 19px 8px 19px;



	}



.greyBoxEnd{



	height:7px;



	background:url(../gfx/greyBoxEndBackgrd.png) top left no-repeat;



	margin:0 0 25px 0;



	}



.yellowBoxContent{



	background:#FFEFB7 url(../gfx/yellowBoxContentBackgrd.png) top left no-repeat;



	padding:0 19px 8px 19px;



	/*border:solid 1px red;*/



	}



.yellowBoxEnd{



	height:7px;



	background:url(../gfx/yellowBoxEndBackgrd.png) top left no-repeat;



	}



 #pager, #pagerProd{



	padding:3px;



	/*border:solid 1px black;*/



	text-align:center;



	}



.listBlock{

	/*border:solid 1px red;*/



	/*width: 160px;

/*	text-align: left; */

	float: left;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 0;

	margin-left: 0;

	}

.listBlockllff{

	/*border:solid 1px red;*/



	width: 600px;

	text-align: left;

	/*float: left ;*/

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10;

	margin-left: 0;

	}	



.listBlock_l{



	/*border:solid 1px red;*/



	/*text-align:left;*/



	margin:20px 10px 0 0;



	}



.listBlock_f{



	border:solid 1px red;*/



	text-align:center;



	margin:20px 10px 0 0;



	}



#bottomArea{



	/*border:solid 1px red;*/



	width:90%;



	margin:10px auto 0 auto;



	padding:20px 0 0 0;



	}



.prodDisplay{



	padding:15px;



	background:#FAF9F7;



	height:150px;



	}		



/*formatting*/	







#mainNav a:link,



#mainNav a:visited,



#mainNav a:active{

	color:white;

	text-decoration:none;

	font-weight: bold;

	margin:0px 20px 0 3px;

	}



#mainNav a:hover{

	color:#FF9900;

	text-decoration:none;

	font-weight: bold;

	}



#mainNav a.clientsLogin:link{



	font-weight:bold;



	color:#FF9900;



	text-decoration:none;



	}



#mainNav a.clientsLogin:hover{



	color:white;



	}



.tabDestacado{



	background:url(../gfx/h1Destacado.gif) top left no-repeat;



	width:96px;



	height:24px;



	text-transform:uppercase;



	color:black;



	font-size:11px;



	text-align:center;



	margin:0 0 20px 0;



	}



p{



	line-height:19px;



	margin:0 0 15px 0;



	}



#mainContent p{



		text-align:justify;



		}



	



h1{



	color:#A05332;



	font-size:11px;



	text-transform:uppercase;



	text-align:left;



	font-weight:bold;



	}



#mainContent h1{



	color:#333;



	margin: 0 0 10px 0;



	}







h2{



	color:#000;



	text-transform:uppercase;



	font-size:11px;



	}



.yellowBoxContent h2{



	text-align:center;



	}



SELECT, input{



	font-size:11px;



	border:solid 1px black;



	padding:2px;



	height:18px;



	}



#mainHeader h1{



	margin:0 0 0 52px;



	}







#searchBox SELECT, #searchBox input{



	/*display:block;



	float:left;*/



	margin:0 10px 0 0;



	padding:0;



	width:110px;



	}



	#grayBox SELECT, #searchBox input{



	/*display:block;



	float:left;*/



	margin:0 10px 0 0;



	padding:0;



	width:80px;



	}



ul{



	text-align:left;



	}



.greyBoxContent h1, .yellowBoxContent h1{



	margin:0 0 22px -5px;



	}



.greyBoxContent ul{



	margin:15px 0 0 15px;



	line-height:19px;



	}	



.greyBoxContent li{



	display:block;



	}



a:link, a:active, a:visited{



	text-decoration:none;



	color:#990000;



	}



a:hover{



	color:#333;



	}



.greyBoxContent a:link, .greyBoxContent a:active, .greyBoxContent a:visited{



	border-bottom:solid 1px #DDDDDD;



	display:block;



	text-align:left;



	padding:5px 0 5px 10px;



	background:url(../gfx/redDot.gif) top left no-repeat;



	font-weight:bold;



	}



.greyBoxContent a:hover{



	background:url(../gfx/blackDot.gif) top left no-repeat;



	}



.listBlock2 a:link,



.listBlock2 a:active,



.listBlock2 a:visited{



	display:block;



	text-align:left;



	padding:5px 0 5px 10px;



	background:url(../gfx/redDot.gif) top left no-repeat;



	}



.listBlock2 a:hover{



	background:url(../gfx/blackDot.gif) top left no-repeat;



	}



.greyBoxSelected{



	border-bottom:solid 1px #DDDDDD;



	display:block;



	text-align:left;



	padding:5px 0 5px 10px;



	background:url(../gfx/blackDot.gif) top left no-repeat;



	font-weight:bold;



	}



#pager ul{



	text-align:center;



	}



#pager li{



	display:inline;



	margin:0 8px 0 0;



	}



#pager a:link,  #pager a:active, #pager a:visited{



	border:solid 0px white; /*era un pixel*/



	padding:0 3px 0 3px;



	}



#pager a:hover{



	/*border:solid 1px #333;  */ /* Borde de los vinculos */



	padding:0 3px 0 3px;



	}



#pagerProd a img{



	background:none;



	display:inline;



	/*border:solid 1px red;*/



	margin:10px 5px 0 5px;



	}



.selected{



	border:solid 1px white;



	padding:0 3px 0 3px;



	font-weight:bold;



	}



.listBlock li{



	list-style-type:none;



	}



.listBlock li a:link, .listBlock li a:active, .listBlock li a:visited{



	display:block;



/*	text-align:left;*/



	clear:left;



	text-transform:uppercase;



	margin:0 0 30px 0;



	color:black;



	text-decoration:none;



	border:none;



	}



.listBlock li a:hover{



	color:#990000;



	text-decoration:none;



	border:none;



	}



	



.listBlock_l li{



	list-style-type:none;



	border-bottom: #999999 dotted 1px;



	}



.listBlock_l li a:link, .listBlock_l li a:active, .listBlock_l li a:visited{



	display:block;



	text-align:left;



	text-transform:uppercase;



	margin:8px 0 8px 0;



	color:black;



	text-decoration:none;



	border:none;



	}



.listBlock_l li a:hover{



	color:#990000;



	text-decoration:none;



	border:none;



	}



	



.listBlock_f li{



	list-style-type:none;



	}



.listBlock_f li a:link, .listBlock_f li a:active, .listBlock_f li a:visited{



	display:block;



	float:left;



	text-transform:uppercase;



	text-align:center;



	margin:0 5px 10px 80px;



	color:black;



	text-decoration:none;



	padding: 5px;



	width: 280px;



	}



.listBlock_f li a:hover{



	color:#990000;;



	text-decoration:none;



	border:none;



}



.listBlock1, .listBlock2{



	/*border:solid 1px red;*/



	width:210px;



	text-align:left;



	float:left;



	margin:15px 10px 0 10px;



	}



	



#bottomArea h1{



	text-align:center;



	margin:0 0 15px 0;



	}



	



/*images*/







.imgLeftMainNav{



	float:left;



	margin:0 4px 0 0;



	}



#mainNav img{



	position:relative;



	top:3px;



	}



a img{



	border:none;



	}



.gralHeaders{



	margin:0 0 5px 0;



	}



.imgRightSearch{



	float:right;



	margin:5px 60px 0 0;



	}



.imgLeft{



	float:left;



	margin:0 10px 0 0;



	}



.ulCarro {







}



.liCarroA {



	font-size:9px;



	padding: 1px 0 1px;



	margin-bottom:1px;



	margin-top:1px;



	display:compact;



	margin-left: 0px;



	background-color:#FEF5E7;



	line-height:1;



}



.liCarroB {



	font-size:9px;



	padding: 1px 0 1px;



	margin-bottom:1px;



	margin-top:1px;



	display:compact;



	margin-left: 0px;



	line-height:1;



}



.campoCant{



	width:40px;



	padding-left:3px;



	padding-right:3px;



}



.txtMini{



	width:20px;



	height:13px;



	font-size:9px;



	padding:1px;



}



.aviso{



	color:#FF0000;



	font-size:12px;



	font-weight:bold;



}







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



label{



	float:left;



	white-space:nowrap;



	text-align:left;



}



legend{



	font-size:120%;



	font-weight:bold;



}



fieldset{



	padding:5px;



}







.inpChico{



	width:95px;



	margin:2px 0px;



	height: 16px;



	padding: 1px 2px;



	font-size: 12px;



}



#cfc {



	padding:38px 0px 12px 18px;



	margin-bottom:20px;



	background:url(../gfx/fond_oc.gif) no-repeat top;



	text-align: center;



}



.lbl{



	width:50px;



	text-align:left;



	padding: 4px 0 0;



	margin:0px;



	color: #333333;



	font-weight: bold;







}



#bottomArea h1.esp {



padding:0px;



margin:25px 0px 0px;



text-align:left;



font-size:120%;



}



.floatleft {



float:left;



}



.floatright {



float:right;



}



.relativo {



position:relative;



}







h3.esp {



	padding:0;



	margin:30px 0px 0px;



	font-size:120%;



	text-align:left;



	color: #a05332;



	font-size: 11px;



	text-transform: uppercase;



	text-align: left;



	font-weight: bold;



}







.pie_logo{



  color:white;



	padding:0;



  padding-left:px;



}



h4 {



	margin: 0px;



	padding: 0px;



	font-size: 10px;



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



}



.alert{



text-align:center;



	font-weight:bold;



	color:#900;



}

.piedelogo{

	color:#FFF;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

	margin-left: 10px;

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

	font-size: 10px !important;

}

.viendof {

	width: 186px;

	height: 280px;

	text-align: center;

	border-radius: 10px;

	border: 2px solid #F5F5F5;

	background-color: #FFF;

	padding-top: 0px;

	padding-right: 6px;

	padding-left: 6px;

	float: left;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 0px;

	padding-bottom: 0px;



}

.viendollff {

	width: 180px;

	height: 100px;

	text-align: left !important;

	border-radius: 10px;

	border: 2px solid #F5F5F5;

	background-color: #FFF;

	padding-top: 0px;

	padding-right: 6px;

	padding-left: 6px;

	float: left !important;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 0px;

	padding-bottom: 0px;



}