@charset "utf-8";
/* CSS Document */
/*************************************BOTONERA SUPERIOR*****************************************/

#bot-sup {
	height:38px
	}

#nav-sup {
  width: 203px;
  height: 38px;
  position: relative;
	float:right;
  margin: 0;    
  padding: 0;
}
#nav-sup li {
  float: left;
}
#nav-sup li a {
	position: absolute;
	margin: 0;
	padding: 0;
	display: block;
	height: 38px;
	background: url(../images/bot-supdos.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	top: 1px;
}
li#nav_eng a {
	width: 51px;
	background-position: 0 0;
}
li#nav_cat a {
	left: 51px;
	width: 51px;
	background-position: -51px 0;
}
li#nav_cas a {
	left: 102px;
	width: 51px;
	background-position: -102px 0;
}
li#nav_fra a {
	left: 153px;
	width: 51px;
	background-position: -153px 0;
}



li#nav_eng a:hover {
  background-position: 0 -38px;
}
li#nav_cat a:hover {
  background-position: -51px -38px;
}
li#nav_cas a:hover {
  background-position: -102px -38px;
}
li#nav_fra a:hover {
  background-position: -153px -38px;
}

li#nav_eng .active {
  background-position: 0 -38px;
}
li#nav_cat .active {
  background-position: -51px -38px;
}
li#nav_cas .active {
  background-position: -102px -38px;
}
li#nav_fra .active {
  background-position: -153px -38px;
}







/*************************************BOTONERA PROCESO1*****************************/


#bot-proces1 {
  width: 654px;
  height: 141px;
  position: relative;
  top:20px;
  left:20px
 
}
#bot-proces1 li {
  float: left;
}
#bot-proces1 li a {
	position: absolute;
	margin: 0;
	padding: 0;
	display: block;
	height: 141px;
	background:  url(../images/bot-proces1.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	top: 1px;
}
li#nav_1 a {
	width: 141px;
	background-position: 0 0;
}
li#nav_2 a {
	left: 170px;
	width: 141px;
	background-position: -170px 0;
}
li#nav_3 a {
	left: 338px;
	width: 141px;
	background-position: -338px 0;
}
li#nav_4 a {
	left: 512px;
	width: 141px;
	background-position: -512px 0;
}



li#nav_1 a:hover {
  background-position: 0 -141px;
}
li#nav_2 a:hover {
  background-position: -170px -141px;
}
li#nav_3 a:hover {
  background-position: -338px -141px;
}
li#nav_4 a:hover {
  background-position: -512px -141px;
}

li#nav_1.active {
  background-position: 0 -141px;
}
li#nav_2 .active {
  background-position: -51px -141px;
}
li#nav_3 .active {
  background-position: -102px -141px;
}
li#nav_4 .active {
  background-position: -153px -141px;
}
/*************************************BOTONERA PROCESO2*****************************************/



#bot-proces2 {
  width: 654px;
  height: 141px;
  position: relative;
  top:30px;
  left:20px
}
#bot-proces2 li {
  float: left;
}
#bot-proces2 li a {
	position: absolute;
	margin: 0;
	padding: 0;
	display: block;
	height: 141px;
	background:  url(../images/bot-proces2.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	top: 1px;
}
li#nav_5 a {
	width: 141px;
	background-position: 0 0;
}
li#nav_6 a {
	left: 170px;
	width: 141px;
	background-position: -170px 0;
}
li#nav_7 a {
	left: 338px;
	width: 141px;
	background-position: -338px 0;
}
li#nav_8 a {
	left: 512px;
	width: 141px;
	background-position: -512px 0;
}



li#nav_5 a:hover {
  background-position: 0 -141px;
}
li#nav_6 a:hover {
  background-position: -170px -141px;
}
li#nav_7 a:hover {
  background-position: -338px -141px;
}
li#nav_8 a:hover {
  background-position: -512px -141px;
}

li#nav_5.active {
  background-position: 0 -141px;
}
li#nav_6 .active {
  background-position: -51px -141px;
}
li#nav_7 .active {
  background-position: -102px -141px;
}
li#nav_8 .active {
  background-position: -153px -141px;
}

/*************************************BOTONERA PROCTOS*****************************************/



#bot-productos {
  width: 654px;
  height: 141px;
  position: relative;
  top:25px;
  left:20px
}
#bot-productos li {
  float: left;
}
#bot-productos li a {
	position: absolute;
	margin: 0;
	padding: 0;
	display: block;
	height: 141px;
	background:  url(../images/bot-prod.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	top: 1px;
}
li#prod1 a {
	width: 141px;
	background-position: 0 0;
}
li#prod2 a {
	left: 170px;
	width: 141px;
	background-position: -170px 0;
}
li#prod3 a {
	left: 338px;
	width: 141px;
	background-position: -338px 0;
}



li#prod1 a:hover {
  background-position: 0 -142px;
}
li#prod2 a:hover {
  background-position: -170px -142px;
}
li#prod3 a:hover {
  background-position: -338px -142px;
}


li#prod1.active {
  background-position: 0 -141px;
}
li#prod2 .active {
  background-position: -51px -141px;
}
liprod3 .active {
  background-position: -102px -141px;
}

/*************************************Botonera Izquierda *****************************************/
#menuvert {
	width: 200px;
	margin: 40px 10px 10px 10px;
	border-style:   none ;
	}

#menuvert li {
	margin:0 0 10px 0
}

#menuvert li a {
	height: 27px;
	text-decoration: none;
	background-color:#e6e6e6;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	color:#999;
	display:block;
	padding: 10px 0 0 10px;
	}	

#menuvert li a:link, #menu li a:visited {

	height: 27px;
	padding: 10px 0 0 10px;
	background-color:#e6e6e6;
	}

#menuvert li a:hover {
	color: #FFF;
	background-image:url(../images/over-izq.jpg);
	padding: 10px 0 0 10px;
	}	
#menuvert .activeder {
	color: #FFF;
	background-image:url(../images/over-izq.jpg);
	padding: 10px 0 0 10px;
	height: 27px;
	font-weight:bold;
	font-size:16px
	}
/*************************************Paginadores *****************************************/

#paginador  {
	width:400px;
	float:right;
	margin: 20px 50px 0 0
}

#pagination-digg li          
{ border:0; margin:0; 
padding:0; font-size:10px; 
list-style:none; 
/* savers */ float:left; }
#pagination-digg a           
{ border:solid 1px #CCCCCC; 
margin-right:2px; }
#pagination-digg .previous-off,
#pagination-digg .next-off   
{ border:solid 1px #DEDEDE; 
color: #666666; display:block; 
float:left; font-weight:bold; 
margin-right:2px; padding:3px 3px; }
#pagination-digg .next a,
#pagination-digg .previous a 
{ font-weight:bold; }	
#pagination-digg .active     
{  font-size: 14px; background: #E6E6E6; 
color:#BE1E2D; font-weight:bold; 
display:block; float:left; 
padding:5px 10px; /* savers */ 
margin-right:2px; 
border:solid 1px #999; }
#pagination-digg a:link, 
#pagination-digg a:visited   
{ font-size: 14px; color: #666666;
display:block; float:left; 
padding:5px 10px; 
text-decoration:none; }
#pagination-digg a:hover     
{ border:solid 1px #999; }