/*
Theme Name: Altair4 Theme
Theme URI: http://abc.mitreum.net
Description: Tema dedicato al sito web di Altair4 www.altair4.com
Version: 1.0
Author: Alvaro Blanco
Author URI: http://abc.mitreum.net
Tags: Altair Multimedia S.r.l, Sito ufficiale



*/


*{ margin:0; padding: 0;}
div, a, ul, li, img, span{margin:0; padding: 0;}
ul li{ list-style-type: disc; text-align:left;}
			ul{clear:both;}
			ul li, ol li{clear:both;  margin-left:10px;}
			ul.nolist li{list-style-type: none; margin-left:0;}

body {

   /*padding:20px;*/
   margin:0; padding: 0;   
   color:  #505257;
   font-family: lucida, Verdana, Arial, Helvetica, sans-serif;
  /* font-family:Georgia, Palatino, Times New Roman, sans-serif; */
   line-height: 16pt;
/*   letter-spacing:0.05em; quitamos el letter spacing que da problemas con el efecto typeface en ie*/
   text-align: left;
   background: #CCC;
   font-size:75.5% ;


}
body.home {   overflow:hidden; /*para evitar que al mover las noticias aparezca el scroll*/}


  a:link  { color:#904100; border:0px; font-weight:normal; text-decoration:underline;}
  a:visited { color:#904100; border:0px; font-weight:normal; text-decoration:underline;}
  a:hover { text-decoration:none;}
  a:link img, a:visited img, a:hover img{border:0px;}
	.typeface-js a {text-decoration:none;} /*se ven como si fuesen dos lineas ocn el texto decoration. Dejamos q el efecto dsubrayado sea un borde inferior en stlyejs*/

  h1{color:#2e5468; font-size:2em;}
  h2{  
  color:#DCDCDC;  /*rifatto, cancellare se va male e aaplicare solo a columna-izquierda h2*/
font-size:1.5em;
margin-bottom:1em;
 font-weight:normal;
  }
  h2.fondo-white{color:white; font-family:Trebuchet Ms; font-weight:normal; letter-spacing:.1em; background:}

	*:first-child+html h2{font-size:1.0em;}  /*hack para ie7 */
  h3{color:#6d3201; margin-bottom:5px; font-size:1.1em; margin-bottom:10px; font-family:Verdana,Arial; }
	h3.typeface-js {padding-top:6px; padding-bottom:6px;}
  h4{color:#904100; font-family:Verdana,Arial; text-transform:uppercase; font-size:1.1em; margin-bottom:30px; margin-top:0;  letter-spacing:0em;}
  h5{margin-top:15px;}



  h2 a{color:white;} 
  h2 a:visited{color:white;} 
  h2 a:hover{color:white;} 
  h2 a:link{color:white;} 

  h4 a {font-weight:bold;}
  em {color:#999; font-style:italic; font-size:1em; }
  blockquote{ 		
			background:#BBCDD7 url(images/bg-sidebar-box.jpg) repeat-x scroll left bottom;
			border:1px solid #2e5468;
			clear:both;
			float:left;
			margin:0 -9px 40px 0;
			padding:10px;
/*			padding-right:20px;*/
			position:relative;
			top:0;
			font-size:0.9em;
			}
  blockquote img{margin-left:20px; margin-right:10px; float:left;}




	select{
		font-size:1.1em;
		display:block;
		margin-bottom:15px;
	}


  p {font-size:1em; margin-top:0.5em; margin-bottom:1em;}

label, input, textarea {margin:0; padding:0; line-height:1em; font-size:1.1em;}
textarea {   
		font-size:1.2em; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		} 

fieldset{border:0px; margin-left:10px; width:400px; float:left;}




 .nodisplay{ display:none; font-family: }
 .novisibility{visibility:hidden;}
 .clearboth{clear:both; display:block;}

.alignleft{float:left;}
.alignright{float:right; text-align:right;}
.aligncenter{float:left;text-align:center;}

.semitransparente{	filter: alpha(opacity=70); opacity: 0.7;}

.letra-capital{ 
	background:none repeat scroll 0 0 #D21E1E;
	color:white;
	float:left;
	font-size:50px;
	font-weight:normal;
	margin-right:5px;
	padding:16px 10px 17px;
	width:32px;
	font-family:Arial;
	text-align:center;
	}
	


/*para el quicktime*/
	object.mov {    display: none;}
	* html object.mov {    display: none;}
	* html object.mov {    display/**/: none;}
	/* hides the second object from all versions of IE */
	* html object.mov {    display: none;}
	/* displays the second object in all versions of IE apart from 5 on PC */
	* html object.mov/**/ {    display: inline;}
	/* hides the second object from all versions of IE >= 5.5 */
	* html object.mov {    display/**/: none;}
/*fin, mas sobre el quicktime en MEDIA*/




.input-btn, .input-btn:link, .input-btn:hover, .input-btn:visited,  .searchsubmit  {
				background: #FBD304 url('images/btn-submit.gif') no-repeat 2px 4px;
				color:#888;
				width:110px;
				height:28px;
				border:0; padding:0;
				font-size:1.5em;
				margin-top:0px;
			}
.input-btn:hover{color:white;}
			a.input-btn{padding-top:10px; font-size:0.9em !important; float:left; text-align:center; line-height:2.5em;}
  small{font-size:0.9em; color: #2e5468; letter-spacing:0em; line-height:1.5em;}
 
.hide-if-no-js-block {display:none;} 


.texto-comun { /*usado en la columna de la derecha de las paginas de dos cols, o en la intro de las paginas de una col... Es todo aquel texto normal escrito sobre fondo blanco*/
	background:white url(images/bg-cuadrado-esquina-texto.gif) no-repeat scroll left top; /*cuadradito en la esquinita*/
	line-height:1.4em;
	padding:5px 10px;
}

.bloque-sombra-derecha {  /*esto afecta a paginas de elenco de objetos, cuando están separados por bloques (anios, categorias... )
							Sirve solo para mostrar la imagen de fondo apropiada*/
		background: url(images/bg-bloque-proyectos-anio.gif) repeat-y 350px top;  /*contenedor con los proyectos de un anio en concreto*/
		margin-bottom:50px;
		float:left;
		width:100%;
		}
/*FIN DE ESPECIFICACIONES GENERICAS*/







/* BOOK:NOTICIA -NOTIIAA EMERGENTES DE LA HOME!!!! */
		.noticia a, .noticia a:link, .noticia a:visited, .noticia a:hover { color:#ffd279; }

		.noticia{
		z-index:10000;
		position:absolute;
		color:white;
		font-size:0.9em;
		width:335px; /*si no se mueve el contenido respecto al cuadro cuando se arrastra a la derecha*/
		}
			#noticia-1{		left:15%;		top:5%;}
				#noticia-1.noticia-video{ top:1%;}
			#noticia-2{		left:60%;		top:5%;}
				#noticia-1.noticia-video{ top:1%;}
			#noticia-3{		left:15%;		top:50%;}
				#noticia-3.noticia-video{ top:35%;}
			#noticia-4{		left:60%;		top:50%;}
				#noticia-4.noticia-video{ top:35%;}



		.noticia .cuadrado{float:left;  width:50px; height:62px; background:url('./images/cuadrado-1.png') no-repeat;} 
			.noticia .cuadrado-1 { background-image:url('./images/cuadrado-1.png') } 
			.noticia .cuadrado-2 { background-image:url('./images/cuadrado-2.png') } 
			.noticia .cuadrado-3 { background-image:url('./images/cuadrado-3.png') ;} 
			.noticia .cuadrado-4 { background-image:url('./images/cuadrado-4.png') ;} 
		.noticia .contenido{
			float:left;
			color:#dcdcdc;
/*			height:150px;*/
			/*width:333px;*/
		}
				.noticia .contenido-visible{ 
						width:284px; 
						height:62px; 
						background: #2d2f2d url('./images/bg-noticia-home.png') no-repeat;
						filter: alpha(opacity=80); 
						opacity: 0.8;

						}
						.titulo-noticia { font-size:1.2em; line-height:1em; margin-bottom:5px;} 
						.texto-noticia {padding:12px;padding-bottom:5px;} 
							.texto-noticia p {margin:0;}
						.descripcion-noticia-home{line-height:1em;}
				.noticia .contenido-visible h3{color:#FFB522; font-weight:normal; margin:0;padding:0px; line-height:10pt; font-size:1em;}
				.noticia .contenido-visible p{color:white; font-weight:normal; margin:0;padding:0px; line-height:8pt; }
				.noticia .contenido-visible ul li, .noticia .contenido-visible ol li{line-height:15px;margin-left:14px;}
				.noticia .contenido-oculto{ 
						width:284px; 
						height:125px;
						background:#2d2f2d; 
						filter: alpha(opacity=80); 
						opacity: 0.8;
						}

					/*caso de noticia-video .. todo mas grande*/
.noticia-video {width:401px;}
.noticia-video .contenido-visible{width:350px;  background: #2d2f2d url('') no-repeat;}
.noticia-video .contenido-oculto{width:350px; height:250px;  filter: alpha(opacity=100) !important; opacity:1 !important;}
 .contenido-oculto-opaco{  filter: alpha(opacity=100) !important; opacity:1 !important;}  /*el video en safari se ve transparente tb*/


.header-noticia-video-youtube {width:100%; background:#fcfcfc url('images/bg-video-youtube.gif'); float:left; border:1px solid darkgray; border-right:0px;} 
.close-video-homepage {float:right; height:25px; }
  
/* fin NOTIIAA EMERGENTES DE LA HOME!!!! */


/* BOOK:HOME FONDOS  */
 /*1 todos los fondos ocupan el 100% de la pantala*/
#div-fondo-borroso, #div-fondo-borroso img, #div-fondo-nitido, #div-fondo-nitido img
	{	width:100%; 	height:100%;   z-index:100;}



#div-fondo-borroso , #div-fondo-nitido{
	position:absolute;
}
#div-fondo-borroso {background: #323233 url('images/bg-homepage.jpg') ;}
#div-fondo-nitido img{

}
/* FIN HOME FONDOS  */




/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/

/* BOOK:HEADER  */
#header-positioner{

  


} /*esto para hacer la movida de colocar todo abajo : dando al padre top: 100%, y a los hijos margener-top negativos*/
#header{
		width:100%;
		height:100px; 
		background:#333 url('./images/bg-header.gif') repeat-x 0px -1px; /*gris oscuro corporativo*/
		color:#FFCC00; /*naranja corporativo*/
		z-index:11000;		

			/*OJO: BOOK:POSBOTTOM solucion genial para conseguir que el menu se vea abajo de puta madre:			
			  no va en ie 6, ue tendra que ir con el header al top, como arriba con un hack*/
			 position:fixed;
			top:100%;
			margin-top:-100px; 
			/*. . fin---*/
		}

		.link-back-header{ text-decoration:none !important; }
				/*link-back-header son los titulos sobre el encabezado amarillo */
	#closeup{margin-top:10px;  color:white;}
		.closeupmensage{float:left; width:180px ; height:57px ; text-align:right; margin-top:0px;}
		.closeupmensage a.cambioidioma {float:right; margin-top:3px; margin-right:40px;}
		#closeupmensage-en{ background:#FBD204 url('./images/in-close-up.png') no-repeat; }

		/*lista scorrevole de iconos de proyectos: delicado, ver si se ve bien en todos nvagadors*/
		/* he encontrado do opciones pa mostrarlo: una es con z-index -1: (sin embargo no se ve cuando pongo el header arriva para ie6, asi q en ie6 hay q buscar otra cosa)
						asi se puede alargar lo q quiera q lo que sobrepase x la dcha sera tapado por el logo*/
		#closeupproyectos{ 
							height:57px; overflow:hidden; position:absolute; z-index:-1;
							width:100%; left:0;
		}
				/*la lista corresponde a la tira de iconos*/
		#closeupproyectos ul { margin-left:180px; width:3000px; z-index:-1; }
		#closeupproyectos ul li{ display:inline; margin-right:20px; line-height:0; margin-top:0;  background:transparent; float:none; /* sin float left funcionaba bien. Si veo q en algun navegador da problemas por ponerlo lo quito y basta. Lo he puesto para ponerle el fondo blanco para elefecto-centelleo*/}
		/*fin de la tira de proyectos*/

		.boton-desliza{height: 50px; z-index:5000; margin-top:10px;}
			#boton-desliza-dcha{ margin-right:0px; z-index:999; float:left;}
			#boton-desliza-izq{ position:absolute; margin-left:0px; left:140px; }


	#headerlogo{ background:#323233 url('./images/bg-header-logo.gif') repeat-x scroll 0 0;
					float:right; margin:0px; padding:0px; margin-top:-1px;}
		#headerlogo a{  padding:10px; padding-left:20px; padding-top:0px;}


	#links{ 
		background:url("images/links_bar.gif") no-repeat scroll -15px 0 transparent;
		left:0;
		top:10%;
		padding-top:10px;
		position:fixed;
		z-index:1000;
		width:41px;
		}
	#links #links-lista {float:left; margin-left:10px;}
	#links #links-lista li { list-style:none;}
	#links #links-bar-button { 
		height:100%;
		left:35px;
		position:absolute;
		top:0;
		width:20px;
	}
	#links #links-bar-button img{ width:100%;height:100%;}


/*FIN HEADER*/



/*  BOOK:MENU*/

	#menu { clear:both; 
			background:black url('images/bg-menu.gif') repeat-x left top; 
			text-align:center;  
			position:absolute; 
			top:95px;
			width:100%;
			height:40px;
			
			/*BOOK:POSBOTTOMy  siguiendo con esta solucion, la posicion del menu al top del header entonces*/
			margin-top:-134px;
			
			
			}

	#menu ul{ line-height:0pt; margin:auto;margin-top:13px;width:797px;} /*con el ancho fijo evito que se corra el menu en resolucion menor de 800.*/
	#menu ul li{ display:inline; margin-right:20px;}
	#menu ul li.last-menu{ margin-right:0px;}

/* fin menu*/



/* BOOK:PAGINAS  PAGES*/
	#main-content{
		background: #CCC; /*gris corporativo de fondo */
		width:100%;
		
		margin-top:136px; /*TO_DO: esto es para ie6, q no deja poner el menu abajo*/
		padding-bottom:0px;


		margin-top:0px;
		padding-bottom:136px;

		position:absolute;
		text-align:center;
	}

	.content{	
		margin:auto;
		text-align:left;

	}
	#content-1000{
		width:997px;
		width:765px; /*quitar o poner para hacer pruebas*/
		}
	#content-800{
		width:760px;
	}
		
	#titulo-pagina{
		background: #CCC url('images/bg-titulo-pagina.gif') repeat-x;
		width:100%;
		height:75px;
		margin-top:20px;

	}

		#titulo-pagina img{ float:left;}
		#titulo-pagina h2{ color:black; text-transform: uppercase; font-size:1em; margin-top:13px; padding-right:7px;	} /*ojo, el margin-top en exceso hace bajar la columna dcha*/
		#titulo-pagina h2 a{ color: #9E5920; text-shadow:0px 0px 0 #c1c1c1; }
		#titulo-pagina #titulo-texto{font-size:2.2em; float:right; margin-top:30px;}
			#titulo-pagina #titulo-texto img {margin-top:-10px;}
			.category-header-link{ text-transform: capitalize;} /*para el texto de la cabecera amarilla, cuando tiene link*/
			.category-header{ text-transform: capitalize;}

	.cuerpo{  /*en general ,para cada tipo de template*/
		padding-top:20px;
		text-align:justify;
	}

	#cuerpo-pagina{ /*para las templates de paginas*/	
		background: #CCC url('images/bg-cuerpo-pagina.gif') repeat-x ;
	}

		#titulo-imagen{ clear:both; margin-bottom:50px; text-align:center;} /*es el titulo de la columna izquierda en imagen*/


/*BOOK:PAGINA-2-COL*/
	.page-template-page-2-col-php  {}

		#columna-izquierda { /*TO_DO: adaptar para diferentes anchos*/ /*TAMBIEN USADA EN SINGLE BOOK:SINGLE*/
			color:#5D5D5D;
			padding-left:10px;
			float:left;
			width:300px;
			clear:left;
		}
			#columna-izquierda em{ color: black;}

			#imagen-pagina-container{
			/*height:205px;*/; 
			margin-bottom:40px; 
			padding-bottom:0px; 
			background:transparent url() no-repeat top center;; 
			text-align:center;
			min-height:220px;

			} /*para el slideshow*/ /*TAMBIEN USADA EN SINGLE BOOK:SINGLE*/

		#columna-derecha{ /*TO_DO: adaptar para diferentes anchos*//*TAMBIEN USADA EN SINGLE BOOK:SINGLE*/
			padding-left:100px;
		}
			#columna-derecha #texto{/*TAMBIEN USADA EN SINGLE BOOK:SINGLE*/
				background:white url('images/bg-cuadrado-esquina-texto.gif') no-repeat top left;
				float:right;
				width:400px;				
			}
				#columna-derecha #texto br{ margin-bottom:20px !important; clear:both; } /*esto es pq al copiar muchos proyectos, en lugar de <p> tienen br, por no cambiarlos..*/

				#columna-derecha #texto ul li, #columna-derecha #texto ol li  {list-style-image: url('') !important; list-style:circle; margin-left:35px; margin-bottom:5px;}
				#columna-derecha #texto ul li ul li{list-style-image: url('') !important; list-style:circle;}
				#columna-derecha #texto p {margin-top:3px; }


/*fin pagina 2-col*/




	#introduccion{
		background:white url('images/bg-cuadrado-esquina-texto.gif') no-repeat top left;
		float:none;
		margin-left:245px;
		min-height:130px;
	} 
	  #introduccion .titulo-grande{font-size:2em; font-weight:normal;}
	  #introduccion #botoni-back {margin-top:35px;}
			/*botoni back son los botones de volver atras de */
		.link-back { color:white !important; background: #D21E1E url('images/flecha-atras.gif') no-repeat 10px center; padding:5px; padding-left:50px; padding-right:10px; display:block;	}


		#columna-izquierda #botoni-back { margin-bottom:10px;}

		  #introduccion .link-back-cat { margin-left:20px; background: #D21E1E url('images/bg-cuadrado-limpio.gif') no-repeat 5px center; font-size:.9em; padding-top:0; padding-bottom:0;}
	  #introduccion p{margin-top:3px;}
	  #introduccion small{ color:#9F9F9F; padding-bottom:10px;}
	  #introduccion h3{ margin:0; padding:0; line-height:1.2em; letter-spacing:0;}

		#menu-categorias {  
				margin-left:50px;
				margin-bottom:20px;
		}
		#menu-categorias a {font-size:1.5em;}
	#texto-container{ 
			clear:both; 
			background: url('images/bg-texto-container.gif') repeat-y top left; 
			padding-top:50px;

			padding-left:30px;
			padding-bottom:30px;
			width:100%;
			float:left;
			margin-bottom:25px;
			} /*este elemento está solo para hacer el margen y la imagen de fondo*/
	#texto{
				background:white url('images/bg-cuadrado-esquina-texto.gif') no-repeat top left;
				padding:5px;
				padding-left:10px;
				padding-right:10px;
				min-height: 300px;
				margin-bottom:10px;
			}
		

/*BOOK:PAGINA-1-COLUMNA*/
.page-template-page-1-col-php #cuerpo-pagina { background-image:url('');}


/*BOOK:page-template-page-elenco-php - -  pubblicazioni, rassegna, symposium*/


	/*la parte de paginacion*/
		.paginacion { font-size:1em; margin-bottom:50px; padding-bottom:40px; clear:both;}
		.paginacion span{ background:#e60000; float:left; width:255px;  color:white; padding:2px; padding-left:10px;}
		.paginacion b{ font-size:1.3em;}
		.paginacion ul{ float:right; background:white; width: 415px; clear:none; margin-right:30px; padding-top:10px; padding-bottom:10px;}
		.paginacion ul li{ margin-left:20px; clear:none; float:left;}

	/*fin paginacion*/






.page-template-page-elenco-php #cuerpo-pagina{ background-image: url('');} /*por algun motivo aqui no funciona, lo tengo q poner al final del style*/

.h3_grande h3{font-size:1.5em; text-transform: none !important;}
.lista-elementos {padding-bottom:0px;}
.lista-elementos li {			margin:0;padding:0;	width:736px; 		/*line-height:0;*/}
.lista-elementos li.elemento{  

		list-style: none;
		background: white url(images/bg-elenco.gif) repeat-y right top; 
		margin-bottom:15px;
		
		}
.lista-elementos li.elemento .texto-post{
	min-height:50px;
	margin:5px;
	}
.lista-elementos li.elemento .link-aparte {float:right; margin-right:10px;}
	.lista-elementos li.elemento .link-aparte img{margin-right:10px;}
.lista-elementos li.elemento .texto-post h3{margin-bottom:5px ; padding-top:5px; line-height:1em; text-transform:uppercase;}
.lista-elementos li.elemento .texto-post p{margin:0; font-size:0.9em;line-height:1.1em; font-weight:normal;}
.lista-elementos li.elemento .texto-post small{display:block;line-height:1em; padding-top:3px; color:#5D5D5D;}
.lista-elementos li.elemento .texto-post .linea-huerfana{ line-height:20px; }
	.separador-anio{padding-top:80px; margin-bottom:20px; background: transparent url("images/bg-separador-anio.gif") no-repeat 300px 0px ;} /*margin bottom solo deberia ir en ie*/
	.separador-primer-anio{padding-top:0;}
	.separador-elenco
	{   
		list-style: none;
		background: url(images/bg-progetto.gif) no-repeat left -60px;  /*se reutiliza el fondo de la pagina progetti*/
		height:7px;  /*con el height asi se marga tb el margen entre elementos*/
		width:100%; /*esto ajusta bien en ie6, solo por eso lo pongo*/
	}

.lista-elementos li.elemento-categoria-personalizzata {margin-top:50px;}
.bloque-categoria-elenco .img-asociada { margin-bottom:30px; }
.bloque-categoria-elenco h2 { background: #D21E1E; padding:10px 20px 10px 10px; color: white; text-transform:uppercase; float:left; border:right:1px solid gray; border-bottom:1px solid gray;}


	.boton-mostrar-sublista { float:none; width:99.3%; text-align:right;background: #D21E1E; /*url('images/bg-boton-mostrar-sublista.png') no-repeat; */ }
	.boton-mostrar-sublista a{ color:white; padding-left:35px; margin-right:30px; line-height:1.2em;}
/*	.sublista { float:left; margin-left:50px; margin-top:20px; margin-bottom:100px;} /*lista de subitems hijos (attaches) de un articulo elencado en template de elenco
	.sublista li{	padding-top:15px;}
	.sublista li img {border:1px solid #333;}
	.sublista li .texto-post{border:1px solid #333; margin:0px !important; width:685px;}
	.sublista li .separador-elenco { background-position:-50px -60px;} 
*/

	.lista-subelementos { margin-left:100px; background:url(); margin-top:15px;}

	.lista-subelementos li{ width:600px; margin-bottom:10px;}

	.lista-elementos .elemento-categoria-personalizzata .texto-post p { font-size:1.1em !important; margin:10px !important;}

	/*page-pubblicazioni*/

	.page-pubblicazioni .linea1 {line-height:1em !important; margin:0 !important;}
	.page-pubblicazioni .linea2{margin-top:0px !important;}
	.page-pubblicazioni .linea3{margin-top:0px !important;}
	.page-pubblicazioni h3{margin-bottom:0 !important;padding-bottom:0 !important;}

	.comment-link {font-size:0.8em;  margin-right:5px; background: transparent urk ('images/envelope.gif') no-repeat center left; display:block; padding-left:15px;}



/*fin elenco*/


/* PAGE ARCHEOLOGIA*/
.page-archeologia #texto .typeface-js {
	font-family: Helvetiker;
	font-size:1.2em;
	color:#904100;
	margin-bottom:20px;
} 


/*BOOK:PAGINA-PREMI E PAG PERSONALIZZATA DI ELENCO VELOCE*/
   /*muchos de los componentes que afectan a esta pag están definidos en el BOOK anterior. Aqui solo se han especificado las difetencias */
	.page-template-page-premi-php{}

	.page-template-page-premi-php #cuerpo-pagina{ background: url();}


	.page-template-page-premi-php .lista-elementos{

	}
	.page-template-page-premi-php  .thumbnail-post img { width:64px; height:55px;margin-top:-1px; border:1px solid black;} 
	.page-template-page-premi-php .lista-elementos li.elemento{
		margin-bottom:30px;
	}
	.page-template-page-premi-php .lista-elementos li.elemento .texto-post{ /*la imagen del laurel a la derecha*/
		background: url('images/bg-premio-laurel.gif') no-repeat right center;
	}
	.page-template-page-premi-php .lista-elementos li.elemento .texto-post h3{ margin:0; padding:0; padding-top:3px;}
	.page-template-page-premi-php .lista-elementos li.elemento .texto-post b{ margin:0; padding:0;}
	.page-template-page-premi-php .lista-elementos li.elemento .texto-post small{ margin:0; padding:0;}

		.pagina-elenco-veloce  .thumbnail-post img { margin-bottom:20px; border:1px solid #444;} 
		.pagina-elenco-veloce  .lista-elementos li.elemento{ }
		.pagina-elenco-veloce  .texto-post{background-image:none !important;}
		.pagina-elenco-veloce  .texto-post { font-weight:normal;}

/*fin pagina premi*/


/*BOOK:PAGINA-PROGETTI*/
	.page-template-page-opere-php .post{ width:368px; height:100px; float:left;  }


	.page-template-page-opere-php .separador-anio{ margin-bottom:40px; padding:0; background: transparent url("images/bg-separador-anio.gif") no-repeat 300px 0px ;} /*margin bottom solo deberia ir en ie*/
	.thumbnail-post{ margin-right:5px;}
		.thumbnail-post img{ margin-right:5px; border:1px solid #444;}
	.impar{ background: url(images/bg-progetto.gif) no-repeat 0px -1px; }
	.par {  background: url(images/bg-progetto.gif) no-repeat -368px -1px;  }
	.post-vacio{ float:left; height:100px; width:5px; background:transparent url(images/bg-progetto-vacio.gif) no-repeat scroll -3px 0;
	   } /*este hace la sombra para el post impar huerfano*/



	.cuerpo-categoria {background: url(''); }

	/*	.post{clear:right;} /* esto es para q los proyectos q van en parejas  */

	.thumbnail-post{  float:left;}
		.page-template-page-opere-php .post img{border:1px solid black; width:64px ; height: 56px;  }
	.texto-post{background: white; margin-right:7px; margin-top:2px;}
	.page-template-page-opere-php .texto-post{margin-top:0;}
	.page-template-page-opere-php .post h3{ padding-left:5px; margin-bottom:0px;  }
	.page-template-page-opere-php .post .entry{ margin:0; padding:0; line-height:1em; font-size:0.9em;}
		.page-template-page-opere-php .post .entry .istituzione{ font-weight:normal; display:block; margin-bottom:1px;}
		.page-template-page-opere-php .post .entry .desc{ font-size:0.9em;}

	.bloque-proyectos-anio, .bloque-categoria-elenco { } /*no son necesarios: controlado por bloque-sombra-derecha*/


/*fin PAGINA-PROGETTI*/

	

		/*para categoria de opere*/


/*end archive*/

/*BOOK:SINGLE todo single */
.navigation{clear:both; float:left;}
	#columna-izquierda h2{   /*este es el titulo que se escribe con letra si no hay imagen*/
			background:none repeat scroll 0 0 #808080;
			border-bottom:1px solid #555555;
			border-right:1px solid #555555;
			padding:10px;
			text-align:center;
			visibility:visible;
		}
		#columna-izquierda #accolades{
				color:#333;
				padding:40px 10px 20px 0px;
				margin-top:20px;
			}

				#lightbox-link-container{ position:absolute;top:168px;width:300px;}
				#lightbox-link-container .lightbox-link  { float:left;height:220px;padding:0;width:100%; }

				.accolades-it{ background: transparent url("images/riconoscimenti_it.gif") no-repeat 0px 10px;}
				.accolades-en{ background: transparent url("images/riconoscimenti_en.gif") no-repeat 0px 10px;}

				.premios-accolades {clear:both;}
				#accolades .premio-accolades {clear:both;}
				#accolades .premio-accolades img{ float:left; margin-right:5px;}
				#accolades .premio-accolades span{ float:left; }
				#accolades .premio-accolades h4{ line-height:1em; text-transform:inherit; margin:0; padding:0; }
					#accolades .premio-accolades h4 a {width:65%; font-weight:bold;}
				#accolades .premio-accolades p{ }


			#columna-derecha .creditos-it{ background: #c1c1c1 url("images/crediti_it.gif") no-repeat 10px 10px;}
			#columna-derecha .creditos-en{ background: #c1c1c1 url("images/crediti_en.gif") no-repeat 10px 10px;}
			#columna-derecha #creditos{
				color:black;
				float:right;
				width:400px;
				padding:40px 10px 20px 10px;
				margin:5px 0px 15px 0px;
			}
			#columna-derecha #creditos ul{margin-left:30px; }
			#columna-derecha #creditos ul li{ list-style-image: url('images/bg-cuadrado-limpio.gif');}
			#columna-derecha #creditos ul li ul li, .liNomeCrediti{list-style-image: url('') !important; list-style:circle;color:#666;}
			.liNomeCrediti { margin-left:50px;} 
					#columna-derecha #botoni-back {float:right; clear:both;margin-bottom:30px;}
				/*esto es para ajustar los creditos copiados de la anterior web, que estaban mal escritos con una clase en lugar de listas anidadas*/
				

			.titulo-progetto-meta{font-weight:bold; color:black; vertical-align:top;}
				.primera-publicacion td{ padding-top:20px;}


			/*SINGLE: video youtube*/
			.ventana-velada{ /*usada para el video y para la demo*/
				background:none repeat scroll 0 0 black;
				height:100%;
				left:0;
				opacity:0.8;
				padding:30px;
				position:absolute;
				text-align:center;
				top:0;
				width:100%;
				z-index:1000;
				}
				#cierra-video{text-align:center;}
			#video-embed{
				height:100%;
				width:100%;
				padding:30px;
				position:absolute;
				z-index:1001;
				top:0;
				left:0;
				text-align:center;
			}



			/*SINGLE: MEDIA*/
			#progetto-demos{
					float:left; 
					margin-top:40px; 
					padding-right:75px; 
					background:url('images/demo.gif') no-repeat right bottom;
					margin-right:40px; /*para q no choque con el video, si lo hay*/
					} /*contenedor con los botones a demos*/
			#progetto-demos a.link-demo, #progetto-video a.link-demo { float:left; margin-right:10px; border: 1px solid #FFCC00;} /*contenedor con los botones a demos*/
			#progetto-demos a:hover.link-demo, #progetto-video a:hover.link-demo{border:1px solid black;}
			#demo-absolute{

				
			}
			#demo-absolute-titulo-y-embed{
					margin:auto;
					height:90%;
					width:800px;
					background-color:transparent;
					}
			#demo-titulo{font-size:2em;color:white;}
			#demo-boton-cerrar{ margin-right:90px;margin-top:-35px;text-align:right;}
			#demo-boton-cerrar a { padding:10px; }
			#demo-movie{margin:auto;}



			/*SINGLE: Video*/
			#progetto-video{
					float:left; 
					margin-top:40px; 
					padding-right:75px; 
					background:url('images/video.gif') no-repeat right bottom;
					
					} /*contenedor con los botones a demos*/
			/*fin video*/

			/*fin single: media*/


	.page-altair-4-1986-1995 #accolades{background:url('');} /*style muy especial para la entrada catalogada como opera Altair 4 1986 1995. Ahi el campo accolades escribe otras cosas, asi q quitamos el fondo*/

/*end single*/

/*BOOK:IMAGE*/

	.attachment #texto-container #imagen-single img {margin-left:-10px; border:5px solid white;}
/*end image*/

/*BOOK:PAGINA-PERSONALIZADA*/
.lista-elementos{}
.lista-elementos li{}
.lista-elementos .thumbnail-post {}
.lista-elementos .texto-post{}

			.lista-elementos .thumbnail-post img {border:1px solid #999; margin-bottom:15px;}
			.lista-elementos .thumbnail-post a img {border:1px solid #996F4D;}
					.lista-elementos .thumbnail-post a:hover img{border-color:white;}





/**/



/*BOOK:Email DMS Guestbook*/

.page-email #texto {background: url(''); } 
#contacto-columna-izquierda {  width:300px; float:left;  padding-top:30px; }
#contacto-columna-izquierda b{ clear:both; float:left;}

#contacto-columna-izquierda input{ clear:both; float:left; margin:5px 0 20px 0;}
#mensaje-contacto { 
	background:url("images/bg-bloque-proyectos-anio.gif") repeat-y scroll 50px top #c1c1c1;
	float:left;
	padding:25px 0 16px 38px;
	width:389px;
	}
.mensaje-contacto-label{display:block; clear:both; width:100%;}
#mensaje-contacto textarea { margin-top:5px;}
#captcha {
	background:#c1c1c1 repeat scroll 0 0 ;
	float:right;
	margin-right:17px;
	padding-bottom:19px;
	width:428px;
	}
#captcha-texto{ float:left; width:50%; margin-left:40px;}
#captcha img{
		float:right;
		margin-right:30px;
		margin-left:66px;
		margin-top:10px;
		display:block;
		}
#captcha input{
	clear:both;
	float:right;
	margin-right:29px;
	margin-top:5px;
	width:137px;
	}
.email-submit{
	background:none repeat scroll 0 0 transparent;
	clear:both;
	float:right;
	margin-right:31px;
	}
.email-submit input{ border:0; width:100px;height:50px;}
.email-submit input.it{ background:  url('images/invia.gif') no-repeat center center;}
.email-submit input.en{ background: url('images/send.gif') no-repeat center center;}

#css_form_submit_position {}
.css_form_antispamtext{}

.page-template-page-elenco-php #cuerpo-pagina{ background-image: url('');}

.css_form_errormessage{  font-size:1.5em; color: #D21E1D; margin-bottom:5px;}
#message-delivered { 
		background:url("images/message-delivered.jpg") no-repeat scroll center center #C1C1C1;
		clear:both;
		float:none;
		height:164px;
		margin-left:300px;
		padding:72px;
		width:283px;
}
	#message-delivered h2{ display:none; }