/* *{margin:0;padding:0} */

/* Body principal  */
body {
	background:#FFF;
	/* Lo centro para internet explorer */
	text-align: center;  
	width:100%;
	/* Sigo para los navegadores buenos */
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:0px;
	padding: 0 0 0 0;
}

a, a:hover, a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	font-stretch:normal;
	text-decoration:none;
}

/* Arma el total */
#contenedor {
	text-align:left;
	margin:auto;
	background:none;
	width:1010px;
	height:auto; 
}

/* Imagen encabezado */
#encabezado {
	width: 1010px;
	height: 235px;
	background-image:url(images/basemenu.jpg);
	background-repeat:no-repeat;
}

/* Menú encabezado */
#menuencabezado {
	float:left;
	width: 1010px;
	height: 128px;
	margin-left:0px;
	margin-top:107px;
}

/* Cuerpo Principal */
#cuerpoprincipal {
	text-align:center;
	clear:both;
	float:left;
	margin-top:-20px;
	width: 1010px;
	height: auto;
	overflow:hidden;
	
}

/* Texto principal de la columna izquierda */
.textoprincipal, .textohome {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#868585;
	line-height:18px;
	margin-top:10px;
}

.textohome { line-height:20px;}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#052963;
	line-height:18px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	margin-top:10px;
}

hr {color:#000;}

/* Cuadro para el texto servicios */
#textoservicios {
	float:left;
	width:900px;
	margin-left:55px;
	margin-top:20px;
	text-align:left;
}

/* ARMADO DEL SECTOR DE PRODUCTOS */

/* CONTENEDOR PARA UBICAR TODOS LOS PRODUCTOS Y CATEGORIAS */
#contenedorproductos, #contenedorcontacto {
	float:left;
	margin-left:22px;
	width:960px;
	background:none;
	text-align:left;
	
}

/* CUADRO PARA TITULO Y VER MAS DE LAS CATEGORIAS */
.categoriaproductos, .categoriaoutlet {
	float:left;
	width:920px;
	height:28px;
	padding-top:12px;
	padding-left:20px;
	padding-right:20px;
	background:#3186bc;
}

.categoriaoutlet {
	background:#a7a8a9;
}

.titulocategoria {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	float:left;
}

.cuadrovermas {
	float:right;
	vertical-align:top;
}

/* LISTADO DE PRODUCTOS */
.listadoproductos {
	float:left;
	margin-top:10px;
	/*background-color:#666;*/
	width:100%;
	height:290px;
	*height:320px !important;
}

.cuadroproducto {
	float:left;
	width:200px;
	height:300px;
	padding-left:10px;
	padding-right:10px;
	margin-left:15px;
	/*background-color:#0C0;*/
	overflow:hidden;
	}
	
.imagenproducto {
	border:#CCC solid 1px;
}


.textoproducto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;	
}


/* LISTADO DE PRODUCTOS EXTENDIDO*/
.listadoproductosextendido {

	float:left;
	margin-top:10px;
	/*background-color:#666;*/
	width:100%;
	height:auto;
	overflow:auto;
	
	display:none;

}







/* Imagen pie */
#pie {
	clear:both;
	float:left;
	top:50px;
	width:1010px;
	height:140px;
	background-image:url(images/basepie.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:center;
}

/* Recuadro para centrar texto del pie */
#recuadropie {
	float:left;
	width:500px;
	margin-left:40px;
	margin-top:35px;
	text-align:left;
}

.textorecuadropie, a.textorecuadropie:link, a.textorecuadropie:visited, a.textorecuadropie:active, a.textorecuadropie:hover {
	line-height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
}

a.textorecuadropie:hover {color:#CCC;}

#redessociales {
	float:right;
	width:177px;
	height:75px;
	margin-top:20px;
	margin-right:40px;
}

img {border:none;}

.flotaizquierda {float:left;}


/* Easy Slider */

	/* Base para el slider */
	#baseslider {
		clear:both;
		float:left;
		margin-left:22px;
		margin-top:0px;
		width: 960px;
		height: 164px;
		background:url(images/baseslider.jpg) top left repeat-x;
	}
	

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		/*float:left;*/
		margin-top:10px;
		margin-left:10px;
		*margin-left:0px !important;
		width:950px;
		height:154px;
		overflow:hidden;
		}
	img{border:0;}
	span#prevBtn{}
	span#nextBtn{}		
	
/* image replacement */
    .graphic, #prevBtn, #nextBtn{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}
/* // image replacement */

#prevBtn, #nextBtn{ 
		display:block;
		width:21px;
		height:21px;
		position:relative;
		left:20px;
		top:-80px;
		*left:-450px !important;
		*top:-80px !important;
		}	
	#nextBtn{
		top:-100px;
		left:920px;
		* left:450px !important;
		* top:-100px !important;
		
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:21px;
		height:21px;
		background:url(images/btn_anterior-trans.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_siguiente-trans.png) no-repeat 0 0;	
		}
		
	.imagenslider {
		width:212px;
		height:144px;
	}

/* // Easy Slider */



/* ACA ACOMODO EL FORMULARIO */
/* Base para el contenido del formulario*/
#contenedorformulario {
	float:left;
	text-align:left;
	margin-left:20px;
	margin-top:25px;
	width: 580px;
	height: 320px;
	background:none;
	border-right:solid 1px #666;
}

#lateralformulario {
	float:left;	
	text-align:left;
	margin-left:80px;
	margin-top:25px;
	width: 220px;
	height: 320px;
	background:none;
}

.formulario {
	text-align:left;
	padding:0;
	padding-top:0px;
	margin-left:20px;
	/*margin-top:5px;*/
	width:490px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
}

.formulario label {
	padding-top:5px;
	float:left;
	margin-right:20px;
	height:2em;
	background:none;
}

.formulario input, .formulario select, .formulario textarea  {
	border:none;
	width:99%;
	height:25px;
	background-image:url(images/basecamposcontacto-trans.png);
	background-position:center;
	background-repeat:repeat-x;
	border:#c4d2da solid 1px;
	color:#666;
	font-size:14px;
}

.formulario textarea  {height:70px;}

.ancho3 {
	/*margin-top:10px;*/
	background-image:url(images/basecamposcontacto-trans.png);
	background-position:center;
	background-repeat:repeat-x;
	width:280px;
}

.ancho3der {
	/*margin-top:10px;*/
	background-image:url(images/basecamposcontacto-trans.png);
	background-position:center;
	background-repeat:repeat-x;
	width:280px;
	padding-bottom:10px;

}

.ancho4ult {
	margin-top:10px;
	padding-bottom:10px;
	width:485px;
	background-image:url(images/basecamposcontacto-trans.png);
	background-position:center;
	background-repeat:repeat-x;
}

#anchocomentario {
	clear:both;
	width:485px;
	padding-top:0px;
}

#botones {
	background-position:top;
	background-repeat:no-repeat;
	float:right;
	margin-top:10px;
	margin-right:15px;
	padding-top:1px;
	width:87px;
	height:29px;
	background:#a7a8a9;
}