body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    background: url(images/bk_fondo.jpg) repeat-x;

} 


/*
#menu_superior{position:relative;display:block;height:39px;background: transparent url(images/divide_pasivo.gif) repeat-x left;border-top:4px solid #000;
	border-style: none;
	font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
}

#menu_superior ul{margin:0;padding:0;list-style-type:none;width:auto;}

#menu_superior ul li{display:block;float:left;margin:0;
}

#menu_superior ul li a{display:block;float:left;color: #FF6803;text-decoration:none;padding:11px 20px 0 20px;height:23px;background: transparent url(images/menu_divide.gif) no-repeat right;}



#menu_superior ul li a:hover,#menu_superior ul li a.activo{color: #053776;background: #fff url(images/divide_activo.gif) no-repeat right;
*/

.facebook a{
display:block;
width:131px;
height:38px;
background-image:url(images/facebook.jpg);
}

.facebook a:hover{
background-image:url(images/facebookH.jpg);
}

.twitter a{
display:block;
width:131px;
height:38px;
background-image:url(images/twitter.jpg);
}

.twitter a:hover{
background-image:url(images/twitterH.jpg);
}

#menu_izquierda{
width: 120px;
border-right: 0px solid #000;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 70%;
	margin-top: 20px;
	margin-bottom: 1px;
	padding-right: 10px;
	padding-left: 10px;
	padding: 0;
	position: relative;
	left: 0px;
	.left: -25px;
	_left: 0px;
}

.primero{
border: 1px solid #accfe8;
margin: 1px;
width:235px;
}

.segundo{
border: 1px solid #accfe8;
margin: 1px;
width:235px;
text-align:center;
}

.tercer{
border: 1px solid #accfe8;
margin: 1px;
width:185px;
text-align:center;
}




#menu_izquierda ul{
list-style: none;
	border: 1px solid #accfe8;
	padding: 10px;
	width: 120px;
}

#menu_izquierda li {
border-bottom: 1px solid #90bade;
margin: 0;
	width: 124px;
}

#menu_izquierda li a{
display: block;
padding: 5px 0px 5px 5px;
background-color: #F0F7FC;
color: #02307d;
text-decoration: none;
width: 120px;
}


#menu_izquierda li a:hover{
background-color: #DBEBF6;
color: #02307d;
	width: 120px;
}


#noticias{
width:148px;
background-color:#F8F8F8;
overflow:hidden;
padding-top:30px;
}

.cajas{
width:154px;
background-color:#F8F8F8;
overflow:hidden;
margin-top:20px;
padding:2px;
text-align:left;
}

.cajasn{
width:150px;
background-color:#F8F8F8;
border:solid 1px #FF6803;
overflow:hidden;
margin-top:50px;
text-align:justify;
padding:2px;
}

.precio{
    font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
    color: #3f3f3f;
}

.autor {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
	color: #3f3f3f;
}
.obra {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px;
	color: #FF6803;
}

.obrap {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px;
	color: #FF6803; line-height:1.5em;
}

.obrap a{ text-decoration:none;
}

.obrap a:hover{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px;
	color: #FF6803; line-height:1.5em; text-decoration:underline;
}




.obraplus {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px;
	color: #FF6803;
}

.reproductor {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px;
	color: #3f3f3f;
}

.pie{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}

.noticia{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: gray;
	font-size: 11px;
}

.errorlog{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: red;
	font-size: 11px;
}

.masinfo{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}



.masinfoplus{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:2;
}

.masinfocolor{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:2;
color: #FF6803
}

.masinfoblanco{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:2;
color: #FFF
}

.autorb {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
	color: #3f3f3f;
	text-indent:8px;
}

.indice{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#F8F8F8;
width:200px;
float:right;
margin-top: 10px; 
margin-right: 10px; 
margin-bottom: 10px; 
margin-left: 10px;
}

.contenido{
float:left;
text-align:justify;
margin-left:10px;
width:95%;
}

a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #FF6803;
    text-decoration: none;
}
a:visited {
	color: #FF6803;
    text-decoration: none;
}
a:hover {
	color: #333333;
    text-decoration: underline;
}
a:active {
	color: #FF6803;
    text-decoration: none;
}


/* single thumbnail */
 
    p.thumb{
        float:left;
        margin:0;
        margin-right:0px;
        border:1px solid #999;  
        padding:0px;
    }
    p.thumb a{
        display:block;
        float:left;
        width:300px;
        height:300px;
        overflow:hidden;
        position:relative;
        z-index:1;  
    }   
    p.thumb a img{
        float:left;
        position: relative;
		width:300px;
    }
 
 /*Pedidos*/
 
 .cantidad, .precio, .subtotal, #descuento, #gastos, #total, #total_iva {
     width: 50px;
     text-align: right;
 }

#formsearch{
margin: 0 100px 0 100px;

}

#inputString{
    width: 275px;
    font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px;
    color: #3f3f3f;
 }
 #suggestions{
    z-index: 1000;
 }
 .suggestionsBox {
       position:relative;
       left: 30px;
       margin: 10px 0px 0px 0px;
       width: 400px;
       background-color: #F8F8F8;
       border: 2px solid #c8c8c8;    
       font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px;
       color: #3f3f3f;
       z-index:10;

     }
    .suggestionList {
        margin: 0px;
        padding: 0px;
    }
    
    .suggestionList li {
        list-style:none;
        margin: 0px 0px 3px 0px;
        padding: 3px;
        cursor: pointer;
        z-index:10;
    }
    
    .suggestionList li:hover {
        background-color: #cacddc;
        z-index:10;
    }
    
    #obra{
        
        top: 30px;
        height: 600px;
        z-index: -100;
        /*overflow: scroll;*/
    }
    
    #obra img{
     z-index: -1000;
    }
    #buscador{
        z-index:1;
        position:absolute;
        margin: 0 auto;
    }
     
/*=================================== MENU =============================*/
ul,li{
list-style: none;
margin:0;
padding:0;
}
 
#nav{
font-family: Arial, sans-serif;
width: 900px;
z-index: 1000000;
}
 
#nav li{
float:left;
position: relative;
height: 36px;
line-height: 36px;
font-size: 14px;
font-weight: bold;
text-indent: 5px;
font-variant: small-caps;
border-right:1px solid #FFF;
background: #CCC url("fondo.jpg") repeat-x 0 0;
}
.xcorto{
    width: 70px;
}
.corto{
    width: 100px;
}
.largo{
   width: 150px; 
}
.xlargo{
    width: 225px;
}

.final{
    width: 80px;
    border: none;
}

#nav li a{
    color: #FF6803;
    text-decoration: none;
}
 
.submenu{
display: none;
position: absolute;
left: -1px;
top:38px;
border:none;
height: auto;
background: none;
}
 
#nav .submenu li{
float: none;
position: static;
margin: 0;
font-size: 12px;
text-indent: 5px;
font-variant: normal;
border-bottom: 1px solid #FF6803;
width: 190px;
}

 
#nav .submenu li a{
color: #FF6803;
background: #dfdfdf url("fondo.jpg") repeat-x 0 0;
width: 130px;
height: 36px;
}