/*
Responsive 996px grid system ~ Style CSS.
Copyright 2013, Josh Cope
*/

/* =============================================================================
   Site Styles
   ========================================================================== */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300|Roboto+Condensed:400,300&subset=latin-ext);
body {color: #333333; font-family: 'Roboto', sans-serif; font-weight:400;}
a {color: #323232;}
a img {border:0px;}
html>body {overflow-y:scroll;}
p {margin:0 0 1em;}

/* =============================================================================
   Page Styles
   ========================================================================== */

/* Fonti */

.content, .datums{font-family: 'Roboto', sans-serif; font-weight:300;}
h1, h2, h3, h4, h5, h6 {font-weight:400;}
.news h1, .section h1, .support h1, .partners h1, .button     {font-family: 'Roboto Condensed', sans-serif; font-weight:400;}
.content h1{font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
.news h2, .section h2, .support h2, .partners h2, .content h2 {font-family: 'Roboto Condensed', sans-serif; font-weight:400;}


.header {position:absolute; top:0px; left:0px; right:0px; height:175px; overflow:hidden; background: url(../images/header.jpg) repeat;}
.header .logo {position:absolute; top:50%; margin-top:-55px; left:50%; margin-left:-484px;}
.header .lang {position:relative; top:0px; left:50%; margin-left:453px; display:block; width:35px; height:31px; }
.header .lang.lv {background:url(../images/en.png) no-repeat 0 0;}
.header .lang.en {background:url(../images/lv.png) no-repeat 0 0;}
.header .lang:hover {background-position: 0px -61px;}
.header_placeholder {height:175px;}
.menu { overflow-y:visible;}
.menu .outer {float:left; position:relative; left:50%;}
.menu .inner {float:left; position:relative; left:-50%; margin:0; padding:0;}
.gal {position:absolute; left:0px; right:0px; top:225px; height:320px; overflow:hidden;}
.gal img {max-width:none; max-height:none; }
.gal_placeholder {height:320px; margin-bottom:5px;}
.content {font-size:16px; line-height:24px;}
.content h1, .content h1 a, .mceContentBody h1 {font-size:30px; line-height:45px; margin:20px 0px; text-decoration:none;}
.content h2, .content h2 a, .mceContentBody h2 {font-size:20px; margin:0px 0px 25px 0px; text-decoration:none;}
.content h3, .content h3 a, .mceContentBody h3 {font-size:16px; margin:0px 0px 25px 0px; text-decoration:none; color:#EA575A;}
.content h4, .content h4 a, .mceContentBody h4 {font-size:15px; margin:0px 0px 25px 0px; text-decoration:none; color:#007065;}
.content h5, .content h5 a, .mceContentBody h5 {font-size:16px; margin:0px 0px 0px  0px; text-decoration:none; color:#EA575A;}
.content h6, .content h6 a, .mceContentBody h6 {font-size:15px; margin:0px 0px 0px  0px; text-decoration:none; color:#007065;}
.news, .section, .support, .partners {font-size:15px;}
.news h1, .section h1, .support h1, .partners h1, .news h1 a, .section h1 a, .support h1 a, .partners h1 a {font-size:20px; margin:34px 0px 9px; text-decoration:none;}
.news h2, .section h2, .support h2, .partners h2, .news h2 a, .section h2 a, .support h2 a, .partners h2 a {font-size:18px; margin:7px  0px 7px; text-decoration:none; line-height:25px; color:#007065; } .news h2 a:hover {color:#E7555A;}
.news h3, .section h3, .support h3, .partners h3, .news h3 a, .section h3 a, .support h3 a, .partners h3 a {font-size:16px; color:#EA575A; text-decoration:none; margin-bottom:0px;}
.news h4, .section h4, .support h4, .partners h4, .news h4 a, .section h4 a, .support h4 a, .partners h4 a {font-size:15px; color:#007065; text-decoration:none;}
.news h5, .section h5, .support h5, .partners h5, .news h5 a, .section h5 a, .support h5 a, .partners h5 a {font-size:16px; margin:0; color:#EA575A; text-decoration:none;}
.news h6, .section h6, .support h6, .partners h6, .news h6 a, .section h6 a, .support h6 a, .partners h6 a {font-size:15px; margin:0; color:#007065; text-decoration:none;}
.news hr, .section hr, .support hr, .partners hr {margin:0px; margin-bottom:6px; border-top: 1px solid #646B6A; margin: 1em 0;}
.datums {display:block; font-size:11px; margin-top:25px;}

.footer {position:absolute; left:0px; right:0px; height:220px; overflow:hidden; background: url(../images/footer.jpg) repeat;}
.footer_placeholder {height:220px;}

.button {display:block; float:left; margin:0px 30px 10px 0px; background:#007065; color:white; text-align:center; text-decoration:none; -webkit-border-radius: 4px; border-radius: 4px; min-width:174px; width:174px; height:46px; line-height:46px; white-space:nowrap; font-size:16px;}
.button:hover {background:#E7555A;}
.programme_image {position:absolute; left:0; top:6px;}
.artists_list {float:left; }
/* =============================================================================
   Menu
   ========================================================================== */
.menu .act a {color:#EA575A;}
.menu ul {margin:0; padding:0; min-width:180px; height:50px;}
.menu li {list-style-type:none; float:left; position:relative; margin:5px 0px 5px;}
.menu a {display:block; line-height: 40px; white-space:nowrap; font-size:14px; text-decoration:none; text-transform:uppercase; padding:0px 20px; }
.menu .first a {margin-left:0;}
.menu .last a {margin-right:0;}
.menu li:hover ul { margin-top:0px;  }
.menu a:hover, .menu li:hover, .menu li:hover a {background:#FD545A;color:white;}
.menu li ul {position: absolute; top:40px; left:0px; right:0px; min-width:10px; margin-top:-999em; z-index:999; height:auto;}
.menu li ul li {float:none; margin:0; text-align:center; font-family: 'Roboto', sans-serif; font-weight:300; font-size:14px;}
.menu li ul li a {background:#FD545A;color:white;white-space:normal; text-transform:none; line-height:1; margin:0;padding:11px 15px;}
.menu li ul li a:hover {background:white;color:#FD545A;}



/* =============================================================================
   Media Queries
   ========================================================================== */

/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px) {
    .menu a {padding:0px 8px;}
    .header .logo {margin-left:-375px;}

}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
    .gal {height:145px; }
    .gal_placeholder {height:145px;}
    .header_placeholder {height: 170px;}
    .menu a {padding:0px 5px; font-size:12px;}
    
}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .gal {top:275px;}
    .menu ul {height:100px;}
    .header .logo {margin-left:-207px;}
}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {
    .gal {top:325px;}
    .menu ul {height:150px;}
    .header .logo {margin-left:-129px; width:250px; height:auto;}
}


/* =============================================================================
   Font-Face
   ========================================================================== */
/* This is the proper syntax for an @font-face file

/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('embedded-opentype'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#FontName') format('svg');
font-weight: normal;
font-style: normal; }
*/