@import 'reset.css';
@import 'fonts.css';
@import 'forms.css';

body{ min-width: 1200px }

.pink{ background: pink !important }

a{
    text-decoration: none;
    color: #313131;
    display: block;
}

p a{ display: inline }

p{ margin: 0 0 24px 0 }

a:hover{ color: #ffce00 }

img{
    display: block;
}

h2, h3{ margin: 0 0 24px 0 }


.lh24{
    line-height: 48px;
    height: 48px;
}

.no-margin-bottom{ margin-bottom: 0 }

.imageWrapper{
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 0 1.7142em 0;
    background: #333;

    position: relative;
}

.imageWrapper>img{
    /*max-width: 100%;*/
}

.aCentered{
    /* Absolutly centered */
    position: absolute;
    margin: auto;
    top: -50%; right: -50%; bottom: -50%; left: -50%;
}

.vCentered{
    position: absolute;
    margin: auto;
    top: -50%; right: 0; bottom: -50%; left: 0;
    width: 100%;
}

.hCentered{
    position: absolute;
    margin: auto;
    top: 0; right: -50%; bottom: 0; left: -50%;
    height: 100%;
}

.floatLeft{ float: left }
.floatRight{ float: right }

.clear{ clear: both }

.contentWrapper{
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1170px;
    min-width: 960px;
}

.relative { position: relative }

.showCase{
    height: 24em;
    margin: 0 0 1.7142em 0;
    /*background: url(../images/bg_mainHeader.jpg)no-repeat center;*/
    /*background: url(../images/temp/2560x336-FMCEweb.jpg)no-repeat center;*/
    /*background-image: url(../images/temp/2560x336-FMCEweb-def-2.jpg);*/
    background-image: url(../images/header_18_edicion.jpg);

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.topBar{ background: rgba(0,0,0,0.6) }

.topBarNav,
.topBar .socialNav{ float: right }

.topBarNav{ margin: 0 10px }

.topBarNav>ul>li>a{
    margin: .6666em 0 0 0;
    color: #fff;
    border-color: transparent;
    transition: border-color 0.8s;
}

.topBarNav>ul>li:hover>a,
.topBarNav>ul>li>a:hover{ border-bottom: 2px #ffce00 solid }

.topBarNav>ul{
    display: table;
}

.topBarNav>ul>li{
    display: table-cell;
    vertical-align: middle;
    vertical-align: middle;
    float: left;
    margin: 0 1.5em 0 0;
}

.socialNav{
    display: table;
    height: 3.4285em;
}

.socialNav>ul{ display: table-cell; vertical-align: middle }

.socialNav li{ float: left }

.socialNav>ul>li>a{
    display: block;
    margin: 0 1px;
    padding: 5px;
    opacity: 0.6;
    transition: opacity 0.25s;
    border: 1px #fff solid;
}

.socialNav>ul>li>a:hover{ opacity: 1 }
.socialNav>ul>li>a>img{ display: block }

.biznaga{
    /*width: 180px;
    height: 600px;*/
    width: 125px;
    height: 416px;
    background-image: url(../images/180x600-biznaga.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 125px;
    display: none;
}

.mainLogo{
    float: left;
    height: 5.1428em;
    /*margin: 0 0 1.7142em 0;*/
}

.mainNav{
    float: right;
    margin: 3em 0 -2px 0;
}

.mainNav>ul>li{
    box-sizing: border-box;
    float: left;
    margin: 0 1em 0 0;
}

.mainNav>ul>li:last-child{ margin: 0 }

.mainNav>ul>li>a{
    display: block;
    box-sizing: border-box;
    color: #3f4449;
    border-bottom: 2px solid transparent;
    transition: border-color 0.8s;
}
.mainNav>ul>li:hover>a,
.mainNav>ul>li>a:hover{ border-bottom: 2px solid #000 }

.submenu{
    white-space: nowrap;
    display: none;
    position: absolute;
    z-index: 10;
}

.submenu>li>a{ display: block }

.expandable{ position: relative }

.expandable:hover .submenu{ display: block }

.mainNav .submenu{
    background: #fff;
    box-shadow: 0 0 1px rgba(0,0,0,0.25);
}

.mainNav .submenu>li{

    border-bottom: 1px #dadbdc solid;
    padding: 1px;
}

.mainNav .submenu>li:last-child{ border: none }

.mainNav .submenu>li>a{
    font-size: 1em;
    line-height: 2em;
    color: #3f4449;
    padding: 0 10px;
    transition: all 0.8s;
}

.mainNav .submenu>li>a:hover{
    background: #ffce00;

}


.topBarNav .submenu{
    background: #fff;
    box-shadow: 0 0 1px rgba(0,0,0,0.25);
}

.topBarNav .submenu>li{
    border-bottom: 1px #dadbdc solid;
    padding: 1px;
}

.mainNav .submenu>li:last-child{ border: none }

.topBarNav .submenu>li>a{
    /*line-height: 2em;*/
    font-size: 1em;
    line-height: 28px;
    color: #333;
    padding: 0 10px;
    transition: all 0.8s;
}

.topBarNav .submenu>li>a:hover{
    background: #ffce00;
}

.sectionHeader{ float: left }


.mainFooter{
    margin: 5.1425em 0 0 0;
    padding: 3.4285em 0 1.7142em 0;
    /*background: #ffce00;*/
    background: #D9DADB;
    color: #3f4449;
}

/*.mainFooter a{ color: #000 }*/
.mainFooter a:hover{ color: #fff }

.vSeparator{
    float: left;
    width: 1px;
    height: 100%;
    /*background: #ffe780;*/
    background: #fff;
    margin: 0 14px;
}

.socialWidgetsWrapper{
    float: left;
    margin: 0 5em 0 0;
}

.socialWidget{
    max-width: 12.1428em;
    float: left;
    margin: 0 2.1428em 0 0;
}

.socialWidget>h3+a{
    line-height: 1em;
    margin-top:  0.8375em;
}

.tweet,
.tweet *,
.facebookPost,
.facebookPost *{
    padding: 1em 0 0 0;
    line-height: 1.5em;
    margin: 0;
    overflow: hidden;
}

.tweet,
.facebookPost{
    border-top: 1px white solid;
}

.timePosted{
    font-size: 11px;
    /*color: #cb9700;*/
    color: #999;
    line-height: 3.2727em;
    margin: 0;
}

.footerStaticWrapper{
    /*height: 315px;*/
    height: 339px;
}
.footerStaticWrapper a{ color: #3f4449 }

.footerNav,
.footerShortcuts,
.footerInfo,
.footerSocialNav{
    /*width: 12.1428em;*/
    width: 170px;
    float: left;
}
.footerSocialNav>ul>li>a{
    border-color: #3f4449;
}

.footerNav a,
.footerShortcuts a{
    margin: -1px 0 0 0;
    border-bottom: 1px solid transparent;
}

.footerNav a:hover,
.footerShortcuts a:hover{ border-bottom: 1px #fff solid }

.googleMapsLink{
    display: inline-block;
    margin: 1.7142em 0;
}

hr{
    /*margin: 1.7142em 0;*/
    /*margin: .7857em 0 .8571em 0;*/
    margin: 11px 0 11px 0;
    height: 1px;
    width: 100%;
    border: none;
    background: #d9dadb;
}

hr.bottom{ margin: 22px 0 11px 0 }

.footerHR{ background: #fff }

.sponsors{
    padding: 0 0em;
}

.sponsor{ float: left }

.sponsorBig{
    margin: 0 2.1428em 0 0;
}

.sponsor-list{ margin: 0 0 0 5em }

.sponsor-list li{
    float: left;
    margin: 0 8px 0 0;
}

.footerCredits{
    margin: 0 10px;
    background: #f5f5f5;
}

.desarrollado{
    color: #a2afbd;
    line-height: 4em;
    float: right;
}

.desarrollado a{
    display: inline;
}


.date{
    border-top: 1px #d9dadb solid;
    margin: 1em 0;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 24px;
}

.date span{
    border: 1px solid #d9dadb;
    border-top-width: 0;
    border-left-width: 0;
    display: inline-block;
    float: right;
    padding: 0 1em;
    line-height: 22px;
}

.date .calendarIcon{
    border: 1px solid #d9dadb;
    width: 15px;
    border-top-width: 0;
    float: right;
    padding: 4px;
}

.titleSide{
    float: right;
    box-sizing: border-box;
    border: 1px #ffce00 solid;
    padding: 0 1em;
    margin: 5px 0 -7px 0; /* {x} pixels to push bottom to the baseline, -{x}px to contrarest the displacement -2 for the borders */
}

.titleSide-icon{
    /*width: 19px;
    height: 19px;*/
    padding: 2px;

}

.titileSide-icon>img{
    display: block;
    background: pink;
}

.breadCrumbs{ margin: 0 0 3.4285em 0 }

.lastPage{ float: left }

.breadCrumbs>ul{
    float: right;
}

.breadCrumbs>ul>li{
    float: left;
}

nav.pagination{ float: right }
nav.pagination>ul>li{
    height: 23px;
    line-height: 28px;
    border: 1px #d9dadb solid;
    padding: 1px;
    margin: 5px 1px -7px 0; /* {x} pixels to push bottom to the baseline, -{x}px to contrarest the displacement -2 for the borders */
    float: left;
}
nav.pagination>ul>li>a{
    box-sizing: border-box;
    width: 23px;
    height: 23px;
    text-align: center;
    padding: 0 3px 0 0;
}

nav.pagination .currentPage,
nav.pagination>ul>li>a:hover{
    background: #ffce00;
    color: #333;
}

.leftCol{
    width: 270px;
    float: left;
    height: 100%;
}

.mainCol{
    float: left;
    width: 770px;
    margin: 0 100px 48px 30px;
    min-height: 240px;
}

.leftCol,
.mainCol{
    margin-top: 24px;
}

.mainCol-semi{
    float: left;
    width: 370px;
    min-height: 24px;
    margin-bottom: 24px;
}

.mainCol-semi + .mainCol-semi{ margin-left: 30px }

.leftMenu{ position: absolute; left: 15px }

.leftMenu>ul>li{ display: block }

.leftMenu>ul>li.indented{ margin-left: 12px }

.leftMenu>ul>li>a,
.boxedLink{
    display: inline-block;
    border: 1px #d9dadb solid;
    padding: 0 .8em;
    line-height: 21px;
    margin-right: 1px;
}

.leftMenu>ul>li>a:hover,
.boxedLink:hover{
    color: #313131;
    background: #ffce00;
    border-color: #ffce00;
}

#presentacion, #informacion, #tickets{
    /* es la presentacion que se muestra al pulsar
    el boton junto al titular */
    background: #f4f4f4;
    border: 1px solid #d9dadb;
    box-sizing: border-box;
    width: 1170px;
    padding: 48px 100px 72px;
    position: absolute;
    top: 118px;
    z-index: 2;
    visibility: hidden;
}

.nota{
    display: block;
    margin-top: -24px;
    margin-bottom: 24px;
    color: #777;
}

.noContent{
    background-color: #eee;
    padding: 14px 12px;
    text-align: center;
}

#googleMaps{
    width: 100%;
    height: 360px;
    margin-bottom: 24px;
}

.full-mainCol{
    margin-right: 0;
    width: 870px;
}

.file-wrapper{
    width: 170px;
    margin: 0 30px 0 0;
    height: 192px;
    float: left;
}

.file-wrapper a{
    outline: none;
}

.file-wrapper a:first-child{
    margin-bottom: 12px;
}

.ui-selectmenu-text{
    font-size: 12px;
    font-style: italic;
    color: #666666;
    /*padding: 2px 0 !important;*/
}

.ui-menu{ max-height: 800px; vertical-align: top }

.ui-menu .ui-menu-item{
    display: block;
    font-size: 12px;
    font-style: italic;
}

.ui-state-focus{ outline: none }

.recaptchaWrapper{
    margin: -10px 0 24px 0;
}

.display-none{ display: none !important }

.error{
    color: #c42d2d;
    background: #eee;
    line-height: 48px;
    padding: 0 18px;
    font-weight: 600;
    margin-bottom: 1px;
}

a#btn_mobile {
	margin-top: 5px;
	padding: 5px 15px;
	float: right;
	border-radius: 3px;
	font-size: 16pt;
	background: #aa0000;
	color:#fff;
}
a#btn_mobile:hover {
	background: #000;
}

a#fmce-tv_Wrapper_portada {
	position: relative;
	float: left;
	width: 664px;
	height: 373px;
	margin-top: 10px;
	overflow: hidden;
	border: solid 3px #ffce00;

}
a#fmce-tv_Wrapper_portada img#tv_cartel{
	float: left;
	margin: 0;
	width: 100%;
}

a#fmce-tv_Wrapper_portada img#tv_play{
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	width: 90px;
	margin-top: -45px;
	margin-left: -45px;
	opacity: 1;
}
a#fmce-tv_Wrapper_portada:hover img#tv_play{
	opacity: .75;
}

/*
@media (min-width: 0) and ( max-width: 1170px){
    .socialWidgetsWrapper{ margin: 0 }
    .vSeparator{ display: none }
    .sponsor-list{ margin : 0 }

    .mainLogo,
    .mainLogo img{ height: 3.4285em }

    .mainNav{
        margin: 1.7142em 0 0 0;
        line-height: 1.7142em;
    }

    .topBarNav a{ font-size: 1.1428em }

    .mainCol{
        width: 640px;
        margin: 24px 0 48px 30px;
    }
}*/

.twitter .timePosted a{
  font-size: 11px !important;
  /* color: #cb9700; */
  color: #999 !important;
  line-height: 3.2727em;
  margin: 0;
}