/*
Nueces vettonia
1.0
2001-2005 PULSO Sistemas de Gestión (Web: http://www.pulsosg.es)
11/07/2005
11/07/2005
Fichero CSS que controla los estilos del proyecto
*/
/* Estilos aplicados a todos los elementos */
*{ font-family: Arial, Helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6,p,td,ul,li{ font-family: Arial, Helvetica, sans-serif; }
/* Estilos aplicados a los enlaces */
a{ text-decoration: none; }
/* Estilos aplicados a las imagenes */
a img{ border-width: 0px; }
img{ margin: 0px; padding: 0px; }
img.imgder{
float: right;
margin-left: 15px; margin-bottom: 15px; vertical-align: top;
margin-top: 0px; padding: 0px;
display: block;
}
form{
margin: 0px; padding: 0px;
}
/* Estilos aplicados a la estructura */
body{ margin: 30px 0 0 0; text-align: center; padding: 0px;
}
body#wbody{ margin: 0px; padding: 0px; text-align: left; }
#marc{ width: 778px; margin: auto; text-align: left; position: relative;}
#heat{height: 118px; position: relative;
background-image: url(../img/fheat.jpg); background-repeat: no-repeat; background-position: right top;
/* para eliminar las lineas por encima del menu */
/*margin-bottom: 6px;*/
}
#body{ position: relative; border-right: 1px solid #5A2A26;
background-image:url(../img/fondo_menu.gif); background-repeat:repeat-y;/**/ background-position:left;
z-index:-1;
}
html>body #body{ z-index:1}
#menu{ width: 165px; float: left; background-color:white; z-index:2;
/* para eliminar las lineas por encima del menu */
padding-top: 6px;
}
#conte{ width: 600px; float: right; height: auto; position: relative; font-size: 11px;}
html>body #conte{ width: 601px; }
#pie{ clear: both; height: 63px; position: relative;
background-image: url(../img/fpie.jpg); background-repeat: no-repeat; background-position: left;
border-right: 1px solid #5A2A26; margin-bottom: 10px;
}
#wpie{
height: 22px;
background-image: url(../img/fwpie.jpg); background-position: left;
background-repeat: no-repeat;
}
div.nada{ clear: both; }
/* Estilos aplicados al cabecero */
#heat h1{ margin: 0px; padding: 0px;}
#heat #logo{ margin-left: 8px; width: 178px; height: 121px; }
#heat p{ font-size: 10px; font-weight: bold; }
#heat p.fecha{ position: absolute; top: 1px; left: 630px; margin: 0; padding: 0; }
#heat #intranet{ width: 149px; height: 87px; position: absolute; top: 0; left: 629px; }
#intranet table{ margin-top: 18px; background-color: White; width: 148px; height: 68px; }
#intranet td,th{ font-size: 11px; font-weight: bold; }
#intranet th{ text-align: right; padding-right: 5px; color: White; height: 16px;
background-image: url(../img/fintranet2.jpg); background-position: left top; background-repeat: no-repeat; }
#intranet label{ font-size: 9px; font-weight: bold; }
#intranet .lbl{ width: 39px; height: 20px; color: White; font-weight: bold; padding-left: 31px;
background-image: url(../img/fintranet.jpg);background-position: left top; background-repeat: repeat-y; }
#intranet .txt{ font-size: 9px; width: 65px; height: 10px; border-style: none; border-width: 0px;}
#intranet tbody td{ background-color: #006E4A; }
#intranet .btn{ font-size: 11px; display: block; color: White; background-color: #006E4A; font-weight: bold;
border-top: 1px solid white; width: 139px; height: 14px; padding-right: 9px; text-align: right; }
#intranet .btn:Active{ color: Black; }
#intranet .btn:Hover{ color: Black; }
p.donde{ width: 340px; background-color: #006E4A; color: black;
position: absolute; top: 107px; left: 211px; margin: 0; padding-left: 8px; }
p.donde span{ background-color: White; padding-right: 5px; padding-left: 3px; }
div.lang{ position: absolute; top: 107px; left: 565px; margin: 0px; padding: 0px; font-size: 9px; }
div.lang img{ margin: 0 4px 0 0; padding: 0px; }
ul#mn{ font-size: 10px; position: absolute; top: 106px; right: 0px;
list-style-type: none; margin: 0px; padding: 0px; }
ul#mn li{ display: inline; }
ul#mn a.mncab{ color: #5A2A26; padding-right: 9px; padding-left: 2px; height: 8px;
background-image: url(../img/mnheat2.jpg); background-repeat: no-repeat; background-position: right; }
ul#mn a.mncab:Active{ background-image: url(../img/mnheat.jpg);}
ul#mn a.mncab:Hover{ background-image: url(../img/mnheat.jpg);}
ul#mn a.mncabact{ color: #5A2A26; padding-right: 9px; padding-left: 2px; height: 8px;
background-image: url(../img/mnheat.jpg); background-repeat: no-repeat; background-position: right; }
/* Estilos aplicados al menu */
#menu div.h{ height: 22px; background-image: url(../img/menuh.jpg);background-position: left top; background-repeat: no-repeat;}
#menu p{ border: 1px solid #006E4A; margin: 0px 0px 0px 21px; padding: 0px 0px 0px 2px;
height: 19px; line-height: 19px;font-size: 11px; color: #006E4A; font-weight: bold;}
#menu ul{list-style-type: none; margin: 0px 0px 4px 0px; padding: 0px; font-size: 11px;}
#menu ul li{ list-style-type: none; margin: 0px; padding: 0px;}
#menu ul li a.mnizq{ display: block; padding: 0px 0px 0px 25px; color: #5A2A26; height: 19px; line-height: 19px;
background-position: right top; background-repeat: no-repeat; background-image: url(../img/mna.jpg);
margin-top: -1px;}
#menu ul li a.mnizq:Active{ background-image: url(../img/mnah.jpg);}
#menu ul li a.mnizq:Hover{ background-image: url(../img/mnah.jpg);}
#menu ul li a.mnizqact{display: block; padding: 0px 0px 0px 25px; color: #5A2A26; height: 19px; line-height: 19px;
background-position: right top; background-repeat: no-repeat;
background-image: url(../img/mnah.jpg);
margin-top: -1px;}
#menu img{ margin-top: 5px; }
/* Estilos aplicados al pie de página */
#pie p{
border-bottom: 1px solid #5A2A26;
}
p.copy{ font-size: 9px; position: absolute; bottom: -1px; left: 44px; color: #5A2A26;
width: 212px; margin: 0px; padding: 0px;
}
p.inf{ font-size: 10px; font-weight: bold; position: absolute; bottom: -1px; left: 256px; color: #5A2A26;
width: 310px; margin: 0px; padding: 0px;
}
p.desa{ font-size: 9px; position: absolute; bottom: -1px; right: -1px; color: #424141;
margin: 0px; padding: 0px 5px 0px 0px; }
p.desa span{ font-weight: bold; font-size: 11px; }
.infolegal{ color: #5A2A26; }/*estilo aplicado para informacion legal de la empresa*/
/* Estilos aplicados al index */
#imgs{ width: 600px; height: 316px; }
#imgs #img1{ width: 186px; height: 316px; float: left;
background-image: url(../img/arbol.jpg); background-position: bottom; background-repeat: no-repeat; }
#imgs #img1 p{ margin: 0px; padding: 10px 0px 0px 4px; width: 180px; height: 52px;
border-color: #006E4A; border-style: solid; border-width: 1px 1px 13px 1px;
color: #006E4A; font-size: 16px; font-weight: bold; background-color: #CCE2DB; }
html>body #img1 p{ height: 66px; width: 182px; }
#imgs #img1 p span{ font-weight: bold; color: Black; font-size: 24px; }
#img1 a { color:#006E4A; }/*estilo aplicado al enlace del index '...así se crea una plantación de nogal' */
#img3 a { color:#000000; }/*estilo aplicado al enlace del index 'esto y más en nuestra sección de recetas' */
#imgs #img2{
width: 243px; height: 316px; float: left; margin-left: 9px;
background-image: url(../img/img2.jpg); background-position: left top; background-repeat: no-repeat;
}
#imgs #img2 img{
margin: 10px 0px 0px 6px;
}
#imgs #img2 p{
font-size: 12px; margin: 0px 0px 25px 9px; line-height: 17px;
}
#imgs #img2 a{ color: #994E39; font-size: 11px; font-weight: bold; margin: 0px 0px 0px 9px;
background-image: url(../img/ico1.jpg); background-position: left; background-repeat: no-repeat;
padding-left: 10px; line-height: 11px; height: 11px; }
#imgs #img2 a:Active{ background-image: url(../img/ico2.jpg); }
#imgs #img2 a:Hover{ background-image: url(../img/ico2.jpg); }
#imgs #img2 a span{ font-size: 14px; color: #5A2A26; }
#imgs #img3{ width: 146px; height: 292px; float: right; margin-right: 0px;
border-top: 12px solid #994E39; border-bottom: 12px solid #994E39;
background-image: url(../img/pastel.jpg); background-position: bottom; background-repeat: no-repeat;
}
html>body #imgs #img3{ margin-right: 6px; }
#imgs #img3 p{
margin: 2px 10px 0px 0px; padding: 0px 0px 0px 8px;
font-size: 16px; font-weight: bold; color: Black; background-color: #EBDCD7;
border: 1px solid #994E39;
height: 120px; line-height: 35px;
}
html>body #imgs #img3 p{
height: 122px;
margin-right: 4px;
}
#imgs #img3 p span{
font-size: 28px; color: #994E39;
}
/* Estilos aplicados a las fichas del index */
#recarga{ width: 600px; height: 253px; margin-bottom: 10px; position: relative;
}
/* Estilosa aplicados a la ficha 1 */
#ficha1{ width: 600px; height: 253px; position: relative; }
#ficha1 p.h{ font-size: 20px; color: #994E39; margin: 0px; padding: 10px 0px 0px 49px;
background-image: url(../img/puntos.jpg); background-position: 20px 33px;
background-repeat: no-repeat; }
#ficha1 p.h span{ font-size: 30px; color: #5A2A26; }
#ficha1 p.txt{ font-size: 12px; width: 290px; line-height: 18px; margin: 15px 0px; text-align:justify; }
#ficha1 p.sabe{ font-size: 16px; font-weight: bold; color: #5A2A26; margin: 20px 0px 0px 0px; }
#ficha1 .franga{ background-color: #5A2A26; height: 33px; color: White; position: relative; }
#ficha1 .franga p{ font-size: 28px; font-weight: bold; margin: 0px; padding: 0px;
line-height: 20px; position: absolute; bottom: 1px; left: 0px; }
#ficha1 .franga a{
position: absolute; top: 7px; left: 200px; font-size: 18px; font-weight: bold; color: White;
background-image: url(../img/ico5.jpg); background-position: left; background-repeat: no-repeat;
padding-left: 20px; width: 372px; }
#ficha1 .franga a:Hover{ background-image: url(../img/ico6.jpg); }
#ficha1 img.nuez{ position: absolute; top: 12px; right: 14px; }
/* Estilos aplicados a las paginas de los contenidos */
div.fic{ width: 560px; height: 225px; position: relative;
margin-left: 15px;
margin-top: 19px;
background-image: url(../img/contef1.jpg);background-position: left top;
background-repeat: no-repeat; }
div.fic p{ width: 290px; position: absolute; top: 13px; left: 15px;
font-size: 12px; line-height: 17px; margin: 0px; padding: 0px; text-align:justify;}
div.fic p span{ font-weight: bold; color: #994E39; }
div.fic img{ position: absolute; top: 0px; right: 0px; }
/* Servicios nogal madera - Asesoramiento */
div.fic2{ width: 560px; height: 260px; position: relative;
margin-left: 15px;
margin-top: 19px;
background-image: url(../img/contef2.jpg);background-position: left top;
background-repeat: no-repeat; }
div.fic2 p{ width: 290px; position: absolute; top: 13px; left: 15px;
font-size: 12px; line-height: 17px; margin: 0px; padding: 0px; text-align:justify;}
div.fic2 p span{ font-weight: bold; color: #994E39; }
div.fic2 img{ position: absolute; top: 0px; right: 0px; }
/* Fin Servicios nogal madera - Asesoramiento */
/*Introducción recetas*/
div.fic3{ width: 560px; height: 226px; position: relative;
margin-left: 15px;
margin-top: 19px;
background-image: url(../img/contef1.jpg);background-position: left top;
background-repeat: no-repeat; }
div.fic3 p{ width: 290px; position: absolute; top: 13px; left: 15px;
font-size: 12px; line-height: 17px; margin: 0px; padding: 0px; text-align:justify;}
div.fic3 p span{ font-weight: bold; color: #994E39; }
div.fic3 img{ position: absolute; top: 0px; right: 0px; }
/*fin - Introducción recetas*/
div#msn{ margin-left: 15px; margin-right: 15px; border-left: 8px solid #5A2A26;
padding: 32px 0 4px 7px; font-size: 12px; margin-top: -10px; text-align:justify; }
div#msn p{ margin: 10px 0px 0px 0px; line-height: 18px; text-indent: 35px;}
div#msn p.noindent{ text-indent: 0px; }
div#msn h2{
color: #994F3A; font-weight: bold; font-size: 12px;
margin: 0px; padding: 0px;
}
span.rojobold{ color: #964A33; font-weight: bold; }
div#msn img{ text-indent: 0;}
.fr{float:right;margin-left:10px;}
.fl{float:left;margin-right:10px;}
/* Estilos aplicados a los formularios d elos contenidos */
table.form{
font-size: 11px;position: absolute; top: 18px; left: 15px;
}
table.form label{
font-size: 11px; font-weight: bold; }
table.form .txt{ font-size: 11px; border-style: none; border-width: 0px; height: 14px; line-height: 14px; }
table.form .txa{ font-size: 11px; border-style: none; border-width: 0px; height: 61px; width: 265px; }
.btncnt{
width: 232px; background-color: #5A2A26; font-size: 18px; font-weight: bold; color: White;
border-width: 0px; border-style: solid;
background-image: url(../img/botones/btn1.jpg);
background-position: center; background-repeat: no-repeat;
position: absolute; left: 322px; top: 176px;
cursor: pointer;
z-index: 2
}
.w85{ width: 85px; }
/* Estilos aplicados a las ventanas flotantes */
#wmarc{ text-align: left; position: relative; }
#wdivmarc{
font-size: 11px;
border-top: 11px solid #994E39; position: relative;
border-bottom: 11px solid #994E39;
padding: 10px;
height: 100%;
}
/* Estilos aplicados al mapa */
#mapa{ margin: 20px; }
#mapa p{ font-size: 11px; font-weight: bold; color: #994E39; margin: 5px 0px; }
#mapa ul{ list-style-type: none; margin: 0px 0px 0px 30px; padding: 0px;}
#mapa ul a{
font-size: 11px; color: Black; padding-left: 10px;
background-image: url(../img/ico1.jpg); background-position: left;
background-repeat: no-repeat;
}
#mapa ul a:Active{ background-image: url(../img/ico2.jpg); }
#mapa ul a:Hover{ background-image: url(../img/ico2.jpg); }
/* Estilo aplicado al contenedor de los modulos */
div.MarcMod{ margin-top: 10px; position: relative;
overflow: hidden;
width: 590px; }
div.MarcModView{ border-top: 11px solid #994E39; position: relative;
border-bottom: 11px solid #994E39;}
/* Estilos aplicados al modulo de recetas */
table.receta{
margin-top: 20px; font-size: 11px; border-collapse: collapse;
margin-left: 15px;
width: 555px;
}
table.receta .Recheat{
background-image: url(../img/recetas/fondoheat.jpg);
background-position: left top; background-repeat: no-repeat;
font-size: 11px; font-weight: bold; color: #5C2C27;
padding-left: 15px; height: 30px;
vertical-align: top;
}
table.receta td{ width: 50%; }
table.receta td.rec1{ padding-right: 8px; height: 20px; vertical-align: middle; }
table.receta td.rec2{ border-left: 6px solid #FFC976; padding-left: 8px; }
table.receta a{ color: #5A2A26; font-weight: bold; background-image: url(../img/ico1.jpg);
background-repeat: no-repeat;background-position: left 5px;padding-left: 10px; }
table.receta a:hover{ background-image: url(../img/ico2.jpg); }
table.receta a:active{ background-image: url(../img/ico2.jpg); }
/*img.frec{ position: absolute; width: 155px; z-index:1;}*/
.awreceta{ border-top: 1px solid #994E39; margin-top: 2px; font-size: 11px; }
.awreceta #titrec{ background-color: #994E39; border-bottom: 1px solid #994E39;
height: 189px; min-height: 189px; position: relative; z-index:0;}
html>body .awreceta #titrec{ height: auto; }
.awreceta #titrec div#titrecc{ width: 288px; background-color: #EBDCD7; }
html>body .awreceta #titrec div#titrecc{width: 305px;}
.awreceta h2{ font-size: 16px; margin: 0px; padding: 0px; color: #5A2A26;
padding-left: 15px; background-image: url(../img/ico7.jpg);
background-position: left; background-repeat: no-repeat; }
.awreceta p.infrec{ margin: 6px 0px 0px 0px; padding: 0px 0px 0px 6px;
background-color: #994E39; color: White; }
.awreceta p.infrec span{ font-weight: bold; }
.awreceta p.ulrec{ margin: 16px 0px 16px 70px; font-weight: bold; color: #5A2A26;}
.awreceta ul{ list-style-type: square;
list-style-position: inside;
width: 215px;
padding: 0px; margin: 0px 0px 0px 60px;
height: 104px; min-height: 104px;
}
html>body .awreceta ul{ height: auto; }
.awreceta #desrec{ margin: 15px 10px 0px 10px; padding-bottom: 5px; height: 240px; min-height: 240px; }
html>body .awreceta #desrec{ float: inherit; }
/*html>body #desrec{height: auto;}*/
.awreceta .elab{ font-size: 14px; color: #5A2A26; font-weight: bold; }
.awreceta #desrec p{
line-height: 18px;
margin: 11px 0px 11px 0px;
}
.awreceta img{position:absolute; z-index:1; margin:0px 0px 0px 288px; padding:0px;}
html>body .awreceta img{margin:0px 0px 0px 305px;}
#wpie #opc{
background-color: #5A2A26; margin-left: 40px; color: White;
margin-top: 2px; height: 20px;
}
#opc a{color: White; font-size: 11px; font-weight: bold;
margin-left: 14px; padding-left: 16px;
background-image: url(../img/ico3.jpg);
background-position: left; background-repeat: no-repeat;
}
html>body #opc a{
margin-left: 21px;
}
/*Estilos aplicados a situación*/
#mapa{
margin: 20px 0px 0px 70px;
}
#direcc{
position: absolute;
display:block;
font-weight:bold;
color:#006e4a;
margin: 20px 0px 0px 75px;
}
#direcc span{color:#5a2a26;}
/* información legal de la empresa */
#informacionlegal{
margin: 0px; padding: 0px; height:294px;
background-color:#FFC976; border: 4px solid #994E39;
font-family: Arial, Helvetica, sans-serif; font-size: 12px;
line-height: 18px;
}
#informacionlegal div{ text-align: left; color: #5A2A26; padding: 25px 0px 0px 25px; }
#informacionlegal span{ font-weight: bold; }
/* fin informacion legal */
span.pulso{ color:#000F57; }
a.pulso { color:#000F57; }