/**************************** FORMATEO DE CSS ****************************** */
p, ul, ol, dl, dt, dd, li, blockquote, cite, h1, h2, h3, h4, h5, h6 { margin:0; padding:0;  }
img{ border:0;}

/**************************** ESTILOS PARA BODY **************************** */
BODY  { width:100%; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:75%; text-align: left; font-weight:normal; background:#FFFFFF; background-image:url(../img/fons_web.gif); background-repeat:no-repeat; color:#615040; background-attachment:fixed;}

h1 { font-size:1.3em; font-weight:bold; background:url(../img/h1.jpg) no-repeat left bottom; height:4.4em; padding-top:2.1em;}
h2 { font-size:1.2em; clear:both; padding:1.6em 0 0.5em 0;}
h3 { font-size:1em; clear:both; font-weight:bold; padding:0.8em 0 0 0;}

dt { font-weight:bold;}
dd { font-size:0.9em; padding:1em;}

.none { display:none;}

li { list-style-type:none;}

.clear { clear:both; padding-top:1em;}

a:link,
a:visited { color:#615040; text-decoration:none;}
a:hover   { color:#615040; text-decoration:underline; }

#wrap { margin:0 auto 0 auto; width:64.75em; text-align:center;  }
#logo { padding-top:1.17em;}

.espacio  { padding-top:2.1em;}
.recuadro { border:#EEE1AE 1px solid; padding:0.5em; margin:1em 1em 1em 0;}

#idioma { text-align:right; padding:0.5em 0;}

#login         { text-align:right; font-size:0.9em; padding-top:0.5em; }
#login a       { padding:0.25em 0.35em 0.25em 0.4em; text-decoration:none; background:#F9F3DF;}
#login a:hover { background-color:#FFB500; color:#FFFFFF; padding:0.25em 0.35em 0.25em 0.4em; text-decoration:none; }

#linea_puntos_rev { border-bottom:#433932 2px dotted; background:url(../img/pdf_creator.gif) no-repeat right top;}
#que_es_rev       { font-weight:normal; padding:0.5em;}
#que_es_rev  p    { padding-bottom:1em;}
.rojo             { color:#990000; font-weight:bold;}

h1 { clear:both;}



/******************************************************************************/
/*MENU IZQUIERDO CONTENEDOR*/ 
#caja_menu { width:22%;  float:left;  padding-top:0.2em; text-align:left; }

/******************************************************************************/
/*CONTENEDOR*/
#contenido { width:74%; float: right; margin: 2em 0 0 0; text-align:left;;}


/*inputs home*/
 #acces    { padding-left:0.6em;}
 #acces h2 { font-size:1.1em; letter-spacing:0.05em; padding:0 0 0.3em 0; font-weight:bold;}
 #acces  p { font-size:0.8em;}

 #cm		  { padding:0.8em 0 0 0; }
 #cm input	  { float:left;}
 .textarea	  { border:#6D5B50 1px solid; font-size:1em;  margin:0.2em;}
 input        { border:#6D5B50 1px solid; font-size:0.8em; margin:0.2em;}
.input        { border:#6D5B50 1px solid; font-size:0.8em; margin:0.2em;}
.checkbox_b   { border:0em;}
.input_text   { width:10em;}
.input_button { width:2em; background:#FFFFFF;}
.label        { color:#201000; padding:0 0.2em 0 0.2em;}



.floatleft	  { float:left;}

.busqueda_menu_a { padding-top:0.6em;}
.busqueda_menu_b { padding-top:0.5em;}
.busqueda_menu_c { padding-top:1em;}

#a_a_g 		  { clear:both;}
#a_a_g p 	  { float:left; padding:0 0.9em 0.8em 0.6em;}

#precio       { clear:both;}
#precio img   { margin-left:1.5em;}


.botonera    { padding-top:1.5em;}
.botonera  p { padding-top:0.5em;}




/*calendario*/
#calendar { text-align:center; }

/*EStilos para las cajas del menu de la izquierda*/
.linea        { border-bottom:#EEE1AE 3px solid; padding-bottom:1em; }
.linea_puntos { border-bottom:#433932 2px dotted; padding-bottom:0.5em; width:14.00em; }
.cajas        { width:auto; clear:both;background-image:url(../img/fondo_cajas.jpg);	background-repeat:repeat-x;	border-top-width: 1px;	border-right-width: 2px; border-bottom-width: 2px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid; border-top-color: #EEE1AE;	border-right-color: #CCCCCC;	border-bottom-color: #CCCCCC;	border-left-color: #EEE1AE; padding:0.5em; margin-bottom:1em;}

.cajas

#descripcion_artista a:link,
#descripcion_artista a:visited { color:#615040; text-decoration:underline; }
#descripcion_artista a:hover   { color:#615040;  text-decoration:none;}


/*banners del menu de la izquierda*/
#banners_home { text-align:center;}
#ipod         { padding:0.5em;}

/*banners del menu de la izquierda*/
#cesta     { padding-left:0.6em;}
#cesta img { float:right; padding-right:0.6em;}
#cesta h2  { color:#615040; padding:0; font-size:1.1em; letter-spacing:0.05em;}
#cesta p   { padding:0.2em; background-color:#FFFFFF; display:block;}




/*FICHA OBRA*/
/*bloque2________________________________________________________*/

#escuchar 		{ width:52%; float:left;    }
#escuchar p 	{ font-size:0.8em; margin:0.5em;}
#escuchar img   { margin:0 0.5em 0.5em 0;}
#borde_escucha  { border-right:#EEE1AE 5px solid; height:7em;}


#rss   	    { height:16px; }
#itunes     { height:16px;}

#itunes   p { padding-top:6px;}

#rss img 	{ float:left; }
#itunes img { float:left; clear:left; }


#comprar     { width:45%; float: right; padding-left:0.5em; }
#comprar p   {font-size:0.9em; padding-top:0.3em;}
#comprar img {float:left; margin: 0 0 0 0.5em; }
#comprar h2  { padding:0; padding-bottom:0.8em;}

/*________________________________________________________*/

/*datos tecnicos_________________________________________________*/

#datos_tecnicos         { width:68%; float:left; }
#datos_tecnicos  ul, li { padding:0.1em;font-size:0.95em;}

#detalle_obra     { width:30%; float: right; }
#detalle_obra img { float:left; margin:0 0 0.6em 0.6em; }
#bloque3 		  { width:100%; padding-top:1em; }
/*________________________________________________________*/

/*tecnica y soporte_________________________________________________*/
#tecnica_soporte { clear:both; }
#tecnica_soporte a {margin-left:1em;}

#tecnica_soporte a:link   ,
#tecnica_soporte a:visited { color: #615040; text-decoration:none; font-weight:bold;}
#tecnica_soporte a:hover   { border-bottom:#615040 1px solid; }

/*________________________________________________________*/
/*tecnica y soporte_________________________________________________*/
#info_artista img 		{ padding:0.2em; float:left;}
#info_artista p 		{ padding:0.5em; }

#foto_descripcion 		{ width:100px; float:left;}
#foto_descripcion img 	{ padding:1em;}
#descripcion p          { padding:0.5em;}

#ipod_rss		  { width:32%; height:10em;float:right; padding-bottom:0.5em;  margin-top:1.2em; background-image:url(../img/ipod2.gif); background-repeat:no-repeat; background-position:center bottom;}

#ipod_rss img	  { float:left; margin-bottom:1em; }

#dos_icos  		  { width:2.08em; float:left; margin:0.5em;}
#img_ipod		  { float:left; width:4.58em;}
#img_ipod_p	      {  margin:0; clear:both; font-size:0.95em; font-weight:bold;}

#mas_obras        { width:100%; clear:both; margin-top:1em;}
#mas_obras img    { margin:0.4em; float:left; padding-right:0.9em;}
#mas_obras p      { clear:both;}
/*ficha del artista*/


/*informacion del artista -- cajas*/

/******************************************************************************/
/*FICHA ARTISTA*/

#info_artista ul, li { padding:0em;}

#todo           { padding-top:2em;}
#foto_principal { padding-top:2.6em;}


#descripcion_artista      { width:100%; text-align:justify;}
#descripcion_artista img  { float:right; padding: 1.2em 1.5em 0.5em 0.5em }
#descripcion_artista p    { padding-top:1em;}
#foto_artista             { width:22%; float:right;}

#obras { padding-left:0.7em;}
#obras img { margin:0.4em; padding-right:0.9em;}
#icons 	   { width:100%; margin-top:3em; margin-bottom:2em; }

#tres_icos img { float:left; }

#ipod2_rss p   { clear:both;}
#ipod2_rss {float:left; width:12.33em; margin-left:4em;}

#pdf   { float:right; width:12.33em; margin:0 4em 0 0 ; }
#pdf p { clear:both;}

.letra_peque { font-size:0.8em;}



#lista_artistas			{ font-weight:bold; font-size:1em; width:100%;}
#lista_artistas a       { padding:0.25em 0.35em 0.25em 0.4em; text-decoration:none; background:#F9F3DF;}
#lista_artistas a:hover { background-color:#FFB500; color:#FFFFFF; padding:0.25em 0.35em 0.25em 0.4em; text-decoration:none; }

#resultado_artistas { border:#EEE1AE 1px solid; padding:0.3em; margin:1em 0.5em 0.5em 0; width:100%;}
#resultado_artistas h2 { float:left; padding:0; font-size:1.1em; padding-left:0.2em;}
#resultado_artistas img { float:right; padding:0 0.4em 0 0.4em;}
#resultado_artistas p { clear:both; padding:0 0.4em 0 0.4em; font-size:0.8em;}



#tambien { border:#EEE1AE 1px solid; margin-top:3em; font-weight:normal; }
#tambien a { font-weight:normal; }
#tambien h2 { margin:0; padding:0.5em;}
#tambien h3 { padding:0.5em;}
.tambien_foto { margin:0.2em 0.2em 1em 0.2em; float:left; width:5em; padding:0;}


#link_calendar a       { padding:0.25em 0.35em 0.25em 0.4em; text-decoration:none; background:#F9F3DF;}
#link_calendar a:hover { background-color:#FFB500; color:#FFFFFF; padding:0.25em 0.35em 0.25em 0.4em; text-decoration:none; }

.diezpuntos{ font-size:0.8em; padding:0.5em;}
.padding { padding:0.5em;}
#contacto {  margin:0 2em;}


/******************************************************************************/
/*GALERIA ARTEEQ*/

#descripcion_galeria { width:100%;}
#descripcion_galeria p { padding-top:1em;}

#galeria_artista ul { padding-top:0.8em;}
#galeria_artista li { padding:0.8em 0 0 2em;}


#galeria_artista a:link    { color: #615040; text-decoration:none; }
#galeria_artista a:visited { color: #615040; text-decoration:none; }
#galeria_artista a:hover   { border-bottom:#615040 1px solid; }

#galeria_artista   { clear:both; margin-top:2em;}


.repro_galeria { margin:1.5em 0; }

/******************************************************************************/
/*NOTICIAS*/


#lugar p   { margin:0; padding:0; padding-left:25px;}


#evento_artista     { width:100%; margin-top:12em;}
#obra_expuesta     { width:100%;}
#obra_expuesta li  { padding:0.2em;}

#flyr              { width:55%; float: right; }



#reproducir        { width:400px; float:right;}

/******************************************************************************/
/*COMPRAR*/

#obra_escojida img { float:left; margin:0.5em;}

#formulario_compra { width:100%;}
#formulario_compra p { clear:both;}

#campos {width:100%; }
#campos p { margin:0.6em;}
#campos textarea { margin:0.6em;}

#formulario {  float:left; text-align:left; margin-top:0.5em; }
#formulario input { float:none;clear:both;}

#obra_escojida ul { float:left;}

#direccion { clear:both;}

#div_add_carrito { z-index:2; clear:both; padding-top:15em;}

/******************************************************************************/
/*GESTION EVENTOS*/
.selecciona_obra { float:left; margin-top:0.5em;}
.selecciona_obra p { margin:0; padding:0; font-size:0.9em;}
.p_peque { font-size:0.8em;}
#botons { margin:2em 2em 2em 0; text-align:left;}
#descripcion_galeria ul { margin-top:1em;}

#obra_galeria img { margin:0.5em;}

#obra_galeria p { clear:both; padding:0.2em 0 0 0.5em;}


#formulario { width:60%;}
#formulario p { float:left; font-size:1em;}

#acepto { margin:1em 0 1em 0; font-size:0.8em; border:#EEE1AE 1px solid; padding:0.5em 0.5em 0.5em 1em; width:370px;}
.divs_textarea {width:365px; height:200px;overflow:auto;}
* html #acepto {width:365px;}

#crear_eventos {border:#EEE1AE 1px solid; margin-top:1.2em;}
.paginador { margin:1em 0 0 0; }
.paginador a:hover { font-weight:bold; text-decoration:none;}

/******************************************************************************/
/*BUSCADOR*/
#buscador { width:100%;}
#buscador img { margin:0.4em;}

#resultados { width:67%; float:left;}
#busca { width:32%; float:right; text-align:right;}
#busca p { padding-top:1em;}

#tags { text-align:left; margin-top:2em;}
#tags p { padding:0;}

.obras_encotradas { float:left; padding:0.2em;}
.obras_encotradas p { text-align:center; font-size:0.8em;}


#recuadro { border:#EEE1AE 1px solid; padding:0.5em; margin:1em 1em 1em 0;}

/******************************************************************************/
/*SUBIR OBRA*/

#todo_dos div#subir_cero, #todo_dos div#subir_uno, #todo_dos div#subir_dos, #todo_dos div#subir_tres,  #todo_dos div#subir_cuatro, #todo_dos div#subir_cinco  { margin-top:2em;}

#subir_uno { width:100%;}

#campos_subir {width:15%; float:left;}
#campos_subir p { margin:0.5em;}
#formulario_subir {width:30%; float:left; text-align:left;}

#todo_dos div#subir_dos ul, #todo_dos div#subir_tres ul { float:left;}
#todo_dos div#subir_dos li, #todo_dos div#subir_tres li { padding:0.5em;}
#subir_dos textarea { margin:0.5em;}


/*subir cuatro*/
#subir_cuatro { width:100%; }
#uno { width:48%; float:left;}
#dos { width:48%; float:left;}

#tres   { clear:both; text-align:left; padding:0.2em 1em 0.2em 0.2em; margin-bottom:4em;}
#tres p { float:left; padding:0.5em;}

#campos_cuatro {width:60%; float:left;}
#campos_cuatro p { margin:0.5em 0.5em 0.5em 0.5em;}

#formulario_cuatro {width:39%; float:left; text-align:left;}
#formulario_cuatro input { float:none; margin:0.1em 0.3em 0.3em 0;}

.borde_serie {border-right:#EEE1AE 5px solid; height:5.25em;}

#subir_cinco { width:100%;}


#campos_cinco {width:20%; float:left; margin:1em;}
#formulario_cinco {width:60%; float:left; text-align:left;margin:1em; }
#campos_cinco p { margin:0.5em 0 0.5em 0;}

#descripcion_obra { clear:both; margin-top:1.5em;}

#subir_seis p  { padding:0.5em 0.5em 0.5em 0;}
#subir_siete p { padding:0.5em 0.5em 0.5em 0;}

/******************************************************************************/
/*PIE*/
#peu   { clear:both; height:4em; padding:2.7em 0.5em 0.5em 0.5em; background-image:url(../img/peu.jpg); background-repeat: no-repeat; background-position:top;  font-size:0.9em;}
#peu_a { width:80%; float:left; text-align:left;}
#peu_b { width:19%; float: left;  text-align:right}

#peu a:link, 
#peu a:visited { text-decoration:none; font-size:0.8em; color:#615040;}
#peu a:hover { text-decoration:underline; background-color:none; color:#615040;}

/*buscador menu*/
#acces { margin:1em 0 1em 0;}
.pading { margin-bottom:1.5em;}

/*Agenda*/
#rss_agenda { height:2em; padding-left:44em;}
* html #rss_agenda {  padding-left:44.2em;}

#clear { clear:both;}

.listar_obras { width:24%; float:left; height:159px;}
* html .listar_obras {  height:165px;}












/*HACK PARA LAS CAJAS---------------http://www.positioniseverything.net/easyclearing.html--------------*/
.cajas:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cajas {display: inline-block;}

/* Hides from IE-mac \*/
* html .cajas {height: 1%;}
.cajas {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */





/********************************HOME*****************************************/
/*titulo*/
#titulo_home h1 { background-image:url(../img/fons_titol_home.jpg); background-repeat:no-repeat; height:5em; padding-top:2.5em;}

/*primer bloque previews*/
#home_sup { background-image:url(../img/fons_peu_home.jpg); background-position:bottom; background-repeat:no-repeat;}
#home_sup  h2{ padding:0.5em;}
#home_sup  h3{ clear:none; padding:0.5em; font-weight:normal; font-size:1em;}
#home_sup_obras { width:48%; float:left; }
#home_sup_obras h2 { padding:  0.5em 0.5em 0.5em 1em ;}
#home_sup_obras h3 { padding:  0.5em 0.5em 0.5em 1.5em ;}
#home_sup_obras_destacadas { width:51%; float: right;}
#home_sup_obras_destacadas h2 { padding:0.5em 0;}
.home_sup_cajas { width:48%; float:left;margin-bottom:2em;  }
.home_sup_cajas  img{ padding:0 1em;}


.botons     { clear:both; padding:0.3em 0 0.6em 0;}
.mas_obras  { position:absolute; z-index:1; font-weight:normal; font-size:0.9em; padding:0.8em 0 0 11em; clear:both;}
#espai { height:2.4em;	}



/*galeria*/
#galeria       { width:99%; clear:both; padding:1em 0;}

#galeria_izq { width:27%; float:left; }
#galeria_der { width:72%; float:left; }

#galeria_der  h2{ padding-top:0; clear:none; padding-bottom:0.2em;}
#galeria_der  h3{ padding-top:0; clear:none;}

.cajas_galeria img  { float:left; padding-right:0.5em;}
.cajas_galeria h2   { font-size:1em; font-weight:normal;}
.cajas_galeria h3   { font-size:0.8em; font-weight:normal; font-style:italic;}
.cajas_galeria      { background:#F5F3F1; padding:0.3em; border-bottom:#EEE1AE 1px solid; margin-top:1em;}


/*artistas*/
#artistas_home {background-image:url(../img/top_peu_home.jpg); background-repeat:no-repeat; clear:both; border-bottom:#E9E3C3 1px solid;}
#artistas_home  h2 { padding:0.5em 0;}
#artistas_home  h3 { padding:0.5em 0; font-size:1EM; font-weight:normal;}

.artistas_home_prew { width:100px; float:left; height:180px; padding-left:12px;}
.artistas_home_prew h3 { clear:both;}
.mas { clear:both; font-weight:bold; padding:0.5em;}

#tambien div.artistas img {   padding:0.3em 1.1em 0.3em 1em ;}

#obra_artista { margin-top:2em;}

.cajas_galeria:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cajas_galeria {display: inline-block;}

/* Hides from IE-mac \*/
* html .cajas_galeria {height: 1%;}
.cajas_galeria {display: block;}
/* End hide from IE-mac */


/*retoques ultima hora*/

#carrito_enlace { padding:0.4em 0 0 0.8em ; }

#carrito_enlace a:link, 
#carrito_enlace a:visited { text-decoration:none; font-size:1.1em; color:#CC0000;}
#carrito_enlace a:hover { text-decoration:underline; background-color:none; color:#615040;}


#sindicarte p { clear:both; padding:0.6em 0 0 0.2em;}
#flota_ipod { width:50px; float:right; padding:0.5em;}

#caja_galeria_artista { margin-top:1.5em;}
