@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat|Montserrat+Subrayada');

body { background:#fff; }

.cover { text-align:center;}
.cover h1 {margin-top:10px;}
.cover h1 img { max-width: 500px; max-height: 120px; width: auto; height: auto; }
.cover h2 {color:#fff; font-size:30px; margin-top:30px; font-family:'Montserrat', sans-serif; letter-spacing:3px;}

.loginBox input {max-width:340px; width:100%; height:39px; border:solid 1px #484848; background:#000; margin:4px; color:#3f48cc; padding:0 10px}
.loginBox button {padding:10px; background:#3f48cc; border:none; color:#fff; font-family:'Montserrat', sans-serif; border-radius:5px; font-weight:bold; margin-top:20px;}

.topArea {padding:30px 20px 0 40px; color:#fff;}
.rclock input { border:none; background:none; font-family:'Montserrat', sans-serif; color:#fff; font-size:60px; font-weight:bold;}

.favorites { text-align:center; margin-bottom:30px;}
.favorites a {width:85px; height:85px; display:inline-block; border:solid 1px #252525; border-radius:50%; line-height:85px; text-align:center; margin:10px; opacity:0.7}
.favorites a:hover {  border:solid 1px #333; opacity:1;}

.favorites .fav01 {background: url(../images/fav_01.png)#171717; background-size:100% }
.favorites .fav01:hover {background: url(../images/fav_01.png) #000;  background-size:100%}

.favorites .fav02 {background: url(../images/fav_02.png)#171717; background-size:100%}
.favorites .fav02:hover {background: url(../images/fav_02.png) #000; background-size:100%}

.favorites .fav03 {background: url(../images/fav_03.png)#171717;background-size:100% }
.favorites .fav03:hover {background: url(../images/fav_03.png) #000; background-size:100%}

.favorites .fav04 {background: url(../images/fav_04.png)#171717;background-size:100% }
.favorites .fav04:hover {background: url(../images/fav_04.png) #000; background-size:100%}

.favorites .fav05 {background: url(../images/fav_05.png)#171717;background-size:100% }
.favorites .fav05:hover {background: url(../images/fav_05.png) #000;background-size:100%}

.favorites .fav06 {background: url(../images/fav_06.png)#171717; background-size:100%}
.favorites .fav06:hover {background: url(../images/fav_06.png) #000;background-size:100%}

.favorites .fav07 {background: url(../images/fav_07.png)#171717; background-size:100%}
.favorites .fav07:hover {background: url(../images/fav_07.png) #000;background-size:100%}

.favorites .fav08 {background: url(../images/fav_08.png)#171717; background-size:100%}
.favorites .fav08:hover {background: url(../images/fav_08.png) #000;background-size:100%}

.favorites .fav09 {background: url(../images/fav_09.png)#171717;background-size:100% }
.favorites .fav09:hover {background: url(../images/fav_09.png) #000;background-size:100%}

@media (max-width: 900px) {
.rclock { display:none;}
.weather {display:none;}

}

@media (max-width: 600px) {
.favorites a { width:50px; height:50px; line-height:50px;}
.loginBox input {width:80%;}
}