body {
	background-image:  url('/images/etc/remote_control_back.png');
	background-repeat: no-repeat;
	background-size:   auto auto;
	background-attachment: fixed;
	width: 			   auto; 
}

h1.providername {
	font-size:		36px;
	font-family: 	"Oswald", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 	bold;
	margin-bottom:  0px;
	color: 			#607d8b;
}



h1.pagename {
	font-size:		40px;
	font-family: 	"Oswald", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 	bold;
	color: 			#607d8b;
}


h1.packagename {
	font-size:		28px;
	font-family: 	"Oswald", Verdana, Arial, Helvetica, sans-serif;
	color: 			#607d8b;
}

h1.channelname {
	font-size:		40px;
	font-family: 	"Oswald", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 	bold;
	padding-left:   60px;
    padding-top:    20px;
    float:			right;
    color: 			#607d8b;
}

h1.channels {
	font-size:		40px;
	font-family: 	"Oswald", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 	bold;
	margin-bottom:  0px;
}


div.channelpanel {
	padding-left: 5%;
	width: auto;
	
}

img.chlogosmall {
	width:		  66px;
	height:		  50px;
}

A.packagenav {
	font-size:		 16px;
	font-family: 	 "Roboto", Verdana, Arial, Helvetica, sans-serif;	
	display: 		 block;
	padding-left:    90px;
	color: 			 black;
	padding-top:	 5px;
}

A.smallprovider {
	font-size:		 16px;
	font-family: 	 "Roboto", Verdana, Arial, Helvetica, sans-serif;	
	color: 			 black;
}



A.chlogolink {
	text-decoration: none;
	color: 			 black;
}

A.whereprovider {
	font-size:		 36px;
	font-family: 	 "Roboto", Verdana, Arial, Helvetica, sans-serif;	
	color: 			 #2c3e50;
}

A.mainprovider {
	font-size:		 24px;
	font-family: 	 "Roboto", Verdana, Arial, Helvetica, sans-serif;	
	display: 		 block;
	padding-left:    90px;
	color: 			 black;
	padding-top:	 20px;

}

DIV.smallprovider {
	font-size:		 16px;
	font-family: 	 "Roboto", Verdana, Arial, Helvetica, sans-serif;	
	color: 			 black;
	padding-top:	 25px;
}


DIV.whereprovider {
	padding-top:	 20px;
}

DIV.wherepackage {
	padding-left:	 20px;
	font-size:		 16px;
	font-family: 	 "Roboto", Verdana, Arial, Helvetica, sans-serif;
	color: 			 #34495e;
}


DIV.chinfoimgcol {
	display: table-cell;
}
DIV.chinfodatacol {
	display: table-cell;
}

DIV.chinfodata {
	padding-left: 100px;
}

DIV.mainsubinfo {
	font-size: 		16px;
    padding-bottom: 80px;
    padding-left: 	150px;
	font-family: 	"Roboto", Verdana, Arial, Helvetica, sans-serif;	
}

DIV.chlistprovinfo {
	font-size: 		14px;
	font-family: 	"Roboto", Verdana, Arial, Helvetica, sans-serif;	
}

DIV.adblock {
	float: right;
}

DIV.footer {
	font-size: 		12px;
    padding-top: 	0px;
	font-family: 	"Roboto", Verdana, Arial, Helvetica, sans-serif;	
}

DIV.chtype {
	font-size: 		24px;
    padding-top:	20px;
    padding-bottom:	20px;
	font-family: 	"Roboto", Verdana, Arial, Helvetica, sans-serif;		
}

SPAN.chnamesmall {
	font-size:		 12px;
	font-family: 	 "Roboto", Verdana, Arial, Helvetica, sans-serif;	
	text-align:		 center;	
}

TD.chlogo {
	text-align: center;
	vertical-align: top;
	width: 85px;
	height: 85px !important;
}

IMG.mainlogo {
    float: left;
    margin-right: 20px;
    padding-left: 100px;	
}

IMG.wherelogo {
    float: left;
    margin-right: 20px;
}


IMG.chlistprovider {
    float: left;
    margin-right: 20px;
}

DIV.channelblock {
	text-align: center;
	vertical-align: top;
	width: 85px;
	height: 90px !important;
	display:inline-block;
}

HEADER {
    background-color: #eeeeee;
    padding: 10px 5px;
    min-height: 100px;
}


@media only screen and (min-width: 320px) and (max-width: 479px) and (orientation:portrait) {
	h1.providername {
		font-size:		24px;
	}
	
	h1.packagename {
		font-size:		20px;
	}
	
	DIV.chinfodata {
		padding-left: 5%;
	}
	
	A.whereprovider {
		font-size:	  20px;
	}
	
	A.mainprovider {
		padding-left: 5%;
	}
	
	DIV.mainsubinfo {
		padding-left: 5%;
	}
	
	IMG.mainlogo {
		padding-left: 5%;
	}
}