body{
background-color : #FAF8E6;
}

body a img{
border: 0;
}

.mozilla {
display: block;
}

.negrita{
font-weight : bold;
color: #383838;
}

.campos {
font-size: 8pt;
color: Maroon;
border: 1px solid #A9A9A9;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FEFEFE;
}

.azulgrande{
color:#336699;
font-size : 11pt;
}

.azul{
color:#336699;
}

.azul a:hover{
color:#336699;
}

.gris{
color:#A9A9A9;
}

#enconstruccion{
position:relative;
text-align : center;
top:250px;
color:#336699;
}

#enconstruccion a{
color:#336699;
}

.reportaje{
color:#B22222;
background-color :  #F9F9F9;
padding : 5px;
}

.reportaje a{
color:#B22222;
}

.flotaderecha{
float : right;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 20px;
}

.flotaizquierda{
float : left;
padding-bottom : 20px;
padding-right : 20px;
}

.familiapeque{
position:relative;
font-size :11pt;
color:#336699;
padding-bottom : 20px;
font-weight : bold;
}

.azulnegrita{
font-size : 9pt;
font-weight : bold;
color:#336699;
background-color : #E8EAEC;
}

.textorojo{
color:Maroon;
}

.derecha{
text-align : left;
color:#000000;
}

.rojo{
font-size : 9pt;
font-weight : bold;
color:#B22222;
background-color : #F1F1F1;
}

.rojo2{
font-size : 9pt;
color:#B22222;
}

.rojo3{
font-size : 8pt;
color:#B22222;
}

#tablactualidad span{
color:#BF6A00;
}

body {
background-image: url(../img/fondo.gif);
background-repeat: repeat;
}

/*capa que contiene toda la página*/
#contenedor{
position: relative;
margin: 24px auto;
border : 1px solid #000000;
background-color : #ffffff;
width: 782px;
min-width: 782px;
height: 590px;
top: -15px;
}

#print{
position: relative;
text-align : right;
z-index : 999;
}

#print a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#868686;
text-decoration : none;
}

#print a:hover{
color:#336699;
}

#quicktime{
position:absolute;
left:646px;
top:515px;
width : 120px;
text-align : center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#868686;
}

#quicktime a{
color:#868686;
}

#quicktime a:hover{
color:#336699;
}

#formulario{
position:absolute; 
left:295px; 
top:265px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#666666;
}

#formularioacceso{
position:absolute; 
left:320px; 
top:220px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#666666;
border : 1px solid #D6D6D6;
padding : 20px;
border-bottom :  8px solid #D6D6D6;
}

#formularioacceso a{
font-size:9pt;
color:#666666;
}


#direccion{
position:absolute;
top:129px;
left:310px;
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#696969;
}

#direccion a{
text-decoration : none;
color:#661313;
}

#direccion a:hover{
color:#696969;
}

/*menu de idiomas*/
#idiomas{
position:absolute;
left:470px;
top:-7px;
font-size :7.5pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #FEFEFE;
text-align : justify;
width : 390px;
}

#idiomas li{
display : inline;
list-style : none;
padding-right : 17px;
}

#idiomas li a{
text-decoration : none;
color:#000000;
}

#idiomas li a:hover{
color:#B22222;
}

/*menu de arriba inicio*/
#menuarriba{
position:relative;
left:5px;
top:50px;	
width : 500px;
}

#menuarriba li{
display : inline;
padding-right : 15px;
}

#menuarriba a{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size :8pt;
color:#ffffff;
text-decoration : none;
}

#menuarriba a:hover{
color:#B22222;
}

/*reloj flash*/
#reloj{
position:absolute;
top:80px;
left:725px;	
}

.rojonegrita{
font-weight : bold;
color: #B22222;
}

/*texto de las secciones*/
#texto{
position:absolute;
left:230px;
top:400px;	
width : 371px;
font : 8pt/14pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #383838;
text-align : justify;
overflow : auto;
height :160px;
z-index : 999;
padding-right: 20px;
}

#texto a{
color: #383838;
text-decoration : underline;
}

/*animacion de las burbujas*/
#animacion{
position:relative;
}

/*cabecera gris*/
#cabecera{
position:absolute;
top:0px;
left:225px;
width : 557px;
height : 92px;
background-image : url(../img/cabecera.gif);
background-repeat : no-repeat;
}

/*pie de página*/
#pie{
position:absolute;
top:570px;
width : 782px;
height : 20px;
background-image : url(../img/pie.gif);
background-repeat : no-repeat;
}

/*seccion principal*/
#seccionprincipal{
position:absolute;
top:150px;
left:540px;
z-index : 100;
}

/*texto vertical de las secciones*/
#seccion{
position:absolute;
top:223px;
left:225px;
}

#seccion2{
position:absolute;
top:170px;
left:225px;
}

#seccionnoticias{
position:absolute;
top:343px;
left:225px;
}

#seccioncertificados{
position:absolute;
top:290px;
left:225px;
}

#seccionpresente{
position:absolute;
top:173px;
left:225px;
}

#seccionentorno{
position:absolute;
top:213px;
left:225px;
}

#seccionentornoen{
position:absolute;
top:170px;
left:225px;
}

/*fotografias de cada seccion*/
#foto{
position:absolute;
top:175px;
left:274px;
}

.cert{
margin: 1em 0 0 0.6em;
float: left;
width: 12.5em;
text-align: center;
font: 7pt Verdana, sans-serif;
}

.clear{
clear: both;
}

#foto2{
position:absolute;
top:170px;
left:270px;
}

#foto3{
position:absolute;
top:60px;
left:180px;
}

/*submenu de cada seccion*/
#submenu{
position:absolute;
top:150px;
left:633px;
width : 149px;
height : 426px;
background-image : url(../img/submenu/submenuproductos.gif);
background-repeat : no-repeat;
}

#submenu2{
position:absolute;
top:150px;
left:633px;
width : 149px;
height : 426px;
background-image : url(../img/submenu/submenu.jpg);
background-repeat : no-repeat;
}

/*opciones del submenu de cada seccion*/
#submenutexto{
position:absolute;
top:24px;
left:-35px;
width : 180px;
}

#submenutexto li{
line-height : 17px;
list-style-type : none;
}

#submenutexto a{
text-decoration:none;
color:#464646;
font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 8pt;
}

#submenutexto a:hover{
color:#B22222;
}

/*opciones del submenu de productos*/
#submenutexto2{
position:absolute;
top:290px;
left:0px;
width : 180px;
}

#submenutexto2 p a{
font:0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.catalogo{
background: url(../img/pdf.gif) no-repeat left;
padding: 0.5em 0em 0.5em 2em;
}

.tresd{
background: url(../img/3d.gif) no-repeat left;
padding: 0.5em 0em 0.5em 2em;
}

.fabricamos{
background: url(../img/fabricamos.gif) no-repeat left;
padding: 0.5em 0em 0.5em 2em;
}

#submenutexto2  li{
line-height : 25px;
list-style-type : none;
}

#submenutexto2 a, #submenutexto2  li{
text-decoration:none;
color:#464646;
font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 8pt;
}

#submenutexto2 a:hover{
color:#B22222;
}

/*email del pie de página*/
#mail{
position:relative;
left:26px;
top:3px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#mail a{
font-size : 8pt;
color: #ffffff;
text-decoration:none;
}

#mail a:hover{
color: #B22222;
}

#reportajes{
position:absolute;
top:110px;
left:260px;
width : 500px;
height : 445px;
text-align : justify;
font : 8pt/14pt verdana,Geneva, Arial, Helvetica, sans-serif;
color:#696969;
overflow : auto;
padding-right : 10px;
}

/*capa para presentar las noticias*/
#noticias{
position:absolute;
top:110px;
left:260px;
width : 500px;
height : 445px;
text-align : justify;
font : 8pt/14pt verdana,Geneva, Arial, Helvetica, sans-serif;
color:#696969;
overflow : auto;
z-index : 999;
padding-right: 20px;
}

#noticias a{
text-decoration:none;
color:#B22222;
}

#noticias a:hover{
text-decoration:none;
color: #35638A;
}

#mapa{
position:absolute;
top:103px;
left:260px;
width : 510px;
height : 445px;
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#696969;
}

#mapa ul{
line-height : 14px;
}

#mapaidioma li{
display : inline;
padding-right : 17px;
}

#mapa a{
text-decoration:none;
color:#696969;
}

#mapa a:hover{
text-decoration:none;
color: #335E84;
}

/*los 2 iconos de la seccion de productos*/
#iconos{
position:absolute;
left:2px;
top:296px;
}

/*acceso a usuarios*/
#extranet{
position:absolute;
top:50px;
left:650px;
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#ffffff;
}

#extranet a{
text-decoration:none;
color:#ffffff;
font-family :Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size :8pt;
}

#extranet a:hover{
color:#B22222;
}

/*creditos del pie de página*/
#creditos{
position:absolute;
top:573px;
left:230px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 8pt;
color:#ffffff;
}

#creditos a{
text-decoration : none;
color:#ffffff;
}

/*fondo para la sección de novedades*/
#novedades{
position:absolute;
top:95px;
left:230px;
background: url(../productos_portada/novedades.jpg) no-repeat;
width: 35em;
height: 30em;
}

#infonovedad1{
position:absolute;
top:163px;
left:320px;
z-index:999;
}

#infonovedad2{
position:absolute;
top:173px;
left:598px;
z-index:999;
}

#infonovedad3{
position:absolute;
top:390px;
left:286px;
z-index:999;
}

#infonovedad4{
position:absolute;
top:382px;
left:596px;
z-index:999;
}

#infonovedad5{
position:absolute;
top:152px;
left:330px;
z-index:999;
}

#infonovedad6{
position:absolute;
top:163px;
left:568px;
z-index:999;
}

#infonovedad5 a,#infonovedad6 a,#infonovedad2 a,#infonovedad3 a{
font-weight : bold;
font-size : 8pt;
font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
color:#B22222;
text-decoration : none;
}

#infonovedad1 a{
font-weight : bold;
font-size : 8pt;
font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration : none;
}

#infonovedad4 a{
font-weight : bold;
font-size : 8pt;
font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration : none;
}

#infonovedad1 a:hover,#infonovedad2 a:hover,#infonovedad3 a:hover,#infonovedad5 a:hover,#infonovedad6 a:hover{
color:#A9A9A9;
}

#infonovedad4 a:hover{
color:#B22222;
}

/*contenedor de pagina para las noticias y las bases de datos*/
#marco{
position: relative;
margin: 9px auto;
margin-top :2px;
border : 1px solid #000000;
text-align : justify;
font-size : 8pt;
font-family :Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#696969;
background-color : #ffffff;
width:700px;
min-height:300px;
height : auto;
padding : 20px;
overflow : auto;
}

#marco a{
color:#336699;
}

/*tablas para las secciones de formatos hechas en base de datos*/
#contenedortabla{
position:relative;
min-width : 700px;
}

#tablaformatos th{
border : 1px solid #A9A9A9;
padding-left : 10px;
padding-right : 10px;
font-weight : normal;
}

/*logo para las secciones de formatos hechas en base de datos*/
#logo{
position:relative;
top:-15px;
}



#familia{
position:relative;
font-size : 12pt;
color:#336699;
padding-bottom : 20px;
font-weight : bold;
}

#producto1 a{
position: absolute;
width: 5em;
height: 4em;
margin-top: -5em;
margin-left: 14.5em;
}

#producto1 a span,#producto2 a span,#producto3 a span,#producto4 a span,#producto5 a span,#producto6 a span{
display:none;
}

#producto2 a{
position: absolute;
width: 5em;
height: 4em;
margin-top: -5em;
margin-left: 20em;
}

#producto3 a{
position: absolute;
width: 5em;
height: 4em;
margin-top: -5em;
margin-left: 25.5em;
}

#producto4 a{
position: absolute;
width: 5em;
height: 4em;
margin-top: -5em;
margin-left: 31em;
}

#producto5 a{
position: absolute;
width: 5em;
height: 4em;
margin-top: -5em;
margin-left: 36.6em;
}

#producto6 a{
position: absolute;
width: 5em;
height: 4em;
margin-top: -5em;
margin-left: 42em;
}

#producto1_texto a{
position: absolute;
width: 8em;
height: 1em;
margin-top: -18.5em;
margin-left: 38em;
background-color: #87CEEB;
}

#productos{
position: absolute;
width: 12em;
margin-left: 35.6em;
margin-top: -20em;
padding: 0em;
}

#productos2{
list-style-type: none;
}

#productos2 li{
line-height: 0.5em;
margin-bottom: 0.2em;
}

#productos2 li a{
font:0.55em Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration: none;
}

#productos2 li a:hover{
text-decoration: underline;
}

#certificados{
list-style-type: none;
margin: 10em 0 0 2.2em;
padding: 0;
}

#certificados li{
background: url(http://www.conservasemperatriz.com/img/ico_pdf.gif) no-repeat left;
padding-left: 1.3em;
margin-bottom: 0.4em;
}