@import url("reset.css");

/* HTML5 tags */
header,section,footer,aside,nav,article,figure{display: block;}

html,body{color:#000;font-size: 100%;font-family: 'Helvetica', 'Arial', sans-serif;}


/* 16x1.75=28 */
/* 16x1.5=24 */
/* 16x1.375=22 */
/* 16x1.125=18 */
/* 16x1=16 */
/* 16x0.9375=15 */
/* 16x0.875=14 */
/* 16x0.8125=13 */
/* 16x0.75=12 */
/* 16x0.6875=11 */
/* 16x0.625=10 */


header#top{width:900px;height:135px;background: #0e0d0f  url('../img/top.gif') no-repeat top left;margin: 0px auto;overflow: hidden;border:solid 6px #fff;}
header nav#lang{color:#fff;text-align: right;padding:3px 3px 0px 0px;font:0.625em 'Helvetica','Arial';}
header nav#lang a{color:#fff;}


.middle{vertical-align: middle;padding-right:5px;}
.center{text-align: center !important;}
#twitter-widtget{position:relative;display:inline-block;float:right;margin-left:15px;}
nav#menu{width:900px;margin:0px auto;border:solid 6px #fff;background-color: #fff;}
nav#menu ul{display:block;overflow: hidden;}
nav#menu li{display:inline;list-style-type: none;}
nav#menu a{
	float:left;
	display:block;
	background-color: #000;
	width:120px;
	height:29px;
	margin-right:10px;
	text-align: center;
	font:0.75em 'Helvetica','Arial';
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding-top:15px;
}
nav#menu a:hover{background-color: #333;}
nav#menu a.selected{background-color: #222;color:#ffe500;}

nav#menu a.doble{padding-top: 8px;height: 36px;}
nav#menu a.last{margin-right:0px;}

section#content{margin:0px auto;width: 840px;background-color: #fff;padding:25px 30px;color:#111;line-height: 19px;border:solid 6px #fff;}
section#content p{margin-bottom:12px;text-align: justify;font:0.8125em Arial;}
section a{color:#02234f;}

section#content ul{list-style-type: disc;margin-left:20px;}
section#content h1{font:1.75em Helvetica;margin-bottom:20px;font-weight: bold;}
section#content h1.nomargin{margin-bottom:4px;}
section h2{font:1.375em Helvetica;margin:50px 0px 20px 0px;font-weight: bold;}
section#content h3{font:1.125em Helvetica;margin:30px 0px 5px 0px;font-weight: bold;color:#000;}
section h4{font:0.95em Helvetica;margin:30px 0px 5px 0px;font-weight: bold;text-decoration: underline;}
section h5{font:0.9em Helvetica;margin:25px 0px 5px 0px;font-weight: bold;}
section#content h6{font:0.8em Helvetica;margin:25px 0px 5px 0px;font-weight: bold;}
section#content p.sub{font:1.375em Helvetica;margin:0px 0px 20px 0px;}

section.programa h4{margin:60px 0px 20px 0px;color:#fff;background-color: #000;font:1.2em;text-decoration: none;padding:10px;}
section.programa h5{margin-top:50px;text-decoration: underline;}
section#content img.program-logo{vertical-align: middle;}
section.programa p#pdf{float:right;font-size:0.8em;}
section.programa p#pdf img{vertical-align: middle;}

section.entradas h2.bt{background-color: #000;text-align: center;width:250px;padding:10px;margin:30px auto 10px auto;}
section.entradas h2.bt a{color:#fff;}

section#bottom{margin:30px auto;width: 900px;background-color: #fff;padding:15px 0px 0px 0px;color:#111;font:0.6875em Arial;border:solid 6px #fff;text-align: left;padding-bottom: 15px;overflow: hidden;}
section#bottom figure{float:left;width:70px;padding:0px;margin:17px 0px 0px 10px;}
section#bottom img{vertical-align: top;padding-right: 10px;}
section#bottom #bottom-text{float:left;width:480px;margin-top:17px;}
section#bottom #bottom-link{float:left;width:250px;margin-top:20px;}
section#bottom #bottom-link img{vertical-align: middle;padding:0px;}
section#bottom #bottom-qr{float:left;width:80px;}
section#bottom #bottom-qr img{vertical-align: middle;}
section#bottom a{color:#02234f;}

p.organizador{padding:20px 30px;background-color: #eee;}
p.organizador span.title{font:0.875em Helvetica;text-decoration: underline; margin:0px 0px 5px 0px;display:block;}


section#content hgroup.desplegable{background-color: #000;padding:6px 15px;margin:10px 0px 0px 0px;cursor: pointer;display:block;}
section#content hgroup.desplegable h3{color:#fff;display:inline-block;margin:0px;padding:4px 0px 0px 0px;}
section#content hgroup.desplegable img{padding: 0px 10px 0px 0px;}
section#content div.despcontent{margin:20px 0px 50px 0px;}


section#content article.movie{margin:40px 0px 10px 0px;overflow:hidden;}
section#content article.movie figure{display:block;float:left;width:320px;padding:0px;margin:0px;}
section#content article.movie hgroup.movie-content{float:left;width:500px;overflow: hidden;}
section#content article.movie p.description{}
img.spacing{margin-right:15px;}

p iframe{margin-top:10px;}


section#content article#editions{overflow:hidden;}
section#content figure.edition{float:left;text-align: left;margin:0px 150px 15px 0px;}
section#content figure.lastedition{margin:0px 0px 15px 0px;}
section#content figure.edition p{margin:0px;}


p.gallery img{vertical-align: middle;margin: 0px 10px;border: solid 4px #dedede;}
p.gallery img.play{position: absolute;border:none;padding:5px 0px 0px 0px;}