/*----WEBSTILMWN----*/
/*----CSS FOR WEB PAGE----*/
/*----©OMAR MARCOS 2016-2025----*/


/*-----CHECK FLE PARAMETERS and image and chat max--*/

* {
	box-sizing: border-box;
}
/*padding and  included in width*/


/*--the awesomeness factor--*/
::-moz-selection
{
	color: rgb(188, 7, 98);
}
::selection
{
	color: rgb(188, 7, 98);
}




body
{
	font-family: Palatino;
	margin: 0;
	padding: 0;
	background-color: #EEE;
	background-color: #333;
	background-color: #CCC;
	background-color: #333;
	background-color: #202020;
}

body
{
	font-family: Palatino;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}


#I
{
	background-color: #FFF;
	background-color: #333;
	background-color: #202020;
}

h1, h2, h3, h4
{
/*	font-family: Trajan, Trajan Pro, Palatino, Garamond, 'Adobe Garamond Pro', Didot, 'Noto Serif', serif;*/
	font-family: "Avant Garde", "Century Gothic", "Heiti TC", "Heiti SC", sans-serif;
	font-weight: medium;
	font-weight: bold;
}

h2
{
	margin: 0;
	padding: 0;
	margin-top: 1px; /*30*/
	color: #A10040;
	font-family: helvetica, arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: rgb(188, 7, 98);
}
@media screen and (max-width: 950px){
	h2 {font-size: 17px;}}

.headerfix2
{
	letter-spacing: 0px;
	padding-left: 6px;
	margin-bottom: 35px;
}
@media screen and (max-width: 750px){
	.headerfix2 {font-size: 21px;}}

.headerfix2G
{
	padding-top: 85px; /*57*/
	margin-left: 40px;
}

.headerfix7G
{
	padding-top: 85px; /*57*/
	margin-left: 40px;
	display: none;
}
@media screen and (max-width: 950px){
	.headerfix7G {display: block;}}

.headerfix3
{
	margin-bottom: 15px;
	margin-left: 40px;
}

.newsH
{
	color: rgb(34, 70, 114);
	color: #333;
	color: #A10040;
/*	font-family: helvetica, arial, sans-serif;*/
/*	font-style: italic;*/
	font-weight: bold;
	margin: 5px 0px 0px 1px;
	padding-bottom: 5px;
/*	letter-spacing: 0px;*/
	font-size: 27px;
	font-size: 20px;
}
@media screen and (max-width: 750px){
	.newsH {font-size: 16px;}}

h3, h4
{
	margin: 0;
	padding: 0;
	margin: 3px 0px 14px 0px;
	color: #A10040;
}

h4  /*prof subheaders*/
{
	font-size: 13px;
	letter-spacing: 1px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: rgb(188, 7, 98);
}
@media screen and (max-width: 950px){
	h4 {font-size: 10px;}}

h3
{
	color: rgb(34, 70, 114);
	color: #A10040;
}

.h3second
{
	margin: 0;
	padding: 0;
	margin: 5px 0px 0px 20px;
	padding-top: 7px;
	padding-bottom: 5px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 14px;
	color: #A10040;
}

h5
{
	margin: 0;
	padding: 0;
	margin: 5px 0px 9px 2px;
	font-family: helvetica, arial, sans-serif;
/*	font-variant: small-caps;*/
	font-weight: bold;
/*	font-style: italic;*/
	font-size: 11px;
	color: #666666;
}


.headerfix5
{
	margin: 0;
	padding: 0;
	margin: 5px 0px 0px 20px;
	font-family: helvetica, arial, sans-serif;
/*	font-variant: small-caps;*/
	font-weight: bold;
/*	font-style: italic;*/
	font-size: 12px;
	color: #000;
}
@media screen and (max-width: 750px){
	.headerfix5 {margin: 5px 0px 0px 6px;}}

.headerfix5b
{
	margin: 0;
	padding: 0;
	padding-top: 20px;
	padding-left: 0px;
	margin: 20px 30px 0px 30px;
	font-family: helvetica, arial, sans-serif;
/*	font-variant: small-caps;*/
	font-weight: bold;
/*	font-style: italic;*/
	font-size: 12px;
	border-top: 1px solid #999;
	color: #000;
}
@media screen and (max-width: 1000px){
	.headerfix5b {padding-left: 10px; margin: 20px 5px 0px 5px;}}


.h2third
{
	margin: 0;
	padding: 0;
	margin: 5px 0px 0px 5px;
	padding-top: 7px;
	padding-bottom: 5px;
	font-family: helvetica, arial, sans-serif;
	font-family: "Avant Garde", "Century Gothic", "Heiti TC", "Heiti SC", sans-serif;
	font-weight: medium;
	font-weight: bold;
	letter-spacing: 0px;
	font-size: 21px;
/*	font-style: italic;*/
	color: #A10040;
}
@media screen and (max-width: 1000px){
	.h2third {font-size: 18px;}}

.h5second
{
	margin: 0;
	padding: 0;
	margin: 5px 0px 9px 5px;
	font-family: helvetica, arial, sans-serif;
/*	font-variant: small-caps;*/
	font-weight: bold;
/*	font-style: italic;*/
	font-size: 11px;
	color: #666666;
}


.header
{
	padding: 60px;
	text-align: center;
	background: #999;
	color: white;
}

.note
{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	font-size: 14px;
	color: #333;
	color: #A10040;
}
@media screen and (max-width: 750px){
	.note {font-size: 12px;}}

.note2
{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	font-size: 14px;
	color: #333;
}

.note3
{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	font-size: 13px;
	color: #333;
}
@media screen and (max-width: 950px){
	.note3 {font-size: 12px; color: #999;}}


#containerTeam
{
	width: 100%; /*97*/
	margin: 0 auto;
/*	margin-right: 5%;*/
	margin-top: 0px;
	background-color: #FFF;
/*	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;*/
}

@media screen and (max-width: 1000px){
	#containerTeam {width: 100%; margin-top: 0px; filter: none; -webkit-filter: none;}}

#containerNews
{
	width: 90%;
	margin: 0 auto;
	margin-top: 0px;
	background-color: #FFF; 
	filter: drop-shadow(10px 10px 10px black);
	-webkit-filter: drop-shadow(1px 1px 10px black);  /*1px 10px 10px black*/
}

@media screen and (max-width: 1000px){
	#containerNews {width: 100%; margin-top: 0px; filter: none; -webkit-filter: none;}}


#container1
{
	width: 100%;
	margin: 0 auto;
	margin-top: 0px;
	background-color: transparent; 
}
@media screen and (max-width: 1000px){
	#container1 {}}




/*#pagetitle
{
	position: fixed;
	width: 90%;
	height: auto;
}*/

.Mmainpic
{
	margin-top: 32px;  /*37 34*/
}

@media screen and (max-width: 950px){
	.Mmainpic {display: none;}}


.socI
{
	visibility: visible;
}

.socI
{
	position: fixed;	
/*	bottom: 450px;  *//*37*/
	top: 342px;
	right: 0px;
/*	top: 575px;*/
	z-index: 4;
}

.socI img
{
/*	border: 1px solid #FF9800;*/
	border: 1px solid #000;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.socI a
{
/*	color: #FF9800;
	font-family: futura, helvetica, arial, sans-serif;
	font-size: 9px;
	letter-spacing: 1px;
	font-weight: normal;*/
	text-decoration: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

.socI a:hover
{
/*	background-color: #666666;
	background-color: rgb(163, 7, 98);*/
	border-bottom: 3px solid rgb(12, 154, 298); /*rgb(54, 80, 194);*/
}

@media screen and (max-width: 605px){
	.socI {position: fixed; top: 390px; z-index: 4;}} /*635*/




/*---MARKER---*/
.arriba
{
	visibility: hidden;
}

/*.arriba
{
	padding-top: 120px;
}*/

.arriba
{
	position: fixed;	
/*	top: 404px; *//*465 433*/
	width: 38px;
	height: 30px;
	left: 0px;
	bottom: 39px;
/*	border: 1px solid #FFF;
	background: #FFF url(spectaculo/symbAA.jpg) no-repeat 0px 0px;*/
}
@media screen and (max-width: 950px){
	.tothetop {bottom: 34px;}}

.arriba a
{
/*	background-color: #333;
	color: #FF9800;*/
	font-family: futura, helvetica, arial, sans-serif;
	font-size: 9px;
	letter-spacing: 1px;
	font-weight: normal;
	text-decoration: none;
	list-style-type: none;
	margin: 0px;
/*	padding-left: 2px;*/
/*	padding: 3px 5px 3px 5px;
	border: 1px solid #FF9800;*/
}
@media screen and (max-width: 950px){
	.arriba a {padding-left: 0px;}}

.arriba a:hover
{
	border-bottom: 2px solid rgb(12, 154, 298);
}

.arriba a:visited
{
	border-bottom: none;
}

/*.move
{
	margin-top: -12px;
}*/

@media screen and (max-width: 950px){
	.arriba {visibility: visible;}}

/*@media screen and (max-width: 800px){
	#Nhome a {margin-top: -5px;}}*/

.arribaya
{
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}
















.navbar, .navbar1
{
	background-color: #333;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
/*	display: inline;	--FIXES IE WIN DOUBLE MARGIN BUG--*/
	letter-spacing: 1px;
	list-style: none;
	background-color: #202020;
/*	background-color: #FFF;*/
	background-color: rgba(10%, 10%, 10%, .23);
	background-color: #FFF;
	position: fixed;
	z-index: 7; /*7*/
/*	display: inline-block;*/
	display: flex;  /*95reversed*/
	width: 100%;  /*100; 90%*/  /*95*/
	border-bottom: 1px solid #333;
	height: 33px;  /*36*/
}

.navbar1
{
/*	border-bottom: 1px solid #660033;*/
}

.navbar li, .navbar1 li
{
	background-color: #333;
	background-color: rgb(76, 135, 140);  /*#5F9EA0;*/
	background-color: rgb(28, 42, 67);
	background-color: #202020;
	background-color: #FFF;
	font-family: helvetica, futura, arial, sans-serif;
	font-size: 8.5px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	list-style-type: none;
	line-height: 30px;
	border-right: 1px solid #999;
	display: inline-block;  /*NEW*/
	overflow: hidden;  /*95*/
/*	background-color: #FFF;*/
	padding: 0px;
}

.navbar li, .navbar1 li
{
	height: 32px;
	margin: 0px;
}



.Meet1
{
	display: inline-block;
	position: relative;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.Meet2
{
	border: none;
/*	padding: 2px 9px 0px 9px;*/
	font-family: helvetica, futura, arial, sans-serif;
	font-size: 8.5px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	list-style-type: none;
/*	line-height: 30px;
	height: 32px;*/
	margin-top: 0px;
	overflow: hidden;
}

.Departments1
{
	position: fixed;
	z-index: 8; /*8*/
/*	position: absolute;
	left: 0px;
	top: 32px;*/
/*	min-width: 165px;*/
	padding-top: 0px;
	margin-top: 0px;
	display: none;
	height: 26px; /*231*/
/*	border: 1px solid #CCC;*/
	text-align: left;
	margin-top: -4px;
}

.Departments2
{
	position: fixed;
	z-index: 8; /*8*/
	padding-top: 0px;
	height: 26px; /*231*/
	text-align: left;
}
@media screen and (max-width: 1000px) {
	.Departments2 {display: none;}}


.Departments1 li, .Departments2 li
{
	margin: 0;
	margin: 0px -2px;  /*WEBKIT ONLY*/
	padding: 0;
	height: 23px; /*24*/
	line-height: 21px;
	display: block; /*inline-b*/
	text-align: left;
	border-left: 2px solid rgb(24, 35, 99);
	border-bottom: 2px solid rgb(24, 35, 99);
	border-right: 2px solid rgb(24, 35, 99);
}

.Departments1 a, .Departments2 a
{
	width: 100%;
	font-size: 8px;
	text-decoration: none;
	display: relative;
/*	font-style: condensed;*/
/*	margin-right: 0px;*/
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 8.5px;
	text-align: left;
	color: #FFF;
	color: #333;
	color: rgb(34, 70, 154);
}

.Meet1:hover .Departments1
{
	display: block;
	position: fixed;
	text-align: left;
	transition: .4s;
	margin-left: 0px;
	padding-left: 0px;
/*	background-color: transparent;
	background-color: rgba(10%, 10%, 10%, .23);
	background-color: #EEE;*/
}







.navbar a, .navbar1 a
{
	display: block;
	color: #EEE;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	padding: 2px 11px 0px 11px;  /*95*/
	color: #333;
	color: rgb(34, 70, 154);
}

#link2 a, #link15 a
{
	color: #333;
	color: rgb(34, 70, 154);
}

#link3 a, #link4 a, #link5 a, #link6 a, #link7 a, #link8 a, #link9 a, #link10 a, #link11 a, #link12 a, #link13 a, #link14 a, #link15 a
{
	border-bottom: none;
	background-color: #666666;
	background-color: #FFF;
	color: #EEE;
	color: #333;
	color: rgb(34, 70, 154);
}

#link3
{
	border-top: 1px solid #666666;
}

/*.navbar li a.active*/
#link2 a.active, #link3 a.active, #link4 a.active, #link5 a.active, #link6 a.active, #link7 a.active, #link8 a.active, #link9 a.active, #link10 a.active, #link11 a.active, #link12 a.active, #link13 a.active, #link14 a.active, #link15 a.active
{
	background-color: rgb(163, 7, 98);
/*	background-color: rgb(36, 121, 145);*/
	background-color: #666666;
	background-color: #BD8C00;
	background-color: rgb(36, 121, 145);
	background-color: rgb(163, 7, 98);
	background-color: rgb(199, 141, 61);
	background-color: rgb(163, 7, 98);
	border-top: none;
/*	border-right: 1px solid #999;
	border-left: 1px solid #999;*/
	font-style: italic;
	background-color: rgb(44, 140, 184);
	background-color: #333;
	background-color: rgb(163, 7, 98);
	color: #FFF;
}

#link16 a.active, #link17 a.active, #link18 a.active, #link19 a.active, #link20 a.active, #link21 a.active
{
	background-color: #DDD;
	background-color: rgb(163, 7, 98);
	list-style-type: none;
	border-top: none;
/*	border-right: 1px solid #999;
	border-left: 1px solid #999;*/
	font-style: italic;
	color: #333;
	color: #FFF;
}

.navbar a:hover:not(.active), .navbar1 a:hover:not(.active)
{
/*	background-color: #999;
	background-color: #666666;
	background-color: rgb(215, 155, 60);
	background-color: #BD8C00;
	background-color: rgb(163, 7, 98);
	background-color: #666666;
	background-color: rgb(24, 35, 99);
	color: #FFF;
	background-color: rgb(199, 141, 61);*/
}

#link2, #link3, #link4, #link5, #link6, #link7, #link8, #link9, #link10, #link11, #link12, #link13, #link14, #link15
{
	background-color: #660033;
	background-color: #FFF;
}

/*#link16, #link17, #link18, #link19, #link20
{
	background-color: #660033;
	background-color: #EEE;
}*/

/*#link17
{
	border-left: 1px dotted #333;
}

@media screen and (max-width: 950px){
	#link17 {border-left: none;}}*/

#link2 a:hover:not(.active), #link3 a:hover:not(.active), #link4 a:hover:not(.active), #link5 a:hover:not(.active), #link6 a:hover:not(.active), #link7 a:hover:not(.active), #link8 a:hover:not(.active), #link9 a:hover:not(.active), #link10 a:hover:not(.active), #link11 a:hover:not(.active), #link12 a:hover:not(.active), #link13 a:hover:not(.active), #link14 a:hover:not(.active), #link15 a:hover:not(.active)
{
	background-color: rgb(163, 7, 98);
	background-color: #333;
	background-color: rgb(24, 35, 99);
	color: #FFF;
}

.Meet2 a:hover
{
	background-color: #660033;
}

#link2 a.semactive
{
	background-color: rgb(24, 35, 99);
	background-color: rgb(12, 174, 298);
	background-color: rgb(188, 7, 98);
	color: #FFF;
}


/*#link16 a, #link17 a, #link18 a, #link19 a, #link20 a, #link21 a
{
	color: #333;
	color: rgb(34, 70, 154);
	color: rgb(241, 234, 202);
	color: #FFF;
	font-size: 10px;
}*/

#link17 a, #link18 a, #link19 a, #link20 a
{
	color: #333;
	color: rgb(34, 70, 154);
}

#link16 a
{
	color: #FFF;
	color: #333;
	color: rgb(34, 70, 154);
}

#link16
{
	background-color: #DDD;
	background-color: #CC9933;
	background-color: #666666;
	background-color: rgb(199, 141, 61);  /*204 141 51*/
	background-color: rgb(163, 7, 98);
	background-color: rgb(199, 141, 61);
	background-color: rgb(44, 140, 184);
	background-color: #FFF;
	color: #FFF;
	color: #333;
}

#link16 a.active
{
	background-color: #999;
	background-color: rgb(199, 141, 61);
	color: #FFF;
	font-style: italic;
	background-color: rgb(163, 7, 98);
	color: #FFF;
}

#link16 a:hover:not(.active)
{
	color: #FFF;
	background-color: rgb(184, 128, 11);
	background-color: rgb(199, 141, 61);
	background-color: rgb(163, 7, 98);
	background-color: #333;
	background-color: rgb(24, 35, 99);
	color: #FFF;
}

#link16 a:hover:not(.active), #link17 a:hover:not(.active), #link18 a:hover:not(.active), #link19 a:hover:not(.active), #link20 a:hover:not(.active), #link21 a:hover:not(.active)
{
	color: #333;
	background-color: #CCC;
	background-color: rgb(163, 7, 98);
	color: #FFF;
	background-color: #333;
	background-color: rgb(24, 35, 99);
	color: #FFF;
}

#link1 a.active
{
	background-color: #000;
	background-color: #660033;
	background-color: rgb(163, 7, 98);
}

#link1
{
	width: 34px;
	background-color: #202020;
	background-color: #660033;
}

#link1 a
{
	padding: 0px;
	color: #FFF;
}


#link1b
{
	background-color: #FFF;
}

#link1b a
{
	padding: 0px;
	color: rgb(34, 70, 154);
	border-top: 1px solid #999;
}

#link1b a.active
{
	background-color: #000;
	background-color: #660033;
	background-color: rgb(163, 7, 98);
	color: #FFF;
}

#link1b a:hover:not(.active)
{
	background-color: #333;
	background-color: rgb(24, 35, 99);
	color: #FFF;
}




@media screen and (max-width: 1200px){
	#link1 {width: auto;}}
@media screen and (max-width: 1200px){
	#link1 a {border-left: none;}}

@media screen and (max-width: 1200px){
	.navbar li, .navbar1 li {font-size: 8px;}}

@media screen and (max-width: 1200px){
	.navbar li a, .navbar1 li a {padding: 2px 7px 2px 7px;}}

@media screen and (max-width: 950px){
	.Nindex li.right,
	.navbar li, .navbar1 li {float:none;}}

@media screen and (max-width: 950px){
	.navbar, .navbar1 {display: inline; position: relative; width: 100%; border: none;}}

@media screen and (max-width: 950px){
	.navbar li, .navbar1 li {display: block; line-height: 22px; border: none; border: 1px solid #666666; font-size: 8.5px;}}

@media screen and (max-width: 950px){
	.navbar li a, .navbar1 li a {padding: 3px 0px 7px 0px;}}

@media screen and (max-width: 950px){
	.Nindex li a {padding: 5px 11px 11px 11px;}}

@media screen and (max-width: 950px){
	.navbar1 {display: none;}}





/*---MMEN--*/


.navbarM
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	letter-spacing: 1px;
	list-style: none;
	background-color: #202020;
	background-color: rgba(10%, 10%, 10%, .23);
/*	z-index: 7;*/
	display: inline-block;
/*	width: 100%;  *//*100; 90%*/  /*95*/
	height: 36px;
	margin-top: 30px;
}

.navbarM li
{
	background-color: #333;
	background-color: rgb(76, 135, 140);  /*#5F9EA0;*/
	background-color: rgb(28, 42, 67);
	background-color: #202020;
	font-family: helvetica, futura, arial, sans-serif;
	font-size: 8.5px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	list-style-type: none;
	line-height: 30px;
	display: block;  /*NEW*/
	overflow: hidden;  /*95*/
/*	background-color: #FFF;*/
	padding: 0px;
	background-color: #EEE;
	border-bottom: 1px solid #999;
}

.navbarM li
{
	height: 32px;
	margin: 0px;
}

.navbarM li a
{
	font-size: 12px;
	display: block;
	color: #EEE;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	padding: 2px 11px 0px 11px;  /*95*/
	color: #333;
}

@media screen and (max-width: 951px){
	.navbarM {display: none;}}
@media screen and (max-width: 950px){
	.navbarM {display: block;}}

.mobmenu span
{
	display: none;
}

.mobilcheeseburg
{
	display: none;
}

#izquierda
{
	display: none;
}



@media screen and (max-width: 950px) {
	.mobmenu {display: inline-block;}}
@media screen and (max-width: 950px) {
	.mobmenu span {display: inline-block; font-family: helvetica, arial, sans-serif; font-size: 12.5px; margin-top: 0;}}
@media screen and (max-width: 950px) {
	.mobilcheeseburg {display: inline-block; margin: 5px 14px 0px 5px;}}
@media screen and (max-width: 950px) {
	#izquierda {display: inline;
	top: 0px;
	height: 340px;
/*	border: 1px solid #CCC;*/}}

@media screen and (max-width: 950px) {
	.izzy {height: 100%; 
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: rgba(10%, 10%, 10%, .22);
	overflow-x: hidden;
	padding-top: 60px;
	transition: 0.5s;}}

@media screen and (max-width: 950px) {
	.izzy a {padding: 0px 3px 3px 12px;
	text-decoration: none;
	/*font-size: 10px;*/
	color: #818181;
	display: block;
	transition: 0.3s;}}

@media screen and (max-width: 950px) {
	.izzy a hover {color: #FFF;}}

@media screen and (max-width: 950px) {
	.izzy .cerrar {position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	color: rgb(22, 144, 238);
	margin-left: 50px;}}

@media screen and (max-height: 950px) {
	.izzy {padding-top: 15px;} .izzy a {font-size: 12.5px;/*18px*/}}



















.color
{
/*	max-width: 480px;*/
	width: 100%;
	margin: auto;
	background-color: #FFF;
	height: auto;
	color: #FFF;
	position: fixed;
	margin-top: 0px;
}

.cheeseburger2
{
	overflow: hidden;
	position: relative;
	height: auto;
	z-index: 9;
}

.cheesburger2 #navbarmobi
{
	display: none;
}

.cheeseburger2 a
{
	color: white;
	padding: 5px 5px;
	text-decoration: none;
	font-size: 12px;
	display: block;
}

.cheeseburger2 .active1
{
	margin-left: 70px;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #333;
}

.cheeseburger2 a.icon
{
	background: #FFF;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.cheeseburger2 a:hover
{
	background-color: #FFF;
	color: #CC6600;
}

.active
{
	background-color: #FFF;
	color: white;
}








ul.rewind
{
	background-color: rgb(143, 7, 82);
	background-color: #999;
	background-color: #BBBBBB;
	background-color: rgba(70%, 70%, 70%, 1.0);
	background-color: transparent;
	list-style: none;
}

ul.rewind li
{
	display: inline;
	color: #333;  /*FFF 000*/
	font-family: helvetica, arial, sans-serif;
	font-size: 9px;  /*24 12.5px*/
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	padding-right: 2px;
}

ul.rewind li+li:before
{
	padding: 5px;
	color: black;
	content: "/\00a0";
}

ul.rewind li a
{
	color: rgb(34, 70, 144);
	line-height: 21px;
	text-decoration: none;
}

ul.rewind li a: hover
{
	color: rgb(188, 7, 98);
	text-decoration: underline;
}

#done
{
	text-decoration: underline;
}

#done a
{
	line-height: 21px;
}








.row
{
/*	display: flex;
	flex-wrap: wrap;
	z-index: 4;*/
}

.rowM
{
/*	display: flex;
	flex-wrap: wrap;*/
	padding-top: 32px;  /*37px;*/
}

.rowH
{
	display: inline-block;
}

.MmainpicH
{
/*	margin-top: 32px;*/  /*37 34*/
/*	width: 1680px;
	height: 860px;  *//*1260px*/
/*	background: #FFF url(spectaculo/cover1.jpg) no-repeat -165px -180px;
	background: #FFF url(spectaculo/cover2b.jpg) no-repeat -5px 0px;
	background: #FFF url(spectaculo/cover1e.jpg) no-repeat -105px 32px;
	background: #FFF url(spectaculo/91.jpg) no-repeat 0px -110px;
	margin-top: 35px;
	width: 1529px;
	height: 760px;
	background: #FFF url(spectaculo/cover2.jpg) no-repeat -65px -75px;*/
	margin-top: 32px;
}
.MmainpicH
{
	max-width: 100%;
/*	height: auto;*/
}
@media screen and (max-width: 950px){
	.MmainpicH {display: none;}}

.mainH
{
/*	flex: 40%;*/
	background-color: #FFF;
	background-color: transparent;
	padding: 20px 50px 20px 40px;
	border-bottom: 1px solid #999;

/*	background: #FFF url(spectaculo/P1b.jpg) no-repeat 0px 0px;*/
}




.main
{
/*	flex: 70%;*/
	width: 70%;
	margin-left: 250px;
	background-color: #FFF;
	border: 0px solid #CCC;
/*	padding: 20px 50px 20px 40px;*/
	padding-top: 0px;
	margin-top: 5px; /*50*/
	border-left: 2px solid #333;
	z-index: 2;
}
@media screen and (max-width: 950px) {
	.main {width: 100%; margin-left: 0px;}}

.mainN
{
	width: auto; /*70%*/
	margin-left: 310px;
	background-color: #FFF;
	border: 0px solid #CCC;
/*	padding: 20px 50px 20px 40px;*/
	padding-top: 0px;
	margin-top: 5px; /*50*/
	border-left: 2px solid #333;
	z-index: 2;
}
@media screen and (max-width: 950px) {
	.mainN {width: 100%; margin-left: 0px; border-left: none; border-top: 1px solid #CCC;}}


.sideN
{
	float: left;
	width: 295px; /*90%*/
/*	height: auto; *//*135*/
	background-color: #666666;  /*F1*/
	background-color: rgb(211, 195, 128);
	background-color: rgb(211, 200, 167);
/*	background-color: rgba(82%, 75%, 50%, .97);
	background-color: rgb(36, 121, 145);
	background-color: rgb(170, 126, 140);*/
/*	padding: 20px;*/
	background-color: #FFF;
}
@media screen and (max-width: 950px) {
	.sideN {width: 95%; position: relative; float: none;}}

.sideN::after
{
	content: "";
	clear: both;
	display: table;
}



.main h2
{
	padding-top: 85px;
}



.sidenews
{
/*	flex: 39%;*/
	background-color: #666666;  /*F1*/
	background-color: rgb(211, 195, 128);
	background-color: rgb(211, 200, 167);
/*	background-color: rgba(82%, 75%, 50%, .97);
	background-color: rgb(36, 121, 145);
	background-color: rgb(170, 126, 140);*/
/*	padding: 20px;*/
	background-color: #FFF;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	z-index: 3;
}

@media screen and (max-width: 1000px) {
	.sidenews {border-bottom: none;}}

.mainnews
{
/*	flex: 61%;*/
	background-color: #FFF;
	border: 0px solid #CCC;
/*	padding: 20px 50px 20px 40px;*/
	padding-top: 0px;
	border-bottom: 1px solid #999;
	z-index: 2;
}

.newsRSS
{
	font-family: helvetica, arial, sans-serif;
	margin-top: 25px;
	margin-left: 39px;
}


.newsRSSb
{
	font-family: helvetica, arial, sans-serif;
	margin-top: 10px;
	margin-left: 31px;
}

.imgRSS span
{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #333;
}

.newsRSS a
{
	padding-left: 5px;
}

.main2, .mainG, .mainBackstage
{
/*	flex: 96%;*/
	background-color: #FFF;
	padding: 20px 50px 20px 40px;
	border-bottom: 1px solid #999;
	z-index: 5;
}



.mainG
{
	border: none;
	padding: 5px 0px 20px 0px;
}

@media screen and (max-width: 1000px){
	.main2 {padding-left: 6%;}}
@media screen and (max-width: 1000px){
	.mainG {padding: 20px 0px 20px 0px;}}
@media screen and (max-width: 1000px){
	.mainBackstage {padding-left: 5%;}}


@media screen and (max-width: 950px) {
	.main, /* .mainH,*/.mainnews, .mainG, .mainBackstage {padding-top: 50px; flex: none; width: 100%; z-index: 1;}}
/*{
  .row, .navbar {   
    flex-direction: column;
  }
}*/



.mainMeet
{
	background-color: white;
	padding: 20px 50px 20px 40px;
	border-bottom: 1px solid #999;
}


.mainmods
{
/*	flex: 100%;*/
	background-color: white;
	padding: 20px 50px 20px 40px;
	border-bottom: 1px solid #999;
}
@media screen and (max-width: 1000px){
	.mainmods {padding: 10px 0px 20px 0px;}}


.avatar1
{
	font-size: 21px;
	color: #333;
	margin: 20px 0px 10px 15px;
}

@media screen and (max-width: 1300px){
	.avatar1 {font-size: 16px;}}

@media screen and (max-width: 1000px){
	.avatar1 {font-size: 12px;}}

.avatarimg1
{
	width: 100%;
	height: 100px;
	border-radius: 75%;
	border: 2px solid #EEE;
	margin-left: 20%;
	background: #FFF url(spectaculo/who2.jpg) no-repeat 0px 0px;
}

@media screen and (max-width: 1000px){
	.avatarimg1 {margin-left: 5%;}}

.start1H
{
	color: #000;
	color: #CCC;
	color: rgb(173, 27, 98);
	font-family: futura, helvetica, arial, sans-serif;
	font-size: 26px;  /*14.5 17*/
	line-height: 24px;
	letter-spacing: 0px;
	font-style: italic;
	letter-spacing: 2px;
	font-weight: bold;
	background-color: transparent;
	padding: 30px 770px 30px 40px;

	position: absolute;
/*	top: 450px;*/
	top: 320px;
	top: 70px;

	top: 18%;  /*160*/
/*	left: 37%;*/

/*	width: 700px;*/
	width: 57%;  /*25% 800 auto;*/
	padding: 30px 20px 30px 20px;
	text-align: right;

/*	border: 1px solid #000;
	border-radius: 0px 40px 40px 0px;
	background-color: rgba(92%, 75%, 50%, .87);
	background-color: rgba(77%, 60%, 50%, .47);
	color: #FFF;
	background-color: rgba(68%, 56%, 40%, .67);
	background-color: rgba(100%, 100%, 100%, .67);
	background-color: rgba(1%, 1%, 1%, .57);*/
	display: none;
}
@media screen and (max-width: 1490px){
	.start1H {	padding: 30px 60px 30px 40px;}}
@media screen and (max-width: 1300px){
	.start1H {	padding: 30px 60px 30px 40px;}}
@media screen and (max-width: 1100px){
	.start1H {	padding: 30px 60px 30px 40px;}}
@media screen and (max-width: 1000px){
	.start1H {font-size: 10px; line-height: 16px; top: 485px; border: 1px solid #000; margin-bottom: 90px; padding: 10px 15px 10px 15px;}}
/*@media screen and (max-width: 800px){
	.start1H {	top: 600px;}}*/

/*@media screen and (max-width: 1490px){
	.start1H {	padding: 30px 560px 30px 40px;}}
@media screen and (max-width: 1300px){
	.start1H {	padding: 30px 460px 30px 40px;}}
@media screen and (max-width: 1100px){
	.start1H {	padding: 30px 360px 30px 40px;}}
@media screen and (max-width: 1000px){
	.start1H {position: relative; display: inline-block; border: 1px solid #CCC; margin-bottom: 90px; background-color: transparent;}}*/



.start1
{
	color: #000;
	font-family: Times, 'Times New Roman', sans-serif;
	font-size: 17px;
	line-height: 24px;
	letter-spacing: 0px;
	font-style: normal;
	background-color: transparent;
	padding: 30px 40px 5px 40px;
}




.sidetext
{
	color: #73002E;
	color: #A10040;
	color: #333;
	font-family: helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
	font-style: italic;
	font-weight: bold;
	line-height: 32px;
	background-color: transparent;
	margin: 30px 24px 15px 40px;
	padding: 19px;
	border-radius: 0px 34px 34px 0px;
}









.mstartseparate
{
	padding-top: 85px;
}

.sideH
{
	margin: 0 auto;
	width: 100%;  /*90%*/
	height: 550px;
/*	border-bottom: 1px solid #333;*/
/*	border-radius: 21px;*/
	background: #FFF;

}
@media screen and (max-width: 950px){
	.sideH {height: 450px;}}
@media screen and (max-width: 650px){
	.sideH {height: 300px;}}




#mstartmain1
{
	float: left;
	margin: 0px;
	width: 652px;
	height: 550px;
	background: transparent url(../dcover/modT1.png) no-repeat 0px 0px;
	opacity: .7;
	filter: alpha(opacity=70);
}
@media screen and (max-width: 1150px){
	#mstartmain1 {width: 100%; height: 100%; background-size: contain;}}

#mstartmain2
{
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	width: 448px;  /*448*/
	height: 550px;
/*
	border-right: 1px solid #202020;
	border-radius: 0px 21px 21px 0px;*/
	background: #FFF url(spectaculo/hom2.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 1150px){
	#mstartmain2 {display: none;}}


.sideH::after
{
	content: "";
	clear: both;
	display: table;
}





.sidetextH
{
	color: rgb(76, 135, 140);
	color: #A10040;
	color: black;
	font-weight: normal;
	font-style: italic;
	font-family: helvetica, arial, futura, sans-serif;
	font-size: 33px;
	line-height: 32px;
	letter-spacing: 6px;
	padding: 19px;
	margin: 0px 15px 60px 35px;
	padding-top: 70px;
	width: 500px;
	height: 350px;
}
/*@media screen and (max-width: 1350px){
	.sidetextH {padding-right: 60%;}}
@media screen and (max-width: 1250px){
	.sidetextH {padding-right: 50%;}}*/
@media screen and (max-width: 950px){
	.sidetextH {padding-right: 15px; font-size: 13px; display: inline-block; margin: 30px 60px 20px 20px;}}

#quotecole
{
	letter-spacing: .5px;
	font-weight: bold;
	font-size: 16px;
	font-style: normal;
}
#quoteable3
{
	font-size: 15px;
}

.mobiSubtext
{
	padding: 0px;

	background-color: rgba(240, 240, 240, .8);
}
@media screen and (max-width: 950px){
	.mobiSubtext {background-color: #FFF; border-radius: 0px; padding: 3px;}}





.sidetext a
{
	color: #BD8C00;
	text-decoration: none;
}

.sidetext a:hover
{
	color: #A10040;
	text-decoration: none;
}

@media screen and (max-width: 1000px){
	.sidetext {font-size: 14px; margin: 30px 80px 20px 80px;}}


.side
{
	position: fixed;
/*	flex: 30%;*/
	float: left;
	width: 250px; /*90%*/
/*	height: auto; *//*135*/
	background-color: #666666;  /*F1*/
	background-color: rgb(211, 195, 128);
	background-color: rgb(211, 200, 167);
/*	padding: 20px;*/
	background-color: #FFF;
}
@media screen and (max-width: 950px) {
	.side {width: 95%; position: relative; float: none;}}


.members, .membersA
{
	margin: 15px 0px 5px 0px;
	padding: 0px;
}

.members
{
	position: fixed;
	float: left;
	width: auto;
	margin-top: 0px;
	background-color: #FFF;
	background-color: rgba(10%, 10%, 10%, .01);

	padding: 5px 10px 5px 22px;
	border-bottom: 1px solid #999;
}
@media screen and (max-width: 950px){
	.members {float: none; position: relative; width: 95%; padding: 5px 10px 5px 5px; border: none; margin-left: 0px; margin-bottom: 10px; background-color: #FFF;}}


.membersA li
{
	margin-left: 20px;
	display: inline-block;
	list-style-type: none;
}
.members li
{
	margin-left: 20px;
	display: block; /*inline-block*/
	list-style-type: none;
}
@media screen and (max-width: 950px){
	.members li {margin-left: 0px;}}
@media screen and (max-width: 950px){
	.membersA li {margin-left: 0px;}}

.teammembers
{
	height: auto;  /*50 84*/
	width: 227px; /*250*/
	background-color: #EEE;
	background-color: #FFF;
	margin: 5px 5px 7px 5px;
	display: inline-block;
	font-size: 13px;
	line-height: 12px;
	font-family: palatino, georgia, serif;
}

/*.teammembers
{
	padding: 0px 0px 0px 0px;
}*/

.teammembers1
{
	height: auto;  /*50 84*/
	width: 208px; /*190 227 250*/
	background-color: #EEE;
	background-color: #FFF;
	background-color: transparent;
	margin: 2px 5px 2px 5px;
	padding: 7px 5px 9px 5px;
	display: block; /*inline-block*/
	font-size: 13px;
	line-height: 12px;
	font-family: palatino, georgia, serif;
	border-bottom: 1px solid #999;
/*	border: 1px solid #999;*/
/*	border-radius: 15px;*/
/*	border-radius: 25px 0px 0px 25px;*/
}

#lastteammember
{
	border: none;
}

@media screen and (max-width: 950px){
	.teammembers, .teammembers1 {margin: 20px 5px 5px 0px;}}

@media screen and (max-width: 950px){
	.teammembers, .teammembers1 {margin: 20px 5px 5px 15px;}}

@media screen and (max-width: 950px){
	.teammembers1 {width: 95%; margin-left: 5px;}}
@media screen and (max-width: 950px){
	#lastteammember {border-bottom: 1px dotted #999;}}

.teammembers img
{
	float: left;
	height: 35px;  /*80px;*/
	width: 35px;  /*80px;*/
	background-color: #FFF;
	border-right: 1px solid #333;
	border-radius: 25px 0px 0px 25px; /*13px 0px 0px 13px*/
	border: 1px solid #333;
	border-radius: 12px;
}

.teammembers1 img
{
	float: left;
	height: 30px;  /*80px;*/
	width: 30px;  /*80px;*/
	background-color: #FFF;
	border-right: 1px solid #333;
/*	border-radius: 25px 0px 0px 25px; *//*13px 0px 0px 13px*/
	border: 1px solid #333;
	border-radius: 8px; /*12px*/
}


.teammembers1 a.membername, .teammembers a.membernameG
{
	padding-top: 30px;
}

.membername, .membernameG
{
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;  /*21*/
	font-weight: bold;
	margin: 10px 0px 2px 14px;
}

.membertitle
{
	font-family: helvetica, arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #333;
	margin-left: 14px;
}

.membername2
{
	width: 250px;
	font-size: 21px;
	margin: 0px 0px 7px 95px;
}

.membertitle2
{
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	letter-spacing: 2px;
	margin: 10px 0px 0px 95px;
}


.members a, .headerfix5b a
{
	text-decoration: none;
	color: #000;
	color: rgb(188, 7, 98);
	color: rgb(34, 70, 164);
	color: rgb(34, 70, 174);
}

.teammembers a, .teammembers1 a
{
	text-decoration: none;
	color: rgb(57, 177, 214);
}

.teammembers .membernameG
{
	text-decoration: none;
	color: #999;
}

.teammembers1 .membernameG
{
	text-decoration: none;
	color: #999;
}

.membersA a:hover:not(.active), .members a:hover:not(.active), .headerfix5b a:hover:not(.active)
{
	text-decoration: none;
	color: rgb(204, 79, 20);
}

.eric80
{
	background: #FFF url(spectaculo/TEAericavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.kell80
{
	background: #FFF url(spectaculo/TEAkellavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.fabi80
{
	background: #FFF url(spectaculo/TEAfabavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.cass80
{
/*	width: 80px;
	height: 80px;
	background-size: 80% 80%;*/
	background: #FFF url(spectaculo/TEAcassavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.velv80
{
	background: #FFF url(spectaculo/TEAvelvavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.lariss80
{
	background: #FFF url(spectaculo/TEAlarissavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.kylie80
{
	background: #FFF url(spectaculo/TEAkylavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.maris80
{
	background: #FFF url(spectaculo/TEAmarisavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.frank80
{
	background: #FFF url(spectaculo/TEAfraavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.dawn80
{
	background: #FFF url(spectaculo/TEAdawavat.jpg) no-repeat 0px 0px;
	background-size: contain;
/*	background-size: 100% 100%;*/
}

.linds80
{
	background: #FFF url(spectaculo/TEAlindavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.liz80
{
	background: #FFF url(spectaculo/TEAlizavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.nor80
{
	background: #FFF url(spectaculo/TEAnoravat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.van80
{
	background: #FFF url(spectaculo/TEAvanavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.sus80
{
	background: #FFF url(spectaculo/TEAsusavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.trish80
{
	background: #FFF url(spectaculo/TEAtrishavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.mika80
{
	background: #FFF url(spectaculo/TEAmikavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.cait80
{
	background: #FFF url(spectaculo/TEAcaiavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.eve80
{
	background: #FFF url(spectaculo/TEAeveavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.auro80
{
	background: #FFF url(spectaculo/TEAaurravat.jpg) no-repeat 0px 0px;
	background-size: 130% 130%;
}

.bree80
{
	background: #FFF url(spectaculo/TEAbreeavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.broo80
{
	background: #FFF url(spectaculo/TEAbrooavat.jpg) no-repeat 0px 0px;
	background-size: contain;
}

.G
{
	background-color: #000;
	background: #999 url(spectaculo/g.jpg) no-repeat 0px 0px;
}



.side::after
{
	content: "";
	clear: both;
	display: table;
}


.members::after
{
	content: "";
	clear: both;
	display: table;
}

.teammembers1::after
{
	content: "";
	clear: both;
	display: table;
}








.themods
{
	margin-top: 20px;  /*84*/
	z-index: 3;
	width: 100%;
}
@media screen and (max-width: 950px){
	.themods {margin-left: 0px; margin-top: 5px;}}
/*@media screen and (max-width: 950px){
	.members {position: relative; margin-left: 25px;}}*/


.themodsheader
{
	margin-left: 20px;
}
@media screen and (max-width: 950px){
	.themodsheader {font-size: 12px;}}


.themods li
{
	display: inline-block;
	list-style-type: none;
}

.themodslist
{
	height: 280px;  /*400 136 82 84*/
	width: 80%; /*700*/
	width: 350px;
	background-color: #FFF;
/*	margin: 40px 5px 5px 60px;
	margin-left: 10%;*/
	margin: 0px 10px 10px 10px;
	font-size: 19px;
/*	line-height: 24px;*/
	overflow: hidden;
}
.themodslist
{
	padding: 15px;
	border: 1px solid #999;
}
@media screen and (max-width: 800px){
	.themodslist {height: 245px; width: 85%; margin: 35px 10px 10px 10px;}}

/*@media screen and (max-width: 800px){
	.themodsinfo {margin-bottom: 65px;}}*/

.themodslist img
{
	float: left;
	height: 50px;  /*80px;*/
	width: 50px;  /*80px;*/
	background-color: #FFF;
	border-right: 1px solid #333;
	border-radius: 25px 0px 0px 25px; /*13px 0px 0px 13px*/
	border: 1px solid #333;
	border-radius: 12px;
}

.themodsdetails
{
	line-height: 24px;
	font-size: 16px;
	padding: 14px 5px 5px 2px;
	font-family: palatino, georgia, serif;
}

@media screen and (max-width: 800px){
	.themodsdetails {font-size: 14px;}}

.membernamemods
{
	font-size: 16.5px;  /*21*/
/*	line-height: 22px;*/
	margin: 2px 0px 5px 14px;
/*	letter-spacing: 1px;*/
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #A10040;
	color: rgb(204, 79, 20);
}

/*themodslist.membernamemods
{
	padding-top: 30px;
}*/

.modserla
{
	background: #FFF url(spectaculo/mode.jpg) no-repeat 0px 0px;
}

.modsjana
{
	background: #FFF url(spectaculo/modn.jpg) no-repeat 0px 0px;
}

.modslilly
{
	background: #FFF url(spectaculo/modlil.jpg) no-repeat 0px 0px;
}

.modsmelody
{
	background: #FFF url(spectaculo/modm.jpg) no-repeat 0px 0px;
}

.modsraquel
{
	background: #FFF url(spectaculo/modr.jpg) no-repeat 0px 0px;
}

.modsviki
{
	background: #FFF url(spectaculo/modv.jpg) no-repeat 0px 0px;
}






.featuring
{
	margin-top: 20px;  /*84*/
	z-index: 3;
}

.featlist
{
	height: 600px;
	width: 96%; /*700*/
	background-color: #EEE;
	background-color: #FFF;
	margin: 40px 5px 5px 10px;
	margin-left: 40px;
	font-size: 19px;
/*	line-height: 24px;*/
	font-family: palatino, georgia, serif;
}
.featlist
{
	padding-top: 15px;
	border-top: 1px solid #999;
}
@media screen and (max-width: 800px){
	.featlist {height: 225px; width: 85%; margin: 35px 15px 15px 35px;}}

/*@media screen and (max-width: 800px){
	.themodsinfo {margin-bottom: 65px;}}*/

.featlist img
{
	float: left;
	height: 402px;  /*80px;*/
	width: 327px;  /*80px;*/
	background-color: #FFF;
	border-right: 1px solid #333;
	border-radius: 25px 0px 0px 25px; /*13px 0px 0px 13px*/
	border: 1px solid #333;
	border-radius: 12px;
}

.featinfo
{
	display: inline-block;
	width: 70%;
	padding-left: 60px;
/*	border: 1px solid #CCC;*/
}

.featdetails
{
	line-height: 24px;
	font-size: 16px;
	padding: 14px 5px 5px 5px;
}

@media screen and (max-width: 800px){
	.featdetails {font-size: 14px;}}




.featMer
{
	background: #FFF url(spectaculo/astm1.jpg) no-repeat 0px 0px;
}








/*	background-color: rgba(70%, 70%, 70%, 1.0);
	background-color: rgb(43%, 43%, 43%);
	background-color: #660033;
	background-color: rgb(163, 7, 98);
	background-color: #CCC;
	background-color: #BBBBBB;*/

.staffheaderR
{
	display: none;
}

.staffheaderL
{
/*	position: fixed;*/
/*  position: sticky;
  position: -webkit-sticky;*/
/*	left: 5%;*/
	margin-top: 40px;  /*75 44 55 37; 32px base*/
	width: auto;  /*95 90% 270px 300 27 100%*/
	width: 100%;
	background-color: rgb(143, 7, 82);
	background-color: #999;
	background-color: #BBBBBB;
	background-color: rgba(70%, 70%, 70%, 1.0);
	color: rgba(40%, 40%, 40%, 1.0);
	color: #FFF;  /*FFF 000*/
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;  /*16 24 12.5px*/
	font-weight: bold;
	letter-spacing: 1px;
	height: 30px; /*40*/
/*	background-size: contain;*/
	padding: 8px 16px 0px 10px;
	background-color: rgb(143, 7, 82);
}

@media screen and (max-width: 1150px){
	.staffheaderL {/*width: 80%; */font-size: 13px; padding-left: 10px;}}
/*@media screen and (max-width: 1000px){
	.staffheaderR {display: none;}}*/

@media screen and (max-width: 950px){
	.staffheaderL 
{	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgb(143, 7, 82);
	background-color: #999;
	background-color: #BBBBBB;
	background-color: rgba(70%, 70%, 70%, 1.0);
	color: #FFF;  /*FFF 000*/
	color: rgba(40%, 40%, 40%, 1.0);
	color: #FFF;
	font-family: helvetica, arial, sans-serif;
	font-size: 12.5px;  /*24 12.5px*/
	font-weight: bold;
	letter-spacing: 1px;
	height: 40px;
	padding: 13px 0px 0px 40px;  /*115   18px 0px 0px 39px*/
/*	background: rgba(70%, 70%, 70%, 1.0) url(spectaculo/who2.jpg) no-repeat 0px 0px; *//*35*/
	border-top: 1px solid #CCC;
	border: none;
	background-color: #FFF;
	background-color: rgba(156, 125, 71, 1);}}





.staffheaderLmods
{
	position: relative; /*static*/
/*	position: fixed;*/
/*	left: 5%;*/
	display: block;
	left: 0px;  /*40*/
	top: 25px;  /*75 44 55 37; 32px base*/
	width: 260px;  /*95% 270px 300 27 100%*/
	top: 75px;
	width: 220px;
/*	border-radius: 0px 20px 20px 0px;*/
	height: 40px;
	background-color: rgb(143, 7, 82);
	background-color: #999;
	background-color: #BBBBBB;
	background-color: rgba(70%, 70%, 70%, 1.0);
	color: #999;
	color: #FFF;  /*FFF 000*/
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;  /*24 12.5px*/
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	padding: 11px 0px 0px 50px;  /*115   18px 0px 0px 39px*/
/*	background: rgba(70%, 70%, 70%, 1.0) url(spectaculo/who2.jpg) no-repeat 0px 0px; *//*35*/
/*	background-size: contain;*/
	background-color: rgb(163, 7, 98);
	background-color: #FFF;
	background-color: rgb(163, 7, 98);
}

@media screen and (max-width: 950px){
	.staffheaderLmods 
{	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 49%;
	background-color: rgb(143, 7, 82);
	background-color: #999;
	background-color: #BBBBBB;
	background-color: rgba(70%, 70%, 70%, 1.0);
	color: #FFF;  /*FFF 000*/
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;  /*24 12.5px*/
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	height: 40px;
	padding: 11px 0px 0px 50px;  /*115   18px 0px 0px 39px*/
/*	background: rgba(70%, 70%, 70%, 1.0) url(spectaculo/who2.jpg) no-repeat 0px 0px; *//*35*/
	background-color: rgb(163, 7, 98);
/*	background-size: contain;*/}}



.otherheader
{
	background-color: #333;
	color: #FFF;  /*#000*/
	font-family: helvetica, arial, sans-serif;
	font-size: 24px;  /*12.5px*/
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	width: 100%;
/*	padding: 7px 7px 17px 12px;*/
	height: 40px;
	padding: 18px 0px 0px 59px;
/*	border-radius: 0px 24px 0px 0px;*/
}

@media screen and (max-width: 750px){
	.otherheader {font-size: 18px; height: 34px; padding: 17px 0px 0px 39px;}}





.main p, .mainH p, .mainnews p, .mainN p
{
	color: #000;
	font-family: Palatino, Georgia, sans-serif;
	font-size: 14.5px; /*16*/
	line-height: 30px; /*34*/
	background-color: #FFF;
	padding: 7px 55px 25px 75px;
}

@media screen and (max-width: 750px){
	.main p, .mainH p, .mainnews p, .mainN p {padding: 12px 15px 30px 10px; font-size: 13.5px; line-height: 28px;}}

.profiles p
{
	color: #000;
	font-family: Palatino, Georgia, sans-serif;
	text-align: justify;
}

.profilesBackstage p, .profilesBackstageLast p
{
	color: #000;
	text-align: left;
}

@media screen and (max-width: 750px){
	.profiles p {text-align: left;}}


.main p a, .mainH p a, .mainnews p a, .mainN p a
{
	color: #BD8C00;
	color: rgb(163, 7, 98);
	color: rgb(250, 62, 70);
	color: rgb(217, 0, 118);
	color: rgb(188, 7, 98);
	color: rgb(34, 70, 144);
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.main p a:hover, .mainH p a:hover, .mainnews p a:hover, .mainN p a:hover
{
	color: #A10040;
	color: rgb(76, 135, 140);
	color: rgb(243, 185, 75);
	color: #BD8C00;
	color: rgb(230, 152, 60);
	color: rgb(215, 155, 60);
	color: rgb(188, 7, 98);
	text-decoration: none;
}

@media screen and (max-width: 750px){
	.main p a, .mainH p a, .mainnews p a, .mainN p a {font-size: 12px;}}

.main2 p, .mainG p
{
	color: #000;
	font-family: Times, 'Times New Roman', sans-serif;
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
	background-color: #FFF;
	padding: 10px 25px 20px 20px;
}

@media screen and (max-width: 750px){
	.main2 p {padding: 2px 15px 25px 5px; font-size: 14px; line-height: 22px; text-align: left;}}

@media screen and (max-width: 750px){
	.mainG p {padding: 2px 10px 25px 5px; font-size: 14px; line-height: 22px; text-align: left;}}

.mainBackstage p
{
	color: #000;
	font-family: Times, 'Times New Roman', sans-serif;
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
	background-color: #FFF;
	padding: 0px 55px 20px 75px;
}
@media screen and (max-width: 1050px){
	.mainBackstage p {font-size: 14px; text-align: left;}}
@media screen and (max-width:950px){
	.mainBackstage p {padding: 2px 0px 25px 0px; font-size: 14px; text-align: left; line-height: 22px;}}


.profiles
{
	padding: 14px 50px 10px 40px; /*14 74 24*/
}
.profilesBackstage
{
	padding: 24px 25px 10px 30px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}
.profilesBackstageLast
{
	padding: 24px 15px 10px 30px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
@media screen and (max-width: 750px){
	.profilesBackstage, .profilesBackstageLast {padding: 24px 5px 10px 2px; border: none; border-top: 1px solid #666666;}}

.wearF
{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 14.5px;
	color: #333;
}
@media screen and (max-width:950px){
	.wearF {font-size: 12.5px;}}

.femoj
{
	font-size: 11px;
}





.profilesmods
{
	width: 90%;  /*1280*/
	height: auto;  /*720*/
	padding: 45px 0px 10px 0px;  /*225..*/
	margin: 0 auto;
/*	background: transparent url() no-repeat 0px 0px;*/
}
@media screen and (max-width: 950px){
	.profilesmods {width: 90%; height: 360px; padding: 15px 25px 10px 25px; background-image: none;}}

.profilesmods p
{
	color: #000;
	font-family: Palatino, Georgia, sans-serif;
	font-size: 16px;
	line-height: 34px;
/*	border-radius: 20px;*/
	background-color: transparent;
	background-color: rgba(255, 255, 255, .5);
	padding: 40px 65px 35px 65px;
}
@media screen and (max-width: 750px){
	.profilesmods p {padding: 3px 5px 5px 2px; font-size: 14px; line-height: 28px;}}






/*---NEWS---*/


.rocoMiniA
{
	margin: 0 auto;
	width: auto;
	height: auto;
}
@media screen and (max-width: 950px){
	.rocoMiniA {width: 270px; margin-left: 25px;}}

.rocoMiniB
{
/*	float: left;*/
/*	width: 33%;*/
	display: inline-block;
	margin-bottom: 15px;
}
/*@media screen and (max-width: 950px){
	.rocoMiniB {margin-left: 0px;}}*/


/*.rocoMiniA::after
{
	content: "";
	clear: both;
	display: table;
}*/



.rocoMini1
{
	width: 370px;  /*440px;*/
	height: 370px;  /*440px;*/
	filter: contrast(108%);
	-webkit-filter: contrast(108%);
	background: transparent url(nws/rocoA.jpg) no-repeat 0px 0px;
	background-size: contain;
}
@media screen and (max-width: 950px){
	.rocoMini1 {height: 270px; width: 270px;}}
@media screen and (max-width: 950px){
	.rocoMini1 {background-size: contain;}}


.rocoMini2
{
	width: 370px;  /*440px;*/
	height: 370px;  /*440px;*/
	background: transparent url(nws/rocoB.jpg) no-repeat 0px 0px;
	background-size: contain;
}
@media screen and (max-width: 950px){
	.rocoMini2 {height: 270px; width: 270px;}}
@media screen and (max-width: 950px){
	.rocoMini2 {background-size: contain;}}

.rocoMini3
{
	width: 370px;  /*440px;*/
	height: 370px;  /*440px;*/
	filter: contrast(110%);
	-webkit-filter: contrast(110%);
	background: transparent url(nws/rocoC.png) no-repeat 0px 0px;
	background-size: contain;
}
@media screen and (max-width: 950px){
	.rocoMini3 {height: 270px; width: 270px;}}
@media screen and (max-width: 950px){
	.rocoMini3 {background-size: contain;}}









.retroprofileimg
{
	width: 450px;
	height: 174px;
	margin: 20px 0px 20px 0px;
/*	border: 5px solid #73002E;
	border: 5px solid #666666;
	border-radius: 21px;*/
	border: 1px solid #333;
	border-radius: 16px;
	background: #FFF url(spectaculo/Nretro1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 750px){
	.retroprofileimg {border: 1px solid #333; border-radius: 14px; width: 250px; height: 97px; background: #FFF url(spectaculo/Nretro1b.jpg) no-repeat 0px 0px;}}


.sweetprofileimg
{
	width: 450px;
	height: 253px;
	margin: 20px 0px 20px 0px;
	border: 5px solid #73002E;
	border: 2px solid #333;
	background: #FFF url(spectaculo/Ncooki1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 750px){
	.sweetprofileimg {border: none; width: 250px; height: 163px; background: transparent url(spectaculo/Ncooki1b.jpg) no-repeat 0px 0px;}}


.fleuprofileimg
{
	width: 450px;
	height: 315px;
	margin: 20px 0px 20px 0px;
/*	border: 5px solid #73002E;
	border: 5px solid #666666;
	border-radius: 21px;*/
	background: #FFF url(spectaculo/Nfleu1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 750px){
	.fleuprofileimg {border: none; border-radius: 0; width: 250px; height: 175px; background: #FFF url(spectaculo/Nfleu1b.jpg) no-repeat 0px 0px;}}



.introprofileimg
{
	width: 100%;
	height: 253px;
	margin: 20px 0px 20px 0px;
	border: 5px solid #73002E;
	border-radius: 21px;
	background: #FFF url(spectaculo/TEAsus1aa.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 750px){
	.introprofileimg {width: 400px; height: 202px; background: #FFF url(spectaculo/TEAsus1aa2.jpg) no-repeat 0px 0px;}}



.snap1img
{
	width: 400px;
	height: 282px;
	margin: 20px 0px 20px 0px;
/*	border: 5px solid #73002E;
	border: 5px solid #666666;
	border-radius: 21px;*/
	background: transparent url(sdesigns/desOrig1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 750px){
	.snap1img {border: none; width: 200px; height: 141px; background: transparent url(sdesigns/desOrig1b.jpg) no-repeat 0px 0px;}}

.snap2img
{
	width: 400px;
	height: 266px;
	margin: 20px 0px 20px 0px;
/*	border: 5px solid #73002E;
	border: 5px solid #666666;
	border-radius: 21px;*/
	background: transparent url(sdesigns/desProfis1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 750px){
	.snap2img {border: none; width: 200px; height: 133px; background: transparent url(sdesigns/desProfis1b.jpg) no-repeat 0px 0px;}}

.snap3img
{
	width: 400px;
	height: 241px;
	margin: 20px 0px 20px 0px;
/*	border: 5px solid #73002E;
	border: 5px solid #666666;
	border-radius: 21px;*/
	background: transparent url(sdesigns/desRedesi1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 750px){
	.snap3img {border: none; width: 200px; height: 121px; background: transparent url(sdesigns/desRedesi1b.jpg) no-repeat 0px 0px;}}



.symbol
{
	font-size: 24px;
}







.hrsusimgeric
{
	width: 500px;
	height: 500px;
}
.hrsusimgeric
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAeric1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimgeric {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimgeric {width: 300px; height: 300px; background: transparent url(spectaculo/TEAeric1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}


.hrsusimgkell
{
	width: 500px;
	height: 500px;
}
.hrsusimgkell
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAkell1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimgkell {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimgkell {width: 300px; height: 300px; border: 2px solid #666666; background-size: contain; margin: 20px 0px 20px 0px;}}


.hrsusimgfabi
{
	width: 500px;
	height: 500px;
}
.hrsusimgfabi
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAfab1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimgfabi {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimgfabi {width: 300px; height: 300px; background-size: contain; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}



.hrsusimgcass
{
	width: 500px;
	height: 500px;
}
.hrsusimgcass
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAcass1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimgcass {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimgcass {width: 300px; height: 300px; background-size: contain; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}


.hrsusimgvelv
{
	width: 500px;
	height: 500px;
}
.hrsusimgvelv
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAvelv1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimgvelv {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimgvelv {width: 300px; height: 300px; background-size: contain; border: 2px solid #666666; background-size: contain; margin: 20px 0px 20px 0px;}}


.hrsusimgkyl
{
	width: 500px;
	height: 500px;
}
.hrsusimgkyl
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAkyl1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimgkyl {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimgkyl {width: 300px; height: 300px; background: transparent url(spectaculo/TEAkyl1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}


.hrsusimglariss
{
	width: 500px;
	height: 500px;
}
.hrsusimglariss
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;  /*73002E*/
	background: #FFF url(spectaculo/TEAlariss1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimglariss {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimglariss {width: 300px; height: 300px; background: transparent url(spectaculo/TEAlariss1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}




.hrsusimgsus
{
	width: 500px;
	height: 500px;
}
.hrsusimgsus
{
	width: 500px;	/*100%*/
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAsus1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimgsus {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimgsus {width: 300px; height: 300px; background: transparent url(spectaculo/TEAsus1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}


.hrsusimgdaw
{
	width: 500px;
	height: 500px;
}
.hrsusimgdaw
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAdaw1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimgdaw {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimgdaw {width: 300px; height: 300px; background: transparent url(spectaculo/TEAdaw1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}


.hrsusimglind
{
	width: 500px;
	height: 500px;
}
.hrsusimglind
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAlind1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimglind {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimglind {width: 300px; height: 300px; background-size: contain; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}


.hrsusimgnor
{
	width: 500px;
	height: 500px;
}
.hrsusimgnor
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAnor1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimgnor {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimgnor {width: 300px; height: 300px; background: transparent url(spectaculo/TEAnor1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}


.hrsusimgvan
{
	width: 500px;
	height: 500px;
}
.hrsusimgvan
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAvan1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimgvan {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimgvan {width: 300px; height: 300px; background: transparent url(spectaculo/TEAvan1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}


.hrsusimgmika
{
	width: 500px;
	height: 500px;
}
.hrsusimgmika
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAmik1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimgmika {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimgmika {width: 300px; height: 300px; background: transparent url(spectaculo/TEAmik1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}


.hrsusimgcait
{
	width: 500px;
	height: 500px;
}
.hrsusimgcait
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAcai1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimgcait {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimgcait {width: 300px; height: 300px; background: transparent url(spectaculo/TEAcai1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}




.hrsusimgauro
{
	width: 500px;
	height: 500px;
}
.hrsusimgauro
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAauro1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimgauro {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimgauro {width: 300px; height: 300px; background-size: contain; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}



.hrsusimgbree
{
	width: 500px;
	height: 500px;
}
.hrsusimgbree
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAbree1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimgbree {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimgbree {width: 300px; height: 300px; background: transparent url(spectaculo/TEAbree1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}


.hrsusimgbroo
{
	width: 500px;
	height: 500px;
}
.hrsusimgbroo
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAbroo1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.hrsusimgbroo {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.hrsusimgbroo {width: 300px; height: 300px; background: transparent url(spectaculo/TEAbroo1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}



.BCKimgmer1
{
	width: 500px;
	height: 500px;
}
.BCKimgmer1
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/TEAcordel1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.BCKimgmer1 {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.BCKimgmer1 {width: 300px; height: 300px; background: transparent url(spectaculo/TEAcordel1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}



.BCKimgSS19
{
	width: 500px;
	height: 500px;
}
.BCKimgSS19
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/Bencuent1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.BCKimgSS19 {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.BCKimgSS19 {width: 270px; height: 270px; background: transparent url(spectaculo/Bencuent1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}


.BCKimgf20mo
{
	width: 500px;
	height: 500px;
}
.BCKimgf20mo
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/Bazul1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.BCKimgf20mo {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.BCKimgf20mo {width: 270px; height: 270px; background: transparent url(spectaculo/Bazul1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}


.BCKimgprop
{
	width: 500px;
	height: 500px;
}
.BCKimgprop
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/Bring1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.BCKimgprop {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.BCKimgprop {width: 270px; height: 270px; background: transparent url(spectaculo/Bring1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}


.BCKimggaller
{
	width: 500px;
	height: 500px;
}
.BCKimggaller
{
	width: 500px;
	height: 500px;
	margin: 20px 0px 20px 75px;
	border: 2px solid #333;
	background: #FFF url(spectaculo/Bagaller1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 991px){
	.BCKimggaller {margin: 20px 0px 20px 30px;}}
@media screen and (max-width: 870px){
	.BCKimggaller {width: 270px; height: 270px; background: transparent url(spectaculo/Bagaller1a2.jpg) no-repeat 0px 0px; border: 2px solid #666666; margin: 20px 0px 20px 0px;}}







.label
{
	position: relative;
	display: inline-block;
/*	border-bottom: 1px dotted black;*/
/*	border-bottom: 2px dotted #999;*/
	font-size: 11px;
	letter-spacing: 2px;
	font-family: helvetica, arial, sans-serif;
	margin-left: 75px;
	font-weight: bold;
	color: rgb(34, 70, 144);
	color: #FFF;

	height: 34px;
	width: 95px;  /*130*/
	text-align: center;
	padding-top: 9px;
	border: 2px solid rgb(57, 177, 214);
	border: 2px solid rgb(57, 137, 214);
	border-radius: 12px 12px 12px 12px;
	background-color: rgb(10%, 80%, 95%);
	background-color: rgba(37, 137, 194, .7);  /*#336699 6699CC*/
}
@media screen and (max-width: 940px){
	.label {margin-left: 35px;}}

/*.label a
{
	font-size: 11px;
	letter-spacing: 2px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: rgb(34, 70, 144);
	color: #FFF;

	padding-left: 20px;
}

.label a:hover
{
	color: rgb(10%, 130%, 195%);
}

.label a.active .labeltext1h, .label a.active .labeltext2b
{
	visibility: visible;
}*/


.labelnews
{
	height: 39px;
	width: 103px;
	margin-top: 5px;
	border: 0px;
	background: transparent url(spectaculo/labelpic.jpg) no-repeat 0px 0px;
}


.label .labeltext1a, .label .labeltext1b, .label .labeltext1c, .label .labeltext1d, .label .labeltext1e, .label .labeltext1f, .label .labeltext1g, .label .labeltext1h, .label .labeltext1bb, .label .labeltext1cc
{
	visibility: hidden;
	position: absolute;
	z-index: 4;
	top: -355px; /*-347 330*/
	left: 7px; /*-14*/
	width: 267px;  /*275*/
	background-color: #333;
	background-color: rgba(90%, 90%, 90%, 0.93);
	background-color: rgba(10%, 50%, 100%, 0.96);
	background-color: rgba(60%, 60%, 95%, 0.96);
	background-color: rgba(30%, 80%, 95%, 0.96);
	background-color: rgba(10%, 80%, 95%, 0.96);
	background-color: rgba(96%, 96%, 96%, 0.93);
	color: #000;
	color: rgb(10%, 70%, 80%);
	color: rgb(24, 80, 194);
	color: #666666;
	border: 4px solid rgb(10%, 70%, 95%);
	border: 3px solid rgb(156, 125, 71);
	border-radius: 12px;
	font-family: helvetica, arial, sans-serif;
	letter-spacing: 0px;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	padding: 10px 10px 10px 20px;
	text-align: left;
}

.label .labeltext1b
{
	top: -375px; /*-347 330*/
	left: 41px; /*-14*/
}
.label .labeltext1bb
{
	top: -375px; /*-347 330*/
	left: 15px; /*-14*/
}
.label .labeltext1c
{
	top: -185px; /*-347 330*/
	left: 5px; /*-14*/
}
.label .labeltext1cc
{
	top: -265px; /*-347 330*/
	left: 10px; /*-14*/
}
.label .labeltext1d
{
	top: -150px; /*-347 330*/
	left: 195px; /*-14*/
}
.label .labeltext1e
{
	top: -115px; /*-347 330*/
	left: 5px; /*-14*/
}
.label .labeltext1f
{
	top: -412px; /*-347 330*/
	left: 2px; /*-14*/
}
.label .labeltext1g
{
	top: -315px; /*-347 330*/
	left: 15px; /*-14*/
}
.label .labeltext1h
{
	top: -395px; /*-347 330*/
	left: 25px; /*-14*/
}
@media screen and (max-width: 940px){
	.label .labeltext1a {top: -265px; left: -25px;}}
@media screen and (max-width: 940px){
	.label .labeltext1b {top: -290px; left: 15px;}}
@media screen and (max-width: 940px){
	.label .labeltext1bb {top: -270px; left: 15px;}}
@media screen and (max-width: 940px){
	.label .labeltext1cc {top: -200px; left: 15px;}}
@media screen and (max-width: 940px){
	.label .labeltext1d {left: 15px;}}
@media screen and (max-width: 940px){
	.label .labeltext1f {top: -290px; left: 5px;}}
@media screen and (max-width: 940px){
	.label .labeltext1g {top: -290px; left: 15px;}}
@media screen and (max-width: 940px){
	.label .labeltext1h {top: -270px; left: 10px;}}


.label .labeltext2a, .label .labeltext2aa, .label .labeltext2b
{
	visibility: hidden;
	position: absolute;
	z-index: 4;
	top: -240px; /*-330*/
	left: 65px; /*-14*/
	width: 267px;
	background-color: #333;
	background-color: rgba(90%, 90%, 90%, 0.93);
	background-color: rgba(10%, 50%, 100%, 0.96);
	background-color: rgba(60%, 60%, 95%, 0.96);
	background-color: rgba(30%, 80%, 95%, 0.96);
	background-color: rgba(10%, 80%, 95%, 0.96);
	background-color: rgba(96%, 96%, 96%, 0.93);
	color: #000;
	color: rgb(10%, 70%, 80%);
	color: rgb(24, 80, 194);
	color: #666666;
	border: 4px solid rgb(10%, 70%, 95%);
	border: 3px solid rgb(156, 125, 71);
	border-radius: 12px;
	font-family: helvetica, arial, sans-serif;
	letter-spacing: 0px;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	padding: 10px 10px 10px 20px;
	text-align: left;
}
.label .labeltext2aa
{
	top: -320px; /*-347 330*/
	left: 225px; /*-14*/
}
.label .labeltext2b
{
	top: -290px; /*-347 330*/
	left: 205px; /*-14*/
}

@media screen and (max-width: 940px){
	.label .labeltext2a {top: -220px; left: 15px;}}
@media screen and (max-width: 940px){
	.label .labeltext2aa {top: -220px; left: 10px;}}
@media screen and (max-width: 940px){
	.label .labeltext2b {top: -196px; left: 10px;}}

.label .labeltext1a::after, .label .labeltext1b::after, .label .labeltext1c::after, .label .labeltext1e::after, .label .labeltext1f::after, .label .labeltext1g::after, .label .labeltext1h::after, .label .labeltext1bb::after, .label .labeltext1cc::after
{
	content: "";
	position: absolute;
	top: 24px;
	left: 267px; /*275*/
	border-color: transparent transparent transparent #3399FF; /*EEE*/
	border-color: transparent transparent transparent rgb(156, 125, 71);
/*	margin-right: -10px;*/
	border-width: 5px;
	border-style: solid;
}

.label .labeltext1d::after, .label .labeltext2aa::after, .label .labeltext2b::after
{
	content: "";
	position: absolute;
	top: 24px;
	right: 267px; /*275*/
	border-color: transparent rgb(156, 125, 71) transparent transparent;
/*	margin-right: -10px;*/
	border-width: 5px;
	border-style: solid;
}

.label .labeltext2a::after
{
	content: "";
	position: absolute;
	top: 24px;
	left: 267px;
	border-color: transparent transparent transparent rgb(156, 125, 71);
/*	margin-right: -10px;*/
	border-width: 5px;
	border-style: solid;
}


.label:hover .labeltext1a, .label:hover .labeltext1b, .label:hover .labeltext1c, .label:hover .labeltext1d, .label:hover .labeltext1e, .label:hover .labeltext1f, .label:hover .labeltext1g, .label:hover .labeltext1h, .label:hover .labeltext2a, .label:hover .labeltext2aa, .label:hover .labeltext2b, .label:hover .labeltext1bb, .label:hover .labeltext1cc
{
	visibility: visible;
}









/*.multiAkatrin1
{
	width: 300px;
	height: 125px;
}*/

.vidA
{
/*	max-width: 100%;
	height: auto;*/
	margin-left: 30px;
}
@media screen and (max-width: 1240px){
	.vidA {display: none;}}

.vidB
{
/*	max-width: 100%;
	height: auto;*/
	margin-left: 0px;
}
@media screen and (min-width: 1241px){
	.vidB {display: none;}} /*801*/

/*video
{
	pointer-events: none;
}*/



.wordsboxsections
{
	margin: 15px 0px 0px 5px;
}
.wordsboxsections
{
	display: inline-block;
	text-align: left;
	width: 290px;
}
@media screen and (max-width: 1500px){
	.wordsboxsections {width: 60%; margin-left: 20%;}}
@media screen and (max-width: 650px){
	.wordsboxsections {width: 230px; margin-left: 0px; margin-left: 4%;}}








/*--GAL--*/

.navgallery
{
/*	position: absolute;
	top: 135px;
	left: 36%;*/
	background-color: #FFF;
	width: 300px;
}

.navgallery li
{
	list-style-type: none;
	font-family: helvetica, futura, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	list-style-type: none;
	line-height: 28px;
	border: 1px solid #333;
	border-radius: 7px;
/*	display: inline-block;  *//*NEW*/
/*	overflow: hidden;  */
	background-color: #FFF;
	margin: 5px 2px 3px 4px;
}

.navgallery li a
{
	padding: 5px 5px 2px 14px;
	color: #333;
	text-decoration: none;
}

.navgallery li a:hover
{
	color: #CC6600;
	text-decoration: none;
}




.modal
{
	margin-left: 0px;
	display: none;
	z-index: 6;
	width: 100%;
	height: 100%;
/*	overflow: auto;*/
}

.close
{
	color: #aaa;
	float: right;
	font-weight: bold;
	font-size: 29px;
}

.close:hover, .close:focus
{
	color: #CC6600;
	text-decoration: none;
	cursor: pointer;
}




.sideG
{
	padding: 40px 10px 10px 10px;
	background-color: #202020;
}

.galleryHeader
{
	color: #EEE;
	font-family: helvetica, futura, arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 3px;
	margin-left: 53px;
}
@media screen and (max-width: 750px){
	.galleryHeader {margin-left: 24px;}}

.year
{
	padding-right: 5px;
	color: #999;
	font-style: italic;
	letter-spacing: 3px;
}

.peekaboo
{
/*	width: 420px;  285*/
	width: 95%;
	outline: none;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	font-family: helvetica, futura, arial, sans-serif;
	border: none;
	border-left: 7px solid rgb(34, 70, 144);
	border-top: 1px solid #333;
	cursor: pointer;
	color: #3399FF;  /*rgb(14, 120, 204) rgb(34, 100, 174)*/
	background-color: #FFF;
	background-color: #999;
	background-color: #202020;
	letter-spacing: 2px;
	line-height: 24px;
/*	border-radius: 0px 40px 0px 0px;
	border-radius: 9px;*/

/*	transition: 0.5s;*/
	margin-left: 39px;
	margin-bottom: 15px; /*9*/
}

.peekaboo
{
	padding: 6px 12px 6px 12px;
}
@media screen and (max-width: 950px){
	.peekaboo {margin-left: 5px; font-size: 13px;}}
@media screen and (max-width: 750px){
	.peekaboo {margin-left: 5px; margin-bottom: 10px; font-size: 12px;}}
@media screen and (max-width: 650px){
	.peekaboo {width: 300px;}}

.muestra, .peekaboo:hover
{
/*	margin-left: 39px;*/
	background-color: #FFF;
	background-color: #202020;
	color: rgb(188, 7, 98);
/*	border: 1px solid rgb(188, 7, 98);*/
	border: none;
/*	border: 1px solid #202020;*/
	border-top: 1px solid #333;
	border-left: 7px solid rgb(188, 7, 98);
}

.peekaboo:after
{
/*	color: #333;
	font-weight: bold;
	font-size: 16px;
	content: '\002B';
	margin-left: 65px;*/
}

.muestra:after
{
/*	content: "\2212";*/
}

.artrow
{
	display: none;
	overflow: hidden;
/*	border: 1px solid #CCC;*/
}

.artrow p
{
	background-color: #CCC;
	color: #000;
	font-size: 13px;
	line-height: 26px;
	font-family: helvetica, futura, arial, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	margin-right: 5%; /*85px*/
	margin-left: 40px; /*90*/
	padding: 40px 34px 10px 235px;
/*	border: 1px solid #CCC;*/
}
@media screen and (max-width: 1100px){
	.artrow p {padding: 25px 34px 10px 235px; font-size: 12px; line-height: 23px;}}
@media screen and (max-width: 950px){
	.artrow p {font-size: 11px; line-height: 22px; margin-left: 10px; margin-right: 10px; padding: 10px 15px 16px /*29*/7px; color: #999; background-color: transparent;}}




.retrorow
{
	width: 95%;
	outline: none;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	font-family: helvetica, futura, arial, sans-serif;
	border-left: 7px solid rgb(34, 70, 144);
	border-top: 1px solid #333;
/*	cursor: pointer;*/
	color: #3399FF;
	background-color: #FFF;
	background-color: #999;
	background-color: #202020;
	letter-spacing: 2px;
	line-height: 4px; /*24*/
	margin-left: 39px;
	margin-bottom: 15px;
}

.retrorow
{
	padding: 12px 12px 2px 12px;
}
@media screen and (max-width: 950px){
	.retrorow {margin-left: 5px; font-size: 13px;}}
@media screen and (max-width: 750px){
	.retrorow {margin-left: 5px; margin-bottom: 10px; font-size: 12px;}}
@media screen and (max-width: 650px){
	.retrorow {width: 300px;}}


.retrorow2
{
	width: 286px;
	height: 70px;  /*50*/
	border: 1px solid #202020;
}
@media screen and (max-width: 750px){
	.retrorow2 {height: 65px;}}

.retroText
{
/*	margin-top: 20px;*/
	float: left;
}


.retroyears1
{
	margin-top: 20px;
	width: auto;
}
@media screen and (max-width: 750px){
	.retroyears1 {width: 300px;}}

.retroyears1 li
{
	text-decoration: none;
	list-style-type: none;
	display: inline-block;
	text-align: left;
/*	overflow: hidden;*/
	margin: 15px 10px 0px 0px;
}

.retroyears2
{
	text-align: center;
/*	border: 1px solid #fff;*/
/*	background-color: #000;*/
}


.retrolink
{
	width: auto;
	height: 24px;
	background: transparent;
	margin-top: 10px;
}

.retrolink a
{
	font-size: 16.5px;
	text-decoration: none;
	color: #DDD;
	text-align: left;
}
@media screen and (max-width: 950px){
	.retrolink a {font-size: 13px;}}

.retrolink a:hover
{
	color: rgb(188, 7, 98);
}







.workerArt, .waitArt
{
	height: 240px;
	max-width: 1200px;
}

.artrow .waitArt, .artrow .workerArt
{
	background-color: rgba(255, 102, 0, .3);
	background-color: #EEE;
	background-color: #FFFFCC;
	background-color: rgba(215, 202, 156, 1);
	padding: 60px 34px 10px 40px;
}
@media screen and (max-width: 950px){
	.artrow .waitArt {padding-top: 5px; background-image: none; background-color: transparent; height: 200px;}}
@media screen and (max-width: 950px){
	.artrow .workerArt {padding-top: 5px; background-image: none; background-color: transparent; height: 300px;}}


.waitArt, .workerArt
{
	height: 240px;
	max-width: 1200px;
/*	background: transparent url(spectaculo/hBack1.jpg) no-repeat 0px -230px;*/
}



.md21
{
	height: 300px;
/*	background: transparent url(spectaculo/c2.jpg) no-repeat 0px 0px;*/
	max-width: 1200px;
}

.artrow .md21
{
	background-color: rgb(255, 230, 0);
}
@media screen and (max-width: 950px){
	.artrow .md21 {padding-top: 5px; background-image: none; height: 241px;}}




.ct20
{
	height: 300px;
/*	background: transparent url(spectaculo/c2.jpg) no-repeat 0px 0px;*/
	max-width: 1200px;
}

.artrow .ct20
{
	background-color: rgb(78, 160, 225);
}
@media screen and (max-width: 950px){
	.artrow .ct20 {padding-top: 5px; background-image: none; height: 241px;}}




.pf19
{
	height: 300px;
	background: transparent url(spectaculo/c2.jpg) no-repeat 0px 0px;
	max-width: 1200px;
}
@media screen and (max-width: 950px){
	.pf19 {padding-top: 5px; background-image: none; height: 241px;}}


.ss19
{
	height: 300px;
	background: transparent url(spectaculo/c1.jpg) no-repeat 0px 0px;
	max-width: 1200px;
}
@media screen and (max-width: 950px){
	.ss19 {padding-top: 5px; background-color: transparent; background-image: none; height: 235px;}}
@media screen and (max-width: 750px){
	.ss19 {height: 320px; background-image: none;}}
@media screen and (max-width: 500px){
	.ss19 {height: 420px; background-image: none;}}

.ss19 a
{
	text-decoration: none;
	color: rgb(34, 70, 174);
	color: rgb(42, 154, 258);
}

.ss19 a:hover:not(.active)
{
	text-decoration: none;
	color: rgb(34, 70, 144);
	color: #A10040;
	color: rgb(188, 7, 98);
}

.artrow
{
	clear: both;			/*IF YOU REMOVE THIS, THE PAGES LINEUP*/
	width: 100%;	/*600px*/
	width: auto;
/*	height: 100px;*/
	height: auto;
/*	margin: 0 auto;*/
/*	margin-left: 21%;		*//*15% works better on IE5 & Firefox PC*/
/*	margin: 0 auto;*//*REMOVE THIS IF YOU USE CENTER IN THE HTML*/
	margin: 0px 0px 0px 0px;
	background-color: #FFF;
	background-color: #202020;
}

.artrow ul
{
	padding-top: 0px; /*35*/
	padding-bottom: 35px;	/*35px; 15px; 10px*/
/*	border-bottom: 1px solid #666666;*/
	background-color: #FFF;
	background-color: rgb(255, 255, 232);
	background-color: #202020;
}
@media screen and (max-width: 950px){
	.artrow ul {padding-bottom: 10px;}}

#artrowline, #artrowline2
{
	float: left;
	list-style: none;
	background-color: #FFF;
	background-color: rgb(255, 255, 232);
	background-color: #202020;
	padding: 0px:
	margin: 0px;
}
@media screen and (max-width: 800px){
	#artrowline {width: 315px;}}

#artrowline2 li
{
/*	width: 400px;*/
	border: 1px solid #000;
}

#artrowline li, #artrowline2 li
{
/*	float: left;*/
	display: inline-block;  /*NEW104*/
	margin: 25px 35px 15px 0px;
	list-style-type: none;
	background: transparent;
	background-color: #202020;
/*	border: 1px solid #999;*/
}

@media screen and (max-width: 800px){
	#artrowline li, #artrowline2 li {margin-top: 25px; margin-right: 0px; margin-bottom: 15px; margin-left: 10px/*4%*/;}}




#artrowline li.waArt1
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/wa15.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.waArt1 {width: 250px; height: 250px; background: #FFF url(spectaculo/wa15b.jpg) no-repeat 0 0;}}

#artrowline li.waArt2
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/wa14.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.waArt2 {width: 250px; height: 250px; background: #FFF url(spectaculo/wa14b.jpg) no-repeat 0 0;}}

#artrowline li.waArt3
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/wa13.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.waArt3 {width: 250px; height: 250px; background: #FFF url(spectaculo/wa13b.jpg) no-repeat 0 0;}}

#artrowline li.waArt4
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/wa12.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.waArt4 {width: 250px; height: 250px; background: #FFF url(spectaculo/wa12b.jpg) no-repeat 0 0;}}

#artrowline li.waArt5
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/wa11.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.waArt5 {width: 250px; height: 250px; background: #FFF url(spectaculo/wa11b.jpg) no-repeat 0 0;}}

#artrowline li.waArt6
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/wa10.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.waArt6 {width: 250px; height: 250px; background: #FFF url(spectaculo/wa10b.jpg) no-repeat 0 0;}}

#artrowline li.waArt7
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/wa9.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.waArt7 {width: 250px; height: 250px; background: #FFF url(spectaculo/wa9b.jpg) no-repeat 0 0;}}

#artrowline li.waArt8
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/wa8.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.waArt8 {width: 250px; height: 250px; background: #FFF url(spectaculo/wa8b.jpg) no-repeat 0 0;}}

#artrowline li.waArt9
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/wa7.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.waArt9 {width: 250px; height: 250px; background: #FFF url(spectaculo/wa7b.jpg) no-repeat 0 0;}}

#artrowline li.waArt10
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/wa6.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.waArt10 {width: 250px; height: 250px; background: #FFF url(spectaculo/wa6b.jpg) no-repeat 0 0;}}

/*#artrowline li.waArt11
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/wa5.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.waArt11 {width: 250px; height: 250px; background: #FFF url(spectaculo/wa5b.jpg) no-repeat 0 0;}}

#artrowline li.waArt12
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/wa4.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.waArt12 {width: 250px; height: 250px; background: #FFF url(spectaculo/wa4b.jpg) no-repeat 0 0;}}

#artrowline li.waArt13
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/wa3.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.waArt13 {width: 250px; height: 250px; background: #FFF url(spectaculo/wa3b.jpg) no-repeat 0 0;}}

#artrowline li.waArt14
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/wa2.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.waArt14 {width: 250px; height: 250px; background: #FFF url(spectaculo/wa2b.jpg) no-repeat 0 0;}}

#artrowline li.waArt15
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/wa1.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.waArt15 {width: 250px; height: 250px; background: #FFF url(spectaculo/wa1b.jpg) no-repeat 0 0;}}
*/



#artrowline li.nphotW1
{
	width: 450px;
	height: 300px;
	background: #FFF url(spectaculo/w19a.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.nphotW1 {width: 200px; height: 240px; background: #FFF url(spectaculo/w19a2.jpg) no-repeat 0 0;}}

#artrowline li.nphot1
{
	width: 250px;
	height: 375px;
	background: #FFF url(spectaculo/s19a.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.nphot1 {width: 200px; height: 300px; background: #FFF url(spectaculo/s19a2.jpg) no-repeat 0 0;}}

#artrowline li.nphot2
{
	width: 250px;
	height: 375px;
	background: #FFF url(spectaculo/s19b.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.nphot2 {width: 200px; height: 300px; background: #FFF url(spectaculo/s19b2.jpg) no-repeat 0 0;}}

#artrowline li.nphot3
{
	width: 250px;
	height: 375px;
	background: #FFF url(spectaculo/s19c.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.nphot3 {width: 200px; height: 300px; background: #FFF url(spectaculo/s19c.jpg) no-repeat 0px 0px; background-size: contain;}}

#artrowline li.nphot4
{
	width: 250px;
	height: 375px;
	background: #FFF url(spectaculo/s19d.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.nphot4 {width: 200px; height: 300px; background: #FFF url(spectaculo/s19d.jpg) no-repeat 0px 0px; background-size: contain;}}

#artrowline li.nphot5
{
	width: 300px;
	height: 450px;
	background: #FFF url(spectaculo/np5.jpg) no-repeat 0 0;
}

#artrowline li.nphot6
{
	width: 300px;
	height: 450px;
	background: #FFF url(spectaculo/np6.jpg) no-repeat 0 0;
}

#artrowline li.nphot7
{
	width: 300px;
	height: 450px;
	background: #FFF url(spectaculo/np7.jpg) no-repeat 0 0;
}

#artrowline li.nphot8
{
	width: 300px;
	height: 450px;
	background: #FFF url(spectaculo/np8.jpg) no-repeat 0 0;
}

#artrowline li.nphot9
{
	width: 300px;
	height: 450px;
	background: #FFF url(spectaculo/np9.jpg) no-repeat 0 0;
}

#artrowline li.nphot10
{
	width: 300px;
	height: 450px;
	background: #FFF url(spectaculo/np10.jpg) no-repeat 0 0;
}

#artrowline li.nphot11
{
	width: 300px;
	height: 450px;
	background: #FFF url(spectaculo/np11.jpg) no-repeat 0 0;
}


.obrands
{
	position: absolute;
	top: 0px
	bottom: 0;
	padding: 90px 10px 10px 57px;
	width: 250px;
	height: 375px;
/*	transition: .05s ease;*/
	opacity: 0;
/*	color: #A10040;*/
	color: white;
	color: rgb(188, 7, 98);
	color: rgba(10%, 10%, 10%, .97);
	background: rgba(100%, 100%, 100%, .90);
}
@media screen and (max-width: 950px){
	.obrands {width: 200px; height: 300px; padding-top: 70px; padding-left: 30px;}}
/*{width: 250px; height: 330px; padding-top: 80px; padding-left: 55px;}}*/


.obrands2
{
	position: absolute;
	top: 0px
	bottom: 0;
	padding: 80px 10px 10px 122px;
	width: 450px;
	height: 300px;
/*	transition: .05s ease;*/
	opacity: 0;
/*	color: #A10040;*/
	color: white;
	color: rgb(188, 7, 98);
	color: rgba(10%, 10%, 10%, .97);
	background: rgba(100%, 100%, 100%, .90);
}
@media screen and (max-width: 950px){
	.obrands2 {width: 200px; height: 240px; padding-top: 30px; padding-left: 35px;}}

.mainbrands
{
	font-size: 13px;
	font-weight: bold;
	font-family: futura, sans-serif;
	letter-spacing: 1px;
	line-height: 27px;
}

/*.obrands span
{
	border-left: 5px solid rgb(188, 7, 98);
}*/

.subbrands
{
	font-size: 12px;
	color: rgb(188, 7, 98);
	color: rgba(10%, 10%, 10%, .76);
	font-weight: bold;
	letter-spacing: 0px;
	font-style: italic;
	font-family: helvetica, arial, sans-serif;
	line-height: 12px;
	border: none;
}

.nphotW1:hover .obrands2, .nphot1:hover .obrands, .nphot2:hover .obrands, .nphot3:hover .obrands, .nphot4:hover .obrands, .nphot5:hover .obrands, .nphot6:hover .obrands, .nphot7:hover .obrands, .nphot8:hover .obrands, .nphot9:hover .obrands, .nphot10:hover .obrands
{
	opacity: 1;
}



#artrowline li.hArt1
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/h17.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.hArt1 {width: 250px; height: 250px; background: #FFF url(spectaculo/h17b.jpg) no-repeat 0 0;}}

#artrowline li.hArt2
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/h16.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.hArt2 {width: 250px; height: 250px; background: #FFF url(spectaculo/h16b.jpg) no-repeat 0 0;}}

#artrowline li.hArt3
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/h15.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.hArt3 {width: 250px; height: 250px; background: #FFF url(spectaculo/h15b.jpg) no-repeat 0 0;}}

#artrowline li.hArt4
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/h14.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.hArt4 {width: 250px; height: 250px; background: #FFF url(spectaculo/h14b.jpg) no-repeat 0 0;}}

#artrowline li.hArt5
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/h13.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.hArt5 {width: 250px; height: 250px; background: #FFF url(spectaculo/h13b.jpg) no-repeat 0 0;}}

#artrowline li.hArt6
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/h12.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.hArt6 {width: 250px; height: 250px; background: #FFF url(spectaculo/h12b.jpg) no-repeat 0 0;}}

#artrowline li.hArt7
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/h11.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.hArt7 {width: 250px; height: 250px; background: #FFF url(spectaculo/h11b.jpg) no-repeat 0 0;}}

#artrowline li.hArt8
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/h10.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.hArt8 {width: 250px; height: 250px; background: #FFF url(spectaculo/h10b.jpg) no-repeat 0 0;}}

#artrowline li.hArt9
{
	width: 300px;
	height: 300px;
	background: #FFF url(spectaculo/h9.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	#artrowline li.hArt9 {width: 250px; height: 250px; background: #FFF url(spectaculo/h9b.jpg) no-repeat 0 0;}}



/*--RETS--*/


.retroG
{
	background-color: #FFF;
	padding: 20px 50px 20px 40px;
	border-bottom: 1px solid #999;
	z-index: 5;
}



.retroG
{
	border: none;
	padding: 5px 0px 20px 0px;
}

@media screen and (max-width: 1000px){
	.retroG {padding-left: 6%;}}
@media screen and (max-width: 1000px){
	.retroG {padding: 20px 0px 20px 0px;}}


@media screen and (max-width: 950px) {
	.retroG {padding-top: 50px; flex: none; width: 100%; z-index: 1;}}


.retroG p
{
	background-color: #FFF;
	padding: 40px 25px 20px 20px;
}
@media screen and (max-width: 750px){
	.retroG p {padding: 2px 15px 25px 5px; font-size: 14px; line-height: 22px; text-align: left;}}







.start1
{
	font-family: Georgia, Times, 'Times New Roman', sans-serif;
	font-size: 14.5px; /*16.5*/
	line-height: 32px;
	text-align: justify;
	letter-spacing: 0px;
	font-style: normal;
	background-color: transparent;
	padding: 30px 40px 5px 40px;
	width: 70%;
	margin: 0 auto;
}





.start1G
{
	font-family: Georgia, Times, 'Times New Roman', sans-serif;
	font-size: 14.5px; /*16.5*/
	line-height: 32px;
	text-align: justify;
	letter-spacing: 0px;
	font-style: normal;
	background-color: transparent;
	padding: 30px 40px 5px 40px;
	width: 70%;
	margin: 0 auto;

	animation: away70 20s ease-in;
	-webkit-animation: away70 20s ease-in;
	-moz-animation: away70 20s ease-in;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}

@keyframes away70
{
	from {color: #000;}
	to {color: #FFF;}
}
@-webkit-keyframes away70
{
	from {color: #000;}
	to {color: #FFF;}
}
@-moz-keyframes away70
{
	from {color: #000;}
	to {color: #FFF;}
}





.retroContain40, .retroContain70
{
	width: 100%;
	height: 100%; /*192*/
	margin-top: 70px;

	background: rgb(230, 74, 44);
	border-top: 5px solid #CCC;  /*rgb(139, 176, 77)*/
	border-bottom: 5px solid #CCC;
}



.intro40s
{
	width: 600px;
	height: 192px;
	border: 1px solid #999;
	margin: 0 auto;
	background: #FFF url(spectaculo/40sTop.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	.intro40s {display:none;}}

.intro70s
{
	width: 600px;
	height: 192px;
	border: 1px solid #999;
	margin: 0 auto;
	background: #FFF url(spectaculo/70sTop.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	.intro70s {display:none;}}





/*---RETROP--*/
.retroSelectA
{
	margin: 0 auto;
	width: 90%;
}


.retroSelect
{
	float: left;
	width: 220px;
	height: 220px;
	margin: 45px;
}
@media screen and (max-width: 650px){
	.retroSelect {display: block;}}




/*.retroSelectName
{
	padding: 12px 18px 10px 18px;
}*/

.retroSelectName h3
{
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
	text-align: left;
	padding-top: 10px;
	margin: 0 auto;
	letter-spacing: 1px;
	line-height: 24px;
	font-weight: bold;
	color: #333;
	display: none;
}
/*@media screen and (max-width: 900px){
	.retroSelectName h3 {text-align: center; font-size: 11px; padding-top: 3px;}}*/


.retroSelectName p
{
	font-style: normal;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0px;
	padding: 0;
	padding-top: 5px;
	background-color: transparent;
	color: #000;
	letter-spacing: 0px;
	font-size: 15px;
	line-height: 24px;
	font-family: georgia, palatino, 'Times new roman', serif;
}
@media screen and (max-width: 900px){
	.retroSelectName p {font-size: 13px; padding-top: 3px;}}


.retroSelectName p a
{
	color: #000;
	color: rgb(6, 90, 208);
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
}
@media screen and (max-width: 900px){
	.retroSelectName p a {font-size: 12px;}}

.retroSelectName p a:hover
{
	color: #33CCFF;
}*/



.retroQuot
{
	font-style: italic;
	font-size: 18px;
	font-weight: bold;
	line-height: 33px;
	display: block;
	margin-top: 26px;
	font-family: georgia, palatino, 'Times new roman', serif;
}
@media screen and (max-width: 975px){
	.retroQuot {font-size: 14px; line-height: 22px;}}

.retroQuot2
{
	font-style: italic;
	font-size: 15px;
	font-weight: bold;
	font-family: georgia, palatino, 'Times new roman', serif;
}
@media screen and (max-width: 975px){
	.retroQuot2 {font-size: 12px;}}


.retroGG
{
	border: 3px solid #DDD;
	border-radius: 19px;
	margin: 0 auto;
	width: 220px;
	height: 220px;
	background: transparent url(../bild/Pfa1a.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 975px){
	.retroGG{width: 150px; height: 150px; background: transparent url(../bild/Pfa1b.jpg) no-repeat 0px 0px;}}




.retro1910
{
	border: 3px solid #333;
	border-radius: 19px;
	margin: 0 auto;
	width: 220px;
	height: 220px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: transparent url(spectaculo/10sa.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 975px){
	.retro1910 {width: 150px; height: 150px; background: transparent url(spectaculo/10sb.jpg) no-repeat 0px 0px;}}

/*.retroSelect a:hover .retro1910
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}*/

.retro1920
{
	border: 3px solid #333;
	border-radius: 19px;
	margin: 0 auto;
	width: 220px;
	height: 220px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: transparent url(spectaculo/20sa.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 975px){
	.retro1920 {width: 150px; height: 150px; background: transparent url(spectaculo/20sb.jpg) no-repeat 0px 0px;}}

/*.retroSelect a:hover .retro1920
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}*/

.retro1930
{
	border: 3px solid #333;
	border-radius: 19px;
	margin: 0 auto;
	width: 220px;
	height: 220px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: transparent url(spectaculo/30sa.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 975px){
	.retro1930 {width: 150px; height: 150px; background: transparent url(spectaculo/30sb.jpg) no-repeat 0px 0px;}}

/*.retroSelect a:hover .retro1930
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}*/

.retro1940
{
	border: 3px solid rgb(34, 70, 194);
	border-radius: 19px;
	margin: 0 auto;
	width: 220px;
	height: 220px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: transparent url(spectaculo/40sa.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 975px){
	.retro1940 {width: 150px; height: 150px; background: transparent url(spectaculo/40sb.jpg) no-repeat 0px 0px;}}

.retroSelect a:hover .retro1940
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}


.retro1950
{
	border: 3px solid #333;
	border-radius: 19px;
	margin: 0 auto;
	width: 220px;
	height: 220px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: transparent url(spectaculo/50sa.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 975px){
	.retro1950 {width: 150px; height: 150px; background: transparent url(spectaculo/50sb.jpg) no-repeat 0px 0px;}}

/*.retroSelect a:hover .retro1950
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}*/

.retro1960
{
	border: 3px solid #333;
	border-radius: 19px;
	margin: 0 auto;
	width: 220px;
	height: 220px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: transparent url(spectaculo/60sa.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 975px){
	.retro1960 {width: 150px; height: 150px; background: transparent url(spectaculo/60sb.jpg) no-repeat 0px 0px;}}

/*.retroSelect a:hover .retro1960
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}*/


.retro1970
{
/*	border: 3px solid rgb(6, 90, 208);*/
	border: 3px solid rgb(34, 70, 194);
	border-radius: 19px;
	margin: 0 auto;
	width: 220px;
	height: 220px;
	opacity: .7;
	filter: alpha(opacity=70);
	background: transparent url(spectaculo/70sa.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 975px){
	.retro1970 {width: 150px; height: 150px; background: transparent url(spectaculo/70sb.jpg) no-repeat 0px 0px;}}

.retroSelect a:hover .retro1970
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}

.retro1980
{
	border: 3px solid #333;
	border-radius: 19px;
	margin: 0 auto;
	width: 220px;
	height: 220px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: transparent url(spectaculo/80sa.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 975px){
	.retro1980 {width: 150px; height: 150px; background: transparent url(spectaculo/80sb.jpg) no-repeat 0px 0px;}}

/*.retroSelect a:hover .retro1980
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}*/


.retro1990
{
	border: 3px solid rgb(34, 70, 194);
	border-radius: 19px;
	margin: 0 auto;
	width: 220px;
	height: 220px;
	opacity: .6;
	filter: alpha(opacity=60);
	background: transparent url(spectaculo/90sa.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 975px){
	.retro1990 {width: 150px; height: 150px; background: transparent url(spectaculo/90sb.jpg) no-repeat 0px 0px;}}

.retroSelect a:hover .retro1990
{
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid #33CCFF;
}




.retroSelectA::after
{
	content: "";
	clear: both;
	display: table;
}









.retroG .retroImgs
{
	padding-top: 70px;
	width: 60%;
	margin: 0 auto;
}


.retroG .retro70sGallery
{
	list-style-type: none;
	background-color: transparent;
}

.retro70sGallery li.phot1
{
	margin: 0 auto;
}

.retro70sGallery li.phot1
{
	border: 1px solid #DDD;
	border-radius: 19px;
	width: 634px;
	height: 800px;
	background: #FFF url(spectaculo/im70sZRa.jpg) no-repeat 0 0;
}
@media screen and (max-width: 950px){
	.retro70sGallery li.phot1 {display: none;}}


.rbrands
{
	position: absolute;
	top: 0px
	left: 0;
	padding: 110px 10px 10px 150px;
	width: 634px;
	height: 800px;
	border: 1px solid #FFF;
	border-radius: 19px;
/*	transition: .05s ease;*/
	opacity: .05;
/*	color: #A10040;*/
	color: white;
	color: rgb(188, 7, 98);
	color: rgba(10%, 10%, 10%, .97);
	background: rgba(100%, 100%, 100%, .90);
}
@media screen and (max-width: 950px){
	.rbrands {display: none;}}


.rmainbrands
{
	font-size: 17px;
	font-weight: bold;
	font-family: futura, sans-serif;
	letter-spacing: 1px;
	line-height: 33px;
}

/*.obrands span
{
	border-left: 5px solid rgb(188, 7, 98);
}*/

.rsubbrands
{
	font-size: 16px;
	color: rgb(188, 7, 98);
	color: rgba(10%, 10%, 10%, .76);
	font-weight: bold;
	letter-spacing: 0px;
	font-style: italic;
	font-family: helvetica, arial, sans-serif;
	line-height: 22px;
	border: none;
}

.phot1:hover .rbrands
{
	opacity: .95;
}






















@media screen and (max-width: 950px){
	.mySidenav, .ouvrirRetro {display: none;}}
@media screen and (min-width: 951px){
	.mySidenav, .ouvrirRetro {display: block;}}

.sidenav
{
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: .5;
	overflow-x: hidden;
	padding-top: 60px;
	transition: 0.5s;
}

.sidenav a
{
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover
{
	color: #f1f1f1;
}

.ouvrirRetro
{
	color: #CCC;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 2px;
	cursor: pointer;
	margin-left: 45px;
}

.ouvrirRetro:hover
{
/*	margin-left: 39px;*/
	background-color: #202020;
	color: rgb(188, 7, 98);
	border: none;
}


.sidenav .closebtn
{
	position: absolute;
	top: 25px;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main
{
	transition: margin-left .5s;
	padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px)
{
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
}


















/*--METRIC--*/
#Pporttablescaption, #MetricTables caption, #metric1 caption, #metric2 caption
{
	display: none;
}

#MetricTables
{
	margin: 0 auto;
}

#MetricTables
{
	width: 70%;
	height: 610px;	/*570 520*/
}

#metric1, #metric2
{
	margin-top: 15px;
	background-color: #FFF;
}

#metric1
{
	float: left;
}

#metric2
{
	float: right;
}
@media screen and (max-width: 1280px){
	#MetricTables {width: 85%;}}
@media screen and (max-width: 1170px){
	#MetricTables {width: 97%;/* height: 1100px;*/}}

@media screen and (max-width: 950px){
	#MetricTables {height: 1165px;}}
@media screen and (max-width: 950px){
	#metric1, #metric2 {float: none; margin: 0 auto;}}
@media screen and (max-width: 950px){
	#metric2 {padding-top: 30px;}}
@media screen and (max-width: 700px){
	#MetricTables {height: 1140px;}}
@media screen and (max-width: 700px){
	#metric1, #metric2 {float: none; margin-left: 5%;}}

@media screen and (max-width: 1250px){
	#metric1, #metric2 {margin-top: 10px;}}


#metric1, #metric2
{
/*	margin-left: 10px;
	margin: 0 auto;
	border: 1px solid #CCC;*/
	width: 290px;
}
@media screen and (max-width: 800px){
	#metric1, #metric2 {width: 220px;}}
@media screen and (max-width: 800px){
	#metric1, #metric2 {width: 220px;}}

#metric11 p, #metric22 p
{
	margin: 0;
	padding: 0;
	text-align: left;
	padding: 5px 5px 5px 15px;
	background-color: transparent;
}

#metric11, #metric22
{
	border-collapse: collapse;
	width: 290px; /*330*/
	background-color: transparent;
}
@media screen and (max-width: 800px){
	#metric11, #metric22 {width: 220px;}}

#metric11 tr, #metric22 tr
{
	border: 1px solid #CCC;
}

.metricbold, .metricbold2
{
	padding-top: 12px;
/*	background-color: #666666;*/
}

.Topgris
{
	background-color: #666666;
}

.metricbold p
{
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
	color: #FFF;
	font-size: 14px;
	letter-spacing: 1px;
}

.usaltB p, .metricaltB p
{
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	color: #666666;
}

.metricalt, .metricaltB
{
	border-left: 1px solid #CCC;
}

.gris
{
	background-color: #EEE;
}

#Nitextlook, #Nitextlook2
{
	height: auto;
	background-color: #FFF;
}

#Nitextlook, #Nitextlook2, #Nitextterms
{
	margin: 0;
	padding: 0;
}

#Nitextlook
{
	width: 100%;  /*90*/
	padding-bottom: 50px;
}

#Nitextlook2
{
	margin: 0 auto;
	width: 80%;  /*90*/
	padding-bottom: 50px;
}
@media screen and (max-width: 1150px){
	#Nitextlook2 {margin: 0px; width: 100%;}}

#NText
{
	background-color: #FFF;
}

#Nitextlook p
{
	text-align: justify;
	margin: 0px 45px 0px 45px;
	padding: 0px 15px 15px 20px;
/*	background-color: #FFF;*/
}
@media screen and (max-width: 1250px){
	#Nitextlook p, #Nitextlook2 p {margin: 0px 5px 0px 5px; padding: 0px 1px 15px 1px;}}
@media screen and (max-width: 950px){
	#Nitextlook p, #Nitextlook2 p {margin: 0px 3px 0px 7px; padding: 0px 1px 15px 1px; text-align: left;}}


#Nitextlook h3
{
	margin: 10px 0px 0px 65px; /*10px 0px 0px 65px;*/
	border: none;
}
/*@media screen and (max-width: 940px){
	#Nitextlook h3 {margin: 10px 0px 0px 16px;}}*/
@media screen and (max-width: 1250px){
	#Nitextlook h3 {margin: 10px 0px 0px 7px;}}

#Nitextlook a
{
	margin-top: 0px;
}

#Nitextlook a
{
	text-decoration: none;
	list-style-type: none;
	font-family: futura, helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #BD8C00;
	color: rgb(217, 0, 118);
	color: rgb(34, 70, 114);
	color: rgb(34, 70, 144);
	color: rgb(34, 70, 174);
}
@media screen and (max-width: 950px){
	#Nitextlook a {font-size: 14px;}}

#Nitextlook a:hover
{
	color: #0099CC;
	color: rgba(0%, 62%, 198%, 1);
	color: rgb(216, 88, 21);  /*256, 128, 2)*/
	color: rgb(76, 135, 140);
	color: rgb(215, 155, 60);
	color: rgb(163, 7, 98);
	color: rgb(188, 7, 98);
	text-decoration: none;
}

#Nitextlook .disclaim
{
	padding-top: 5px;
	font-size: 13px;
	line-height: 19px;
	background-color: #FFF;
}

#Nitextlook .smaller
{
	padding-left: 80px;
}

#Nitextlook .smaller2
{
	padding-left: 100px;
	padding-right: 150px;
	background-color: #FFF;
}

/*800*/
@media screen and (max-width: 1250px){
	#Nitextlook .smaller {padding-left: 1px;}}
@media screen and (max-width: 1250px){
	#Nitextlook .smaller2 {padding-left: 1px; padding-right: 10px;}}

#Rocklinks
{
	margin: 0px;
	width: 95%;
	border: 1px solid #CCC;
}

#Rocklinks p
{
	margin: 0px;
	padding: 0px;
	margin-left: 45px;
}









.chats
{
	margin-bottom: 30px;
	margin-left: 75px;
	border: 1px solid #CCC;
	border-radius: 20px;
	padding: 20px 0px 20px 0px;
	color: #000;
	font-family: georgia, times, 'times new roman', serif;
	font-size: 16px;
	line-height: 20px;
}

.chats
{
	height: 1550px;
	width: 700px;
}
@media screen and (max-width: 1200px){
	.chats {height: 1770px; width: 600px;}}
@media screen and (max-width: 1050px){
	.chats {height: 1770px; width: 500px; margin-left: 1px; font-size: 14px;}}
@media screen and (max-width: 900px){
	.chats {height: 2380px; width: 290px;}}/*350*/

.chatL
{
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-radius: 0px 7px 7px 0px;
	background-color: #f1f1f1;
	padding: 13px 14px 18px 14px;
	margin: 10px 0px 12px 0px;
	float: left;
	width: 60%;
}

.chatL img
{
	float: left;
	width: 50px;
}

.chatL span
{
	float: right;
	width: 310px;
}

@media screen and (max-width: 1200px){
	.chatL span {width: 219px;}}/*245*/
@media screen and (max-width: 900px){
	.chatL span {float: left; margin-top: 15px;}}

.chatR
{
	border-top: 1px solid #CCC;
	border-leftt: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-radius: 7px 0px 0px 7px;
	background-color: #ddd;
/*	padding: 10px;*/
	padding: 13px 14px 18px 14px;
	margin: 10px 0px 13px 0px;
	float: right;
	width: 60%;
}

.chatR img
{
	float: left;
	width: 50px;
}

.chatR span
{
	float: right;
	width: 310px;
}

@media screen and (max-width: 1200px){
	.chatR span {width: 221px;}}
@media screen and (max-width: 900px){
	.chatR span {float: left; margin-top: 15px;}}

@media screen and (max-width: 1050px){
	.chatL, .chatR {width: 70%;}}
@media screen and (max-width: 900px){
	.chatL, .chatR {width: 85%;}}

.main .condensedp
{
	padding: 7px 55px 7px 75px;
}

@media screen and (max-width: 750px){
	.main .condensedp {padding: 7px 15px 7px 35px; font-size: 14px; line-height: 28px;}}




/* Style images */
.chatL img {
Ê float: left;
ÊÊmax-width: 60px;
ÊÊwidth: 100%;
ÊÊmargin-right: 20px;
ÊÊborder-radius: 50%;
}

/* Style the right image */
.chatR img.right {
ÊÊfloat: right;
ÊÊmargin-left: 20px;
ÊÊmargin-right:0;
}

/* Style time text */
.time-right {
Ê float: right;
ÊÊcolor: #aaa;
}

/* Style time text */
.time-left {
ÊÊfloat: left;
ÊÊcolor: #999;
}






.show
{
	width: 280px; /*500*/
	height: 295px;
	margin: 0px;
	margin-left: 15px; /*45*/
/*	border: 1px solid #CCC;*/
	background: transparent url(spectaculo/show1b.jpg) no-repeat 0px 0px;
}
@media screen and (max-width: 1150px) {
	.show {margin-left: 15px;}}
/*@media screen and (max-width: 1000px) {
	.show {margin-left: 15px;}}*/

@media screen and (max-width: 1000px) {
	.show {height: 295px; background: transparent url(spectaculo/show1b.jpg) no-repeat 0px 0px;}}



.paginasC
{
	text-align: center;
}

.paginas
{
	display: inline-block;
}

.paginas a
{
	float: left;
	border: 1px solid #CCC;
	padding: 4px 9px;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	transition: background-color .3s;
	margin: 0px 6px 14px 6px;
	color: #999;
}


#iab-pcm-sdk, #iab-autofill-sdk
{
	display: none;
}




/*CLEAR*/

.pageactive
{
	background-color: #999;
	color: #FFF;
	border: 1px solid #4CAF50;
}

.paginas .pageactive
{
	color: #FFF;
}

.paginas a:hover:not(.active)
{
	background-color: #666666;
	color: #FFF;
}




/*.footer
{
  padding: 20px;
  text-align: center;
  background: #ddd;
}*/


.toclear
{
	clear: left;	/*all;*/
	clear: right;
}





.Ncopyright, .Ncopyright2
{
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	margin-left: 0;
	padding: 15px 10px 15px 20px;
	letter-spacing: 1px;
	line-height: 14.5px;
	font-weight: bold;
	text-align: left;
	color: #DDD;
	color: #333;
	color: #000;
	border-top: 2px solid #333;
}

.Ncopyright2
{
	border-top: none;
}


.NcopyrightHome
{
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	margin-left: 0;
	padding: 15px 35px 15px 25px;
	letter-spacing: 1px;
	line-height: 14.5px;
	font-weight: normal;
	text-align: left;
	color: #DDD;
	color: #333;
	color: #EEE;
	border-top: none;
}
@media screen and (max-width: 600px){
	.NcopyrightHome {margin-top: 15px; padding-bottom: 25px;}}


.NcopyrightNB
{
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	margin-left: 0;
	padding: 15px 10px 15px 62px; /*15px 10px 15px 20px;*/
	letter-spacing: 1px;
	line-height: 14.5px;
	font-weight: bold;
	text-align: left;
	color: #DDD;
	color: #333333;
	color: #000;
}

.NcopyrightNBG
{
	font-family: helvetica, arial, sans-serif;
	font-size: 8px;
	margin-left: 0;
	padding: 15px 10px 21px 62px; /*15px 10px 15px 20px;*/
	letter-spacing: 2px;
	line-height: 10px;
	font-weight: bold;
	text-align: left;
	background-color: #202020;
	color: #999;
}

@media screen and (max-width: 600px){
	.Ncopyright {margin-top: 7px; padding-bottom: 15px;}}

@media screen and (max-width: 600px){
	.Ncopyright2, .NcopyrightNB, .NcopyrightNBG {margin-top: 15px; padding-bottom: 25px;}}


.nojavas
{
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(188, 7, 98);
}