body
{
	margin: 0 auto;
}

body a{
    text-decoration: none;
}
.wrapper
{
	width: 1004px;
	height: auto;

	display: table-cell;
	margin: 0 auto;
}

/**************************** Header Section Starts ***************************/
.header
{
	width: 1004px;
	height: 146px;
    background: url(../images/header.jpg);
    background-repeat: no-repeat;

}
#logo-container{
    float:left; 
    margin-left:110px; 
    margin-top:20px;             
}
#logo-container img{
    margin-top: 10px;
    float:left;
}
#logo-title{
    float:left;  
    text-align:left; 
    font-family:tahoma; 
    font-size:24pt; 
    color:#636363; 
    margin-left:5px;
    margin-top:5px;
}
#logo-title2{
    float:right; 
    margin-right:30px; 
    margin-top:50px; 
    text-align:left; 
    font-family:tahoma; 
    font-size:17pt; 
    color:#636363;
}
#logo-slogan{
    float:left;  
    text-align:left; 
    font-family:tahoma; 
    font-size:8pt; 
    color:#b1b1b1;
}



/**************************** Second Section Ends *****************************/

/**************************** Menu Section Starts *****************************/
.menu
{
	width: 1004px;
	height: 44px;
    background: url(../images/menu1.jpg);
    background-repeat: no-repeat;    
}

.menu-text
{
font-family: verdana;
font-size: 14px;
color: #ffffff;
padding: 12px 20px 10px 20px;
float: left;
font-stretch: condensed;
cursor: pointer;
}

#separator{
    float:left;
    width: 2px;
    height: 20px;
    margin-top: 12px;
    background: url(../images/separator.png);
    background-repeat:repeat-y;
}
#search-button{
    float:right; 
    padding-right:25px;
    padding-top:12px;
}
#search-input{
    float:right;
    padding-right:28px;
    padding-top:14px;
	font-family: verdana;
	font-size: 14px;	
}
#search-input input{
    border:none; 
    height:18px;
    width:130px;
}


/**************************** Menu Section Ends *******************************/

/**************************** First Section Starts ****************************/
.first-section
{
  width: 1004px;
  height: 235px;
  border: solid 2px #ffffff;
}
.right-image
{
  width: 230px;
  height: 235px;
  float: right;
  background-image: url(../images/right-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}
.mid-image
{
  width: 500px;
  height: 235px;
  float: right;
  background-image: url(../images/mid-image2.jpg);
  background-repeat: no-repeat;
  cursor: pointer;
}
.left-image
{
  width: 233px;
  height: 235px;
  float: left;
  background-image: url(../images/left-image.jpg);
  background-repeat: repeat-x;
  border-right: solid 1px #ffffff;
  text-align: left;
}
.left-image .description{
    color:#ffffff; 
    width:210px;
    padding-top:5px;
}
.left-image .title1{
    color:#ffffff; 
    border-bottom:solid 1px #00deff; 
    width:210px; 
    padding-bottom:7px;
}
.left-image .title1 span{
    color:#ffffff
}

/**************************** First Section Ends ******************************/

/**************************** Second Section Starts ***************************/

.second-section
{
  width: 769px;
  height: 139px;
  border-bottom: solid 1px #dbdbdb;
  float: right;
}
.pack-box3
{
  width: 254px;
  height: 139px;
  float: right;
  background-image: url(../images/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}

.pack-box2
{
  width: 254px;
  height: 139px;
  float: right;
  background-image: url(../images/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}
.pack-box1
{
  width: 254px;
  height: 139px;
  float: right;
  background-image: url(../images/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}

/**************************** Second Section Ends *****************************/

/**************************** Second Section Productos Starts ***************************/

.second-section-productos
{
  width: 994px;
  height: 255px;
  border-bottom: solid 1px #dbdbdb;
  float: right;
}
.pack-box3-p
{
  width: 241px;
  height: 252px;
  float: right;
  background-image: url(../images/pack-image-p.jpg);
  background-repeat: repeat-x;
  border-left: solid 2px #ffffff;
  text-align: left;
  cursor: pointer;
}

.pack-box2-p
{
  width: 241px;
  height: 252px;
  float: right;
  background-image: url(../images/pack-image-p.jpg);
  background-repeat: repeat-x;
  border-left: solid 2px #ffffff;
  text-align: left;
  cursor: pointer;
}
.pack-box1-p
{
  width: 241px;
  height: 252px;
  float: right;
  background-image: url(../images/pack-image-p.jpg);
  background-repeat: repeat-x;
  border-left: solid 2px #ffffff;
  text-align: left;
  cursor: pointer;
}
.description-p
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: middle;
  width: 200px;
  line-height: 18px;
  margin-left: 5px;
  margin-top: 2px;  
}
.title1-p
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: normal;
  color: #0066FF;
  margin-top: 10px;
  margin-left: 12px;
}
.sub-title-p
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #3f3a3a;
  margin-left: 12px;
}

/**************************** Second Section Productos Ends *****************************/

/**************************** Third Section Starts ****************************/

.third-section-productos
{
  width: 600px;
  background-color: #D6D6D6;
}
.third-section
{
  width: 770px;

  float: right;
  background-image: url(../images/down-image2.jpg);
  background-repeat: repeat-x;
  background-color: #D6D6D6;
}

.down-box2
{
  width: 310px;
  height: 100%;
  float: right;
  background-image: url(../images/down-image2.jpg);
  background-repeat: repeat-x;
  text-align: left;
}
.down-box1
{
  width: 456px;
  height: 100%;
  float: right;
  background-image: url(../images/down-image1.jpg);
  background-repeat: repeat-x;
  text-align: left;
}


/**************************** Third Section Ends ******************************/

/**************************** Left Section Starts *****************************/

.left-section
{
  width: 231px;
  height: 280px;
  float: left;
  background-color: #0066FF;
}
.left-box2
{
  width: 210px;
  height: 280px;
  float: right;
  background-image: url(../images/left-image1b.jpg);
  background-repeat: repeat-x;
  text-align: left;
}
.left-box1
{
  width: 21px;
  height: 280px;
  float: right;
  background-image: url(../images/left-image2b.jpg);
  background-repeat: repeat-x;
}

/**************************** Left Section Ends *******************************/

/**************************** Footer Section Starts ***************************/
.footer
{
  float: right;
  width: 900px;
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: center;
  margin-top: 18px;
  clear: both;
  margin-bottom: 10px;
}
/**************************** Footer Section Ends *****************************/

/**************************** General Section Starts **************************/
.title1
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: normal;
  color: #0066FF;
  margin-top: 10px;
  margin-left: 12px;
}
.title2
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: bold;
  color: #003399;
}
.title3
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: normal;
  color: #616161;
  margin-top: 10px;
  margin-left: 12px;
}
.sub-title
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #3f3a3a;
  margin-left: 12px;
}
.description
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #333333;
  text-align: justify;
  
  line-height: 18px;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 2px;
}

.description_tabla
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #333333;
  text-align: justify;
  line-height: 18px;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 2px;
}
.description1
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: justify;
  width: 100%;
  line-height: 18px;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 2px;
}

.descriptionprod{
  font-family: Tahoma;
  font-size: 12px;
  font-weight: normal;
  color: #616161;
  text-align: justify;
  width: 195px;
  line-height: 18px;
  margin-left: 12px;
  margin-top: 2px;
}

.description a{
    text-decoration: none;
    color: #616161;
}

.date-text{
  font-family: Tahoma;
  font-size: 8pt;
  color: #a4e3ff;
  font-weight: bold;
  margin-left: 12px;
  margin-top: 2px;
}
.icon{
    text-align: center;
}

hr{
  background-color: #00deff;
  width: 200px;
  color: #00deff;
  border: solid 1px #00deff;

}
a.nav:link {color: #ffffff; text-decoration: none; }
a.nav:visited {color: #ffffff; text-decoration: none; }
a.nav:hover {color: #ffff99; text-decoration: underline; }
a.nav:active {color: blue; }



/**************************** General Section Ends ****************************/
