/*@import url(sIFR-screen.css) screen;*/

body{ background-color: #666666; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#lienzo{ width: 644px; height: 492px; position: absolute; left: 50%; top: 50%; margin-top: -246px; margin-left: -322px; }
#pie{ color: #939393; }
/*.rompefloat:after{ content: " \A "; display: block; clear: both; height: 0; } */
.rompefloat:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.rompefloat {display:inline-block;}
/* Hides from IE-mac \*/ * html .rompefloat {display:block;} /* End hide from IE-mac */

/* portada */
#cabecera{ height: 213px; background-color: #000; margin: 0 0 7px 0; padding: 213px 0 0 0; }
#cabecera img#logo{ display: block; margin: -43px auto 0 auto; }
#cabecera #claim{ display: block; text-align: center; background: url(../img/claim.gif) no-repeat center; text-indent: -9999px; height: 14px; }

/* menu */
#cajamenu{ height: 30px; background-color: #000; border: 2px solid #e7e7e7; margin: 0 0 6px 0; }
#cajamenu ul#menu{ list-style: none; margin: 0 auto; padding: 0; width: 384px; height: 12px; }
#cajamenu ul#menu li{ margin: 0; padding: 0; display: block; float: left; }
#cajamenu ul#menu li a{ line-height: 12px; }

#cajamenu ul#contacto{ list-style: none; margin: 0; padding: 0; height: 17px; border-top: 1px solid #d3d3d3; }
#cajamenu ul#contacto li.izq{ float: left; height: 17px;}
#cajamenu ul#contacto li.der{ float: right; height: 17px; }
#cajamenu ul#contacto li a{ line-height: 17px; }

#cajamenu ul li a, #cajamenu ul li span{ display: block;  text-indent: -9999px; background-position: top; outline: none; }
#cajamenu ul li a:hover{ background-position: bottom !important; }
#cajamenu ul li a#news{ background: url(../img/menuanews.gif); width: 37px; }
#cajamenu ul li a#interv1{ background: url(../img/menuainterventions1.gif); width: 96px; }
#cajamenu ul li a#interv2{ background: url(../img/menuainterventions2.gif); width: 96px; }
#cajamenu ul li a#exhibit{ background: url(../img/menuaexhibitions.gif); width: 75px; }
#cajamenu ul li a#films{ background: url(../img/menuafilms.gif); width: 37px; }
#cajamenu ul li a#press{ background: url(../img/menuapress.gif); width: 39px; }
#cajamenu ul li a#about{ background: url(../img/menuaabout.gif); width: 41px; }
#cajamenu ul li a#mail{ background: url(../img/menuamail.gif); width: 27px; }
#cajamenu ul li #wmambo{ background: url(../img/menuawmambo.gif); width: 103px; }

/* Volver a inicio */
#navegacion a { position: absolute; bottom: 8px; left: 9px; text-decoration: none; text-transform: uppercase; font-size: 85%; color: #707070; font-weight: bold;}


/* news */
#lienzonews{ padding: 38px; }
#lienzonews h1{ height: 128px; width: 170px; margin: 4px 0 0 0; padding: 0; background: #000 url(../img/h1news.gif) no-repeat center; text-indent: -9999px; float: left; }
#cajanews{ float: right; width: 574px; height: 574px; overflow: auto; }
#cajanews .fichanoticia{ background: url(../img/fichanoticiafondo.gif) repeat-x left bottom; padding: 0 0 21px 0; width: 555px; margin: 0 0 20px 0; }
#cajanews .fichanoticia .marcofoto{ width: 185px; height: 124px; background: url(../img/marcofotofondo.gif) no-repeat; padding: 6px; float: left; }
#cajanews .fichanoticia .marcofoto img{ border: 5px solid #FFF; }
#cajanews .fichanoticia .marcotexto{ float: right; width: 347px; padding: 40px 0 0 0; }
#cajanews .fichanoticia .marcotexto h2{ color: #999; margin: 0 0 8px 0; font-size: 12px; font-weight: normal; text-transform: uppercase; }
#cajanews .fichanoticia .marcotexto p, #cajanews .fichanoticia .marcotexto p a{ color: #000; margin: 0 0 5px 0; }
#cajanews .fichanoticia .marcotexto p.en, #cajanews .fichanoticia .marcotexto p.en a{ color: white; }
#lienzonews #navegacion a { color: #000; }

/* about */
/*#lienzoabout{ padding: 38px; }*/
#lienzoabout{ height: 612px; width: 816px; position: absolute; left: 50%; top: 50%; margin-top: -306px; margin-left: -408px; }
#lienzoabout #columna{ width: 180px; float: left; }/*356*/
#lienzoabout h1{ height: 128px; width: 170px; margin: 0; padding: 0; background: #000 url(../img/h1about.gif) no-repeat center; text-indent: -9999px; }
#lienzoabout .aboutfoto{ display: block; margin: 0 0 10px 0; }
#lienzoabout #marcotexto{ float: right; width: 554px; padding: 0 15px 0 0; color: white; height: 574px; overflow: auto; }/*387*/
#lienzoabout #marcotexto p{ margin: 0 0 10px 0;}
#lienzoabout #marcotexto p.ultimo{ margin: 0; }
#lienzoabout #marcotexto .en{ width: 44%; float: left; background: url(../img/pmotivobl.gif) no-repeat left bottom; padding: 0 0 3px 0; margin: 0 0 50px 0; }
#lienzoabout #marcotexto .es{ width: 44%; float: right; color: black; background: url(../img/pmotivong.gif) no-repeat left bottom; padding: 0 10px 3px 0; }
#lienzoabout #navegacion a { color: white; }

/* films */
/*#lienzofilms{ padding: 38px; }*/
#lienzofilms{ height: 612px; width: 816px; position: absolute; left: 50%; top: 50%; margin-top: -306px; margin-left: -408px; }
#lienzofilms h1{ height: 128px; width: 170px; margin: 4px 0 40px 0; padding: 0; background: #000 url(../img/h1films.gif) no-repeat center; text-indent: -9999px; }
#lienzofilms ul{ margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; overflow: auto; height: 416px; }
#lienzofilms ul li{ width: 94px; height: 92px; float: left; margin: 0 15px 8px 0; }
#lienzofilms ul li a{ color: white; text-decoration: none; }
#lienzofilms ul li a:hover{ text-decoration: underline; }
#lienzofilms ul li a img{ border: 0; display: block; margin: 0 0 5px 0; }
#lienzofilms #navegacion a { color: white; }

/* galeria */
#lienzoseccion { width: 712px; height: 560px; position: absolute; left: 50%; top: 50%; margin-left: -356px; margin-top: -280px; }
/* #lienzoseccion h1{ width: 712px; height: 267px; padding: 267px 0 0 0; background-color: #ffd800; margin: 0px auto 16px auto; }*/
#lienzoseccion h1{ width: 445px; height: 167px; padding: 167px 0 0 0; background-color: #ffd800; margin: 90px auto 96px auto; }
#lienzoseccion h1 img{ display: block; margin: -13px auto 0 auto; }
#lienzoseccion #paginacion{ margin: 0; padding: 0; list-style: none; height: 9px; }
#lienzoseccion #paginacion li{ width: 320px; }
#lienzoseccion #paginacion li.anterior{ float: left; padding: 0 0 0 36px; }
#lienzoseccion #paginacion li.siguiente{ float: right; padding: 0 36px 0 0; }
#lienzoseccion #paginacion a{ text-indent: -9999px; outline: none; display: block; width: 13px; }
#lienzoseccion #paginacion li.siguiente a{ float: right; background: url(../img/flechagrisder.gif) no-repeat; }
#lienzoseccion #paginacion li.anterior a{ background: url(../img/flechagrisizq.gif) no-repeat; }
#lienzoseccion #navegacion a { color: white; }

#lienzogaleria{ height: 612px; width: 816px; background-color: black; position: absolute; left: 50%; top: 50%; margin-top: -306px; margin-left: -408px; color: #D3D3D3; }
#lienzogaleria #cabecera{ height: 39px; margin: 0 22px 0 22px; padding: 0; position: relative; background-color: black; }
#lienzogaleria h1{ margin: 20px 0 0 0; width: 50%; font-size: 13px; float: left; color: #888888; }
#lienzogaleria #selector{ width: 120px; border: 1px solid #3f3f3f; margin: 17px 0 0 0; background-color: black; position: absolute; top: 0; right: 0; }
#lienzogaleria #selector span{ display: block; padding: 1px 2px 0 2px; cursor: pointer; color: #888888; background: url(../img/desplegablefondo.gif) no-repeat right top; }
#lienzogaleria #selector:hover span{ color: #D3D3D3; }
#lienzogaleria #selector ul{ display: none; margin: 0; padding: 3px 0 3px 0; list-style: none; border-top: 1px solid #3f3f3f; }
#lienzogaleria #selector:hover ul{ display: block; }
#lienzogaleria #selector ul li{ margin: 0; padding: 0; }
#lienzogaleria #selector ul li a{ color: #888888; text-decoration: none; display: block; padding: 3px 3px 2px 5px; }
#lienzogaleria #selector ul li a:hover{ background-color: #161616; color: #D3D3D3; }


#lienzogaleria #botonera{ position: absolute; right: 26px; bottom: 60px;}
#lienzogaleria #botonera img{ border: 0; }

#lienzogaleria #marcofoto{ background: #161616; width: 772px; height: 514px; margin: auto; line-height: 514px;}
#lienzogaleria #marcofoto #medio{ text-align: center; }
#lienzogaleria #marcofoto #medio img{ vertical-align:middle; }

#lienzogaleria #marcofototexto{ background: #161616; width: 772px; height: 514px; margin: auto;}
#lienzogaleria #marcofototexto .col1, #lienzogaleria #marcofototexto .col2 { width: 50%; height: 514px; float: left; }
#lienzogaleria #marcofototexto .col2 { overflow: auto; }
#lienzogaleria #marcofototexto .col2 p { padding: 0.4em 0; margin: 0; }
#lienzogaleria #marcofototexto .col2 .en a, #lienzogaleria #marcofototexto .col2 .en a:visited { color: #707070; }
#lienzogaleria #marcofototexto .col2 .en { color: #707070; padding: 4em 4em 2em 0; }
#lienzogaleria #marcofototexto .col2 .es a, #lienzogaleria #marcofototexto .col2 .es a:visited { color: #484848; }
#lienzogaleria #marcofototexto .col2 .es { color: #484848; padding: 0 4em 1em 0; }
#lienzogaleria #marcofototexto .col2 ul { margin: 0.5em 0; padding: 0; list-style-type: none; }
#lienzogaleria #marcofototexto .col2 li { margin: 0; padding: 0; }

#lienzogaleria #descripcion{ position: absolute; width: 650px; height: 40px; text-align: center; margin: 10px 83px 0 83px; }
#lienzogaleria #descripcion h2{ padding:0; margin: 0 0 5px 0; height: 1.1em; color: #fff; font-size: 1.25em; }
#lienzogaleria #descripcion h2 a{ color: #fff; }
#lienzogaleria #descripcion p#descen{ padding:0; margin: 0 0 0 0; color: #ccc; height: 1.1em;}
#lienzogaleria #descripcion p#desces{ padding:0; margin: 0 0 0 0; color: #999; height: 1.1em;}

#lienzogaleria #paginacion{ position: absolute; width: 772px; margin: 0 22px 0 22px; padding: 12px 0 0 0; list-style: none; height: 9px; }
#lienzogaleria #paginacion li{ width: 50px; }
#lienzogaleria #paginacion li.anterior{ float: left; padding: 0 0 0 14px; }
#lienzogaleria #paginacion li.siguiente{ float: right; padding: 0 14px 0 0; }
#lienzogaleria #paginacion a{ text-indent: -9999px; outline: none; display: block; width: 30px; }
#lienzogaleria #paginacion li.siguiente a{ float: right; background: url(../img/flechanegroder.gif) no-repeat center top; }
#lienzogaleria #paginacion li.anterior a{ background: url(../img/flechanegroizq.gif) no-repeat center top; }

/* visor */
/*
#pagvisor, #pagvisor body { height: 100% }
#visor{overflow: auto;}*/
#visor img { display: block; }

/* hides the second object from all versions of IE */
* html #visor object.mov { display: none; }

/* displays the second object in all versions of IE apart from 5 on PC */
* html #visor object.mov/**/ { display: inline; }

/* hides the second object from all versions of IE >= 5.5 */
* html #visor object.mov { display/**/: none; }