@charset "utf-8";
/* CSS Document */

/*-- Basico ----------------------------------------------------------*/

*{ margin: 0; padding: 0; }
body{
	font: 14px Georgia, serif;
	background-image: url(../images/canvaspaper.jpg);
	background-repeat: repeat;
	color:#1e202f;
}

#page-wrap{ width: 500px; margin: 0 auto; }

p, ul { margin: 0 0 20px 0; }

a, a:visited {color: #7c9ebc; text-decoration:none;}
a:hover, a:active {color: #c4252d;}

/*Para centrar con IE6*/
ul, ul li { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, p, form { margin: 0; padding: 0; }
.clear { clear: both; }
img a, a img{border: none;}


/*-- Layout ----------------------------------------------------------*/
#pagina { overflow: hidden; float:left;width:100%; margin:0 auto; }
#contenedor { overflow: hidden; width:950px;margin:0 auto;text-align:center;}

#idiomas { float:right;}

#idiomas span{
	font-size:12px;
	font-style:italic;
	}

#idiomas img{
	border:none;
	padding: 1px 3px 0 0;
	}



#cabecera { float:right; width:950px;height:215px}
#menu {position:relative; top:130px; left:220px}

#actualidad { clear: both; 
	margin-bottom: 3em;
}
#imagen_bloque {float:left;width:350px;
	padding: 1em 0 3em 0;
	}
#imagen_artista {float:left;width:450px;
	padding: 1em 0 3em 0;
	}
#imagen_contact {float:left;width:400px;height:444px;
	padding: 1em 0; 3em 0}
	
#texto_bloque {float:left;width:500px; 
	text-align:left;
	padding: 0 1em;
	margin: 1em 0 2em 2.5em;
	}
#texto_artista {float:left;width:400px; 
	text-align:left;
	padding: 0 1em;
	margin: 1em 0 2em 2.5em;
	}
#contact_form {float:left;
	width:450px; 
	text-align:left;
	padding: 0 1em;
	margin: 1em 0 5em 2em;
	}
	
#exposicions { clear: both; 
	margin-bottom: 3em;
}	

#bloqueA{clear: both; 
	text-align:center;	
	margin-bottom: 3em;
	}
#bloqueB{clear: both; 
	text-align:center;
	margin-bottom: 3em;
	}
#bloqueC{clear: both;
	margin-bottom: 10em;
	}
	
#gallery{overflow: hidden; width:900px;margin:0 auto;text-align:center;}
#gal_bloc{float: left; width: 280px; margin: 1em .5em; text-align:center;}

#pie { clear: both; 
	margin: 2em 0;
	}
#pie_menu{float:right;
	padding-bottom:5em
	}
#pie_copyright{clear: both;
	padding-bottom:1em;
	}


/*-- Cabecera ----------------------------------------------------*/
#cabecera {background: url(../images/titulo_SP02.png) repeat top left;}

/*-- Pagina ----------------------------------------------------*/
#pagina {background: url(../images/pie.png) no-repeat bottom center; }

/*-- Form ----------------------------------------------------*/

label {
	font-weight: bold;
	display: block;
}

input, textarea {
	border: 1px solid #999;
	width: 350px;
	padding: 3px;
}

#contact-us {
	padding: 1em 0 0 3em;
	margin: 1em 0;
	width: 350px;
	}
	#contact-us textarea {
		height: 100px;
	}

#contact-us-message {
	display: none;
	}

.input-box {
	margin: 1em 0;
	}

.submit {
	text-align: right;
	margin-top: 1em;
	}
.submit input {
		font: 16px Georgia, serif;
		font-weight: bold;
		font-style:italic;
		width: 100px;
		border: 1px solid;
		border-color: #999 #333 #333 #999;
	}

.error, .success {
	padding: 5px 5px 5px 25px;
    margin: 5px 0px;
	}

.error {
	border: 1px solid #ff0000;
	background: #ffdddd;
	background-image: url('images/action-error.gif');
	background-repeat: no-repeat;
	background-position: 5px center;
	}

.success {
	border: 1px solid #009900;
	background: #cfffcf;
	color: #003300;
	background-image: url('images/action-success.gif');
	background-repeat: no-repeat;
	background-position: 5px center;
	}

.loading {
	background: #ffdddd;
	font-weight: bold;
	padding: 6px;
	font-size: 8pt;
	}



/* === IMPORTANTE ===================================================
   A partir de aquí, se pueden añadir todos los estilos propios que 
   sean necesarios.
   ================================================================== */
h2, h3{
	padding: .2em 0;
	}
	
p {word-spacing: .4em; line-height: 1.5em; margin-top:.8em}

h2 {
	font-family: Georgia, Sans-Serif, Verdana ;
	font-weight: bold;
	font-style:italic;
	font-size:24px;
	}
h3 {
	font-family: Georgia, Sans-Serif, Verdana ;
	font-weight: bold;
	font-style:italic;
	font-size:18px;
	}
.centrarimagen{
	display: block; 
	margin: 0 auto;
	padding: 3em 0;
	}
	
.tituloapartado{
	display: block; 
	margin: 0 auto;
	padding-bottom: 3em;
	}
	
.tituloapartado2{
	display: block; 
	margin: 0 auto;
	padding-top: 3em;
	}
.copyright {font-size:12px; font-style:italic; margin-top: 8em;}
.titulos {font:16px Georgia, serif; font-style:italic; font-weight: bold;}
.especial {word-spacing: .2em; line-height: 2em; margin-top:1em}
.piefoto {
	font-family: Georgia, Sans-Serif, Verdana ;
	font-style:italic;
	font-size:11px;
	}
.copy{
	color:#ccc;
	font-style:italic;
	font-size:12px;
	}
.copy a{
	color:#ccc; 
	font-weight:bold; 
	text-decoration:none;
	}
.copy a:hover{
	color:#fff;
	}
	

	
/*-- Menu  -------------------------------------------------------------*/	
	
#menuh-container
	{
	position: absolute;		
	top: 1em;
	left: 1em;
	}

#menuh
	{
	font-family: Georgia, Sans-Serif, Verdana ;
	font-weight: bold;
	font-style:italic;
	font-size:18px;
	width:100%;
	float:left;
	margin:2em;
	margin-top: 1em;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border-bottom: 1px solid #555;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}
	
#menuh a.bot01
	{
	border: none;
	}
	
#menuh a.bot01:hover
	{
	background: url(../images/pincelada01.jpg) no-repeat center;
	}

	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #ccc;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: #fff;
	background-color: #333;
	text-decoration:none;
	}	
	
#menuh a.top_parent  /* attaches down-arrow to all top-parents */
	{
	background-image: url(../images/arrv_white.gif);
	background-position: 148px center;
	background-repeat: no-repeat;
	border: none;
	}
	
#menuh a.top_parent:hover
	{
	background: url(../images/pincelada01.jpg) no-repeat center;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(../images/arr_white.gif);
	background-position:  148px center;
	background-repeat: no-repeat;
	background-color:#2f303d;
	}
	
#menuh a.submenu
	{
	background-color:#2f303d;
	}	


#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:9em;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:2.5em;
	display:none;
	padding: .5em 0 0.8em 1.2em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0.5em;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}
	
	
	

/*-- Menu Pie ----------------------------------------------------*/

ul.menu_pie li {
	font-family: Georgia, Sans-Serif, Verdana ;
	display:inline;
	float:left;
	}

ul.menu_pie {
	width:100%;
	list-style:none;
	margin:0;
	padding:.2em .5em;
	color:#ccc;
	}

ul.menu_pie li a:link,ul.menu_pie li a:visited {
	display:block;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#ccc;
	padding:.2em .5em;
	}

ul.menu_pie li a:hover {
	color:#fff;
	}