/* Genéricos */
* {
        padding: 0;
        margin: 0;
}

body {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 13px;
        background: white;
}


#principa_l {
        width: 790px;
        height: 468px;
        margin-top: -234px;
        margin-left: -395px;
        position: absolute;
        top: 50%;
        left: 50%;
}

img { border: none; }

.centrado { text-align: center !important; }
.derecha { text-align: right !important; }
.izquierda { text-align: left !important; }
.oculto { display: none !important; }
.borde { border: 1px solid black; }
.inline { display: inline !important; }

h1.granate {
        background: #8B0035;
/*        position: absolute;
        top: 25px;
        left: 0; */
        padding: 3px 0 2px 50px;
        width: 345px;
        font-size: 14px;
        font-weight: bold;
        color: white;
}



a.volver:link, a.volver:active, a.volver:visited, a.volver:hover {
        display: block;
        text-decoration: none;
        color: #8B0035;
        font-weight: bold;
        font-size: 18px;
}

/* index.php, selección de idioma */

table#lista_idiomas {
        list-style-type: none;
        list-style-position: inside;
        position: absolute;
        top: 110px;
        left: 70px;
        border-collapse: collapse;
        width: 335px;
}

#lista_idiomas td {
        padding: 8px 20px;
}

#lista_idiomas td.derecha {
        font-size: 13px;
        letter-spacing: 1px;
        color: #555;
        font-family: "Trebuchet MS", Verdana, sans-serif;
}

#lista_idiomas a:link, #lista_idiomas a:active, #lista_idiomas a:visited {
        background: #8B0035;
        color: white;
        text-decoration: none;
        font-weight: 550;
        font-size: 15px;
        letter-spacing: 1px;
        font-family: sans-serif;
        padding: 3px 0;
        width: 74px;
        display: block;
        text-align: center;
        border: 1px solid #8B0035;
}

#lista_idiomas a:hover {
        background: #CC0033;
}

#logo {
        position: absolute;
        top: 110px;
        left: 470px;
}

p#pie_portada {
        position: absolute;
        top: 300px;
        left: 45px;
        border-top: 1px solid #8B0035;
        width: 700px;
        padding-top: 15px;
        font-size: 14px;
        text-align: center;
}

/* Cabeceras y pies */

#cabecera {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 100%;
        z-index: 1;
}

.cabecera_clase1 {
        background: url(../img/background_sup01.png) center center no-repeat;
}

#pie {
/*        position: absolute;
        bottom: 0;
        left: 0;*/
        height: 20px;
        float:left;
/*         background: red; */
        width: 100%;
        border-top: 2px solid black;
        z-index: 1;
        background: url(../img/background_inf01.png);
/* center center no-repeat;*/

}


/* Menús */

#logo_caimari {
        position: absolute;
        top: 0; 
        left: 0; 
        width: 185px; 
        height: 110px; 
        z-index: 999;
}

#menu_sup {
/*        position: absolute;
        top: 25px;
        right: 0;

        width: 50%;
        height: 60px;
        z-index: 1;
*/
}

#menu_sup ul {
        list-style-type: none;
        text-align: center;
/*        position: absolute;*/
        left: 0;
        top: 0;
        background: #8B0035;
        width: 100%;
        z-index: 1;
}

#menu_sup ul li {
        display: inline;
}

#menu_sup a:link, #menu_sup a:active, #menu_sup a:visited {
        color: white;
        font-size: 14px;
        font-family: Helvetica, Arial, sans-serif;
        text-decoration: none;
        padding: 0 10px;
        vertical-align: top;
}

#menu_sup a:hover {
        font-weight: bold;
        letter-spacing: 1px;
}

#menu_izqda {
        position: absolute;
        top: 25px;
        left: 0;
        width: 230px;
        height: 270px;
        background: transparent;
        z-index: 1;
}

#menu_izqda ul {
        list-style-type: none;
        list-style-position: inside;
}

#menu_izqda ul li {
        border-bottom: 1px solid black;
        padding: 6px 0 0 25px;
}

#menu_izqda a:link, #menu_izqda a:active, #menu_izqda a:visited {
        font-size: 14px;
        font-family: Helvetica, Arial, sans-serif;
        text-decoration: none;
        color: black;
}

#menu_izqda a:hover {
        padding-left: 20px;
}

#menu_izqda a img {
        margin-bottom: -4px;
}

/* Navigation */
.nav, .nav ul { 
        list-style: none;
        margin: 0;
        padding: 0;
}

.nav ul { margin-top: -8px !important; }

.nav {
        font-family: Arial, Helvetica, sans-serif;
        z-index: 100;
        position: relative;
}

.nav li {
        border-left: 1px solid #000;
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
        font: bold 13px Arial, Helvetica, sans-serif;
        background: #565656;
        color: #959595;
        display: block;
        padding: 0 9px;
        text-transform: lowercase;
        text-decoration: none;
}

.nav li a:hover {
        background: #8B0035;
        color: #000;  
}

#nav-one {
        margin-left: 183px; 
        margin-top: 50px;
}

#nav-one, #nav-one li, #nav-one li a {
        background: #8B0035;
        color: #FFF;
}

#nav-one li:hover a, #nav-one li.sfHover a {
        background: #8B0035;
        color: #FFF;
}

#nav-one li:hover ul a, #nav-one li.sfHover ul a {
        background: #8B0035;
        color: #FFF;
}

#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {
        background: #8B0035;
        color: #FFF;  
}

.nav ul {
        background: #8B0035;
        border-bottom: 1px solid #000;
        list-style: none;
        margin: 0;
        position: absolute;
        top: -999em;
        left: -1px;
}

.nav li:hover ul, .nav li.sfHover ul {
        top: 25px;
}

.nav ul li {
        border: 0;
        float: none;
}

.nav ul a {
        border: 1px solid #000;
        border-bottom: 0;
        padding-right: 20px;
        white-space: nowrap;
}

.nav ul a:hover {
        background: #ccc;
        color: #000;
}

/* principal.php */

#contenido_principal {
        position: absolute;
        top: 85px;
        right: 0;
        width: 230px;
        height: 270px;
        z-index: 1;
}

#contenido_principal h2 {
        font-size: 16px;
        font-family: Helvetica, Arial, sans-serif;
        margin: 5px 0;
}

#contenido_principal p {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
}

#contenido_principal a:link, #contenido_principal a:active, #contenido_principal a:visited {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-decoration: none;
        color: black;
}

#contenido_principal a:hover {
        text-decoration: underline;
        color: blue;
}

#contenido_principal img#img_logo {
        margin: 5px 0;
}

/* oliveras.php */

#contenido_oliveras {
/*        position: absolute; 
        top: 70px;  */
        left: 0; 
        width: 100%; 
        height: 350px; 
        z-index:60;
}

#texto_oliveras {
/*        position: absolute; 
        top: 0; 
        left: 50px; 
        width: 350px; 
        height: 300px;
        overflow: scroll; */
        z-index:60;
}

#volver_oliveras {
        position: absolute; 
        top: 320px; 
        left: 50px; 
        width: 280px; 
        text-align: center;
}

#texto_oliveras p {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin: 0 50px 15px 0;
        z-index:60;
}

#imagenes_oliveras {
/*        position: absolute; 
        top: 0; 
        left: 340px; 
        width: 450px; 
        height: 100%; */
}

#imagenes_oliveras img.gal {
        margin: 0 6px;
}

#contenido_oliveras #logo_peque {
/*        position: absolute;
        right: 40px;
        bottom: 0;
*/
}

/* almazara.php */

#contenido_almazara {
/*        position: absolute; 
        top: 70px; 
        left: 0; 
*/
        width: 100%; 
        height: 350px; 
}

#texto_almazara {
/*        position: absolute; 
        top: 0; 
        left: 50px; 
        width: 350px; 
        height: 300px;

        overflow: scroll;
*/
}

#volver_almazara {
/*        position: absolute; 
        top: 310px; 
        left: 50px; 
        width: 280px; 
*/
        text-align: center;
}

#texto_almazara p {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin: 0 50px 15px 0;
}

#imagenes_almazara {
/*        position: absolute; 
        top: 0; 
        left: 340px; 
        width: 450px; 
        height: 100%; 
*/
}

#imagenes_almazara img.gal {
        margin: 0 6px;
}

#contenido_almazara #logo_peque {
/*        position: absolute;
        right: 40px;
        bottom: 0;
*/
}

#contenido_almazara table#tabla_volver {
        margin: 0 auto;
}

a.link_almazara:link, a.link_almazara:active, a.link_almazara:visited {
        font-size: 12px; 
        color: black; 
        text-decoration: none;
}

a.link_almazara:hover {
        text-decoration: underline;
}

/* nueva_almazara.php */

#contenido_nueva_almazara {
/*        position: absolute; 
        top: 70px; 
        left: 0; 
        width: 100%; 
        height: 350px; 
*/
}

#texto_nueva_almazara {
/*        position: absolute; 
        top: 0; 
        left: 50px; 
        width: 350px; 
        height: 300px;
        overflow: scroll;
*/
}

#volver_nueva_almazara {
/*        position: absolute; 
        top: 310px; 
        left: 50px; */
        width: 280px; 
        text-align: center;
}

#texto_nueva_almazara p {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin: 0 50px 15px 0;
}

#imagenes_nueva_almazara {
/*        position: absolute; 
        top: 0; 
        left: 340px; 
        width: 450px; 
        height: 100%; 
*/
}

#imagenes_nueva_almazara img.gal {
        margin: 0 6px;
}

#contenido_nueva_almazara #logo_peque {
        position: absolute;
        right: 40px;
        bottom: 0;
}

#contenido_nueva_almazara table#tabla_volver {
        margin: 0 auto;
}

a.link_nueva_almazara:link, a.link_nueva_almazara:active, a.link_nueva_almazara:visited {
        font-size: 12px; 
        color: black; 
        text-decoration: none;
}

/* aceites.php */

#contenido_aceites {
/*        position: absolute; 
        top: 70px; 
        left: 0; 
        width: 100%; 
*/
        height: 350px; 
}

#texto_aceites {
/*        position: absolute; 
        top: 0; 
        left: 15px; 
        width: 360px; 
        height: 300px;
*/
}

#volver_aceites {
/*        position: absolute; 
        top: 310px; 
        left: 50px; 
        width: 280px; 
*/
        text-align: center;
}

#imagenes_aceites {
/*        position: absolute; 
        top: 0; 
        left: 375px; 
*/
        width: 415px; 
}

#imagenes_aceites img.gal {
        margin: 0 6px;
}

#imagenes_aceites h2.tituloproducto {
        font-family: Arial, sans-serif;
        font-size: 13px;
        color: #8B0035;
        text-align: center;
}

#imagenes_aceites p {
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: black;
}

#contenido_aceites #logo_peque {
        position: absolute;
        right: 40px;
        bottom: 0;
}

/*  otrosproductos.php */

#contenido_otrosproductos {
/*        position: absolute; 
        top: 70px; 
        left: 0; 
        width: 100%; 
*/
        height: 350px; 
}

#texto_otrosproductos {
/*        position: absolute; 
        top: 0; 
        left: 15px; 
        width: 360px; 
*/
        height: 300px;
}

#volver_otrosproductos {
/*        position: absolute; 
        top: 310px; 
        left: 50px; 
        width: 280px; 
*/
        text-align: center;
}

#imagenes_otrosproductos {
/*        position: absolute; 
        top: 0; 
        left: 375px; 
        width: 415px; 
*/
}

#imagenes_otrosproductos img.gal {
        margin: 0 6px;
}

#imagenes_otrosproductos h2.tituloproducto {
        font-family: Arial, sans-serif;
        font-size: 13px;
        color: #8B0035;
        text-align: center;
}

#imagenes_otrosproductos p {
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: black;
}

#contenido_otrosproductos #logo_peque {
/*        position: absolute;
        right: 40px;
        bottom: 0;
*/
}

/* Lista de productos, en aceites.php y otrosproductos.php */

h2.nombretipoproducto {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial, sans-serif;
        color: black;
}

ul.listaproductos {
        list-style-image: url(../img/flecha_granate.png);
        list-style-position: inside;
        margin-bottom: 10px;
}

ul.dorada {
        list-style-image: url(../img/flecha_dorada.png) !important;
}

ul.listaproductos a:link, ul.listaproductos a:active, ul.listaproductos a:visited {
        font-size: 12px;
        font-family: Arial, sans-serif;
        color: #333;
        text-decoration: none;
        vertical-align: top;
}

ul.listaproductos a:hover { color: #8B0035; }

ul.listaproductos a.activo { color: #8B0035; }

/*  tienda.php */

#contenido_tienda {
        position: absolute; 
        top: 70px; 
        left: 0; 
        width: 100%; 
        height: 350px; 
}

#texto_tienda {
        text-align: center;
        margin-top: 50px;
}

#texto_tienda h2 {
        color: #8B0035;
        font-size: 20px;
        font-family: Arial, sans-serif;
        font-weight: bold;
}

#texto_tienda p {
        font-size: 12px;
        font-family: Arial, sans-serif;
        width: 200px;
        margin: 10px auto;
}

#contenido_tienda #logo_peque {
        position: absolute;
        right: 40px;
        bottom: 0;
}

/*  descargas.php */

#contenido_descargas {
        position: absolute; 
        top: 70px; 
        left: 0; 
        width: 100%; 
        height: 350px; 
}

#contenido_descargas h2 {
        font-size: 15px;
        font-family: Arial, sans-serif;
        font-weight: normal;
        color: #8B0035;
}

#texto_descargas {
        margin: 0 0 0 48px;
/*         border: 1px solid black; */
}

#tabladescargas {
        margin: 10px 0;
}

#tabladescargas td {
        text-align: left;
        padding: 0 40px 5px 0;
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: black;
}

#tabladescargas td img {
        border: 1px solid black;
}

#contenido_descargas #logo_peque {
        position: absolute;
        right: 40px;
        bottom: 0;
}

/* visitas.php */

#contenido_visitas {

        height: 350px; 
}

#texto_visitas {

}

#texto_visitas p.direccion {
        color: #226;
        text-align: center;
}

#volver_visitas {
}

#texto_visitas p {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin: 0 50px 15px 0;
}

#imagenes_visitas {

}

#imagenes_visitas img.gal {
        margin: 0 6px;
}

#contenido_visitas #logo_peque {

}

/* noticias.php */

#contenido_noticias {
/*        position: absolute; 
        top: 70px; 
        left: 0; 
        width: 100%; 
*/
        height: 350px; 
}

#texto_noticias {
/*        position: absolute; 
        top: 0; 
        left: 50px; 
        width: 350px; 
        height: 300px;

        overflow: scroll;*/
}

#volver_noticias {
/*        position: absolute; 
        top: 310px; 
        left: 50px; 
        width: 280px; 
*/
        text-align: center;
}

#texto_noticias p {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin: 0 50px 15px 0;
}

#imagenes_noticias {
/*        position: absolute; 
        top: 0; 
        left: 340px; 
        width: 450px; 
*/
        height: 100%; 
}

#imagenes_noticias img.gal {
        margin: 0 6px;
}

#contenido_noticias #logo_peque {
/*        position: absolute;
        right: 40px;
        bottom: 0;
*/
}

.noticia h3 {
        color: #CC3;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
}

/* recetas.php */

#contenido_recetas {
/*        position: absolute; 
        top: 70px; 
        left: 0; 
        width: 100%; 
        height: 350px; 
*/
}

#texto_recetas {
/*        position: absolute; 
        top: 0; 
        left: 50px; 
        width: 350px; 
        height: 300px;
        overflow: scroll;
*/
}

#volver_recetas {
/*        position: absolute; 
        top: 350px; 
        left: 0; 
        width: 280px; 
*/
        text-align: left;
}

ul.listarecetas {
        list-style-image: url(../img/flecha_granate.png);
        list-style-position: inside;
/*        position: absolute;
        top: -20px;
        left: 0;
        width: 200px;
*/
        z-index: 10;
}

ul.listarecetas li {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial, sans-serif;
        color: black;
        margin: 5px 0;
}

ul.listarecetas li.nombrereceta {
        cursor: pointer;
}

#fotoreceta {
/*        position: absolute; 
        top: 86px; 
        right: 0; 
        width: 580px; 
*/
        z-index: 1;
}

#fotoreceta img {
        float: right;
}

.ingredientes { margin: 0 0 10px 13px; }
.elaboracion {
        margin: 10px 0 10px 13px;
        height: 140px;
        width: 100%;
        overflow: auto;
}

.ingredientes p {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #999;
        margin-bottom: 10px;
}

.elaboracion p {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: black;
        margin-bottom: 5px;
}


/* =========================== */

 #msgbox
 {
  display: table;
  width: 1000px;
  position: absolute;
  margin-left:-500px;
  left: 50%;
/*  color: white; */
  background-color: white;
  border: 0px solid #F00;
 }

#msgbox1
{
  float: right;
  width: 1000px;
  height: 404px;
  border: 0px solid #0F0;
  z-index: 50;
  background-image: url('../img/body_principal.jpg');
  background-repeat: no-repeat;
}

#idiomas
{
  width: 203px;
  height: 80px;
  background-image: url('../img/idiomas.gif');
  border: 0px solid #0F0;
  float: right;
}
#huecomenu
{
  width: 160px;
  height: 24px;
/*  background-image: url('../img/menu.jpg'); */
  background-color: #8B0035;
  border: 0px solid #0F0;
  float: left;
}


#menu
{
/*  width: 1000px;*/
  width: 1000px;
  height: 24px;
/*  background-image: url('../img/menu.jpg'); */
  border: 0px solid #0F0;
  float: left;
  background-color: #8B0035;
  z-index:1;
}

#huecomenuinf
{
  width: 350px;
  height: 20px;
/*  background-image: url('../img/menu.jpg'); */
  border: 0px solid #0F0;
  background-color: #8B0035;
  float: left;
}

#menuinf
{
/*  width: 1000px;*/
  width: 1000px;
  height: 20px;
/*  background-image: url('../img/menuinf.jpg'); */
  border: 0px solid #0F0;
  float: right;
}


#logo
{
  z-index:100;
  left: 50%;
  top: 0;
  margin-left:-511px;
  margin-top:0px;
  position:absolute;
  width: 189px;
  height: 114px;
  background-image: url('../img/logo_soncaliu.png');
  border: 0px solid #0F0;
}

#bg_image {
  left: 50%;
  top: 50%;
        z-index: 0; 
        position: absolute; 
  margin-left:-511px;
  margin-top:-100px;
}