body {
	font-family: serif; 
	FONT-SIZE: 15px;
	color:#000;
	margin:0 auto;
	background:#d2d2d2;
}

#todo{
	position: relative;
	float:left;
	width:980px;
	margin-left: -490px;
	left:50%;
	height:100%;
	background:#FFF; 
}

#top{
	position: relative;
	float:left;
	width:100%;
	height:56px;
	z-index:2;
	 
}

#contenido{
	position: relative;
	float:left;
	width:100%;
	height: auto; 
	z-index:1;
}

.carrusel{
	position: relative;
	float:left;
	width:980px;
	height:480px; 
	z-index:1;
}



img{ border: none;}

h1{FONT-SIZE: 30px; display:inline; font-weight:normal;}
h2{FONT-SIZE: 15px; display:inline; font-weight:normal;}

#logo{position: relative; float:left; width:655px; height:56px; margin-left:30px;  z-index:100;}

#menucont{position: relative; float:left; width:285px; height:46px; margin-top:20px; margin-right:10px; z-index:100;}

.menucol a{float: left; width:auto; height:35px; font-family: Arial; color:#000; font-size:13px; text-decoration:none; padding-right:9px; padding-left:9px;}
.menucol a:hover{color:#ababab; height:24px; border-bottom:12px solid #ececec;  font-size:13px;}

.menucol2 a{float: left; width:auto; height:24px; border-bottom:12px solid #ababab;font-family: Arial; color:#333; font-size:13px; text-decoration:none; padding-right:9px; padding-left:9px;}

.barra{float:left; width:2px; height:11px; background:#000; margin-top:5px;  }


#submenu01{ 
position:relative;
float:left; 
width:770px; 
height:1px; 
z-index:100;
}
#submenu{ 
visibility:hidden;
position:relative;
float:left; 
width:87px; 
height:110px; 
background: url(images/fondo_submenu.png); 
padding:5px; 
color:#000;
z-index:100; 
border:1px solid #d6d0cc;
top:-10px;
}

a.sub {color:#000; font-size:12px;}
a:hover.sub{ color:#000; background:#CCC;}

a { color:#000; text-decoration:none;}
a:hover{ }

a.black { color:#5b5758; text-decoration:none;}
a:hover.black{color:#f03506; }


#cabecera{
	position: relative;
	float:left;
	width:980px;
	height:312px;
	border-bottom:5px solid #bcbcbc; 
	z-index:1;
}

/************************
HOME
*************************/

#homequien{
	position: relative;
	float:left;
	width:680px;
	height:180px; 
	padding-top: 40px;
	padding-left: 150px;
	padding-right: 150px;
	text-align:center;
	z-index:1;
	 /* navegadores sin soporte */
    background: black url(images/degradado.jpg) repeat-x;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9c9c9c), to(#d1d2d1));
    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-linear-gradient(top, #d1d2d1, #9c9c9c);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #d1d2d1, #9c9c9c);
    /* Opera 11.10+ */
    background: -o-linear-background(top, #d1d2d1, #9c9c9c);
    /* IE 10 */
    background: -ms-linear-background(top, #d1d2d1, #9c9c9c);
    /* estándar */
    background: linear-background(top, #d1d2d1, #9c9c9c);
}

#homeproductostxt{
	position: relative;
	float:left;
	width:640px;
	height: auto; 
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 170px;
	padding-right: 170px;
	text-align:center;
	z-index:1;
}

#homeproductos{
	position: relative;
	float:left;
	width:717px;
	height: auto; 
	padding-bottom: 40px;
	margin-left: 140px;
	z-index:1;
}

.producto{
	position: relative;
	float:left;
	width:222px;
	height:223px; 
	margin-right: 17px;
	margin-bottom:17px;
	z-index:2;
	color:#000;
	box-shadow: 2px 2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
}

.productotxt{
	position: absolute;
	width:202px;
	height:60px; 
	padding:10px;
	bottom:0;
	FONT-SIZE: 12px;
	text-align: justify;
	z-index:3;
	background:url(images/productos/fondo_txt.png);
}

/************************
EMPRESA
*************************/

#empresa{
	position: relative;
	float:left;
	width:980px;
	height: auto; 
	margin-top: 90px;
	margin-bottom: 40px;
	z-index:1;
}
#empresatxt{
	position: relative;
	float:left;
	width:458px;
	height: auto;
	color:#5b5758;
	text-align:justify; 
	margin-left:45px;
	margin-right:20px;
	z-index:1;
}

#empresaimg{
	position: relative;
	float:left;
	width:457px;
	height: 305px; 
	z-index:1;
}
/************************
PRODUCTOS
*************************/

#productoshome{
	position: relative;
	float:left;
	width:717px;
	height: auto; 
	margin-bottom: 40px;
	margin-top: 40px;
	margin-left: 140px;
	z-index:1;
}

#product{
	position: relative;
	float:left;
	width:980px;
	height: 210;
	border-bottom:5px solid #bcbcbc; 
	z-index:1;
}


#productimg{
	position: relative;
	float:left;
	width:295px;
	height:215px;
	z-index:1;
}

h1.product{FONT-SIZE: 20px; display:inline; font-weight:normal;}
h2.product{FONT-SIZE: 17px; display:inline; font-weight:normal;}

#producttxt{
	position: relative;
	float:left;
	width:370px;
	height: 165px;
	padding:25px;
	z-index:1;
}

#productficha{
	position: relative;
	float:left;
	width:215px;
	height:165px;
	padding:25px;
	z-index:1;
}

.titulo{
	position: relative;
	float:left;
	width:100%;
	height:20px;
	margin-bottom:15px;
	z-index:1;
}

.tamanyo{
	position: relative;
	float:left;
	width:98px;
	height:68px;
	z-index:1;
	margin-right:30px;
}

.tabla{display: table; font-size:12px;}

.fila{display: table-row;}

.columna{display: table-cell; text-align:center; width:30px}

#boton{
	position: relative;
	float:left;
	width:215px;
	height:25px;
	color:#000;
	z-index:1;
	 /* navegadores sin soporte */
    background: black url(images/productos/boton.jpg) repeat-x;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9c9c9c), to(#d1d2d1));
    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-linear-gradient(top, #d1d2d1, #9c9c9c);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #d1d2d1, #9c9c9c);
    /* Opera 11.10+ */
    background: -o-linear-background(top, #d1d2d1, #9c9c9c);
    /* IE 10 */
    background: -ms-linear-background(top, #d1d2d1, #9c9c9c);
    /* estándar */
    background: linear-background(top, #d1d2d1, #9c9c9c);
	text-align:center;
	font-size:20px;
	margin-top:10px;
	border-radius:10px; 
	-moz-border-radius:10px; /* Firefox */ 
	-webkit-border-radius:10px; /* Safari y Chrome */ 
}

.workspace{
	width:300px;
	position:absolute;	
}
.magnifier{	
	border:2px solid white;
	position:absolute;
	height:180px;
	width:180px;
	display:none;
	background-repeat:no-repeat;
	background-color:#fff;
	cursor:url('./zoom/img/invisible.cur'),default;	
	-moz-box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
	-webkit-box-shadow:0 0 5px #777;
	box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
	-moz-border-radius:90px;
	-webkit-border-radius:90px;
	border-radius:90px;
}

.magnifier.cursor_compatible{
	cursor:url('./zoom/img/invisible_chrome.cur'),default;
}

/************************
PRODUCTOS2
*************************/

#productos2{
	position: relative;
	float:left;
	width:980px;
	height: auto; 
	margin-top: 90px;
	margin-bottom: 40px;
	z-index:1;
}
#productos2txt{
	position: relative;
	float:left;
	width:458px;
	height: auto;
	color:#5b5758;
	text-align:justify; 
	margin-left:45px;
	margin-right:20px;
	z-index:1;
}

#productos2img{
	position: relative;
	float:left;
	width:457px;
	height: 305px; 
	z-index:1;
}
/************************
CONTACTO
*************************/

#contacto{
	position: relative;
	float:left;
	width:980px;
	height: auto; 
	margin-top: 90px;
	margin-bottom: 40px;
	z-index:1;
}

#contactotxt{
	position: relative;
	float:left;
	width:458px;
	height: auto;
	color:#5b5758;
	text-align: center; 
	font-size:18px;
	margin-left:45px;
	margin-right:20px;
	z-index:1;
}

#contactoimg{
	position: relative;
	float:left;
	width:457px;
	height: 305px; 
	z-index:1;
}

/************************
PIE
*************************/
#bot { position: relative; float:left; width:950px; height:20px; color:#000; padding:15px; background-color:#a4a4a4; z-index:1; }
	
.col1{float:left; width:200px; height:40px; text-align:left;}
.col2{float:left; width:530px; height:40px; text-align:center;}
.col3{float:left; width:220px; height:40px; text-align:right; z-index:100;}

a.linkbot {color:#000;}
a:hover.linkbot{ color:#333;}

/* iPads ---------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

}

/* movil ---------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width :767px) {
}

/*Para IE8, 9 y 10*/
@media screen\0 {



}