@charset "utf-8";
/*
	Document   : eko.css
	Created on : 2015-06-25
	Author     : Rafał Szwędrys
	Description: Default stylesheet for olecko.fantex.pl
*/
@font-face {
  font-family: 'Solid Ooky';
  src: url('/css/fonts/Soliooky.ttf') format('truetype');
}

html {
background:url('/images/bg_eco_logo.jpg') #779e19 no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
min-height:100%;
}
body{
    /* Workaround for some mobile browsers */
    min-height:100%;
}

#bok {
position: absolute;
background:url('/images/dymek_prawy_270px.png') no-repeat right top;
top: 17%;
right: 7%;
padding-left: 0px;
padding-top: 30px;
padding-right: 0px;
padding-bottom: 0px;
text-align: center;
font-family: 'Solid Ooky', Fallback, sans-serif;
width: 290px;
height: 190px;
font-size: 24px;
color: pink;
}
#bok p {
font-family: 'Arial', Fallback, sans-serif;
font-size: 14px;
color: orange;
}

#serwis {
position: absolute;
background:url('/images/dymek_lewy_270px_ramka.png') no-repeat right top;
bottom: 1%;
left: 1%;
padding-left: 0px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
text-align: center;
font-family: 'Solid Ooky', Fallback, sans-serif;
width: 290px;
height: 220px;
font-size: 24px;
color: green;
}
#serwis p {
font-family: 'Arial', Fallback, sans-serif;
font-size: 16px;
color: blue;
}
#serwis span {
font-family: 'Arial', Fallback, sans-serif;
font-size: 18px;
color: olive;
}

#info {
position: relative;
float:right;
top: 1%;
right: 1%;
text-align: right;
font-family: 'Arial', Fallback, sans-serif;
width: 99%;
height: 50px;
font-size: 18px;
color: yellow;
}
#info span{
font-size: 17px;
}


#speedtest-modal-content {display:none;}
#settings-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:600px; width:740px; color:#bbb; background-color:#000; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a:hover {color:#84b8d9;}
#simplemodal-container a.modalCloseImg {background:url(/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9; font-size: 25px; margin-top: -15px;}

#speedtest-modal {  }
#speedtest-modal a {width: 200px; height: 200px; background: url('/images/speedtest.png') top center no-repeat; display: block; position: absolute; right: 5%; bottom: 5%; z-index: 999;}
#speedtest-modal a:hover {background: url('/images/speedtest_on.png') top center no-repeat;  }

#settings-modal {position: absolute; width: 250px; height: 50px; left: 0px; top:0px; float:left; z-index: 999;}
#settings-modal a {font: bold 16px Tahoma; padding: 5px 5px 5px 5px; background:white; color:olive; text-decoration: none; border-right:2px solid #65B43D; border-bottom:2px solid #65B43D; z-index: 999;}
#settings-modal a:hover {color:darkblue; text-decoration: none;  z-index: 999;}