@import url(texto.css);

@import url(links.css);


body{

	background-color:#FFFFFF;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px auto 0px auto;
	
}

ul{	list-style:none; }

ul.linea{ list-style:square; }

ul.menu{

	border-left:1px #CCCCCC solid; 
	padding-left:5px; 
	text-align:left;
}


input.checkbox{

	border:none;
}

li.menu{ padding-bottom:3px; }

a{ text-decoration:none; }

table, img{ border:none; }

input{
	padding-left:5px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px #999999 solid;
}

select{
	padding-left:5px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px #999999 solid;
}

.caja_cesta{
	margin-left:35px;
	height:550px;
	
}

/* NOTICIAS */

#noticias_caja{

	position:absolute;
	top:0px;
	left:590px;	
	vertical-align:top;

}

.tit_noticia{

	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	
}

.caja_noticia{

	width:330px;		
	text-align:left;
	background-color:#FFFFFF;	

}

.contenido_noticia{
	
	padding-left:25px;	
	
}

#carta_socios_izq{
	
	position:absolute;
	left:0px;
	top:0px;
	width:550px;
	height:300px;
	
}

#flash{
	position:absolute;
	top:0px;
	left:0px;
	width:599px;
	height:430px;
}

#eslogan{
	
	position:absolute;
	left:197px;
	top:10px;
	
}	

/* NOTICIAS */

#cuerpo{
	width:935px;
	text-align:center;
}

#head{
	height:127px;
	
}

#visualizador{
	padding-top:20px;
	min-height:545px;	
}

#pie{
	width:935px;
}

#logo{
	position:absolute;
	top:0px;
	left:0px;
	width:197px;
	height:147px;
}

#menu_head{
	position:absolute;
	top:57px;
	left:197px;
	width:738px;
	height:127px;
}

#menu_rapido{

	position:absolute;
	top:10px;
	width:200px; 
	left:0px;
	z-index:1;
	
}

#sub_menu_head{
	position:absolute;
	top:10px;
	left:512px;
	width:333px;
	height:48px;
}

#sub_menu_head_socios{
	position:absolute;
	top:10px;
	left:197px;
	width:738px;
	height:48px;
}

#micuenta{
	position:absolute;
	top:0px;
	left:658px;
	width:200px;
	height:48px;
}

#logoout{
	position:absolute;
	top:0px;
	left:446px;
	width:300px;
	height:48px;
}

#caja_user{
	position:absolute;
	width:300px;
	height:50px;	
	top:0px;
	left:438px;
	text-align:right;
}

#caja_user_dina{
	padding-left:10px;
	padding-bottom:5px;
}

/* MENUSES */

#galeria{
	position:absolute;
	top:17px;
	left:0px;	
}

#artistas{
	position:absolute;
	top:17px;
	left:108px;
}


#exposiciones{
	position:absolute;
	top:17px;
	left:199px;
}

#noticias{
	position:absolute;
	top:17px;
	left:335px;
}

#ediciones{
	position:absolute;
	top:17px;
	left:429px;
}

#contacto{
	position:absolute;
	top:17px;
	left:534px;
}

#programas{
	position:absolute;
	top:17px;
	left:642px;
}

#menu_exposiciones{
	position:absolute;
	top:25px;
	#top:40px;
	left:199px;	
	#left:159px;	
	
}

#menu_ediciones{
	position:absolute;
	top:30px;
	#top:40px;
	left:429px;	
	#left:390px;	
	
}

#menu_galeria{
	position:absolute;
	top:30px;
	#top:40px;
	left:0px;	
	
}

/* SUBMENUSES */


#buscador{
	position:absolute;
	top:0px;
	left:100px;
	cursor:pointer;
	text-align:right;
}

#buscador_formulario{

	position:absolute;
	top:43px;
	left:0px;
	width:935px;
	text-align:right;	
	

}

#acceso_socios{
	
	position:absolute;
	top:43px;
	left:0px;
	width:935px;
	text-align:right;
	
}

#idiomas_formulario{
	
	position:absolute;
	top:43px;
	left:0px;
	width:935px;
	text-align:right;
	
}

#socios{
	position:absolute;
	top:0px;
	left:200px;
	width:137px;
	cursor:pointer;	
	text-align:right;
}

#carrito{
	position:absolute;
	top:0px;
	left:292px;
	cursor:pointer;
	width:130px;	
	text-align:right;
}

/* INTERIOR */


/* MOSAICO */

.mosaico_izq{
	
	width:249px;
	text-align:center;

}

.mosaico_der{
	
	width:249px;
	text-align:center;


}


.mosaico_cen{
	
	
	width:149px;
	text-align:center;


}

/* OBRAS */


#caracteristicas_obra{
	
	position:absolute;
	left:0px;
	top:0px;	
	width:301px;
		
}


#foto_obra{

	position:absolute;
	left:327px;
	top:0px;
	clip:rect('0', '606', '352', '0');

		
}

/* FORMULARIO */

input.input_formulario{

	border:1px #CCCCCC solid;
	padding-left:5px;
	padding-right:5px;
	background-color:#FFFFFF;	
	width:260px;
}


input.input_formulario_error{
	border:1px #ED947A solid;
	padding-left:5px;
	padding-right:5px;
	background-color:#F6E6EC;
	width:260px;
}

textarea.texta_formulario{

	border:1px #CCCCCC solid;
	padding-left:5px;
	padding-right:5px;
	background-color:#FFFFFF;	
	width:260px;
	height:75px;
	color:#999999;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;

}

#form_contacto{

	border-right:1px #CCCCCC solid;
	width:450px;
	height:405px;
	padding:20px;

}



/* NOTICIAS */


.caja_resumen{
	
	border-bottom:1px #CCCCCC solid;	
	padding:15px;
	
}


/*PRELOAD*/
#imagen_preload{
	z-index:10;
	position:absolute;
	top:335px;
	left:650px;
}
#loading{
	position:absolute;
	z-index:5;
	text-align:center;
	padding-top:100px;
	margin-top:195px;
	margin-left:367px;
	width:774px;
	height:556px;
	background-color:#FFFFFF;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}

#social{
	
	width:935px;

}

#social dl{
	
	float:left;
	width:320px;
	
}

#social dl.news{
	
	width:340px;
	
}

#box_newsletter{
	
	border:1px #ccc solid;
	padding:10px;
	padding-left:20px;
	background-color:#fafafa;
	text-align:left;
	width:320px;
	
}

#box_newsletter label{
	
	font-weight:bold;
	color:#333;
	line-height:25px;
	
}


#box_newsletter label span{
	
	font-weight:bold;
	color:#F00;
	padding-left:20px;
	
}
#box_newsletter input{
	
	margin-right:20px;
	width:220px;
	height:20px;
	font-size:16px;
	
}

#box_newsletter input.buttom{
	
	width:auto;
	font-size:12px;
	height:auto;
	
}

#social ul{
	
	padding:0px;
	margin:0px;

}

#social li{
	
	float:left;
	margin:0px;
	padding:0px;
	
}

#social li *{
	vertical-align:middle;
	
}

#social div.facebook{
	
	background:url(../images/facebook.gif) no-repeat center left;
	height:25px;
	padding-left:30px;
	text-align:left;
	padding-top:9px;
}

#social div.facebook a{
	
	color:#405E9B;
	text-decoration:none;
	font-size:12px;
	padding-top:10px;
}

#social div.facebook a:hover{
	
	text-decoration:underline;
	color:#CCC;
	
}



#social a.youtube{
	background:url(../images/icon_youtube.png) no-repeat top left;
	line-height:35px;
	display:block;
	width:40px;
	text-align:left;
	text-decoration:none;
	font-size:12px;
}

#social a.youtube:hover{
	
	text-decoration:none;
	
}