@import url("../../reticulas-css/reticulas/980-12-20/980_12_20.css");
/* IMPORTAMOS LA RETICULA QUE DESEAMOS
----------------------------------------------------------- */

/*
RETICULAS CSSFRAMEWORK / RETICULA
---------------------------------------------------------------------
Nombre del documento: milpedras.css

Copyright:            Copyright (C) 2009, www.sond3.com
Info:                 info@sond3.com

Descripcion:
Extiende el contenido de la reticula basica.
---------------------------------------------------------------------
*/

/* EXTENDEMOS CON NUEVAS CLASES O IDENTIFICADORES.
REDEFINIMOS AQUI, ESTILOS BASICOS DE RETICULA
NUEVOS ESTILOS PARA MILPEDRAS
----------------------------------------------------------- */
/* Colores de fondo
----------------------------------------------------------- */
.fondoblanco     { background-color:#FFFFFF;}
.fondogrisclaro1 { background-color:#F5F5F5;}
.fondogrisclaro2 { background-color:#CCCCCC;}
.fondogrismedio  { background-color:#999999;}
.fondogrisoscuro { background-color:#666666;}
.fondocasinegro  { background-color:#333333;}
.fondonegro      { background-color:#000000;}

/*Colores
-----------------------------------------------------------
Marron oscuro: #625f58
Marron claro: #aeaaa0
f2e9db
Granate: #7F3646

*/
body { background-color:#F5F5F5;
    /*background-color:#AEAAA0;
        background-image:url(../img/decora/patron_fondo4.gif);*/
        
}
h1, h2, h3, h4, h5, h6{ font-family: Georgia,'Times New Roman',times,serif;}
h2 { font-size: 2.6em; margin-bottom:3px;}
h3 { font-size: 2.1em; margin-bottom:3px;}
h4 { font-size: 1.8em; margin-bottom:3px;}

.contnedorgneral {
    margin-top: 5px;
    margin-bottom:10px;
    background-color:#FFFFFF;
    padding:0px 0px 10px 0px;
    width: 980px;
    border:1px solid #f2e9db;
    }

a { color:#b59f6a;}
    a:hover { color:#000000;}


ul { list-style-type:none; margin:0;}

hr { background-color:#AEAAA0;}


/* Tablas
-------------------------------------------------------------- */
table         { margin-bottom: 1em; width:100%; border:1px solid #CCCCCC; border-bottom:none; border-right:none;}

th            { font-weight: bold;}

thead th      { background: #CCCCCC;}



th,td,caption { padding: 4px 10px 4px 5px; border:0px solid #CCCCCC;}
th  , td     { border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}
tr.marcado td { background: #F0F0F0;}/* tr.marcado >> color concreto para tr */
tfoot         { font-style: italic;background: #AEAAA0; color:#FFFFFF;}


/* Identificadores
----------------------------------------------------------- */

/* --- CABECERA ------------------------------------------- */
.fondo1 {
    background-image:url(../img/cabeceras/01.jpg);
}
.fondo2 {
    background-image:url(../img/cabeceras/02.jpg);
}
.fondo3 {
    background-image:url(../img/cabeceras/03.jpg);
}
.fondo4 {
    background-image:url(../img/cabeceras/04.jpg);
}
.fondo5 {
    background-image:url(../img/cabeceras/05.jpg);
}
.fondo6 {
    background-image:url(../img/cabeceras/06.jpg);
}
.fondo7 {
    background-image:url(../img/cabeceras/07.jpg);
}
.fondo8 {
    background-image:url(../img/cabeceras/08.jpg);
}
.fondo9 {
    background-image:url(../img/cabeceras/09.jpg);
}
.fondo10 {
    background-image:url(../img/cabeceras/10.jpg);
}
.fondo11 {
    background-image:url(../img/cabeceras/11.jpg);
}
.fondo12 {
    background-image:url(../img/cabeceras/12.jpg);
}


#cabecera {
    padding:0px 0px 20px 0;
    height:194px;
    border-top:10px solid #f2e9db;
}
#cabecera .modulo2 img{
    margin-top:0px;
}
#cabecera .modulo10 {
    /*background-color:#615f59 #efe8db;
    background-image:url(../img/cabeceras/01.jpg);*/
    text-align:right;
    width:750px;
    float:right;
    padding-top:30px;
    padding-right:20px;
    }

    #cabecera h1 { display:none;}
    #cabecera ul, #menu ul, #submenu ul { margin:0; padding:0;}
    #cabecera ul li, #menu ul li { display:inline; margin:0 0 0 10px;}

    #cabecera ul.idioma {
        background-color:#625f58;
        color:#FFFFFF;
        display:inline;
        padding:4px 5px 4px 5px;
        }
        #cabecera ul.idioma li a { color:#ffba0c;}
            #cabecera ul.idioma li a:hover { color:#000000; text-decoration:none;}

    #cabecera ul.usuario {
        background-color:#FFFFFF;
        color:#000000;
        display:inline;
        padding:4px 5px 4px 5px;
        }

    #cabecera form {margin:70px 0 0 0;}
    #cabecera fieldset {border:none; margin:0; padding:0;}
    #cabecera legend, legend {display:none;}
    #cabecera input.buscar {
        background-color:#FFFFFF;
        display: inline;
        border:1px solid #000000;
        padding:4px 0px 5px 0px;
        }

/* --- MENU / SUBMENU ------------------------------------- */
#menu {
    /*background-color:#7f3646;
    color:#ffba0c;*/
    color:#000000;
    padding:15px 10px 15px 10px;
    margin:1px 0 0 0;
    border-bottom:1px solid #AEAAA0;
    background-color:#f2e9db;
    }
    #menu ul li { font-weight:bold;}
        #menu ul li a { color: #625f58;}
            #menu ul li a:hover {/*color:#F2E8DC;*/color:#7F3646; text-decoration:none;}

#submenu {
    font-weight:normal;
    margin:0 20px 10px 20px;
    padding:5px 0 5px 0;
    border-bottom:1px solid #AEAAA0;
    }
    #submenu ul li { display:inline; margin: 0 10px 0 0; color:#7f3646; font-weight:bold;}

/* --- CONTENT -------------------------------------------- */
#contenido {padding:0 20px 0 20px;}
    #contenido p a, #contenido h3 a {color:#625f58;}
    #contenido p a:hover {color:#000000;}

/* --- FOOTER --------------------------------------------- */
#pie {
    margin:10px 20px 0px 20px;
    padding:5px 0 5px 0;
    border-top:1px solid #AEAAA0;
    border-bottom:1px solid #AEAAA0;
    }
    #pie ul {
        list-style-type:none;
        margin:0 20px 0 0;
        float:left;
        }
        #pie div ul.validator  { margin:0; padding:0; float:right;}
        #pie div ul.validator li{ display:inline; margin-left:10px;}
        
/* TIENDA / ANUNCIOS
----------------------------------------------------------- */
img.novedad {
    position:relative;
    float: left;
    margin-top:-130px;
    }
img.novedadtenda {
    position:relative;
    float: left;
    margin-top:-175px;
    }
.modulo3tienda { width:156px; float:left; border:1px solid #CCCCCC; background-color:#F5F5F5;}
.modulo3tienda img{ width:156px;}

.anuncio {
    background-image:url(../img/decora/fondo_piedras.gif);
    background-repeat:no-repeat;
    background-position: bottom;
    margin-bottom:15px;
    border: 1px solid #ede9e4;
    padding:0 5px 0 5px;
    width: 288px;
    float:left;
    }
.anuncio img {
    float:left;
    margin:0 18px 10px 0;
    }

/* Colores
----------------------------------------------------------- */
.cmilpedras1{ color:#615f59;}

/* Decora
----------------------------------------------------------- */
.lineasolida { border:1px solid #aeaaa0; }

/* Patrones de fondo
----------------------------------------------------------- */
.patronfondo1 {
    background-image:url(../img/decora/patron_fondo1.gif);
}
.patronfondo2 {
    background-image:url(../img/decora/patron_fondo2.gif);
}

.separa, .separahr {
    background-image:url(../img/decora/separador.jpg);
    background-repeat:no-repeat;
    background-position: center;
    position:relative;
    top:-12px;
    }
    .separahr {top: -24px;}

.ptosvert {
    background-image:url(../img/decora/pto_vert.jpg);
    background-repeat:repeat-y;
    background-position:right;
    }

.remate {
    background-image:url(../img/decora/remate3.gif);
    background-repeat:no-repeat;
    width:50px;
    height:38px;
    }

.volver {
    background-color:#625f58;
    display:block;
    padding:5px 0 5px 20px;
    background-image:url(../img/decora/volver.gif);
    background-repeat:no-repeat;
    background-position:5px 7px;
}

.volver a{
    font-weight:bold;
    color:#FFFFFF;
}

.carpeta {
    background-image:url(../img/decora/carpeta.gif);
    background-repeat:no-repeat;
    padding:0 5px 0 25px;
    }
.archivo {
    background-image:url(../img/decora/archivo.gif);
    background-repeat:no-repeat;
    padding:0 3px 0 22px;
    }

.fondoboton {
    background-image:url(../img/decora/fondo_boton.gif);
    background-repeat:no-repeat;
    width:300px;
    height:66px;
    color:#FFFFFF;
    font-size:2em;
    text-align:center;
    padding:21px 0 10px 0;
    
    }
    .fondoboton a{ color:#FFFFFF;padding:18px 50px 18px 50px; }
    .fondoboton a:hover{ color:#AEAAA0;text-decoration:none;}
/* Paginacion
----------------------------------------------------------- */
.paginacion{
	width:auto;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	line-height:20px;
	text-align:left;
    }
    .paginacion a{
        padding: 5px 5px 5px 5px;
        text-decoration:none;

        color: #000000;
        background-color: #FFFFFF;
        border: 1px solid #999999;
        }
        .paginacion a:hover{
            color: #FFFFFF;
            background-color: #AEAAA0;
            border: 1px solid #000000;
            }
    .paginacion span{
        border: 1px solid #999999;
        padding: 5px 5px 5px 5px;
        background-color: #999999;
        color:#FFFFFF;
        }

.bannerhack{ margin-right:-10px;}


.cookie-advise{z-index:999;position:fixed;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,0.7);padding:15px 5px;text-align:center;font-size:13px}.cookie-advise p{line-height:1.5em;margin-bottom:0;color:white}.cookie-advise p a:hover{color:#F5F5F5}.cookie-advise a{color:white;display:inline-block}.cookie-ok a,.cookie-info a{background-color:white;padding:5px 10px 4px;color:#000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.cookie-ok a:hover,.cookie-info a:hover{background-color:#000;color:white;text-decoration:none}