@charset "utf-8";
body{color:#666;background:#ddd url("imgs/bg.gif") repeat-x fixed;font-family:Arial, Helvetica, sans-serif;font-size:13px;text-align:center;margin:0;border-top: 15px solid #999}
a{color:#000;text-decoration:none}
a:hover{color:#d21b42;text-decoration:underline}
li{list-style:none}
h1{text-align:center;font-size:16px;margin-top:-20px;letter-spacing:.1em}
#container{background:#fff;padding-bottom:10px;border:0 solid #999;-moz-box-shadow:1px 2px 10px #bbb;-webkit-box-shadow:1px 2px 10px #bbb;box-shadow:1px 2px 10px #bbb;margin:25px auto}
#content{background:#fff}
.description{height:70px}
#list-sites li{border:1px solid #eee;width:45%;height:250px;float:left;-moz-box-shadow:1px 2px 10px #eee;-webkit-box-shadow:1px 2px 10px #eee;box-shadow:1px 2px 10px #eee;margin:5px;padding:5px}
#list-sites li:hover{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-color:#f11450}
.clear{clear:both}
.capture{width:90%;height:auto;border:5px solid #f5f5f5;margin:5px auto;padding:5px}
.capture:hover{background:#f5f5f5;border-color:#eee}
#footer{text-shadow:0 -1px 0 #DDD;clear:both;background:#999;background:rgba(0, 0, 0, 0.1);color:#333;margin:20px auto 0;padding:3px 10px}
#footer a{color:#444}
#contact{width:70%;text-align:left;margin:0 auto}
#contact td{vertical-align:top}
#footer p{margin:5px}
#container,.capture,#list-sites li,.radius{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#container{width:980px}
@media screen and (min-width: 200px) and (max-width: 480px) {
ul{margin:0;padding:0}
#container,
#contact{width:98%}
#list-sites li{float:none;width:auto}
img,table,td,blockquote,code,pre,textarea,input,iframe,object,embed,video{max-width:100%}
img{height:auto;width:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
textarea,table,td,th,code,pre,samp{word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}
}