@charset "utf-8";

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, font, 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; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline:none; text-decoration:none; }

* { box-sizing: border-box; }

html {
	background-color:#000;
	font-size:100%;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
}

h1 { font-size:100%; color:#f1c942; }
h2 { font-size:22px; color:#f1c942; }
h3 { font-size:20px; color:#f1c942; }
p { font-size:18px; color:#e0ba2d; }
a { font-size:20px; color:#e0ba2d; }
.vastag { font-weight:bold; }
.empty { width:100%; height:4%; }

body {
	width:92%;
	max-width:1920px;
	height:100%;
	margin:0 auto;
	position:relative;
	margin-top:20px;
	float:none;
}

#menu {
	position:relative;
	width:100%;
	float:left;
	background-image:url(../images/mask.png);
	background-repeat:repeat-x;
	background-position:center;
	z-index:10;
}

#logo {
	width:13%;
	height:auto;
	float:left;
	max-height:214px;
	max-width:214px;
}

#menupontok {
	position:absolute;
	list-style:none;
	display:inline-block;
	padding-left:10px;
	margin-top:5%;
}

.menupont {
	display:inline-block;
	width:16%;
	float:left;
	margin: 1px;
}

img.img_menupont {
    width: 100%;
    height: auto;
}

.menupont {
	background-color:#252525;
	-webkit-transition: background-color ease-out 0.25s;
    -moz-transition: background-color ease-out 0.25s;
    -o-transition: background-color ease-out 0.25s;
    transition: background-color ease-out 0.25s;
}

.menupont:hover {
	background-color:#333333;
	-webkit-transition: background-color ease-out 0.25s;
    -moz-transition: background-color ease-out 0.25s;
    -o-transition: background-color ease-out 0.25s;
    transition: background-color ease-out 0.25s;
}

#slider-wrapper {
	margin:0 auto;
	margin-top:10%;
	padding: 40px;
	z-index:1000;
}

#content_wo_slider {
	position:relative;
	top:230px;
	left:0px;
}

#pagecontent {
	background-image:url(../images/PALLADIO_background.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	margin:0 auto;
	margin-top:1%;
	padding: 40px;
	height:100%;
	width:100%;
}

#pagecontent_wo_bg {
	margin:0 auto;
	margin-top:1%;
	padding: 40px;
	height:100%;
}

#guitarstrings_ticket {
	margin-top:0%;
	margin-left:47%;
    width: auto;
	max-width:385px;
    height: 100%;
	z-index:1;
}

#guitarstrings_mail {
	margin-top:0%;
	position:absolute;
	right:9%;
    width: auto;
	max-width:628px;
    height: 100%;
	z-index:1;
}

/* MEMBERS */

#members {
	list-style:none;
	display:inline-block;
	position:relative;
	width:100%;
	height:auto;
	padding:0 38%;
	margin:auto;
}

li.members {
	float:left;
	width:100%;
	height:auto;
	margin-bottom:2%;
}

img.senior_members {
    width: 100%;
    height: auto;
	max-width: 400px;
	opacity:0.9;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s 
}

img.rhythm_members {
    width: 100%;
    height: auto;
	max-width: 400px;
	opacity:0.9;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s 
}


img.rhythm_members:hover, img.senior_members:hover  {
	opacity:1;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s 
}

/* GALERIA */

#videok {
	list-style:none;
	display:inline-block;
	height:auto;
	width:85%;
	margin:0 auto;
	margin-top:4%;
	margin-left:10%;
	padding:0px;
}

li.video {
	display:inline-block;
	float:left;
	margin:1%;
	width:29%;
	height:auto;
}

img.video_thumb {
    width: 100%;
    height: auto;
	max-width: 350px;
	border:#333 1px solid;
	-moz-box-shadow:    0 3px 3px rgba(113, 80, 23, 1);
	-webkit-box-shadow: 0 3px 3px rgba(113, 80, 23, 1);
	box-shadow:         0 3px 3px rgba(113, 80, 23, 1);
	opacity:0.85;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s 
}

img.video_thumb:hover {
	opacity:1;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s 
}

p.video_title {
	font-size:1vw;
	text-align:left;
}

.video-container {
    position: relative;
    padding-bottom: 31%;
    padding-top: 30px; height: 0; overflow: hidden;
	width:60%;
	height:auto;
	margin:auto;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gallery_header {
	width:35%;
	max-width:300px;
	height:auto;
	margin:auto;
	padding:0;
}

.gallery_header img { width:100%; height:auto; }

.logo-container {
    position: relative;
    width:60%;
	max-width:720px;
	margin:0 auto;
	height:auto;
	text-align:center;
}

.li_logo {
	width:49%;
	max-width:350px;
	height:auto;
	list-style:none;
	display:inline-block;	
	padding:0;
	margin:0 auto;
	opacity:0.9;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s 
}

.li_logo:hover {
	opacity:1;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s 
}

.li_logo img {width:100%; height:auto; padding:0; margin:0 auto;}