/*@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,400,300);*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300&subset=latin,cyrillic,greek);

@font-face {
    font-family: 'InterstateLightRegular';
    src: url('/2014/_fonts/InterstateLight/interstate-light.eot');
    src: url('/2014/_fonts/InterstateLight/interstate-light.eot') format('embedded-opentype'),
         url('/2014/_fonts/InterstateLight/interstate-light.woff2') format('woff2'),
         url('/2014/_fonts/InterstateLight/interstate-light.woff') format('woff'),
         url('/2014/_fonts/InterstateLight/interstate-light.ttf') format('truetype'),
         url('/2014/_fonts/InterstateLight/interstate-light.svg#InterstateLightRegular') format('svg');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html {
  font-family: Arial,sans-serif;
}
body, div, p, blockquote, cite, strong, em, u, i, ol, ul, li, dl, dt, dd, input, textarea, select, option {
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height:130%;
	font-weight: 300;
}
a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}

/* draw any selected text yellow on red background */
::-moz-selection { color: #fff;  background: #23bc84; }
::selection      { color: #fff;  background: #23bc84; } 

/* draw selected text in a paragraph white on black
p::-moz-selection { color: white;  background: black; }
p::selection      { color: white;  background: black; } */

a {
	color:#23bc84;
	text-decoration:none;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
	    -ms-transition: all .2s;
	     -o-transition: all .2s;
	        transition: all .2s;
	/*
	-moz-transition: all 200ms ease-out;
	-o-transition: color 200ms ease-out;
	-webkit-transition: color 200ms ease-out;
	transition: color 200ms ease-out;
	*/
	}
a:hover {
	color:#199466;
	text-decoration:underline;
}
a.blackLink {color:#000;}

/*.entradas a[target="_blank"]:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 0 0 3px;
	background: no-repeat url(/2014/_img/icoBlank.png) 0 0;
}*/

.btn {
	color: #333;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	background: #e6e6e6;
	background-image: -webkit-linear-gradient(top, #e6e6e6, #c8c8c8);
	background-image: -moz-linear-gradient(top, #e6e6e6, #c8c8c8);
	background-image: -ms-linear-gradient(top, #e6e6e6, #c8c8c8);
	background-image: -o-linear-gradient(top, #e6e6e6, #c8c8c8);
	background-image: linear-gradient(to bottom, #e6e6e6, #c8c8c8);
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
}
.btn:hover {
	color: #fff;
	background: #23bc84;
	background-image: -webkit-linear-gradient(top, #23bc84, #199466);
	background-image: -moz-linear-gradient(top, #23bc84, #199466);
	background-image: -ms-linear-gradient(top, #23bc84, #199466);
	background-image: -o-linear-gradient(top, #23bc84, #199466);
	background-image: linear-gradient(to bottom, #23bc84, #199466);
	text-decoration: none;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ~~~ GENERAL ~~~ */
body {
	margin:0 auto;
	padding:0 0;
	color:#666;
	background:#FFF;
	}
p {clear:both; padding:0 0 20px 0;}
p.pTop {padding-top: 20px !important;}
p.aRight {text-align: right;}
p.xtraTop {text-align: right;}
p.pTickets {padding:20px 0 20px 0 !important;}
p.pNoTickets {padding:8px 0 0 0 !important;}
p.pButton {margin-top:30px;}

ol {
	margin: 0 0 20px 0;
	padding-left: 18px;
	list-style: disc;
	list-style-position: outside;
}
ol li {margin-bottom: 2px;}
ol.arrowList {
	margin: 0 0 20px 20px;
	padding: 0 0;
	list-style: none;
	list-style-position: outside;
}
ol.arrowList  li {
	margin-bottom: 3px;
	padding-left: 18px;
	background: url(/2014/_img/icons/ico-list.png) no-repeat 0 2px;
}
ol.listData {
	margin: 0 0 20px 0;
	padding-left: 18px;
	list-style: disc;
	list-style-position: outside;
}
ol.listData li {
	margin-bottom: 10px;
}
ol.tickets, ol.pass, ol.discount, ol.free {
	margin: -10px 0 0 0;
	padding-left: 30px;
	list-style: none;
	list-style-position: outside;
}
ol.pass {
	margin-left: -3px;
	padding-left: 34px;
}
ol.free, ol.discount {
	margin-top: 0;
}
ol.tickets li, ol.pass li, ol.discount li, ol.free li {margin-bottom: 2px;}
ol.tickets li:before, ol.discount li:before {font-family: 'FontAwesome'; content: "\f145"; margin: 0 5px 0 -21px;}
ol.pass li:before {font-family: 'FontAwesome'; content: "\f09d"; margin: 0 5px 0 -23px;}
ol.free li:before {font-family: 'FontAwesome'; content: "\f118"; margin: 0 5px 0 -19px;}

ol.columns {
	margin: 20px 0 20px -20px;
}
ol.columns li {
	margin-left: 20px
}
ol.noMargin {
	margin: 0 0 20px 0;
}
ol.noTop {
	margin: 0 0 0 0 !important;
}
ol.mediaList li {margin-bottom: 5px;}
ol.mediaList span {margin-right: 10px;}

blockquote {
	position: relative;
	display: block;
	margin: 0 0 20px 0;
	padding: 30px 20px 20px 50px;
	font-size: 20px;
	line-height:120%;
}
blockquote:before{
	position: absolute;
	top: 20px;
	left: -6px;
	font-family: Georgia, serif;
	font-size: 80px;
	font-style: italic;
	font-weight: bold;
	color: #999;
	content: "\201C";
}
blockquote:after{ content: "";}

blockquote cite {
	display: block;
	margin-top: 20px;
	font-size: 18px;
	text-align: right;
	color: #999;
}
blockquote cite:after {content: "\2009 \2014";}
blockquote cite:before {content: "\2014 \2009";}

b, strong {font-weight:400;}
strong.leFilm {color:#000;}
strong.leBold {color:#333;}


em {font-weight:300; font-style:italic;}
i {font-weight:400; color:#000;}
u {font-weight:400; color:#000; text-decoration: none;}

span.tachat,
span.nono {text-decoration:line-through;}

/* ~~~ TYPO ~~~ */
h1 { /*page title*/
	font-size:30px;
	color:#333;
	letter-spacing: -1px;
	margin-bottom: 2px;
}
h2 { /*page subtitle*/
	font-size:26px;
	color:#666;
	letter-spacing: -1px;
}
h3 { /*news, films titles*/
	color:#999;
	font-size:22px;
	letter-spacing: -0.5px;
	/*border-bottom: 1px dotted #cbcbcb;*/
}
h1,h2,h3 {font-family:'InterstateLightRegular','Roboto Condensed', Helvetica, Arial, sans-serif; font-weight:300; line-height:100%; text-transform:uppercase; clear:both;}

h4 { /*film titles*/
	color:#000;
	font-size: 16px;
	font-weight:400;
	line-height:110%;
}
h4.subTitu {font-weight:300;}
h5 { /*director titles*/
	color:#666;
	font-size: 16px;
	font-weight:300;
	line-height:110%;
}
h6 { /*top menu titles*/
	margin:10px 0 10px 5px;
	color:#333;
	font-size: 17px;
	font-weight:400;
	line-height:100%;
	text-transform:uppercase;
}
/*h4,h5,h6 {font-family:Arial, Helvetica, sans-serif;}*/
h4,h5,h6 {font-family:'Roboto Condensed', Arial, Helvetica, sans-serif !important;}

.pLeft {float:left; width:47%;}
.pRight {float:right; width:47%;}
.pSimple {clear:both;}
.pLeft img, .pRight img {float:right; margin-left: 30px; width:220px; height:130px;}

.colLeft {float:left; width:490px;}
.colSpace {float:left; width:40px;}
.colRight {float:right; width:450px;}

.colProfL {float:left; width:720px; margin-right: 40px;}
.colProfR {float:right; width:220px;}
.colProfR img {float:left; clear:both; margin:0 0 10px 0 !important; width:220px; height:130px;}

.colGacL {float:left; width:520px; margin-right: 40px;}
.colGacR {float:right; width:420px;}
.colGacR img {float:left; clear:both; margin:0 0 10px 0 !important; width:420px; height:100px;}

.colListL {float:left; width:640px; margin-right: 40px;}
.colListR {float:right; width:300px;}
.colListR img {float:left; clear:both; margin:0 0 10px 0 !important; width:300px; height:300px;}

.colLeft img {margin:0 0 !important;}

.colLeftJurat {float:left; width:490px;}
.colLeftJurat span {position: absolute;}
.colLeftJurat span span {
	position: absolute;
	width: 160px;
	top: 344px;
	left: -160px;
	text-align: center;
	padding: 3px 0;
	color:#fff;
	background: rgba(0, 0, 0, 0.7);
}

.colLeftGac {float:left; width:490px;}
.colLeftGac span {position: absolute;}
.colLeftGac span span {
	position: absolute;
	width: 160px;
	top: 304px;
	left: -160px;
	text-align: center;
	padding: 3px 0;
	color:#fff;
	background: rgba(0, 0, 0, 0.7);
}

.colLeftMap {float:left; width:640px;}
.colSpaceMap {float:left; width:40px;}
.colRightMap {float:right; width:300px;}

.colLeftStream {float:left; width:540px; margin-bottom: 20px;}
.colSpaceStream {float:left; width:10px;}
.colRightStream {float:right; width:430px;}

.fiftyLeft {float:left; width:48%;}
.fiftyRight {float:right; width:48%;}

.columns {
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	    -ms-column-count: 2;
	     -o-column-count: 2;
	        column-count: 2;

	-webkit-column-gap: 50px;
	   -moz-column-gap: 50px;
	    -ms-column-gap: 50px;
	     -o-column-gap: 50px;
	        column-gap: 50px;
}
.columns.breakIn {
	-webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
	    -ms-column-break-inside: avoid;
	          page-break-inside: avoid;
	               break-inside: avoid;
}

/* maldito Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.columns .pChrome {position: relative; top:-20px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.columns .pChromeLess {position: relative; top:-10px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.columns .pChromeMore {position: relative; top:-30px;}
}

.columns .xtraH {height: 30px;}
.columns .xtraHI {height: 50px;}
.columns .xtraHH {height: 80px;}

/* ~~~ STRUCTURE ~~~ */
#container {
	width:980px;
	margin:5px auto 10px auto;
}

/* ~~~ FOOTER ~~~ */
footer {
	display:block;
	width: 100%;
}
footer div {
	width: 980px;
	margin:10px auto 30px auto;
	padding: 10px 0;
	text-align: center;
	background: #b3b3b3;
	color: #000;
}
footer div strong {color: #000 !important;}

/* ~~~ HEADER ~~~ */
#topHeader {
	display:inline-block;
	margin:1px 0 2px 0;
	width: 100%;
}

#fecha {
	float:left;
	width:220px;
	color:#000;
	font-weight:400;
	padding-top:9px;
}
#fecha span {display:block; width:220px; text-align:center;}

#langs {
	float:left;
	padding-left:14px;
	width:545px;
	padding-top:9px;
}
#langs li {
	float:left;
	width:35px;
	padding-left:15px;
	border-right:1px solid black;
	color:#999;
}
#langs li.last {border-right:0;}
#langs li a {color:#000;}
#langs li a:hover {}

/* SOCIAL MEDIA ICONS */
#mediaLinks {
	float:left;
	width: 201px;
}
#mediaLinks li {
	float: left;
	list-style-type: none;
}
#mediaLinks li a {
	display: block;
	width: 30px;
	height: 30px;
	margin-left: 3px;
	color: #333;
	font-size: 12px;
	line-height: 100%;
	text-align: center;
	text-indent: -9999px;
	/*-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	     -o-transition: none;
	        transition: none;*/
}

#mediaLinks a.ico-facebook {background: url(/2014/_img/icons/ico-facebook.png) no-repeat 0 0;}
#mediaLinks a.ico-twitter {background: url(/2014/_img/icons/ico-twitter.png) no-repeat 0 0;}
#mediaLinks a.ico-google {background: url(/2014/_img/icons/ico-google.png) no-repeat 0 0;}
#mediaLinks a.ico-blog {background: url(/2014/_img/icons/ico-blog.png) no-repeat 0 0;}
#mediaLinks a.ico-instagram {background: url(/2014/_img/icons/ico-instagram.png) no-repeat 0 0;}
#mediaLinks a.ico-link {background: url(/2014/_img/icons/ico-link.png) no-repeat 0 0;}
#mediaLinks a.ico-flickr {background: url(/2014/_img/icons/ico-flickr.png) no-repeat 0 0;}
#mediaLinks a.ico-youtube {background: url(/2014/_img/icons/ico-youtube.png) no-repeat 0 0;}

#mediaLinks a.ico-facebook:hover {background: url(/2014/_img/icons/ico-facebook.png) no-repeat 0 -30px;}
#mediaLinks a.ico-twitter:hover {background: url(/2014/_img/icons/ico-twitter.png) no-repeat 0 -30px;}
#mediaLinks a.ico-google:hover {background: url(/2014/_img/icons/ico-google.png) no-repeat 0 -30px;}
#mediaLinks a.ico-blog:hover {background: url(/2014/_img/icons/ico-blog.png) no-repeat 0 -30px;}
#mediaLinks a.ico-instagram:hover {background: url(/2014/_img/icons/ico-instagram.png) no-repeat 0 -30px;}
#mediaLinks a.ico-link:hover {background: url(/2014/_img/icons/ico-link.png) no-repeat 0 -30px;}
#mediaLinks a.ico-flickr:hover {background: url(/2014/_img/icons/ico-flickr.png) no-repeat 0 -30px;}
#mediaLinks a.ico-youtube:hover {background: url(/2014/_img/icons/ico-youtube.png) no-repeat 0 -30px;}

#mainHeader {
	display:inline-block;
}
#logo {
	float:left;
	width:220px;
	height:220px;
	margin-right:10px;
	color:#FFF;
	background:#00101a;
}
#logo a {color:#FFF;}
#logo img {}

#topMenu {float:left; width:750px; border-top:1px solid #000; border-bottom:1px solid #000;}
.topMenuBox {
	float:left;
	width:142px;
	height:198px;
	margin-left:10px;
	padding:5px 10px 15px 10px;
}
.topMenuBox:hover {/*background:#23bc84;*/}
.topMenuBox.press {width:202px !important;}

.topMenuBox.activo {display:block; background:#FFF;}
.topMenuBox.activo:hover {background:#FFF; text-decoration:none;}

/*.topMenuList li {border-bottom:1px dotted #e6e6e6;}
.topMenuList li.last {border-bottom:0;}*/

.topMenuList li a {
	display:block;
	margin:2px 0;
	padding:3px 5px 3px 5px;
	color:#0b3c2a;
	line-height:100%;
}
.topMenuList li a:hover {color:#fff !important; background:#23bc84; text-decoration:none;}

/* ~~~ MENU TOP ACTIVES ~~~ */
.intro #topMenu a.intro,
.ficha #topMenu a.ficha,
.prensa #topMenu a.prensa,
.program #topMenu a.program,
.sedes #topMenu a.sedes,
.premios #topMenu a.premios,
.entradas #topMenu a.entradas,
.localizacion #topMenu a.localizacion,
.contacto #topMenu a.contacto,
.newsletter #topMenu a.newsletter,
.laFabrica #topMenu a.laFabrica,
.equipo #topMenu a.equipo,
.ediciones #topMenu a.ediciones, 
.acreditas #topMenu a.acreditas, 
.filmin #topMenu a.filmin, 
.spot #topMenu a.spot, 
.busca #topMenu a.busca, 
.patrocinadors #topMenu a.patrocinadors, 
.ifn #topMenu a.ifn,
.ifnpro #topMenu a.ifnpro,
.ifnJornadas #topMenu a.ifnJornadas,
.ifnAcreditas #topMenu a.ifnAcreditas,
.pressPass #topMenu a.pressPass,
.pressContact #topMenu a.pressContact,
.contactoProf #topMenu a.contactoProf,
.pressNotes #topMenu a.pressNotes,
.pressReculls #topMenu a.pressReculls 
	{color:#0b3c2a; background:#38da9f;}

/* ~~~ MAIN MENU ~~~ */
#mainMenu {
	display:inline-block;
	width:100%;
	margin:5px 0;
	padding:0 0;
	background:#fff;
}
#mainMenu li {
	float:left;
	/*width:195px; ~5items */
	width:163px; /* 6items */
	margin-right:1px;
}
#mainMenu li.last {
	/*width:196px; ~5items */
	width:160px;
	margin-right:0;
}

#mainMenu li a {
	display:block;
	padding:12px 0 12px 30px;
	font-weight: 400;
	line-height: 110%;
	text-transform: uppercase;
	color:#fff;
	background:#23bc84;/*26b794*/
}
#mainMenu li a:hover {
	color:#fff;
	background:#199466;
	text-decoration:none;
}
#mainMenu li a.activo {
	color:#0b3c2a;
	background:#38da9f;
	border-bottom:1px solid #38da9f;
}
#mainMenu li a.on {
	color:#0b3c2a;
	background:#38da9f !important;
}

/* programa button */
#mainMenu li.last a {background:#333;}
#mainMenu li.last a:hover {background:#999;}
#mainMenu li.last a.on,#mainMenu li.last a.activo {color:#333; background:#C5C5C5 !important; border-bottom:0;}
#mainMenu li.last a.on:hover, #mainMenu li.last a.activo:hover {color:#333; background:#C5C5C5 !important; border-bottom:0;}

/* ~~~ MAIN SUBMENU ~~~ */
.subMainMenu {
	display:inline-block;
	width:980px;
	margin:0 0 -4px 0 !important;
	padding:10px 0 !important;
	background:#38da9f !important;
	border-top:1px solid #38da9f;
}

/* 5items
.SO {margin-left:0 !important;}
.SP {margin-left:-196px !important;}
.AP {margin-left:-392px !important;}
.IFN {margin-left:-588px !important;}
.PH {margin-left:-784px !important;}
*/

/* 6items */
.SO {margin-left:0 !important;}
.SP {margin-left:-164px !important;}
.AP {margin-left:-328px !important;}
.IFN {margin-left:-492px !important;}
.PH {margin-left:-656px !important;}

.subMainMenu li {
	float:left;
	width:auto !important;
	margin:2px 0 !important;
}
.subMainMenu li a {
	margin:0 10px 0 20px !important;
	padding:1px 10px 1px 10px !important;
	color:#0b3c2a !important;
	background:transparent !important;
	text-transform: none !important;
	font-weight: 300 !important;
}
.subMainMenu li a:hover {
	/*color:#0b3c2a !important;*/
	background:#fff !important;
}

/* actividades 2014 */
.subMainMenu li a.es1 {margin-right:0 !important; width: 210px;}
.subMainMenu li a.es2 {margin-right:0 !important; width: 300px;}
.subMainMenu li a.es3 {margin-right:0 !important; width: 320px;}

.subMainMenu li a.ct1 {margin-right:0 !important; width: 210px;}
.subMainMenu li a.ct2 {margin-right:0 !important; width: 300px;}
.subMainMenu li a.ct3 {margin-right:0 !important; width: 320px;}

.subMainMenu li a.en1 {margin-right:0 !important; width: 260px;}
.subMainMenu li a.en2 {margin-right:0 !important; width: 300px;}
.subMainMenu li a.en3 {margin-right:0 !important; width: 260px;}

.subMainMenu li a:hover {background:#FFF !important;}
.subMainMenu li a.activo {margin-bottom:-1px !important; background:#FFF !important;}

/* hall 2014 */
.subMainsubMenu {
	display: inline-block;
	width:980px;
	margin: 10px 0 0 0;
	padding:5px 0 !important;
	background:#38da9f !important;
	border-top:1px solid #38da9f;
}
.subMainsubMenu li {
	float:left;
	width:auto !important;
	margin:2px 0 !important;
}
.subMainsubMenu li a {
	margin:0 10px 0 20px !important;
	padding:1px 10px 1px 10px !important;
	color:#0b3c2a !important;
	background:transparent !important;
	text-transform: none !important;
	font-weight: 300 !important;
}
.subMainsubMenu li a:hover {
	text-decoration: none;
	/*color:#0b3c2a !important;*/
	background:#fff !important;
}


/* ~~~ CONTENT ~~~ */
#content {
	display:inline-block;
	width:100%;
}
#content a {font-weight: 400;}

/* === PAGE LAYOUT === */
#mainInfo {clear:both; width:100%; margin-bottom:5px; overflow:hidden;}
#mainInfo h3 {margin:20px 0;}
#mainInfo img {margin-bottom:20px;}

#mainInfo h3 span.sesionTicket {padding-right: 170px;}
#mainInfo .onlineTicket {position: absolute;}
#mainInfo .onlineTicket a {position: absolute; width:120px; top:-51px; left: 820px; text-align: center; }
#mainInfo .onlineTicket a {
	padding: 2px 20px 4px 20px;
	color: #fff;
	background: #23bc84;
	background-image: -webkit-linear-gradient(top, #23bc84, #199466);
	background-image: -moz-linear-gradient(top, #23bc84, #199466);
	background-image: -ms-linear-gradient(top, #23bc84, #199466);
	background-image: -o-linear-gradient(top, #23bc84, #199466);
	background-image: linear-gradient(to bottom, #23bc84, #199466);
	text-decoration: none;
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
}
#mainInfo .onlineTicket a:hover {
	color: #333;
	background: #e6e6e6;
	background-image: -webkit-linear-gradient(top, #e6e6e6, #c8c8c8);
	background-image: -moz-linear-gradient(top, #e6e6e6, #c8c8c8);
	background-image: -ms-linear-gradient(top, #e6e6e6, #c8c8c8);
	background-image: -o-linear-gradient(top, #e6e6e6, #c8c8c8);
	background-image: linear-gradient(to bottom, #e6e6e6, #c8c8c8);
	text-decoration: none;
}

#mainInfo .leLogo {margin-right:20px;}

/* === FICHA FILMS === */
.fullRow {
	display: block;
	clear: both;
	width: 100%;
}
.fullRow h3 {
	margin-top: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #e3e3e3;
}
.fullRow h3.marginTop {
	margin-top: 20px;
}
.fullRow .leftCol {
	float:left;
	width:460px;
	margin-right:60px;
}
.fullRow .rightCol {
	float:left;
	width:460px;
}
.fullRow .rightColFull {
	float:left;
	width:640px;
}
.fullRow.marginTop {
	margin-top: 30px;
}
#tituFilm {
	float:left;
	width:640px;
}
#fichaFilm {
	display:inline-block;
	float:left;
	width:300px;
}
#fichaFilm p {
	margin-top:0;
}
#bgBotBackNew {
	float:right;
	margin-top: 10px;
	/*width:340px;*/
}
#bgBotBackNew a {
	display:block;
	/*width:255px;*/
	height:30px;
	margin:5px 0 0 0;
	padding:0 45px 0 0;
	line-height: 100%;
	text-align: right;
	color:#ccc;
	background: url(../_img/iconFilms.png) no-repeat 100% 0;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: all 0;
	transition: none;
}
#bgBotBackNew a:hover {
	color:#999;
	text-decoration: none;
	background: url(../_img/iconFilms.png) no-repeat 100% -30px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PROGRAMACIÓN LINKS ~~~ */
#progFilm {
	float:left;
	width:640px;
	margin-right:40px;
	margin-bottom: 20px;
}
#progFilm img {
	width: 640px;
	height: 400px;
	margin-bottom: 10px;
}

.botProg {
	float:left;
	margin-right: 20px;
	text-align: center;
	color: #fff;
	background: #666;
	display: none;
}
.botProg a {
	display:block;
	width: 180px;
	height: 42px;
	padding:10px 10px;
	color: #fff;
	background: #23bc84;
}
.botProg div {
	color: #fff;
	background: #666 !important;
}
.botProg a:hover {
	background: #16885d;
	text-decoration: none;
}

.botTicket {
	float:left;
	text-align: center;
	display: none;
}
.botTicket p {
	display:block;
	width: 180px;
	padding:10px 10px;
	color:#999;
	background:#e3e3e3;
	font-weight: 400;
	text-decoration: line-through;
}
.botTicket a {
	display:block;
	width: 180px;
	padding:10px 10px;
	color:#fff;
	background:#23bc84;
}
.botTicket a:hover {
	background: #16885d;
	text-decoration: none;
}

.botProg.botDoble div {
	display:block;
	width: 290px;
	padding:10px 10px;
	color: #fff;
	background: #999;
}
.botProg.botDoble.botLast {
	margin-right: 0;
}

.botFilmin {
	float:left;
	text-align: center;
	display: none;
}
.botFilmin a {
	display:block;
	width: 180px;
	height: 42px;
	padding:10px 10px;
	text-indent: -9999px;
	color:#fff;
	background:#e3e3e3 url(../_img/filminLogo.png) no-repeat 50% 50%;
}
.botFilmin a:hover {
	background-color: #c5c5c5;
	text-decoration: none;
}

/* new */
.botProg.botHide, .botTicket.botHide, .botFilmin.botHide {display: none !important;}
.botProg.botTriple a {width: 620px !important;}
.botProg.botDoble a, .botTicket.botDoble a, .botFilmin.botDoble a {width: 290px !important;}
.botProg.botHall a {width: 280px !important;}
.botProg.botDoble.noMargin, .botProg.botTriple.noMargin {margin-right: 0 !important;}


/* TICKETS */
	.sedediahora {
		float:right; clear:right; text-align:right;
		width:160px; margin-bottom:10px;
		padding:5px 10px;
		background:#F3F3F3;
		}
		.sedediahora a {display:block; font-weight:normal !important;}
	.prog1 {float:left; padding-right:40px; border-right:1px solid #DEDEDE;}
	.prog2 {float:left; padding-left:10px;}

/* ~~~ SOCIAL MEDIA ~~~ */
#facebookHome {
	display:block;
	float:left;
	width:640px;
	height:495px;
	margin-right:10px;
	margin-bottom:10px;
	background: #e3e3e3;
}
#twitterHome {
	display:block;
	float:left;
	width:330px;
	height:495px;
	margin-bottom:10px;
}
#spotHome {
	display:block;
	float:left;
	width:640px;
	height:360px;
	margin-right:10px;
	margin-bottom:10px;
}
#flickrHome {
	display:block;
	float:left;
	width:330px;
	height:360px;
}


#lomo {float:left; display:block; width:160px; height:460px;}
#banners {float:left; display:block; width:160px; height:460px; margin-right:20px;}

/* ~~~ PROGRAMA ~~~ */
#elPrograma {
	display:inline-block; clear:both; width:100%; margin:10px 0 5px 0;
}
#elPrograma ul {float:left; list-style:none;}
#elPrograma li {float:left;}
#elPrograma li a {
	display:block;
	width:119px;
	margin-right:1px;
	padding:5px 0 5px 20px;
	color:#FFF;
	background:#333;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
	line-height:110%;
	outline: 0;
	}
#elPrograma li a.last {width:120px; margin-right:0; /*color:#FFF; background:#666;*/ border-left:0;}
#elPrograma li a.activo {color:#000; background:#C5C5C5; text-decoration:none; outline:0;}

#elPrograma li a:hover {color:#FFF; background:#7B7B7B; text-decoration:none; outline:0;}
#elPrograma li a.activo:hover {}

.infoFull {clear:both; width:100%; overflow:hidden; border:1px solid black;}
.infoBox {
	clear:both;
    margin-bottom:10px;
    overflow:hidden;
    width:100%;
}
.infoBox a {text-decoration:underline;}
.infoBox a:hover {text-decoration:none;}

.infoSede {
	float:left;
	width:320px;
	margin-bottom:-99999px;
	padding-bottom:99999px;
	background:#333;
}
.infoSede h3 {
	margin: 6px 0 0 20px !important;
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif !important;
	font-size: 19px;
	font-weight: 200;
	text-align: left;
	color: #fff !important;
	border-bottom: 0 !important;
}
.infoSede h6 {
	margin: -4px 0 0 20px;
	font-size: 17px;
	font-weight: 300;
	text-align: left;
	color:#fff !important;
}

.infoProgram {
	float:left;
	width:650px;
	margin-left:10px;
	margin-bottom:-99999px;
	padding-bottom:99999px;
	background:#EAEAEA;
}

.pFull {float:left; clear:left; width:100%; padding:6px 0; border-bottom:1px solid #FFF;}
.pFull a {color:#000; font-weight:400;}

.pLast {border-bottom:0;}
.pDoble {padding-bottom:6px;}
.pTriple {padding-bottom:25px;}

.pHora {float:left; width:auto; font-weight:400; color:#000; margin:0 10px 0 10px;}
.pHora:after {content: " h";}
.pSection {float:left; width:auto; font-weight:400; color:#fff; margin:0 10px 0 0;}
.pSection:after {content: ":";}
.pSession {float:left; width:auto; color:#333;}
/*.pHora:after {content: "\2009 \00BB \2009";}*/

.filmSO {background:#E99420;}
.filmSO:hover {background:#e99e39;}

.filmSP {background:#01B8B5;}
.filmSP:hover {background:#01d1ce;}

.filmPH {background:#82C34A;}
.filmPH:hover {background:#91c85e;}

.filmAP {background:#9EAC9E;}
.filmAP:hover {background:#adb6ad;}

.filmIFN {background:#C5A90F;}
.filmIFN:hover {background:#debd0f;}

.filmFiesta {background:#D2171D;}
.filmFiesta:hover {background:#e62025;}
	
/*.filmFiesta .pHora {float:left; width:auto; font-weight:400; margin:0 10px; color:#FFF;}*/
.filmFiesta .pSession {float:left; width:auto; color:#FFF;}

#downloadPdf {position: absolute;}
#downloadPdf a {position: absolute; width: 300px; top: -70px; left: 680px; text-align: right;}

#colorCode {clear:both; margin:-20px 0 5px 0;}
#colorCode p {margin:20px 0 0 0; padding: 0 0;}
#colorCode ul {display:inline-block; width:100%;}
#colorCode ul li {
	float: left;
	width: 20%;
	padding: 2px 0 2px 0;
	color: #fff;
	text-align: center;
	font-weight: 400;
}
#colorCode ul li.filmSO {background:#E99420;}
#colorCode ul li.filmSP {background:#01B8B5;}
#colorCode ul li.filmPH {background:#82C34A;}
#colorCode ul li.filmAP {background:#9EAC9E;}
#colorCode ul li.filmIFN {background:#C5A90F;}

/* ~~~ BUSCADOR ~~~ */
#losResults {float:right; border: 1px solid blue;}
#losNumbers {float:right;}
	#losNumbers span {font-weight:400; padding:0 2px;}

.separator {clear:both;display:block; width:100%;}

.ellipsis {
	text-overflow: ellipsis;
	/* Required for text-overflow to do anything */
	white-space: nowrap;
	overflow: hidden;
}

/* ~~~ MISCELL ~~~ */
.clearBR {display:block; clear:both; font-size:0;}
.normalBR {display:block; clear:both; font-size:0; height:10px;}
.dobleBR {display:block; clear:both; font-size:0; height:20px;}
.xtraSpace {display:block; clear:both; height:10px;}
.endOfList {display:block; clear:both; color:#B3B3B3; margin:-5px 0;}

/* ~~~ SOCIAL SHARE ~~~ */
#shareThis {position: absolute;}
#shareThis ul {position: absolute; width: 300px; top: -42px; left: 680px; text-align: right;}

.socialShare {
	color: #fff;
}
.socialShare > li {
	background-color: #999;
}
.socialShare > li,
.socialShare > li > a,
.socialShare > li > a:focus {
	border-radius: 5px;
}
.socialShare :link,
.socialShare :visited {
	color: inherit;
}
.socialShare > li {
	display: inline-block;
	zoom: 1;
	position: relative;
	vertical-align: top;
	min-width: 80px;
	min-height: 30px;
	text-align: center;
	white-space: nowrap;
}
.socialShare > li > a {
	display: block;
	padding: 5px 15px 5px 10px;
	text-decoration: none;
	color: inherit;
}
.social-icon {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  margin-right: 5px;
}
.icon-facebook, .icon-googleplus, .icon-twitter {
  background: url(/2014/_img/icons/iconMix.png) no-repeat;
}
.icon-facebook {
  background-position: 0 0;
  height: 15px;
  width: 17px;
  margin-top: -5px;
}
.icon-twitter {
  background-position: -84px 0;
  height: 15px;
  width: 17px;
  margin-top: -3px;
}
.icon-googleplus {
  background-position: -21px 0;
  height: 17px;
  width: 20px;
  margin-top: -2px;
}

a.facebookLink:hover,
a.facebookLink:focus {background-color:#3b5998;}
a.twitterLink:hover,
a.twitterLink:focus {background-color:#00aced;}
a.googleplusLink:hover,
a.googleplusLink:focus {background-color:#e93f2e;}

/* email this */
#elEmail {width: 600px;}
#elEmail h2 {margin-bottom: 2px;}
#elEmail h3 {margin-bottom: 20px; /*min-height: 45px;*/}
#elEmail fieldset {margin: 0 0 20px 0; padding: 0 0 0 0;}
#elEmail label {margin: 5px 0 0 0; padding: 0 0 0 0;}
#elEmail label.firstLab {margin-right: 20px;}
#elEmail p {clear: both; margin: 5px 0 10px 0; padding: 0 0;}
#elEmail .buttons {margin: 0 0; padding: 0 0;}
#elEmailDiv {
	display: inline-block;
	width: 560px;
	margin-top: 5px;
	padding: 20px 20px;
	border: 1px solid #b3b3b3;
}
.xEmail {width: 350px !important;}
.xEmailName {width: 170px !important;}

#footEmail {display: block; width: 600px;}
#footEmail div {
	width: 602px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	background: #b3b3b3;
	color: #000;
}
#footEmail div strong {color: #000 !important;}

#prix, #premi {
    cursor: pointer;
}
#prix span, #premi span {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin:2px 8px 0 0;
	background-image: url(../_img/plusminus.png);
	background-repeat: no-repeat;
	background-position: 0 0; 
}
#prix span.plus-link, #premi span.plus-link {background-position: 0 0;}
#prix span.minus-link, #premi span.minus-link {background-position: 0 -18px;}

#rencontres, #gac {display: none;}

.equipo h5 {
	margin-bottom:5px;
	color:#333;
	font-size: 16px;
	font-weight:400;
	line-height:100%;
	text-transform: uppercase;
}
.equipo strong {font-weight:400; color:#199466;}
.equipo p {padding:0 0 25px 0;}

/* Scroll Up image */
#scrollUp {
	width: 100%;
	height: 24px;
	bottom: 0;
	right: 0;
	background: #23bc84 url(../_img/icons/ico-double-up-white.png) no-repeat 50% 50%;
}
#scrollUp:hover {
	background: #fff url(../_img/icons/ico-double-up-black.png) no-repeat 50% 50%;
}

.icoNdP {
	display:block;
	float:left;
	clear:both;
	width:400px;
	margin-bottom: 20px;
	padding:10px 20px;
	background:#f1f1f1 url(../_img/pdf.png) no-repeat 16px 16px;
	}
	/*.icoNdPdoble {width:430px;}*/
	.icoNdP div {display:block; font-weight:400; padding:5px 0 0 35px;}
	.icoNdP a {display:block; line-height:120%; padding:5px 0 5px 35px;}
	.icoNdP span {display:block; padding:0 0 5px 35px;}

.icoLink {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	background: #f1f1f1;
}
.icoLink.lastBot {
	margin-right: 0;
}
.icoLink a {display: block; width: 110px; padding: 15px 0 15px 30px;}

.note {color:#999; font-size:11px; line-height:110%;}

.notaFilm {display:block; clear:both; color:#fff; padding:5px 30px 0 65px; font-size:14px; line-height:120%;}
.notaFilm span {display:block; float:left; color: #fff; padding: 0 3px 10px 0; font-family: Georgia, serif; font-size:20px;}
.notaFilmFicha {display:block; clear:both; color:#333; padding:10px 30px 0 25px; font-size:14px; line-height:120%; font-weight: 400;}
.notaFilmFicha span {display:block; float:left; color: #333; padding: 0 3px 10px 0; font-family: Georgia, serif; font-size:20px;}

.notaFilmo {display:block; clear:both; color:#fff; padding:5px 30px 0 65px; font-size:14px; line-height:120%;}
.notaFilmo span {display:block; float:left; color: #fff; padding: 0 3px 0 0; font-family: Georgia, serif; font-size:20px;}

.noteFilmin {
	margin: 10px 0 0 0 !important;
	padding: 20px 20px !important;
	background:#f1f1f1 url(../_img/filminLogo.png) no-repeat 96% 90%;
}
.noteFilmin li {
	font-weight: 400;
}
.noteHall {/*440px*/
	/*width: 130px;
	padding: 20px 50px 20px 20px;*/
	margin-bottom: 10px;
	padding: 20px 0 20px 50px;
	background:#f1f1f1 url(../_img/icons/ico-list.png) no-repeat 5% 50%;
}
/*.noteHall.left {float: left;}
.noteHall.right {float: right;}*/

/* ~~~ STAMPS ~~~ */
/*#stampClosed {display:block; position:absolute;}
#stampClosed div {
	position:absolute;
	width:200px;
	height:173px;
	top:370px;
    left:600px;
	}
	#stampClosed div.cas {background:url(../_img/closedStamp_cas.png) no-repeat scroll 0 0 transparent;}
	#stampClosed div.cat {background:url(../_img/closedStamp_cat.png) no-repeat scroll 0 0 transparent;}
	#stampClosed div.eng {background:url(../_img/closedStamp_eng.png) no-repeat scroll 0 0 transparent;}*/

/* general */
#stampClosed {display:block; position:absolute;}
#stampClosed div {
	position:absolute;
	width:150px;
	height:130px;
}

#stampClosed.europa div {top:140px; left:780px;}
#stampClosed.europa div.cas {background:url(../_img/stamps/stampClosed_cas.png) no-repeat scroll 0 0 transparent;}
#stampClosed.europa div.cat {background:url(../_img/stamps/stampClosed_cat.png) no-repeat scroll 0 0 transparent;}
#stampClosed.europa div.eng {background:url(../_img/stamps/stampClosed_eng.png) no-repeat scroll 0 0 transparent;}

#stampClosed.jornada div {top:-120px; left:300px;}
#stampClosed.jornada div.cas {background:url(../_img/stamps/stampClosed_cas.png) no-repeat scroll 0 0 transparent;}
#stampClosed.jornada div.cat {background:url(../_img/stamps/stampClosed_cat.png) no-repeat scroll 0 0 transparent;}
#stampClosed.jornada div.eng {background:url(../_img/stamps/stampClosed_eng.png) no-repeat scroll 0 0 transparent;}

/* acreditaciones prof. */
#stampClosedInfo2 {display:block; position:absolute;}
#stampClosedInfo2 div {
	position:absolute;
	width:150px;
	height:130px;
	top:-130px;
    left:780px;
	}
	#stampClosedInfo2 div.cas {background:url(../_img/stamps/stampClosed_cas.png) no-repeat scroll 0 0 transparent;}
	#stampClosedInfo2 div.cat {background:url(../_img/stamps/stampClosed_cat.png) no-repeat scroll 0 0 transparent;}
	#stampClosedInfo2 div.eng {background:url(../_img/stamps/stampClosed_eng.png) no-repeat scroll 0 0 transparent;}

/* taller */
#stampClosedInfo3 {display:block; position:absolute;}
#stampClosedInfo3 div {
	position:absolute;
	width:150px;
	height:130px;
	top:-210px;
    left:780px;
	}
	#stampClosedInfo3 div.cas {background:url(../_img/stamps/stampClosed_cas.png) no-repeat scroll 0 0 transparent;}
	#stampClosedInfo3 div.cat {background:url(../_img/stamps/stampClosed_cat.png) no-repeat scroll 0 0 transparent;}
	#stampClosedInfo3 div.eng {background:url(../_img/stamps/stampClosed_eng.png) no-repeat scroll 0 0 transparent;}

/* === FORM ERROR === */
.error {color:#CC0000;}
.requiredMarker {font-weight:400; color:#CC0000;}


/* ========================== */
/* ==== NEW GALLERY STUFF === */
/* ========================== */
.gallery {
	padding-bottom: 10px;
}
.gallery img, .spotlight img, a[data-lightbox] img {
	max-width: 100%;
	height: auto;
	vertical-align: middle
}
.gallery-wall>* {
	display: block;
	float: left
}
.gallery-wall.margin {
	margin: -10px -10px -10px 1px;
}
.gallery-wall.margin>* {
	margin: 0 10px 10px 1px;
}

/* THUMBNAILS */
.thumbnail {
	display: inline-block;
	margin: 0;
	padding: 0;
	max-width: 100%;
	/*padding: 4px;*/
	/*background-color: rgba(0, 0, 0, 0.1);*/
	border: 1px solid #fff;
	background-color: #e3e3e3;/*e3e3e3*/
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: all .2s ease-out;
	   -moz-transition: all .2s ease-out;
	    -ms-transition: all .2s ease-out;
	     -o-transition: all .2s ease-out;
	        transition: all .2s ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
	border: 1px solid #c8c8c8;
	background-color: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	outline: 0 none;
	text-decoration: none;
}
.thumbnail img {
	margin:0 0 !important;
	padding:0 0 !important;
}
a.thumbnail:hover img, a.thumbnail:focus img {}

.thumbnail-caption {
	color: #666;
	padding: 10px 8px 12px 8px;
	text-align: center;
}
.thumbnail-caption.dobleH {
	height: 54px;
}
.thumbnail-caption.tripleH {
	height: 74px;
}
.thumbnail-caption.massiveH {
	height: 90px;
}
.thumbnail-caption h4 {
}
.thumbnail-caption h5 {
	margin-top: 2px;
}
.thumbnail-mini {
	width: 150px;
}
.thumbnail-small { /*5boxes*/
	width: 186px;
}
.thumbnail-medium { /*4boxes*/
	width: 236px;
}
.thumbnail-large { /*3boxes*/
	width: 318px;
}
.thumbnail-massive { /*2boxes*/
	width: 483px;
}
.thumbnail-expand,
.thumbnail-expand > img {
	width: 100%;
}

/* OVERLAYS */
.box-overlay {
    display: inline-block;
    max-width: 100%;
    height: 100%;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
}
.box-overlay > *:first-child {
    margin-bottom: 0;
}
.box-overlay img {
	-webkit-transform-origin: left bottom 0;
	   -moz-transform-origin: left bottom 0;
	    -ms-transform-origin: left bottom 0;
	     -o-transform-origin: left bottom 0;
	        transform-origin: left bottom 0;

	-webkit-transition: all .6s;
	   -moz-transition: all .6s;
	    -ms-transition: all .6s;
	     -o-transition: all .6s;
	        transition: all .6s;

    /*transform-origin: left bottom 0;
    transition: all 0.6s ease-in-out 0s;*/
}
.box-overlay:hover .box-overlay-area {
    left: 0;
}
.box-overlay:hover img {
	-webkit-transform: scale(1.1) translate(-20px);
	   -moz-transform: scale(1.1) translate(-20px);
	    -ms-transform: scale(1.1) translate(-20px);
	     -o-transform: scale(1.1) translate(-20px);
	        transform: scale(1.1) translate(-20px);

    /*transform: scale(1.1) translate(-20px);*/
}
.box-overlay-area {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease-in-out 0s;
	   -moz-transition: all 0.3s ease-in-out 0s;
	    -ms-transition: all 0.3s ease-in-out 0s;
	     -o-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
	/*transition: all 0.3s ease-in-out 0s;*/
}
.box-overlay:hover .box-overlay-area {
    opacity: 1;
}
.box-overlay-area:before {
	/*color: #ffffff;
	content: "";
	font-family: "FontAwesome";
	font-size: 50px;
	line-height: 1;*/
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	text-align: center;
}
.box-overlay-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #ffffff;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    opacity: 1;
    padding: 12px;
    font-family: 'InterstateLightRegular', Arial, Helvetica, sans-serif;
    font-size: 22px;
    letter-spacing: -0.5px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
    /*-webkit-transition: opacity 0.15s linear 0s;
	   -moz-transition: opacity 0.15s linear 0s;
	    -ms-transition: opacity 0.15s linear 0s;
	     -o-transition: opacity 0.15s linear 0s;
	        transition: opacity 0.15s linear 0s;*/
    /*transition: opacity 0.15s linear 0s;*/
}
.box-overlay:hover .box-overlay-caption {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
    color: #000000;
    opacity: 1;
    /*-webkit-transition: all .2s;
	   -moz-transition: all .2s;
	    -ms-transition: all .2s;
	     -o-transition: all .2s;
	        transition: all .2s;*/
    /*transition: all 0.3s ease-in-out 0s;*/
}

/* HOME GRID */
.mosaic {
	display: inline-block;
	clear: both;
	margin-bottom: 30px;
}
.boxWrap {
	float: left;
	width: 490px;
	margin: 0 10px 10px 0;
}
.box {
	float: left;
	/*background: #e3e3e3;*/
}
.box.size11 {
	width: 235px;
	height: 240px;
}
.box.size11_bis {
	width: 240px;
	height: 240px;
}
.box.size12 {
	width: 245px;
	height: 490px;
}
.box.size12_bis {
	width: 240px;
	height: 490px;
}
.box.size21 {
	width: 480px;
	height: 240px;
}
.box.size21_bis {
	width: 490px;
	height: 240px;
}
.box.size22 {
	width: 490px;
	height: 490px;
}
.box.size22_bis {
	width: 480px;
	height: 490px;
	/*font-size: 48px;
	lineh-height: 1.1em;
	letter-spacing: -0.8px;*/
}

/* text box */
.box-text {
	height: 240px;
	background: #e3e3e3;/*d7d7d7*/
}
.box-text h2,.box-text p {
	margin:0 0;
	padding: 0 0;
}

/* plain text */
.box-text p {
	color: #333;
	padding: 50px 30px 0 40px;
	font-size: 22px; font-weight: 300; line-height: 125%;
}
.box-text p strong {font-size: 22px; font-weight: 400; line-height: 125%;}
.box-text p a {font-size: 22px; font-weight: 400; line-height: 125%;}

.box-text p.cas {}
.box-text p.cat {padding: 40px 30px 0 40px;}
.box-text p.eng {}

/* plain text big */
.box-text-big {
	height: 240px;
	/*background: #e3e3e3;/*d7d7d7*/
	background: #e3e3e3 url(../_img/icons/ico-ticket.png) no-repeat scroll 50% 50%;
}
.box-text-big p {
	color: #333;
	padding: 65px 30px 0 40px;
	font-size: 30px; font-weight: 300; line-height: 125%;
}
.box-text-big p strong,
.box-text-big p a {font-size: 30px; font-weight: 400; line-height: 125%;}

.box-text-big p.cas {}
.box-text-big p.cat {padding: 50px 30px 0 40px;}
.box-text-big p.eng {padding: 65px 30px 0 50px; font-size: 30px;}
.box-text-big p.eng strong,
.box-text-big p.eng a{font-size: 30px; font-weight: 400; line-height: 125%;}

/* plain text medium */
.box-text-medium {
	height: 240px;
	background: #e3e3e3;/*d7d7d7*/
}
.box-text-medium p {
	color: #333;
	padding: 40px 30px 0 40px;
	font-size: 25px; font-weight: 300; line-height: 125%;
}
.box-text-medium p strong,
.box-text-medium p a {font-size: 25px; font-weight: 400; line-height: 125%;}

/* box link */
.box-link {
	color: #fff;
	background: #23bc84;
}
.box-link a {
	display: block;
	width: 235px;
	height: 240px;
	text-decoration: none;
	color: #fff;
	background: #23bc84;
}
.box-link a:hover {
	color: #fff;
	background: #199466;
}
.box-link p {color: #fff; padding: 60px 30px 0 50px; font-size: 34px; font-weight: 300; line-height: 110%;}
.box-link p strong {font-size: 34px; font-weight: 400; line-height: 110%;}
.box-link p.cas {}
.box-link p.cat {padding-left: 60px;}
.box-link p.eng {padding-left: 65px;}

/* box link + */
.box-link3 {
	color: #333;
	background: #e3e3e3;
}
.box-link3 a {
	display: block;
	width: 235px;
	height: 240px;
	text-decoration: none;
	color: #333;
	background: #e3e3e3;
}
.box-link3 a:hover {
	color: #333;
	background: #c5c5c5;
}
.box-link3 p {color: #333; padding: 50px 30px 0 40px; font-size: 30px; font-weight: 300; line-height: 110%;}
.box-link3 p strong {font-size: 30px; font-weight: 400; line-height: 110%;}
.box-link3 p.cas {}
.box-link3 p.cat {}
.box-link3 p.eng {font-size: 32px; padding: 60px 30px 0 40px;}
.box-link3 p.eng strong {font-size: 32px;}

/* welcome text */
.box-text-welcome {
	height: 240px;
	/*background: #e3e3e3;/*d7d7d7*/
}
.box-text-welcome p {
	color: #333;
	padding: 40px 30px 0 40px;
	font-size: 22px; font-weight: 300; line-height: 125%;
}
.box-text-welcome p strong {font-size: 22px; font-weight: 400; line-height: 125%;}
.box-text-welcome p a {font-size: 22px; font-weight: 400; line-height: 125%;}

.box-text-welcome p.cas {}
.box-text-welcome p.cat {}
.box-text-welcome p.eng {}

/* bye text */
.box-text-bye {
	color: #333;
	background: #e3e3e3;
}
.box-text-bye a {
	display: block;
	width: 235px;
	height: 240px;
	text-decoration: none;
	color: #333;
	background: #e3e3e3;
}
.box-text-bye a:hover {
	color: #333;
	background: #c5c5c5;
}
.box-text-bye p {color: #333; padding: 60px 30px 0 30px; font-size: 34px; font-weight: 300; line-height: 110%;}
.box-text-bye p strong {font-size: 34px; font-weight: 400; line-height: 110%;}
.box-text-bye p.cas {}
.box-text-bye p.cat {padding-left: 40px;}
.box-text-bye p.eng {padding-left: 40px;}

/* tickets */
.box-tickets {
	color: #333;
	background: #e3e3e3;
}
.box-tickets a {
	display: block;
	width: 235px;
	height: 240px;
	text-decoration: none;
	color: #333;
	background: #e3e3e3 url(../_img/icons/ico-ticket.png) no-repeat scroll 50% 50%;
}
.box-tickets a:hover {
	color: #333;
	background-color: #c5c5c5;
}
.box-tickets p {color: #333; padding: 73px 30px 0 40px; font-size: 28px; font-weight: 300; line-height: 110%;}
.box-tickets p strong {font-size: 28px; font-weight: 400; line-height: 110%;}
.box-tickets p.cas {}
.box-tickets p.cat {padding: 58px 30px 0 40px;}
.box-tickets p.eng {}

/* pdf */
.box-pdf {
	color: #fff;
	background: #23bc84;
}
.box-pdf a {
	display: block;
	width: 235px;
	height: 240px;
	text-decoration: none;
	color: #fff;
	background: #23bc84 url(../_img/icons/ico-pdf.png) no-repeat scroll 50% 50%;
}
.box-pdf a:hover {
	color: #fff;
	background: #199466 url(../_img/icons/ico-pdf.png) no-repeat scroll 50% 50%;
}
.box-pdf p {color: #fff; padding: 55px 30px 0 50px; font-size: 34px; font-weight: 300; line-height: 110%;}
.box-pdf p strong {font-size: 34px; font-weight: 400; line-height: 110%;}
.box-pdf p.cas {}
.box-pdf p.cat {}
.box-pdf p.eng {}

/* main text */
.box-text-main {
	height: 240px;
	background: #e3e3e3;
}
.box-text-main h2 {
	padding: 45px 40px 0 40px;
	color: #333;
	font-size: 33px;
	line-height: 110%;
	letter-spacing: -0.5px;
	text-transform:  none !important;
}
.box-text-main h2.cas {}
.box-text-main h2.cat {}
.box-text-main h2.eng {font-size: 34px;}

.box-text-main h3 {
	padding: 0 40px 0 40px;
	color: #333;
	font-size: 33px;
	line-height: 110%;
	letter-spacing: -0.5px;
	text-transform:  none !important;
}
.box-text-main h3.cas {}
.box-text-main h3.cat {}
.box-text-main h3.eng {font-size: 34px;}

.box-text-news {}
.box-text-news h2 {
	font-family: 'InterstateLightRegular', 'Roboto Condensed', Arial, Helvetica, sans-serif !important;
	font-size:28px;
	line-height:100%;
	font-weight: 300;
	color: #333;
}
.box-text-news a {
	display: block;
	height: 460px;
	padding: 30px 40px 0 40px;
	background: #e3e3e3;
}
.box-text-news a:hover {
	color: #fff;
	background: #c5c5c5;/*23bc84*//*199466*/
	text-decoration: none;
}
.box-text-news a:hover h2,.box-text-news a:hover p {color: #333;}

.box-text-news img {
	margin-top: 20px;
	width: 410px;
	position: absolute;
	clip: rect(0, 410px, 240px, 0);
}
.box-text-news p {
	color: #474747;
	position: relative;
	top:270px;
	margin-bottom: 0px;
}
.box-text-news img.cropIMG {clip: rect(0, 410px, 300px, 0); border:1px solid red;}
.box-text-news p.cropTxt {top:340px;}

.box.marginRB {margin:0 10px 10px 0;}
.box.marginR {margin:0 10px 0 0;}
.box.marginB {margin:0 0 10px 0;}

#sponsors {
	display: block;
	clear: both;
	width: 980px;
	height: 290px;
	margin-top: -10px;
	padding-bottom: 30px;
}
.sponsors {
	display: block;
	clear: both;
	margin-top: 30px;
}

/* SPECIFIC */
#home h1 {border-bottom:1px solid #e3e3e3; padding: 0 0 5px 40px; margin-bottom: 10px;}
#home h1.notShow {display:none;}
#home h2 {text-transform: none;}

#page h1 {margin-top: 10px;}
#page h2 {margin-bottom: 10px;}
#page h2 span {text-transform: none;}
#page h3 {padding-bottom: 5px; border-bottom:1px solid #e3e3e3;}
#page h3 span {float:right; text-transform: none;}
#page h3 a:hover {text-decoration: none;}
#page h3.hallSesion {margin-left: 30px; text-transform: none !important;}
#page h3.noMargin {margin-top:0;}
#page h3.topMargin {margin-top:40px;}
#page h4 {}
#page h4.tituh4 {
	margin-bottom: 10px;
	color:#000;
	font-size: 16px;
	font-weight:400;
	line-height:110%;
	text-transform: uppercase;
}
#page .fullRow {padding-bottom: 20px;}
#page .fullRowNoFoto {margin: 20px 0;}
#page .fullRowNoFoto p {padding-bottom: 0;}
#page .fullRowNoFoto p.botMargin {padding-bottom: 20px;}

#film h1 {line-height: 85%; margin: 12px 0 5px 0;} /*margin-top: 10px;*/
#film h1 span {font-size: 28px; text-transform: none;}
#film h1 span.typo {font-family:'Roboto Condensed', Helvetica, Arial, sans-serif; font-size:30px;}

#film h2 {margin-bottom: 10px;}
#film h3 {padding-bottom: 5px; margin-bottom: 20px; border-bottom:1px solid #e3e3e3;}
#film .fullRow {display:inline-block; padding-bottom: 10px;}

/* FIXES */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both
}
.width20 {
  width: 20%
}
.width25 {
  width: 25%
}
.width33 {
  width: 33.333%
}
.width50 {
  width: 50%
}
[class*='width'] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box
}