@import url(enlaces.css); /*llama estilos enlaces*/

/**** Nuevos estilos para fixed ie5 y otros  ****/
body{margin:0}/* for ie mac*/
/* commented backslash hack v2 \*/ 
html, body{height:100%;padding:0} 
* html, * html body{
overflow:hidden;/* quita el scroll del body*/
overflow-x: auto;
padding:50px 0;/* para ie5 y 5.5.*/
margin:-50px 0;
padd\ing:0;
margin:0;
}

* html #envoltorio-cuerpo {
overflow:auto;/* este es basicamente el elemento raiz ahora*/
height:100%;
/* necesitamos que el ie5 se salte el siguiente bloque de estilo ( cuerpo ) usamos el voice hack*/
voice-family: "\"}\""; voice-family:inherit;
}
* html #cuerpo{/* debe de contener todo el contenido excepto la cabezera y los logos - al ie5 no le gusta esto luego salta al siguiente bloque segun se indica arriba*/
position:absolute;/* debido a un bug en ie6 cuando hijos de elementos que tienen el overflow  definido se comportan como fixed*/
overflow-y:scroll;
width:100%;
height:100%;
z-index:1;
}

#hyundai{
position:absolute;
top: 420px;
left: 33px;
width:100px;
}
#carrusel{
position:absolute;
top: 140px;
left: 23px;
width: 163px;
/*height: 160px;*/
text-align: center;
}
#carrusel .titulo {
font-size: 10px;
color: #5E5D5D;
}

div#carrusel img{
border: 1px solid #EEEEEE;
}

#logoGaleria{
position:absolute;
width: 220px;
top: 94px;
left: 0px;
text-align: center;
}

#envoltorio-cabecera{
	position:absolute;/* ie6 tratara esto como fixed por un bug cuando overflow:auto esta en un elemento padre */
	top:0px;
	left:0px;
	height:65px;
	width:100%;
	margin:0;
	padding:0;
	z-index:999;
	overflow:hidden;

}
/*
#topbar-inner {
	height:65px;
	background:red;
}
*/


/* mac hide - reduce page to allow the scrollbar to remain visible \*/
* html #cabecera {margin-right:17px;}
/* end hide*/


#cabecera {
/*position:absolute;
top: 0px;
width: 100%;*/
height: 65px;/*antes 11ex*/
background-image: url(ar/fnd_cabecera.png);
background-repeat: repeat-x;
z-index: 10;

}
#cuerpo {
width: 100%;
z-index: 9;
}


/*fixed en resto navegadores*/
html>body #envoltorio-cabecera,html>body #hyundai, html>body #logoGaleria, html>body #carrusel{position:fixed}/* para moz/opera y otros */

.espaciador {height:95px}/* misma altura que la cabecera para reservar espacio */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #A8A6A4;
	background-image: url(ar/bg_museum_gray.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin: 0;
  	padding: 0;
  	font-size: 11px;
	line-height: 17px;
	}
        
 /***************************************T?tulos**********************/
.titulo0{
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 5px;
	color: #333333;
}

.titulo1{
	font-weight: normal;
	text-transform: uppercase;
	padding-right: 5px;
	color: #333333;
}
 
.titulo2{
	padding-right: 5px;
	color: #333333;
 }
 
 .sn{
color:black; 
 }
/* 
 .subMenu01marcado{
 	padding: 3px 6px 3px 6px;
	color: #000000;
	background-color: #fff;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif; 
 }
 */
h1.nom_galeria {	
	margin: 0 0 10px 0;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
}

/*************************************general expos actuales*************************************/

.artista, .colectiva_titulo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5E5D5D;
	font-weight: bold;
	margin-top: 5px;
}

.exposicion{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color: #333;
display: block;
font-size: 11px;
	}
.colectiva_artistas{
	font-style: normal;
	font-size: 11px;
	color: #5E5D5D;
	display: block;
	}
	
.sala{
	text-transform: uppercase;
	font-size: 9px;
	color: #5E5D5D;
}


/*.artista, .exposicion, .fecha, .sala, .tecnica {
  padding-left: 15px;

}*/
.fecha { 
	color: #333;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

 
 /*float imagenes*/
 
.solpleft{
	float: left;
	margin: 4px 25px 15px 0px;
	/*padding-bottom: 5px;*/
}

.solpleft_info{
	float: left;
	margin: 4px 25px 25px 0px;
	/*padding-bottom: 5px;*/
}

div#submenuHorizontal ul{
width: 100%;
padding: 0px;
margin: 0 0 20px 0;
}

div#submenuHorizontal li {
list-style-type: none;
display: inline;
font-size: 11px;
color: #000;
margin: 0px;
padding: 0px;
}

/*************************************estilos cabecera*************************************/
/*
#cabecera {
position:absolute;
top: 0px;
width: 100%;
height: 11ex;
background-image: url(ar/fnd_cabecera.png);
background-repeat: repeat-x;
z-index: 10;
}
*/
#logobox{
float: left;
}

div#cabecera ul{
padding: 23px 0 0 0px;
margin: 0px;
height:100%;vertical-align:middle;
}

div#cabecera li {
text-align: center;
display: inline;
font-size: 11px;
color: #999;
margin: 0px;
padding: 0px;
}

.palote{
margin:0 1px 0 -2px;
}
.palote2{
margin:0 1px 0 -1px;
color: #999;

}

/*************************************estilos cuerpo*************************************/

#textBox{	
	margin-left: 250px;
	width: 510px;
	font-size: 11px;
	line-height: 16px;
  	padding: 0px;	
  }

#textBox ul{
	padding-right: 120px;
	color: #666666;
	list-style-type: square;
   } 
  
#textBoxPrincipal{	
	margin-left: 220px;
	width: 500px;
	font-size: 11px;
	line-height: 16px;
  	padding: 0px;	
  }
        
#pieBox{
width:100%;
clear:left;
float: left;
margin: 0px 0px 20px 0px; 
}

.columnasBox{
width:750px; 
padding: 0 0 0 0;
margin: 0 0 0 250px;
}	

.columnasBoxPrincipal{
width:675px;
padding: 0 0 0 0;
margin: 0 0 0 220px;
}	

.columnas{
float:left;
width:225px;
margin: 0px;
}

div.columnasBox ul{
margin: 0px;
padding: 0px;
}

div.columnasBox li {
text-align: left;
list-style-type: none;
padding: 0 0 8px 0;
margin: 0;
list-style-type: none;
}

div.columnasBoxPrincipal ul{
margin: 0px;
padding: 0px;
}

div.columnasBoxPrincipal li {
text-align: left;
list-style-type: none;
padding: 0 0 8px 0;
margin: 0;
list-style-type: none;
}

.separador1{
margin: 0px 0 15px 10px;
}

/*.galeriaspan{
margin: 0px 0px 10px 0px;
}*/

/*************************************estilos index*************************************/

#boxIndex{
	margin: 0px auto;
	width: 300px;
	margin-top: 15%; 
	}
	
#boxMenuIndex{
	text-align:right;
	}

div#boxMenuIndex li{
list-style-type: none;
display:inline;
color:#999;
}


#elviajeroBox{
position:absolute; 
height:20px; 
top: 95%; 
left: 85%;
}

/****animacion index*****/

.thephoto {visibility:hidden;}
.hiddenPic {display:none;}

/*********************buscador******************************************/

#search{
	width: 180px;
	height: 50px;
	text-transform: uppercase;
}

form 
{
	display: inline;
}

.boton{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777;
	background-color: transparent;
	border: solid 0px transparent;
	font-weight: bold;
        height:15px;
	cursor:pointer;


}

input.boton:hover {color:#000000;}
input.inp_texto{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777;
	background-color: #F1F0F0;
	border: solid 1px #C7C6C6;
}

input.inp_texto:hover, input.inp_texto:focus {
	
	font-size: 11px;
	color: #000000;
	background-color: #FFF;
	}

/*************************************estilos artistas*************************************/


/******ventanas emergentes artistas********/

#listadoArtistas {
	position:relative;
	margin-bottom:15px;
	z-index:9;
	width: 600px;
	}
	
#listadoArtistas div {
margin-bottom:5px;
width:350px;
}

#listadoArtistas a {
	display:inline;
	padding:0;
	text-decoration:none;
	border-bottom: none;
	}
#listadoArtistas a:hover {
	text-decoration:none;	
}

#listadoArtistas span {
	position:absolute;
	left: 225px;
	width: 350px;
	top: 30px;
	padding:10px 15px 10px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #777;
	line-height: 16px;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
  }
  
.buscarArtista{
	padding:10px 15px 10px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #777;
	line-height: 16px;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	margin: 20px 0 20px 0;
	text-align: left;
	overflow: hidden;
}
  
/*************************************expos Madrid*************************************/
.museoCaja {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:18px;
	padding-right:80px;
}
.museoNombre {
	color:#000;
	font-size: 12px;
	font-weight:bold;
	
}
.museoDireccion {

	font-size: 11px;
	color:#5E5D5D;
}
.museoCaja a:link {
	font-size: 11px;
}
.museoExposicion {
	font-size: 12px;
	color:#5E5D5D;
	margin-bottom:7px !important;	

}

/*
.exposMadrid{
margin: 0 0 0 0;
width: 400px;
padding: 10px 0 10px 0;
}
*/

/*************************************Prensa*************************************/

#prensaBox{
margin:0;
padding:0;
}

.iconosDocu{
margin:0 0 0 5px;
}

div#prensaBox ul{
margin:0px;
padding:0px;
}

div#prensaBox li {
list-style-type: none;
margin:0px;
padding: 0 0 8px 0;
}

#tablaPrensa td{
padding: 0 20px 20px 0;
}
.cabeceraPrensa{
/* text-align: justify; */
}

/**********************************interior_galerias**********************************/

#tituloGaleria{
margin: 0 0 20px 0;
}

#boxImage{	
	margin-left: 250px;
	width: 550px;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
  padding: 0px;	
}


#cabeceraGaleria{
margin: 25px 0 20px 0;
width:500px;
}

.artistaGaleriaBox{
	text-align:left;
	width:450px;
	color: #000;
	left:250px;
	padding:20px 25px;
	margin: 10px 0 10px 0;
	line-height: 16px;
	border: 1px solid #B9B9B9;
	overflow: hidden;
	
}

#textoActual{
text-align:left;
margin:15px 0 0 0;
width: 500px;
}

#contactoBox{	
	margin-left: 250px;
	width: 625px;
	font-size: 11px;
	line-height: 16px;
	/*text-align: justify;*/
  	padding: 0px;	
  }


/**********************************new**********************************/


#textGaleria{
margin-top:20px;
padding-bottom: 15px; 
text-align: left;
}

#biografia{
margin-top:20px;
text-align: left;
}

div#minisActual img{
margin-right: 17px;
border: 1px solid #DFDFDF;
}

div#textBox li{
margin-bottom:10px;
}

hr 	{
	border: solid 1px  #E5E5E5;
	margin-bottom: 20px;
	}


/**********************************ampliaciones**********************************/


body#ampliaciones{
background-image:url('');
background-color: #EFEFEF;
overflow-y:auto;

}

.ampliacion_img{
	text-align: center;
	/*height:500px;
	width: 90%;*/
	margin:auto;
	padding:7% 0 0 0;
}

.ampliacion_text{
	
	text-align: center;
	width: 500px;
	padding: 2% 0;
}

.titles {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #333333; 
font-weight: bold;
text-transform: uppercase;
}

.titles2 {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #5E5D5D;
font-weight: bold;
}

.tecnica, .tecnicaactuales { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight: normal; 
color: #333333;
}
.tecnicaactuales { color: #333333!important }

/*********************************animacion amplis************************/

.thephoto {visibility:hidden;}
.hiddenPic {display:none;}

/**********************************para prensa**********************************/

.cabeceraPrensa {
text-align:left;
width: 500px;
}

/**********************************arte en madrid**********************************/

.museo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	
}
.pmuseo {
	margin: -4px 0 35px 0;	
	color: #5A5D65;

}

.stitulo {
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

.sseccion {
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #fff;
	margin-top: 15px;
	color: #333333;
}

.etitulo {
  font-weight: bold;
}
/* Estilos del enlace de cada titulo */
.linkprensa {
	text-decoration: none!important;
	text-align: left;
	font-size: 10px!important;
}
/* Caja que contiene cada imagen y su titulo */
.cajali { width: 150px; float: left; margin: 2px 2px 50px 2px!important; font-size: 10px!important;} 
/* Separaci?n vertial */
.tdsepver {}

.iluminado {
	color: #000;
	background-color: #FCD183;
}

.sepexpo {
 height: 8px;
}
.sepgale {
 height: 10px;
}
.manita {
  /* cursor: hand; */
  cursor: pointer;
}