/*Hacks de IE**/

/**Fin Hacks*/
body{
    margin: 0px;
    padding: 0px;
    height: 100%;
    text-align: center;
}

table{
margin: 0px;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
}

#banner {
padding-top: 1em;
padding-bottom: 1em;

text-align: center;
position: fixed;
width: 100%;
height: 60px;
background: white;
top: 0px;
}

#banner img {
    text-align: center;
}

#inicial{
background: #C2C2C2;
}
#inicial img{
display: block;
text-align: center;
margin: 0 auto;
}

#columns {
background: #FFFFFF;
margin: 0;
}

#main {
/*position: absolute;*/
top: 0px;
margin-left: 18%;
/*padding-top: 4ex;*/
padding-bottom: 1em;
padding-left: 2em;
background: white;
/*margin-right: 18%; */
padding-right: 2em;
/*witdh: 50%;*/
/*height: 100%;*/
font: 12pt "Arial";
overflow-y: auto;
padding-TOP: 100px;
}

#main h1{
	font: 18pt "Verdana";
	font-weight: bold;
}

#main h2{
	font: 16pt "Verdana";
	font-weight: bold;
}
#main h3{
	font: 14pt "Verdana";
	font-weight: bold;
}

#main a{
	font-size:10pt;
}



#side {
float: left;
padding-bottom: 1em;
padding-left: 2%;
/*width: 12em;*/
width: 15%;
position:fixed;
height: 100%;
top: 45px;
}

#ladoder{
float:right;
margin-left: 82%;
width: 18%;
/*height: 100%;*/
background: #a5a5a5;
font: 12pt "Verdana";
position: fixed;
padding-top: 3em;
}
#side tr, table, td{
width: 100%;
}

/** las tablas que hacen el menœ **/
div.tabla_contenido{
    margin-top: 1em;
}

table.tabla_contenido{
/*    border: 1px solid #a5a5a5;*/
    border: 1px solid #000000;
    padding: 0;
    border-spacing: 0;
}

table.tabla_contenido tbody tr td{
    font: 8pt "Verdana";
    padding-left: 0.5em;
    padding-top: 0.3em;
}

table.tabla_contenido tbody tr td a:hover{
    text-decoration: underline;
}

table.tabla_contenido thead tr th{
/*    background: #a5a5a5;*/
    background: #000000;
    font: 10pt "Verdana";      
    color: #a5a5a5;
    padding: 0.3em;
}

div.formulario{
    margin-top= 1em;
    background: #d6d6d6;
    padding-bottom: 1em;
    width: 80%;
    text-align: center;
    margin-left: auto; margin-right: auto;
}

div.formulario p{
    padding-top: 0;
    padding-bottom: 0;
    background: #b6c6c6;
    font: 10pt "Verdana";
}

div.tabla_vendidos{
    margin-top: 1em;
    width: 40%;
/*    margin-left: 6.6%;*/
}

table.tabla_vendidos{
/*    border: 1px solid #a5a5a5;*/
    border: 1px solid #b6c6c6;
    padding: 0;
    border-spacing: 0;
}

table.tabla_vendidos tbody tr td{
    font: 10pt "Verdana";
    padding-left: 0.5em;
    padding-top: 0.3em;
    background: #d6d6d6;
    text-align: center;
}

table.tabla_vendidos thead tr th{
/*    background: #a5a5a5;*/
    background: #b6c6c6;
    font: 10pt "Geneva";      
    color: #FFFFFF;
    padding: 0.3em;
}

table.tabla_vendidos thead tr th a{
/*    background: #a5a5a5;*/
    background: #b6c6c6;
    font: 10pt "Geneva";      
    color: white;
    padding: 0.3em;
}

table.tabla_vendidos th a:hover{
    color: gray;
}

.informacion{
    font: 10pt "Arial";
    margin-bottom: 0.5em;
    margin-left: 5%;
    text-align: left;
}

div.item{
    background: #d6d6d6;
    width: 90%;
    margin-left: auto; margin-right: auto;
    margin-bottom: 2em;
    
    padding-bottom: 0.5em;
    text-align: justify;
}

.autor{
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 1em;
    padding-right: 0.5em;
    background: #b6c6c6;
    font: 10pt "Geneva";
    margin-bottom: 0.3em;
    font-weight: bold;
}

.titulo{
    margin: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font: 10pt "Arial";
}

.tema{
    margin: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font: 8pt "Arial";
}

.precio{
    margin: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font: 8pt "Arial";
}

.botones_carrito{
    height: 0px;
}


div.boton{
    font: 8pt "Verdana";
    
    color: white;
    
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.4em;
    padding-right: 0.6em;
    
    float: right;
    margin-right: 2em;
    border: solid 1px #000000;
    background: gray;
}



div.borrar{    
    font: 8pt "Verdana";
    
   padding-top: 0.2em;
   padding-bottom: 0.2em;
    
    float: left;
    margin-left: 2em;
    border: solid 1px #000000;
    background: #FFFFFF;
}


div.boton2{
    font: 8pt "Verdana";    

     padding-top: 0.2em;
    padding-bottom: 0.2em;

    float: right;
    margin-right: 2em;
    border: solid 1px #000000;
     background: gray;
}

div.borrar a{
    font: 8pt "Verdana";
    color: black;
    
     
    
    padding-left: 0.4em;
    padding-right: 0.6em;
}

div.borrar a:hover{
    color: gray;
}

div.botonlistado{
    margin-top: 1em;
}

div.botonlistado a{
    font-size: 8pt;
    font: 8pt "Verdana";
    color: white;
    border: solid 1px #000000;
         background: gray;
   padding-top: 0.2em;
        padding-bottom: 0.2em;
    padding-left: 0.4em;
    padding-right: 0.6em;
}

div.boton2 a{
    font: 8pt "Verdana";
    color: white;
    
   
    padding-left: 0.4em;
    padding-right: 0.6em;
}

div.botonlistado a:hover{
    color: black;
}

div.boton2 a:hover{
    color: black;
}

div.botonatras{    
/*    padding-left: 0.4em;*/
    text-align: center;
    margin-left: 85%;
    margin-bottom: 0.4em;
    margin-top: 0.4em;
}

div.botonatras a{
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: black;
    background: white;
    border: solid 1px #000000;
    margin-bottom: 0.4em;
    font-size: 8pt;
}

div.botonatras a:hover{
    color: gray;
    border-color: gray;
}


div.paginador{
    background: #b6c6c6;
    text-align: right;
    margin-left: auto; margin-right: auto;
    width: 90%;
    margin-top: 1em;
    padding-right: 0.5em;
    font: 8pt "Verdana";
    color: black;
}

a{
    text-decoration: none;
    color: black;
}
div.paginador a{
    color: blue;
}

div.paginador a:hover{
    color: white;
}

table.temas{
    background: #d6d6d6;
    text-align: center;
    margin-left: auto; margin-right: auto;
    width: 90%;
    margin-top: 1em;
    padding-right: 0.5em;
    font: 8pt "Verdana";
    color: black;
}

table.temas tr th{
    background: #b6c6c6;
    border-right: 2px solid white;
    border-left: 2px solid white;
    
    font: 12pt "Verdana";
    color: black;
    text-align: center;
}

table.temas tr td{
    border-right: 2px solid white;
    border-left: 2px solid white;
    width: 33%;
    font: 8pt "Verdana";
    text-align: center;
}

table.temas tr td a:hover{
    text-decoration: underline;
}

img.espera{
    margin-left: auto; margin-right: auto;
}

.especial{
    font: 14pt "Geneva";
    color: white;
    text-align: center;
    background-color: #b6c6c6;
    width: 75%;
     margin-left: auto; margin-right: auto;
}

div.tabla_administracion{
    margin-top: 1em;
/*    margin-left: 6.6%;*/
    width: 60%;
}

table.tabla_administracion{
/*    border: 1px solid #a5a5a5;*/
    border: 1px solid #b6c6c6;
    padding: 0;
    border-spacing: 0;

}

table.tabla_administracion tbody tr td{
    font: 10pt "Verdana";
    padding-left: 0.5em;
    padding-top: 0.3em;
    background: #d6d6d6;
    text-align: left;
}

table.tabla_administracion thead tr th{
/*    background: #a5a5a5;*/
    background: #b6c6c6;
    font: 10pt "Geneva";      
    color: #FFFFFF;
    padding: 0.3em;
}

table.tabla_administracion thead tr th a{
/*    background: #a5a5a5;*/
    background: #b6c6c6;
    font: 10pt "Geneva";      
    color: white;
    padding: 0.3em;
}

div.formError{
    color:red;
    font: 8pt "Arial";
}

.error{
    font: 14pt "Geneva";
    color: red;
    text-align: center;

    width: 75%;
    margin-left: auto; margin-right: auto;
}

/** las tablas que hacen el menœ **/
div.tabla_catalogo{
    margin-top: 1em;
    width: 80%;
    margin-left: auto; margin-right: auto;
}

div.tabla_catalogo img{
    align: left;
    cursor: hand;
}

table.tabla_catalogo{
/*    border: 1px solid #a5a5a5;*/
//    border: 1px solid #000000;
    padding: 0;
    border-spacing: 0;
}

table.tabla_catalogo tbody tr td{
    text-align: justify;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.3em;

}


table.tabla_catalogo tbody tr td img{
    text-align: left;
    padding-left: 0.5em;
    padding-top: 0.3em;
}

table.tabla_catalogo tbody tr td.contenido{
    font: 10pt "Verdana";
    color: gray;
    padding-bottom: 1em;
}
table.tabla_catalogo tbody tr td.descripcion{
           text-align: left;
    font: 8pt "Verdana";
    color: black;
    text-align: justify;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.3em;
/*        line-height: 6pt; */
}
table.tabla_catalogo tbody tr td.precio{
    font: 10pt "Verdana";
    color: gray;
    padding-bottom: 1em;
}

#previprecontenido{
    font: 10pt "Verdana";
    color: gray;
    padding-bottom: 1em;
    text-align: justify;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.3em;
}

#previpredescripcion{
    text-align: left;
    font: 8pt "Verdana";
    color: black;
    text-align: justify;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.3em;
}

table.tabla_catalogo thead tr th{
/*    background: #a5a5a5;*/
    background: white;
    font: 18pt "Arial";      
    color: #959595;
    
    padding: 0.3em;
}

table.tabla_listado_catalogo{
    width: 80%;
    background: #b6c6c6;
}

table.tabla_listado_catalogo tbody tr td hr{
    border-bottom: 5px solid white;
}

table.tabla_listado_catalogo tbody tr{
    border: 0px solid #b6c6c6;    
}


.boton {
    font: 8pt "Verdana";
    padding-top: 0.2em;
    padding-bottom: 0.2em;
/*    padding-left: 0.4em;*/
    text-align: center;
    margin-left: 85%;
    margin-bottom: 0.4em;
    background: white;
    border: solid 1px #000000;
    cursor: hand;
}

.titulo_catalogo{ 
    margin: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font: 12pt "Verdana";
    vertical-align: center;
}

.titulo_catalogo a:hover{ 
    color:white;
}


.precio_catalogo{
    margin: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font: 8pt "Verdana";
    vertical-align: center;
}

.imagen_catalogo img{
     margin: 0.3em;
     max-height: 75px;
     max-width: 75px;
}

.imagen_catalogo img:hover{
    border: 2px solid gray;
}