@CHARSET "UTF-8";

/* CSS Document */

html{
   overflow:-moz-scrollbars-vertical;
}

body{
	color: #666666;
	font-family: Lato, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.7em;
	margin: 0px;
	padding:0px;
}


p{
   margin: 0px 0px 1em 0px;
}

a{
	color: #666;
	text-decoration: none;
	cursor: pointer;
}
	a:hover{
		color: #333333;
	}

h1, h2, h3, h4, h5, h6{
	font-family: Lato, Arial, sans-serif;
	color: #044E99;
	background-position: left top;
	background-repeat: no-repeat;
	margin: 2em 0px 1em 0px;
}
h1 span.h, h2 span.h, h3 span.h, h4 span.h, h5 span.h, h6 span.h, button span.h{
	display: none;
}
span.h{
   display: none;
}
h1 a.b, h2 a.b, h3 a.b, h4 a.b, h5 a.b, h6 a.b{
	display: block;
	height: 100%;
	text-decoration: none;
}
button{
   cursor: pointer;
}

hr {
	display: none;
	height: 0px;
}

abbr {
	border-bottom: 1px dotted #006699;
}

	.clear {
		clear: both;
		margin: 0;
		padding: 0;
	}


	/*====== 17 - 09 
	#wrapper{
      background: #FFF url(../images/body-bg.jpg) top left repeat-x;
	}
	*/
      #c-wrapper{
         margin: 0 auto;
         width: 820px;
      }
  
   
   
   #w-usrBar{
      background: #686663 url(../images/usr_bg.gif) center bottom no-repeat;
      color: #FFF;
      padding: 10px 0 10px 0;
      display: none;
   }   
      #usrBar{
         width: 820px;
         margin: 0 auto;
         position: relative;
      }

      #usrBar a{
         color: #FFF;
         text-decoration: none;
      }
      #usrBar p a:hover{
         text-decoration: underline;
      }

         #usrBar form{
            height: 44px;
            margin: 0;
            padding: 0;
            height: 35px;
         }
            #usrBar form p{
               margin: 0px;
               color: #FFF;
               font-size: 12px;
               text-align: right;
            }
               #usrBar form p label{
                  margin-right: 10px;
               }
               #usrBar form p label input{
                  font-size: 11px;
                  height: 13px;
                  line-height: 13px;
                  border: none;
                  outline: none;
                  padding: 5px;
                  margin: 0; 
               }
               #txtLoginPwd{
                  width: 85px;
               }
               #usrBar button{
                  width: 100px;
                  border: none;
                  outline: none;
                  background: #999;
                  color: #FFF;
                  padding: 0px;
                  height: 23px;
               }

               #usrBar button:hover{
                  width: 100px;
                  border: none;
                  outline: none;
                  background: #333;
                  color: #FFF;
                  padding: 0px;
                  height: 23px;
               }


            #usrBar-Links{
               color: #CCC;
               font-size: 11px;
               text-align: right;
            }
   
   #w-usrBar.logued{
      display: block;
      height: 20px;
   }
      #usrBarUser{
         text-align: right;
         margin: 0px;
         height: 20px;
         line-height: 20px;
      }
         #usrBarUser small{
            font-size: 11px;
            color: #CCC;
            margin-left: 10px;
            height: 20px;
            line-height: 20px;
            border-left: 1px solid #999;
            padding-left: 10px;
         }
            #usrBarUser small a{
               color: #CCC;
            }
               #usrBarUser small a:hover{
                  color: #FFF;
               }

      #usrBarUser-Usr{
         color: #FFF;
         font-size: 14px;
         font-weight: bold;
         padding-left: 20px;
         background: url(../images/usrbar-icons.png) 0px -2px no-repeat;
      }
      #usrBarShowCar{
         padding-left: 20px;
         background: url(../images/usrbar-icons.png) 0px -22px no-repeat;
         margin-right: 10px;
      }
      #usrBarUser-Logout{
         padding-left: 20px;
         background: url(../images/usrbar-icons.png) 0px -42px no-repeat;
      }

      
      #usrBarCar{
         display: none;
         position: absolute;
         top: 25px;
         right: 0px;
         z-index: 250;
         background: #686663;
         border: 1px solid #000;
         padding: 5px 10px;
         width: 215px;
      }
         #usrBarCarItems{
            border-collapse: collapse;
            border: none;
            margin: 0;
            width: 100%;
         }
            #usrBarCarItems tr{
            }
               #usrBarCarItems td{
                  height: 20px;
                  line-height: 20px;
                  border-bottom: 1px solid #999;
                  padding: 0 0 5px 0;
               }
               #usrBarCarItems td.cnt{
                  width: 30px;
               }
               #usrBarCarItems td.dsc{
               }
      
      #usrBarCar p{
         padding: 0;
         background: none;
         margin: 0;
      }
   
   
   

   #header{
      height: 114px;
      position: relative;
      /*====== 17 - 09  
      background: url(../images/header_bg.png) right top no-repeat;
      */
   }
      #header h1{
         width: 105px;
         height: 56px;
         position: absolute;
         top: 26px;
         left: 3px;
         background: url(../images/header-logo_bg.png) left top no-repeat;
         margin: 0px;
      }
      
      #w-btnCliente{
         position: absolute;
         top: 0px;
         right: 0px;
         color: #FFF;
         height: 21px;
         font-size: 10px;
         line-height: 21px;
      }
         #w-btnCliente span a{
            color: #FFF;
            font-weight: bold;
            text-decoration: none;
         }
            #w-btnCliente span a:hover{
               text-decoration: underline;
            }
         #btnCliente{
            color: #fff;
            font-size: 10px;
            text-align: left;
            padding-left: 15px;
            margin-left: 10px;
            background: transparent url(../images/usr-btn_bg.png) left top no-repeat;
            width: 104px;
            height: 21px;
            border: none;
            outline: none;            
         }
         .btnCliente{
            color: #fff;
            font-size: 10px;
            text-align: left;
            padding-left: 15px;
            margin-left: 10px;
            background: #e22832 url(../images/usr-btn_bg.png) right top no-repeat;
            width: 104px;
            height: 21px;
            border: none;
            display: block;
            outline: none;
            padding-right:10px;
            border-radius:0 0 5px 5px;        
         }
         .btnCliente:hover{color:white;}


      #w-mnuMain{
         position: absolute;
         bottom: 0px;
         left: 0px;
         background: #e22832;
         height: 25px;
         width: 820px;
      }
         #mnuMain{
            list-style-type: none;
            margin: 0;
            padding: 0;
            height: 25px;
            float: left;
            width: 645px;
         }
            #mnuMain li{
               height: 25px;
               float: left;
               border-left: 1px solid #EEE;
            }
               #mnuMain li a{
                  display: block;
                  text-align: center;
                  height: 25px;
                  line-height: 25px;
                  text-decoration: none;
                  font-family: Lato, Arial ,sans-serif;
                  font-size: 10px;
                  color: #fff;
                  text-transform: uppercase;
                  padding: 0px 11px;
                  width: auto;
                  float: left;
                  font-weight:bold;
               }
                  #mnuMain li a:hover {
					  background: url("../images/mnu-opt_bg.png") no-repeat scroll right bottom #6b6b6b;
					  color: #fff;
					}
                  #mnuMain li a.on{
                     background: #6b6b6b;
                     color: #fff; 
                  }
         
         #frmSearch{
            padding: 2px 5px 1px 0px;
            height: 22px;
            line-height: 23px;
            text-align: right;
            width: 170px;
            background: #e22832;
            float: right;
         }
            #txtSearchQry {
			  border: medium none;
			  color: #999;
			  font-size: 11px;
			  height: 15px;
			  margin-top: 1px;
			  padding: 2px;
			  width: 130px;
			}
               #btnSearchSbm{
                  background: transparent url(../images/search-btn_bg.png) left top no-repeat;
                  height: 21px;
                  width: 21px;
                  border: none;
                  outline: none;
                  margin-left: 5px;
                  padding: 0px;
                  vertical-align: top !important;
                  vertical-align: inherit;
               }   
   
   #cntTextSearch{
   	float: left;
   }
   
   #cntBtnSearch{
   	float: right;
	margin-right:7px;
   }

   #container{
      margin-top: 10px;
      padding: 1px 0px 1px 0px;
   }






   #footer{
      border-top: 1px solid #999;
      width: 820px;
      margin: 30px auto 20px;
      padding-top: 10px;
      color: #666;
      font-size: 11px;
      overflow:hidden;
      height:20px;
   }
      #footer a{
         color: #666;
         text-decoration: none; 
      }
         #footer a:hover{
            text-decoration: underline;
         }

      #footerLogo{
         background: url(../images/footer-logo_reunion_industrial.png) no-repeat left top;
         width: 134px;
         height: 11px;
         margin: 3px 20px 0 0;
         float: left;
      }
         #footerLogo a{
            display: block;
            background: url(../images/footer-logo_reunion_industrial.png) no-repeat left top;
            width: 155px;
            height: 23px;
         }
      
      #footerCopy{
         float: left;
         margin-left: 30px;
      }
         #footerCopy p,
         #footerInfo p{
            line-height: 15px;
         }

      #footerIngenia{
         float:right;
         margin-top: -4px;
         width: 17px;
         height: 20px;
         margin-left: 10px;
      }
         #footerIngenia a{
            display: block;
            background: transparent url(../images/footer-ingenia_bg.png) left top no-repeat;
            width: 17px;
            height: 20px;
         }
            #footerIngenia a:hover{
               background-position: 0px -20px;
            }
      
      #footerLang{
         font-size: 12px;
         color: #666;
         float: right;
         margin: -3px 0 0 0;
         padding-right: 25px;
      }
         #footer #footerLang a{
            color: #333;
            background: url(../images/footer-lang-icon.png) no-repeat left;
            padding: 0 10px;
         }


         
/* Paginacion */
		.pagination {
		    padding: 3px;
		    margin: 3px;
			float: right;
		  }
		  .pagination a {
		    padding: 2px 5px 2px 5px;
		    margin: 2px;
		    border: 1px solid #e22832;
		    text-decoration: none;
		    color: #184878;
		  }
		  .pagination a:hover, .pagination a:active {
		    border: 1px solid #e22832;
		    color: #000;
		  }
		  .pagination span.current {
		    padding: 2px 5px 2px 5px;
		    margin: 2px;
		    border: 1px solid #ffffff;
		    font-weight: bold;
		    background-color: #ffffff;
		    color: #666666;
		  }
		  .pagination span.disabled {
		    padding: 2px 5px 2px 5px;
		    margin: 2px;
		    border: 1px solid #eee;
		    color: #ddd;
		  }
	
a.sin_raya{
	text-decoration: none;
	color: #ffffff;
}

a.sin_raya:hover{
	text-decoration: none;
	color: #ffffff;
}

/*====== 17 - 09 */

#v-nav  ul {
  float: left;
  margin: 0 0 20px 5px;
  overflow: hidden;
  padding: 0;
  width: 200px;
}
#rei-prod-sb {
	  float: left;
	  width: 200px;
	}
.rei-prod-item, .has-sub, .sub-menu li {
	  background: url("../images/submnu-icon_subitem.png") no-repeat scroll left center transparent;
	  border-bottom: 1px solid #ececec;
	  color: #e22832;
	  cursor: pointer;
	  list-style: none outside none;
	  margin: 0;
	  padding: 3px 0 3px 12px;
	  width: 185px;
	}
.rei-prod-item:last-of-type {
    border: medium none;
}
.sub-menu li {
  margin-left: 20px;
}	
#v-nav .current {
  background: url("../images/submnu-icon_subitem_on.png") no-repeat scroll left center transparent;
  font-weight: bold;
}	

#v-nav .current {
  background: url("../images/submnu-icon_subitem_on.png") no-repeat scroll left center transparent;
  font-weight: bold;
}		
.rei-prod-btns{float:left;}
.rei-prod-btns a {
  background: none repeat scroll 0 0 #e22832;
  border-radius: 0 5px 5px 0;
  color: white;
  display: block;
  font-size: 12px;
  margin: 10px 0;
  padding: 4px 0;
  text-align: center;
  text-decoration: none;
  width: 118px;
}
a.rei-prod-view {
  background: none repeat scroll 0 0 #6b6b6b;
}
.tab-content {
  float: left;
  width: 595px;
  background:#ffffff;
}
.rei-prod-img {
  border: 1px solid #ececec;
  float: left;
  border-right:none;
}
#content_holder {
  float: left;
  margin: 25px 0 0 25px;
  width: 595px;
  height:660px;
  background: url(../images/portada-secciones_es.jpg) top center no-repeat transparent;
}