html,body { 
	margin: 0;
	padding: 0;
	background: url(http://www.darksun.sk/main/images/back4.jpg) repeat;
	background: url(http://www.darksun.sk/images/back3.jpg) no-repeat;
	background-color: black; 
	background-position: center -250px;
	background-size: cover;
	
    }

    body,td { 
	background-color: black; 
	color:#016087; 
	font-family: arial; 
	font-size: 12px; 
    }

    a { 
	color: #016087; text-decoration: none;
	color: white;
    }
	
    h1 { 
	font-size: 15px; 
        text-align: left;
	color: #7cbbdb;
    }
	
    #body {
/*    	background-color: black; */
	text-align: center;
    }
	
    .logo { 
	background: url(http://www.darksun.sk/main/darksun.png) no-repeat;
	background-image: url(http://www.darksun.sk/images/darksun_full2.png);
 	width: 300px;
        height: 225px;
	width: 369px;
        height: 109px;
	margin-left: auto;
        margin-right: auto;
	/* margin-top: 150px; */
	padding-top: 200px;
	background-position: center 200px;
	text-align: center;
	display: none;
    }

    .logo2 { background-image: url(http://www.darksun.sk/images/darksun_full2.png);
	width: 369px;
        height: 109px;
	margin-left: auto;
        margin-right: auto;
	margin-top: 50px;
	cursor: pointer;
    }

    .lynx {
        text-align: center;
	margin-left: auto;
        margin-right: auto;
        vertical-align: top;
	color: white;
	display: none;
    }
    .lynx span,.lynx a{
        vertical-align: top;
	color: white;
        
    }
    .white {
    	    color: white;
    	    text-align: left;
    }
        
        
        .wide { 
    	    width: 500px; 
        }

        .wide2 { 
    	    width: 1000px;
        }
	/* webhosting */
	td {
    color: white;
    text-align: right;
    padding-top: 4px;
    padding-bottom: 4px;    
    padding-right: 10px;
    padding-left: 10px;
    
    }
    .s1,.s3,.s9 {
    color:#016087;
    font-weight: bold;
    text-align: left;
    color: #7cbbdb;
    }
    .s1 { 
    text-align: center;
    }
    .s8,.s10 {
    font-weight: bold;
    }
    .r {
    color: red;
    color:#016087;
    }
    .solutions {

    }
    .solutions td {
	background-color: #7cbbdb;
	background-color: #016087;
	text-align: left;
	vertical-align: top;
	
    }
    
    .solutions .tleft  {
	width: 200px;
	background-color: white;
	vertical-align: middle;
    }
    .solutions img {
	width: 200px;
	margin: 10px 0px 10px 0px;
    }

    .solutions .tinyimg {
	vertical-align: middle;
	width: 90px;
	margin: 10px 0px 10px 0px;
    }
    .solutions tr { 
	height: 100px;
    }

.black1{    -moz-opacity: 0.1;    opacity:.10;    filter: alpha(opacity=10);}
.black2{    -moz-opacity: 0.2;    opacity:.20;    filter: alpha(opacity=20);}
.black3{    -moz-opacity: 0.3;    opacity:.30;    filter: alpha(opacity=30);}
.black4{    -moz-opacity: 0.4;    opacity:.40;    filter: alpha(opacity=40);}
.black5{    -moz-opacity: 0.5;    opacity:.50;    filter: alpha(opacity=50);}
.black6{    -moz-opacity: 0.6;    opacity:.60;    filter: alpha(opacity=10);}
.black7{    -moz-opacity: 0.7;    opacity:.70;    filter: alpha(opacity=20);}
.black8{    -moz-opacity: 0.8;    opacity:.80;    filter: alpha(opacity=30);}
.black9{    -moz-opacity: 0.9;    opacity:.90;    filter: alpha(opacity=40);}
.black10{ 
    display: none;
}
/* mobile */

@media only screen
and (max-width: 478px) {


    html { 
	zoom: 80%; 
    }
    .lynx {
	color:white;
    }
    .lynx a { 
	color:white;
    }
}

@media only screen
and (min-width: 479px) 
and (max-width: 599px) { 

    html { 
	zoom: 80%;
    }
    .lynx {
	color:white;
    }
    .lynx a { 
	color:white;
    }


}

@media only screen
and (min-width: 600px) 
and (max-width: 799px) { 

    html { 
	zoom: 80%;
    }

}


@media only screen
and (min-width: 800px) 
and (max-width: 1000px) {

    html { 
	zoom: 80%;
    }

}