/* Root = Horizontal, Secondary = Vertical */


background:#aa25aa;

html,body{
height:100%;
}




body:nth-of-type(1) #marquee {
   height:100%;
   width:100%;
   position: relative;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-right: 0px;
   margin-left: 0px;
   padding: 0;
position: relative;
} 

#marquee {
bgcolor:#e1e1e1; 
position: relative;
} 



 
A:link {
	COLOR: #666666; TEXT-DECORATION: none; FontSize: 10px
}
A:active {
	COLOR: #333333; TEXT-DECORATION: none; FontSize: 10px
}
A:visited {
	COLOR: #333333; TEXT-DECORATION: none; FontSize: 10px
}
A:hover {TEXT-DECORATION:none; COLOR: #00a0a0; 
}
body {
	background-color: #FFFFFF;
	font-family: Segoe UI Light, Helvetica, sans-serif;
    font-weight: 300;
	margin-top: 20px;
	
}

body:nth-of-type(1) body {
	font-family: Segoe UI Light, Helvetica, sans-serif;
    font-weight: 300;

}

iframe
{
    display:block; 
    width:100%; 
    border:none;
    bottom:0px;
    top: -180px;
	height: 100%;
}

#conteiner{min-height:100%; }
 
#content80 {
    width: 80%;
    margin:0 auto;
    position: relative;
	margin-top: 220px;
    background: #fff;
    margin-bottom:202px;
}

#content90 {
    width: 90%;
    margin:0 auto;
    position: relative;
	margin-top: 10.0rem;
    background: #fff;
    margin-bottom:5rem;
}

#content100 {
    width: 100%;
    margin:0 auto;
    position: relative;
	margin-top: 6.8rem;
    background: #fff;
    margin-bottom:-10%;
}


#contentnew {
    width: 80%;
    margin:0 auto;
    position: relative;
	margin-top: 220px;
    background: #fff;
    margin-bottom:202px;
}
    
#contentwfull {
    width: 100%;
    margin:0 auto;
    position: relative;
	margin-top: 17rem;
    background: #fff;
    margin-bottom:-10%;
}

#slidermobile{
	display:none; 
	visibility: hidden;
}

#sliderstandard{
	display:block; 
	visibility: visible;
}


@media screen and (min-width: 650px) and (max-width: 768px) {



#content90 {
    width: 100%;
    margin:0 auto;
    position: relative;
    background: #fff;
    margin-bottom:-10%;
}


#sliderstandard{
	display:none; 
	visibility: hidden;
}

#slidermobile{
	display:block; 
	visibility: visible;
	height: 20vh;
	max-width:100%;
}
}



@media (max-width: 950px) {

#content90 {
    width: 100%;
    margin:0 auto;
    position: relative;
    background: #fff;
    margin-bottom:-20%;


}


#sliderstandard{
	display:none; 
	visibility: hidden;

}

#slidermobile{
	display:block; 
	visibility: visible;
	height: 600px;
	max-width:100%;
}
}

@media screen and (min-width: 300px) and (max-width: 650px) and (orientation: landscape){
#slidermobile{
    margin-top:13%;
		height: 400px;
		max-height: 600px;


}
}





/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 700px) 
{
#contentwfull {
	margin-top: 18vh;
    background: #fff;
    margin-bottom:-10%;
}

#contentnew {
    width: 95%;
	margin-top: 110px;
}

#content80 {
    width: 95%;
	margin-top: 110px;
}

#content100 {
	margin-top: 15.5vh;
    background: #fff;
    margin-bottom:-10%;
}



.autoResizeImagehistory1 {
    max-width: 60%;
    min-width: 50px;
    height: auto;
    width: 160px;
 	align: center;
}





}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 800px) {

#contentwfull {
	margin-top: 40%;
    background: #fff;
    margin-bottom:-10%;
}



}