/* Teme "Mercurio" developed by Fotón Sistemas Inteligentes (www.foton.es)
Uses jQuery library for special added effects

*/

body {
    background: #f9f8f7; 
    color: black; 
    font-family: sans-serif; 
    font-size: 90%; 
    text-align: center; 
    margin: 0; 
    padding: 0; 
}

.oculto { position: absolute; left: -6000px; }

a:link { color: #17176E; }
a:visited { color: #505050;}
a:active { color: #184890; }

/* -------------------------------- >>>>> CABECERA y CONTENEDOR <<<<<< ------------------ */
/* 
#cabecera es toda la parte de arriba 
#cab / #logo tienen el logo y la imagen de fondo de la cabecera en sí
#guia tiene el menú auxiliar
*/


#contenedor {
    background: white url(/static/foton/images/borde_izq.png) repeat-y; 
    padding: 0px; 
    width: 90%; 
    max-width: 1250px; 
    margin: 10px auto 4% auto;
}

/* bordes decorativos de la página */
#contenedor .decor {
    background: url(/static/foton/images/borde_der.png) repeat-y right;
    padding-top: 16px; 
    }

#contenedor .decor-top { 
    background: url(/static/foton/images/borde_pagina.png) no-repeat; 
    height: 3px; 
    width: 98%; 
    margin-left: 20px;
    }
#contenedor .decor-top div { 
    background: url(/static/foton/images/borde_pagina.png) no-repeat top right; 
    height: 3px; 
    width: 20px; 
    float: right;
    }
#contenedor .decor-bot { 
    background: url(/static/foton/images/borde_pagina.png) no-repeat bottom left; 
    height: 3px; 
    width: 98%; 
    margin-left: 2%;
    }
#contenedor .decor-bot div { 
    background: url(/static/foton/images/borde_pagina.png) no-repeat bottom right; 
    height: 3px; 
    width: 20px; 
    float: right;
    }

#cabecera { }

#cabecera #guia { 
    width: auto; /* 30em */ 
    float: right; 
    margin-right: 20px;
    background: url(/static/foton/images/borde_izq.png) repeat-y -19px;
    }
#cabecera #guia .decor-top, #cabecera #guia .decor-bot { 
    margin-left: 0;
    width: 100%;
    }
#cabecera #guia .decor-bot { clear: both; }

#cabecera #guia #idiomas { 
    margin-top: -30px; 
    padding-top: 0; 
    }
#cabecera #guia #idiomas ul { 
    margin-top: 0; 
    padding-top: 0; 
    padding-right: 26px;
    } 
#cabecera #guia #idiomas li { 
    display: inline; 
    float: right; 
    position: relative; 
    }
#cabecera #guia #idiomas li a { 
    padding-left: 2.4em; 
    text-decoration: none; 
    font-weight: bold; 
    font-size: 85%; 
    font-style: italic; 
    }

#cabecera #guia .espacio { height: 160px; }

#cabecera #guia #menu-aux { 
    clear: both; 
    margin-top: 0; 
    padding-top: 1em; 
    float: right; 
    
    }
#cabecera #guia #menu-aux ul { 
    margin-top: 0; 
    padding-top: 0; 
    padding-right: 26px;
    white-space: nowrap;
    } 
#cabecera #guia #menu-aux li { 
    display: inline; 
    
    }
#cabecera #guia #menu-aux li a { 
    padding: 0.8em; 
    text-decoration: none; 
    font-weight: bold;
    font-size: 85%
    } 
    
#cabecera #cab { /* background: #ecd9a9;  */
    position: absolute; 
    top: 55px; 
    width: 89%; 
    }
#cabecera #cab .decor-top { background: url(/static/foton/images/borde_cab.png) top right; height: 7px; width: 100%; margin: 0;   }
#cabecera #cab .decor-top div { background: #f9f8f7 url(/static/foton/images/borde_cab.png) top left; height: 7px; width: 7px; float: left;  }
#cabecera #cab .decor-bot { background: url(/static/foton/images/borde_cab.png) bottom right; height: 7px; width: 100%; margin: 0; }
#cabecera #cab .decor-bot div { background: #f9f8f7 url(/static/foton/images/borde_cab.png) bottom left; height: 7px; width: 7px; float: left; }
#cabecera #cab .decor { 
    background: url(/static/foton/images/borde_cab_izq.png) repeat-y; 
    margin: 0; 
    padding: 0;
    }
#cabecera #cab .decor2 { 
    background: url(/static/foton/images/borde_cab_der.png) repeat-y; 
    background-position: top right; 
    margin: 0; 
    padding-right: 7px;
    }

#cabecera #logo {   
    height: 98px; 
    max-width: 1250px; 
    margin-left: 5px; 
    padding-top: 20px; 
    padding-left: 2%; 
    text-align: left;
    background: white url(/static/foton/images/fondo_cab.jpg) no-repeat;
    background-position: 300px 0px; 
    }

#cabecera #logo a img { 
    border: none; 
    }


/* -------------------------------- >>>>> / CABECERA <<<<<< ------------------ */


/* -------------------------------- >>>>> MENU <<<<<< ------------------ */
#menu {
    clear: both; 
    width: 30%; max-width: 260px; 
    float: left; 
    /* background: white url(/static/foton/images/borde_der.png) repeat-y top right; */
    height: 100%; 
    text-align: left; 
    margin-left: 4px; 
    padding-top:10px;
}

ul#nav { 
    margin-top: 0; 
    }

#menu li { 
    list-style: none; 
    font-weight: bold; 
    padding: 0.4em 0;
    clear: left; 
background: white url(/static/foton/images/f_puntos.png) repeat-x;
background-position: 20px 1.15em; 
padding-bottom: 1.2em;
    }
#menu li a { 
    text-decoration: none; 
background: white;  
    }

#menu li a.nivel1 { 
    float: left; 
    }
#menu li ul { 
    margin-left: 0; 
    padding-left: 20px; 
    margin-top: 0.6em; 
    padding-bottom: 0.8em; 
    margin-bottom: 0.6em; 
    clear: left; 
    }
#menu li li { 
    list-style: disc; 
    color: silver;  
    font-size: 90%; line-height: 1.3em; padding: 0.2em 0; 
    }

#menu li a:hover {
    background-color: #EEF1F6; 
    }

/* ______ >>>>>    TOGGLE    <<<<<<<< ___ */

div.trigger {
    background: url(/static/foton/images/b_mas_menos.png) top left no-repeat;
    margin-bottom: 0; 
    /* experimento: */  width: 20px; height: 20px; float: right;  

background: white url(/static/foton/images/b_mas_menos.png) top center no-repeat;
width: 26px; padding-left: 2px;
}
div.trigger a {
   color: #fff;
   text-decoration: none;
   display: block;
}
div.trigger a:hover { 
   color: #ccc; 
   }
div.active {
   background-position: bottom left; 
   } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle {
}


/* fin toggle */


#logos_iso {
   margin-left: 40px; 
   }
#logos_iso img {
   float: left; 
   border: none;
   margin-right: 4px;
   margin-bottom: 4px;
   }


/* -------------------------------- >>>>> / MENU <<<<<< ------------------ */




/* -------------------------------- >>>>> CONTENIDO <<<<<< ------------------ */

#migas a, #migas span span { 
    background-color: #F9F8F7;
    padding: 0 0.3em;  
    }

#migas span .breadcrumbSeparator, #migas .breadcrumbSeparator { 
    background: white; 
    }

h1 { 
    margin-top: 0.2em; 
background: url(/static/foton/images/f_puntos.png) repeat-x bottom;
font-size: 1.8em; 
    }

h2 { 
font-size: 1.3em; 
background: #EEE url(/static/foton/images/f_puntos.png) repeat-x bottom;
padding-left: 2em; 
    }

h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; }

#contenido {
    clear: right; 
    width: 65%; 
    margin-left: 32%; 
    margin-right: 4px; 
    padding: 1%; 
    /* background: white url(/static/foton/images/borde_izq.png) repeat-y; */
    text-align: justify;
    }
    

.contenido img { 
    float: right; 
    margin-left: 0.6em; 
    border: none; 
    }

/* Formulario Contactar */

textarea#message { 
    width: 90%;
    } 


/* Contenido relacionado */

.relatedItems legend { 
   font-style: italic; 
   }
.relatedItems a { 
   text-decoration: none; 
   }  

/* -------------------------------- >>>>> PIE <<<<<< ------------------ */
#pie {
    width: 100%; 
    /* background: url(/static/foton/images/borde_bot.png) repeat-x; */
    padding-bottom: 30px; 
}

.pie_legal { 
    font-size: 80%; 
    color: #555; 
    line-height: 1.5em; 
    margin-top: 15px;
    }

/* -------------------------------- >>>>> / PIE <<<<<< ------------------ */