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

/* Contacto */
  select, input, textarea {font-size: 1em;}
#formulario { width: 756px; height: 416px; text-align:center; background: url(images/contacto.png) no-repeat; clear:both;}
	#formContacto { width: 600px; float: left; padding: 80px 0 0 65px;}

	#boton input {
	border: 0px;
    height: 24px;
    margin: -16px 0 0 183px;
    width: 54px;
}

input {	
		border : 1px solid #b6b6b5;
		background-color:#fff;
		margin: 3px 0;
		font-size:11px;
		color:#000;
		width: 235px;
		text-align:left;
		padding: 3px;
		height: 20px;

		}
textarea {
		background-color:#fff;
		margin-top:3px;
		text-align:left;
		width: 235px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#000;
		overflow: auto;
		padding: 3px;
		height: 115px;
		border : 1px solid #b6b6b5;		
}

/* fin Contacto */

* { margin:0; padding:0; border:0; list-style-type: none;}
a { text-decoration: none;}

body {background: url(images/bgBody.jpg) repeat-x; background-color: #ecede2;}

#AllDesign, #AllDesignEmpresa, #headerContainer, #menu, #menu2,#containerEmpresa, #containerEmpresa2,#container, .botonera  { margin: auto;}

#AllDesign { width: 1165px; height: 580px; clear:both; background: url(images/bgLeftRight.jpg) no-repeat; background-color: #ecede2;}
#AllDesignEmpresa { width: 1165px; height: 1280px; clear:both; background: url(images/bgLeftRight.jpg) no-repeat; background-color: #ecede2;}

#headerContainer { width: 765px; height: 229px; clear: both; background: url(images/headerLogo.jpg) 113px 60px no-repeat; background-color:#feed00;}
	
#menu { width: 765px; height: 40px; clear:both;}	
#menu2 { width: 146px; height: 23px; clear:both;}
			
ul.cssmenu {
	list-style: none;
	padding: 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	float: left;
	}

ul.cssmenu li a {
	display: block;
	width: 153px;
	height: 40px;
	background: url(images/sprite.jpg) no-repeat;
	}

/*
*	Normal Links
*/
ul.cssmenu li.home a {
	background-position: 0 0;
	}

ul.cssmenu li.comercio a {
	background-position: -153px 0;
	}

ul.cssmenu li.producto a {
	background-position: -306px 0;
	}
	
ul.cssmenu li.empresa a {
	background-position: -459px 0;
	}	
	
ul.cssmenu li.contacto a {
	background-position: -612px 0;
	}	

/*
*	Hover Links
*/
ul.cssmenu li.home a:hover {
	background-position: 0 -40px;
	}

ul.cssmenu li.comercio a:hover {
	background-position: -153px -40px;
	}

ul.cssmenu li.producto a:hover {
	background-position: -306px -40px;
	}
	
ul.cssmenu li.empresa a:hover {
	background-position: -459px -40px;
	}	
	
ul.cssmenu li.contacto a:hover {
	background-position: -612px -40px;
	}	

/*
*	Clicked Links
*/
ul.cssmenu li.home a:active {
	background-position: 0 -80px;
	}

ul.cssmenu li.comercio a:active {
	background-position: -153px -80px;
	}

ul.cssmenu li.producto a:active {
	background-position: -306px -80px;
	}
	
ul.cssmenu li.empresa a:active {
	background-position: -459px -80px;
	}	
	
ul.cssmenu li.contacto a:active {
	background-position: -612px -80px;
	}

/*
*	Selected/Active Links
*/
ul.cssmenu li.home a.selected {
	background-position: 0 -120px;
	}

ul.cssmenu li.comercio a.selected {
	background-position: -153px -120px;
	}

ul.cssmenu li.producto a.selected {
	background-position: -306px -120px;
	}
	
ul.cssmenu li.empresa a.selected {
	background-position: -459px -120px;
	}	
	
ul.cssmenu li.contacto a.selected {
	background-position: -612px -120px;
	}			
	
#container { width: 765px; height: 680px; clear: both; margin-top: 10px;}	
#containerEmpresa { width: 765px; height: 800px; clear: both; margin-top: 10px;}
#containerEmpresa2 { width: 800px; height: 800px; clear: both; margin-top: 10px;}
	#empresa { width: 765px; height: 630px; clear: both; margin-top: 20px; background: url(images/bg_empresa.png) no-repeat;}
		#empresa p { width: 363px; height: 450px; font: 11px Arial, Helvetica, sans-serif; color: #202020; line-height: 1.6em; 
		left: 246px; position: relative; top: 118px; text-align: justify;}
		

	#novedadesPage { width: 765px; height: 536px; clear: both; margin-top: 20px; background: url(images/bg_novedades.png) no-repeat;}
		#novedadesPage p { width: 345px; height: 250px; font: 11px Arial, Helvetica, sans-serif; color: #202020; line-height: 1.6em; 
		left: 325px; position: relative; top: 122px; text-align: justify;}		
		
	#novedades { width: 765px; height: 175px; clear: both; margin-top: 20px; background: url(images/bg-novedades.png) 13px 158px no-repeat;}	
		#novedades li {float: left;}
		
	#novedadesVertical { width: 153px; height: 320px; float:left; margin-top: 30px;}	
	 #novedadesVertical li {margin-top: 15px;}	
	
	#social { width: 145px; height: 40px; clear:both; position: relative; left: 620px;}
	#social li { float: left;}	
		#social p { font: 11px Arial, Helvetica, sans-serif; color: #666; margin: 8px 10px 0 0;}	
				
			#footer {width: 765px; height: 60px; clear: both; background: url(images/footer.png); text-align:center;}
				#footer img { margin: 19px 0 0 24px;}
				#footer p { font: 9px Arial, Helvetica, sans-serif; color:#666;}
					.footerLogo { width: 80px; float: left; }
					.footerText1 { width: 140px; float: left;margin: 18px 0 0 17px;}
					.footerText2 {width: 145px; float: left;margin: 18px 0 0 0;}
					
					
					
/* galeria




/* Screenshots Section */
.ad-gallery {
  width: 760px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {

    height: 260px; 
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(images/non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(images/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(images/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(images/opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='images/opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 14px;
	width: 745px;
	font: 11px Arial, Helvetica, sans-serif; color: #999;
	margin-left: 8px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
		color: #999;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 11px;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(images/ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(images/ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 760px;
        list-style: none;
		margin-left: 4px;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 2px solid #ecede2;
              display: block;
			  
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 2px solid #ecede2;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

.pp_details clearfix { background-image: url(images/close.jpg)}		


.vertical {width: 153px; height: 640px; float: left; margin: 6px 0 0 14px;}
.contenidos {width: 630px; height: 935px; float: left;}
	.menu2container { width: 146px; height: 350px; float: left;}
	/*.menu2container ul li { background-image:url(images/divisor.png); background-position:bottom;}*/

			.menu2{ display: block; width: 146px; height: 23px; background: url(images/motosierra.jpg) no-repeat 0 0; float: left; margin-top: 7px;}
			.menu2:hover { background-position: 0 -23px; }
			.menu3{ display: block; width: 146px; height: 23px; background: url(images/berbiqui.jpg) no-repeat 0 0; float: left;margin-top: 7px;}
			.menu3:hover { background-position: 0 -23px; }
			.menu4{ display: block; width: 146px; height: 23px; background: url(images/chaira.jpg) no-repeat 0 0; float: left;margin-top: 7px;}
			.menu4:hover { background-position: 0 -23px; }
			.menu5{ display: block; width: 146px; height: 23px; background: url(images/cortafrio.jpg) no-repeat 0 0; float: left;margin-top: 7px;}
			.menu5:hover { background-position: 0 -23px; }	
			.menu6{ display: block; width: 146px; height: 23px; background: url(images/desencrofador.jpg) no-repeat 0 0; float: left;margin-top: 7px;}
			.menu6:hover { background-position: 0 -23px; }
			.menu7{ display: block; width: 146px; height: 23px; background: url(images/estiradora.jpg) no-repeat 0 0; float: left;margin-top: 7px;}
			.menu7:hover { background-position: 0 -23px; }
			.menu8{ display: block; width: 146px; height: 23px; background: url(images/california.jpg) no-repeat 0 0; float: left;margin-top: 7px;}
			.menu8:hover { background-position: 0 -23px; }
			.menu9{ display: block; width: 146px; height: 23px; background: url(images/mechas.jpg) no-repeat 0 0; float: left;margin-top: 7px;}
			.menu9:hover { background-position: 0 -23px; }
			.menu10{ display: block; width: 146px; height: 23px; background: url(images/palanca.jpg) no-repeat 0 0; float: left;margin-top: 7px;}
			.menu10:hover { background-position: 0 -23px; }					
			.menu11{ display: block; width: 146px; height: 23px; background: url(images/pala.jpg) no-repeat 0 0; float: left;margin-top: 7px;}
			.menu11:hover { background-position: 0 -23px; }			
			
			
			.tablaDatos { width: 670px; height: 780px; clear: both; }							
			.headerInfo { width: 597px; height: 82px; clear: both; background: url(images/berbiquiHeader.png) no-repeat; }
				.headerInfo p{ font:10px Arial, Helvetica, sans-serif; width: 270px; height: 50px; padding: 12px 0 0 270px; }
			.headerInfo2 { width: 597px; height: 82px; clear: both; background: url(images/estiradoraHeader.png) no-repeat; }			
				.headerInfo2 p{ font:10px Arial, Helvetica, sans-serif; width: 270px; height: 50px; padding: 12px 0 0 270px; }
					
			.headerInfo3 { width: 597px; height: 82px; clear: both; background: url(images/cortafrioHeader.png) no-repeat; }			
				.headerInfo3 p{ font:10px Arial, Helvetica, sans-serif; width: 270px; height: 50px; padding: 12px 0 0 270px; }	
							
			.headerInfo4 { width: 597px; height: 82px; clear: both; background: url(images/mechas.png) no-repeat; }			
				.headerInfo4 p{ font:10px Arial, Helvetica, sans-serif; width: 270px; height: 50px; padding: 12px 0 0 270px; }							
                        .headerInfo5 { width: 597px; height: 82px; clear: both; background: url(images/adaptadorHeader.png) no-repeat; }
				.headerInfo5 p{ font:10px Arial, Helvetica, sans-serif; width: 270px; height: 50px; padding: 12px 0 0 270px; }
                        .headerInfo6 { width: 597px; height: 82px; clear: both; background: url(images/llaveHeader.png) no-repeat; }
				.headerInfo6 p{ font:10px Arial, Helvetica, sans-serif; width: 270px; height: 50px; padding: 12px 0 0 270px; }
                        .headerInfo7 { width: 597px; height: 82px; clear: both; background: url(images/adaptadorHeader2.png) no-repeat; }
				.headerInfo7 p{ font:10px Arial, Helvetica, sans-serif; width: 270px; height: 50px; padding: 12px 0 0 270px; }
			.tablaGrafica { width: 597px; height: 250px; clear: both;}					
			.tablaGraficaThumbs { width: 597px; height: 75px; clear: both; background-color:#666;}	
			
			
/* CSS MENU HERRAMIENTAS */

ul.cssmenu2 {
	list-style: none;
	padding: 0px;
	}

.displace2 {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu2 li {
	float: left;
	margin-top: 8px;
	}

ul.cssmenu2 li a {
	display: block;
	width: 146px;
	height: 23px;
	background: url(images/sprite2.jpg) no-repeat;
	}

/*
*	Normal Links
*/
ul.cssmenu2 li.adaptador a {
	background-position: 0 0;
	}

ul.cssmenu2 li.berbiqui a {
	background-position: 0 -46px;
	}

ul.cssmenu2 li.chaira a {
	background-position: 0 -92px;
	}
	
ul.cssmenu2 li.cortafrio a {
	background-position: 0 -138px;
	}	
	
ul.cssmenu2 li.desencofrador a {
	background-position: 0 -184px;
	}	
ul.cssmenu2 li.estiradora a {
	background-position: 0 -230px;
	}

ul.cssmenu2 li.llave a {
	background-position: 0 -276px;
	}

ul.cssmenu2 li.mechas a {
	background-position: 0 -322px;
	}
	
ul.cssmenu2 li.palanca a {
	background-position: 0 -368px;
	}	
	
ul.cssmenu2 li.pala a {
	background-position: 0 -414px;
	}	
/*
*	Hover Links
*/
ul.cssmenu2 li.adaptador a:hover {
	background-position: 0 -23px;
	}

ul.cssmenu2 li.berbiqui a:hover {
	background-position: 0 -69px;
	}

ul.cssmenu2 li.chaira a:hover {
	background-position: 0 -115px;
	}
	
ul.cssmenu2 li.cortafrio a:hover {
	background-position: 0 -161px;
	}	
	
ul.cssmenu2 li.desencofrador a:hover {
	background-position: 0 -207px;
	}	
ul.cssmenu2 li.estiradora a:hover {
	background-position: 0 -253px;
	}

ul.cssmenu2 li.llave a:hover {
	background-position: 0 -299px;
	}

ul.cssmenu2 li.mechas a:hover {
	background-position: 0 -345px;
	}
	
ul.cssmenu2 li.palanca a:hover{
	background-position: 0 -391px;
	}	
	
ul.cssmenu2 li.pala a:hover {
	background-position: 0 -437px;
	}	

/*
*	Clicked Links
*/

ul.cssmenu2 li.adaptador a:active {
	background-position: 0 -23px;
	}

ul.cssmenu2 li.berbiqui a:active {
	background-position: 0 -69px;
	}

ul.cssmenu2 li.chaira a:active {
	background-position: 0 -115px;
	}
	
ul.cssmenu2 li.cortafrio a:active {
	background-position: 0 -161px;
	}	
	
ul.cssmenu2 li.desencofrador a:active {
	background-position: 0 -207px;
	}	
ul.cssmenu2 li.estiradora a:active {
	background-position: 0 -253px;
	}

ul.cssmenu2 li.llave a:active{
	background-position: 0 -299px;
	}

ul.cssmenu2 li.mechas a:active {
	background-position: 0 -345px;
	}
	
ul.cssmenu2 li.palanca a:active{
	background-position: 0 -391px;
	}	
	
ul.cssmenu2 li.pala a:active {
	background-position: 0 -437px;
	}	

/*
*	selected Links
*/

ul.cssmenu2 li.adaptador a.selected {
	background-position: 0 -23px;
	}

ul.cssmenu2 li.berbiqui a.selected {
	background-position: 0 -69px;
	}

ul.cssmenu2 li.chaira a.selected {
	background-position: 0 -115px;
	}
	
ul.cssmenu2 li.cortafrio a.selected {
	background-position: 0 -161px;
	}	
	
ul.cssmenu2 li.desencofrador a.selected {
	background-position: 0 -207px;
	}	
ul.cssmenu2 li.estiradora a.selected {
	background-position: 0 -253px;
	}

ul.cssmenu2 li.llave a.selected{
	background-position: 0 -299px;
	}

ul.cssmenu2 li.mechas a.selected {
	background-position: 0 -345px;
	}
	
ul.cssmenu2 li.palanca a.selected{
	background-position: 0 -391px;
	}	
	
ul.cssmenu2 li.pala a.selected {
	background-position: 0 -437px;
	}