@CHARSET "ISO-8859-1";
* {padding:0; margin:0; }
html{}
body {background-color: #fff9ed; font: normal 11px arial,tahoma,verdana; color: #5a4f0f; text-align: center}
a{font-weight: bold;text-decoration:none; color:#0e0949;}
a:hover{color:#ec2309; text-decoration: none}
a.rojo{font-weight: bold;text-decoration:none; color:#ec2309;}
a.rojo:hover{color:#0e0949; text-decoration: none}
h1{margin:0px; margin-bottom: 5px;text-align: center; font:italic 18px arial, tahoma, verdana; color: #ec2309}
h1 a{font-weight: normal; color: #ec2309; text-decoration: none}
h2{margin:5px 0px; font:bold italic 14px arial, tahoma, verdana; color: #ec2309}

#fondo{margin: 0px auto;width: 991px;}
#lateral{float:left; width:239px;}
#lateral img{text-decoration: none; border:0px;}
#imagenlateral{width: 239px;height: 724px;background: url(/layout/agropienso/imagenes/lateral-catalogo2.jpg) no-repeat;}
#accesoclientes{text-align: right;}
#central{float:right;width: 752px}
#cabecera{width: 752px;height: 81px;background: url(/layout/agropienso/imagenes/cabecera-catalogo2.jpg) no-repeat;}
#cabecera div.logotipo {float:right; padding: 10px 20px 0;}
#cuerpo{width:752px;height: 573px;background: url(/layout/agropienso/imagenes/cuerpo-catalogo2.jpg) no-repeat;position:relative}

#pie{width: 752px; height: 86px;background: url(/layout/agropienso/imagenes/pie-catalogo2.jpg) no-repeat top left; text-align: right;}

#copyright{text-align: right;width: 250px;float:right;padding-right: 10px;}
#copyright a{color: #b4a797;text-decoration:none;}
.telefono{font:bold italic 26px arial, tahoma, verdana; color: #0e0949;padding-right: 7px;}
.prefijo{font:bold italic 26px arial, tahoma, verdana; color: #b4a797}

.menu {width: 752px; height:15px; background: url(/layout/agropienso/imagenes/menu-catalogo2.jpg) no-repeat;}
.menu div#tiendaonline{height:15px; width: 200px;float:left;}
.menu a{float:left;display:block;margin: 0px 10px;height: 15px; background-position: left top;background-repeat:no-repeat}
.menu a:hover{background-position: left -15px;}
.menu a.Act{float:left;display:block;margin: 0px 10px; height: 15px; background-position: left -15px;background-repeat:no-repeat}
.menu div.alt{display:none}
.menu a#inicio{margin-left: 40px;width: 84px;background-image: url(/layout/agropienso/imagenes/m-inicio.gif)}
.menu a#menu-0000000002{width: 137px;background-image: url(/layout/agropienso/imagenes/m-productos.gif)}
.menu a#menu-0000000003{width: 95px;background-image: url(/layout/agropienso/imagenes/m-quehacemos.gif)}
.menu a#contacto{width: 74px;background-image: url(/layout/agropienso/imagenes/m-contacto.gif)}
#Submenu{float:left;width:200px;height: 573px;position:relative}

.content{width: 552px;float: left;text-align: justify;}
.contenidos{padding: 0px 20px; }

#contenidos{font:normal 11px arial, tahoma, verdana;width: 512;height: 465px;}


/* parche para que las imagenes que se incorporen tengas espacio a los lados */
#contenidos div.CTLGCategoriaDescripcionLarga img {margin:5px;}
#contenidos div.CTLGProductoDescripcionLarga img {margin:5px;}

/* Ruta de navegación */
.ruta{text-align:left;height: 25px;width: 500px;font: normal 11px arial, tahoma, verdana; color: #485b62;}
.ruta a{color: #0e0949; text-decoration: none}
.ruta a:hover{color: #ec2309}
.ruta a.activo{color: #ec2309;text-decoration: none}

/* estilos contacto */
.form{margin-left: 20px;text-align:left;}
.form input, textarea{width: 220px; font:normal 11px arial, tahoma, verdana;}

/* definición de estilos del menu del catálogo */
.menuCatalogo {position:absolute; left:50px; bottom:20px;text-align:left;}


/* Estilo para el menu vertical desplegable */
/* Root = Vertical, Secondary = Vertical */
ul#menuCatalogo, ul#menuCatalogo li, ul#menuCatalogo ul { margin: 0; padding: 0; width: 140px; /*For KHTML*/ list-style: none;}
ul#menuCatalogo:after /*From IE 7 lack of compliance*/{clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;}
ul#menuCatalogo li { float: right; /*For IE 7 lack of compliance*/ display: block !important; /*For GOOD browsers*/ display: inline; /*For IE*/ position: relative;}

/* Root Menu */
ul#menuCatalogo a { display: block; color: #0e0949; font: bold 12px/22px Arial; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ position:relative;}
ul#menuCatalogo a.activo { color: #ec2309;}

/* Root Menu Hover Persistence */
ul#menuCatalogo a:hover, ul#menuCatalogo li:hover a, ul#menuCatalogo li.iehover a { color: #ec2309;background: transparent url(/layout/agropienso/imagenes/fm.png) repeat;}

/* 2nd Menu */
ul#menuCatalogo li:hover li a, ul#menuCatalogo li.iehover li a {  color: #0e0949; text-align:left; padding: 0px 5px; z-index:2;}

/* 2nd Menu Hover Persistence */
ul#menuCatalogo li:hover li a:hover, ul#menuCatalogo li:hover li:hover a, ul#menuCatalogo li.iehover li a:hover, ul#menuCatalogo li.iehover li.iehover a { color: #ec2309;}


ul#menuCatalogo ul, ul#menuCatalogo ul ul, ul#menuCatalogo ul ul ul { z-index:10; display: none; position: absolute; bottom: 0px; left: 140px; /*background-color: #ffffff; -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;*/ background: transparent url(/layout/agropienso/imagenes/fm.png) repeat;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menuCatalogo li:hover ul ul, ul#menuCatalogo li:hover ul ul ul, ul#menuCatalogo li.iehover ul ul, ul#menuCatalogo li.iehover ul ul ul { display: none;}
ul#menuCatalogo li:hover ul, ul#menuCatalogo ul li:hover ul, ul#menuCatalogo ul ul li:hover ul, ul#menuCatalogo li.iehover ul, ul#menuCatalogo ul li.iehover ul, ul#menuCatalogo ul ul li.iehover ul { display: block;}




/* Estilos derivados del catálogo */
.CTLGentradaCategorias{display: none;}
.CTLGentradaProductos{text-align: center;border-bottom: 1px solid #f1efef;font: bold italic 14px arial, tahoma, verdana;padding-top: 5px;}
.CTLGEnlaceContacto{clear:both;text-align: center;width:500px; padding-top: 15px; }
.CTLGEnlaceContacto a {border: 1px outset #ec2309;padding:5px;background: #ec2309; color: #f1efef}
.CTLGEnlaceContacto a:hover {border: 1px outset #0e0949;padding:5px;background: #0e0949; color: #f1efef}

/***** Categorias *****/
.CTLGCategoriaDescripcionCorta{text-align:right;}
.CTLGCategoriaDescripcionLarga{text-align:justify;padding-top: 10px;}

/********** Subcategorias ***********/
.CTLGresumenCategoria{float:left; position:relative; width:150px; margin:3px;}
.CTLGresumenCategoriaTitulo{margin: 0px 10px;text-align: left;border-bottom: 3px solid #f1efef;font: bold italic 12px arial; color: #ec2309;}
.CTLGresumenCategoriaTitulo a{text-decoration:none;font: bold italic 12px arial; color: #ec2309;}
.CTLGresumenCategoriaFondo {background: #f1efef; min-height:5px; padding: 0px;font: normal 1px arial; color: #4C4C4C;}
.CTLGresumenCategoriaFondo a{text-decoration: none;font: normal 11px arial; color: #485b62; }
.CTLGresumenCategoriaFondo a:hover{text-decoration: none;font: normal 11px arial; color: #ffffff;}
.CTLGresumenCategoriaDescripcion {}
a.CTLGresumenCategoriaImagen{border:0px;height: 3px; width: 150px;font-size: 1px;}
/********** Subcategorias **********/

/********** Categorias Productos ***********/
.CTLGresumenProducto{float:left; position:relative; width:150px; margin:3px;}
.CTLGresumenProductoTitulo{padding: 2px 10px;font: bold 11px arial;height: 30px; color: #485b62;z-index:1; text-align:left}
.CTLGresumenProductoTitulo a{text-decoration:none;font: bold 11px arial; color: #485b62;z-index:1}
.CTLGresumenProductoFondo {background-color: #ffffff; text-align: center; height:150px; border: 2px solid #EFE8E0;z-index:5; padding: 4px;font: normal 11px arial; color: #4C4C4C;}
a.CTLGresumenProductoDescripcion {height: 120px; width: 140px;display:block}
.CTLGnodisplay{display: none;}
/********** Paginado Productos ***********/
.CTLGPaginado{clear:both;text-align:center; margin: 0px auto;border-top: 1px solid #f1efef;border-bottom: 1px solid #f1efef; font: bold 11px arial, tahoma, verdana;}
.CTLGPaginado .encuadre{margin:0px auto; width:185px; text-align:center;}

.CTLGPaginado .numeros {width:120px; text-align:center; float:left; color: #908BDF; padding-top:1px;}
.CTLGPaginado .numeros a{text-align:center; text-decoration: none; color: #908BDF;}
.CTLGPaginado .numeros a:hover{color: #0e0949;}
.CTLGPaginado .numeros a.Act{color: #0e0949;}

.CTLGPaginado .flechas {width:32px; float:left;}
.CTLGPaginado .flechas a{background-position: right top; background-repeat: no-repeat; text-decoration: none; height: 7px; display: block; float:left; position:relative; margin:5px 0px;}
.CTLGPaginado .flechas a:hover{background-position: right -7px}
.CTLGPaginado .flechas a.Acti{background-position: right -7px; cursor:default;}
.CTLGPaginado .flechas span.alt{display:none}

.CTLGPaginado .flechas a#inicio_pag{background-image: url(/layout/agropienso/imagenes/f_inicio.gif); width:13px;}
.CTLGPaginado .flechas a#anterior_pag{background-image: url(/layout/agropienso/imagenes/f_atras.gif); width:6px; margin-left:10px;}
.CTLGPaginado .flechas a#siguiente_pag{background-image: url(/layout/agropienso/imagenes/f_adelante.gif); width:6px; margin-right:10px;}
.CTLGPaginado .flechas a#fin_pag{background-image: url(/layout/agropienso/imagenes/f_fin.gif); width:13px;}
/********** Fin paginado de Productos ***********/
/********** Fin Categorias Productos **********/
/***** Fin Categorias *****/

/***** Productos *****/
.CTLGProductoDescripcionCorta{font: bold 11px arial, tahoma, verdana;text-align: left}
.CTLGProductoDescripcionLarga{padding-top: 20px;text-align:justify;}
.CTLGProductoImagen{float: left;margin-right: 10px;background-color: #ffffff; text-align: center;width:220px; height:220px; border: 2px solid #EFE8E0;z-index:5; padding: 4px;}
/***** Fin Productos *****/
/* Fin de estilos del catálogo */

/* Aviso Legal */
#legal{margin:5px auto; background-color:#c2cacd;}
#legal div{font-size: 11px;text-align: justify; padding: 5px 10px;}
#legal a{text-decoration:none; color:#485b62;}
#legal a:hover{text-decoration:underline;}
#legal div.titulo{font:bold 12px arial, tahoma, verdana; color:#485b62;}
#legal div.subtitulo{font-weight: bold; color:#485b62;}
#legal ul{display:block; text-align:left; padding-left:20px; margin-left:20px;}
#legal li{padding:5px 0;}

/* Scroll Mootools */
#SCMarco{width:512px; height: 465px;overflow: hidden}
#SCContenido{float:left;width:500px; height: 465px;}
.vScrollbar {position:absolute; left: 725px; top: 60px}	
.hScrollbar {clear: both;}
.vTrack {height: 475px;width: 11px;position: relative;background-color:transparent;overflow: hidden;}
.hTrack {float: left;height: 15px;width: 255px;position: relative;background-color:transparent;overflow: hidden;}			
.vThumb, .hThumb {position: absolute;top: 0;left: 0;height: 15px;width: 11px;background: #b4a797;overflow: hidden; opacity:0.5;}
.arrowUp, .arrowDown, .arrowLeft, .arrowRight, .corner {height: 15px;width: 11px;overflow: hidden;}
.arrowUp{background:url(/layout/agropienso/imagenes/scroller/up.gif) no-repeat center;}
.arrowDown{background:url(/layout/agropienso/imagenes/scroller/dn.gif) no-repeat center;}
.arrowLeft, .arrowRight, .corner {float: left;}	
.corner {position:absolute; left: 725px; bottom:0px;}

/* Zoom MooTools */
#zoomExUl {list-style-type: none;padding: 0;margin: 5px 0 0 0;}
#zoomExUl li {display: inline; margin-left: 10px;}
#zoomExUl li img{border:0px;}
#virtualImgDiv {border-color: #090A48;background: #E11D08 url(/layout/agropienso/imagenes/loader.gif) center center no-repeat;}
#virtualImgMask {background-color: #F1EFF0;}
#virtualImgCloseLink {background: url(/layout/agropienso/imagenes/close.png) left top no-repeat;}
#virtualBoxLegend {padding: 10px 0 0 0;text-align: left;color: #666;font-size: 11px;}