/*Hacks de IE**/

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


#main {
	top: 0px;
	background: white;		
	font: 12pt "Arial";
	overflow-y: auto;
	float: left;
	margin-left: 1em;
	padding-left: 1em;
	width: 60%;
	border-left: 2pt dotted #C30024;
}

#main h1{
	font: 14pt "Verdana";
	font-weight: bold;
	margin-left: 1em;
	margin-top:1em;
}

#main h2{
	font: 12pt "Verdana";
	margin-left: 1em;
}

img{
	border: none;
}

a{
	text-decoration: none;
	font-size:12pt;
	color: black;
}

a:hover{
	color: gray;
}

input.casilla{
	border: none;
	text-align: right;
}

#side {
	float:left;
	width: 200px;
	margin-left: 1em;
	heigth: 100%;

    font: 12pt "Verdana";
}

hr{
	border: none 0; border-top:2px dotted #C30024; margin-right: 2em;
}

#side a{
    font: 12pt "Verdana";
}

#side img{
	margin-top: 3em;
}



/** 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.item{

	margin-left: 1em;
    margin-top: 0.7em;
    padding: 0.5em;
    cursor: hand;
   	background: #c9c9c9;
}

div.item img{
	margin: 0.2em;
}


div.item a{
	text-decoration: none;
}

div.item:hover {
/*	background: yellow;*/
}

div.precio{
	width: 10%;
	float:right;
}

div.item_detalle{
	margin-top: 3em;
	width: 70%
	text-align: left;
	margin-left: 3em;
	font-size: 12pt;
	font-family: Arial, Verdana, Helvetica;
}

p.titulo{
	font: 14pt "Arial";
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
}

span.titulo{
	font-style:italic;
}
p.contenido{
	margin-bottom: 1em;
	text-align: justify;
}

p.descripcion{

}

p.precio{
	text-align: right;
}

div.paginador{
	background: gray;
	text-align: right;
	padding-top: 0.1em;
	padding-bottom:0.1em;
	padding-left: 1em;
	padding-right: 0.5em;
	font-size: 10pt;
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 1em;

}

div.paginador a{
	text-decoration: none;
	color: white;
	font-size: 10pt;
}

div.paginador a:hover{
	color: #c9c9c9;
}

.boton{
	border: 1px solid black;
	padding: 0.2em;
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 10pt;
}

.boton:hover{
	border: 1px solid gray;
}

div.ponerresumen{
	margin-left: 4em;
}

div.quitarresumen{
	margin-left: 8em;
}
div.quitar{
	margin-left: 4em;
}


div.boton_atras{
	text-align: right;
}