/*####################################
Theme Name: SANDRA DIAS MTB
Version: 1.0
Author: CJNET WEB MARKETING
Author URL: http://cjnet.com.br
####################################*/

/*### CONTAINERS ###*/

body{background:#ECF3F5 url(images/bg.png) top center repeat-x;color:#485A6C;font-size:16px;line-height:24px;margin:0;padding:0;font-family:Helvetica, Arial, sans-serif;}
.container{background:#FFF;width:750px;margin:30px auto;padding:30px;text-align:left;border-radius:5px;border-bottom:#E5E5E5 1px solid;}

/*### TYPOGRAPHY & LISTS ###*/

h1{font-size:45px;line-height:54px;border-bottom:#485A6C 2px solid;border-top:#485A6C 12px solid;}
h2{font-size:24px;line-height:30px;border-bottom:#CCC 1px solid;}
h3{font-size:21px;line-height:27px;border-bottom:#CCC 1px solid;}
ul{margin:0;padding-left:0;list-style:none;}
ul li{padding:10px 0;border-bottom:#EEE 1px dotted;}
small{font-size:12px;line-height:12px;}

/*### ICONS ###*/

.jerseybr{background:url(images/jerseybr.svg) no-repeat;height:24px;width:24px;display:inline-block;margin:0 3px -6px 0;}
.jerseymg{background:url(images/jerseymg.svg) no-repeat;height:24px;width:24px;display:inline-block;margin:0 3px -6px 0;}
.trophy{background:url(images/trophy.svg) no-repeat;height:24px;width:24px;display:inline-block;margin:0 3px -6px 0;}
.gold{background:url(images/gold.svg) no-repeat;height:30px;width:30px;display:inline-block;margin:0 0 -9px -5px;}
.silver{background:url(images/silver.svg) no-repeat;height:30px;width:30px;display:inline-block;margin:0 0 -9px -5px;}
.bronze{background:url(images/bronze.svg) no-repeat;height:30px;width:30px;display:inline-block;margin:0 0 -9px -5px;}
.podio{background:url(images/podio.svg) no-repeat;height:30px;width:30px;display:inline-block;margin:0 0 -9px -5px;}
.dnf{background:url(images/dnf.svg) no-repeat;height:30px;width:30px;display:inline-block;margin:0 0 -9px -5px;}

/*### MISC ###*/

a{color:#485A6C;text-decoration:underline;font-weight:bold;}
a:hover{text-decoration:none;}
hr{border:#CCC solid;border-width:1px 0 0;clear:both;margin:10px 0;height:0;}
.clear{clear:both;}
.avatar{background:url(images/avatar.jpg) no-repeat;width:300px;height:300px;border-radius:50%;border:#FFF 9px solid;margin:45px auto;text-align:center;display:block;}
.instagram a{background:url(images/instagram.svg) no-repeat;width:120px;height:30px;display:block;float:left;margin:0 15px 25px 0;}
.strava a{background:url(images/strava.svg) no-repeat;width:120px;height:30px;display:block;float:left;margin:0 0 25px 15px;}
.number{font-size:27px;line-height:27px;}
.parceiros img{width:100%;height:auto;margin:0 auto;}

/*### FOOTER ###*/

.footer{background:#485A6C;width:100%;margin:30px auto 0 auto;padding:30px 0;}
.cjnet a{background:url(images/cjnet_white.svg) no-repeat;width:60px;height:30px;display:block;margin:0 auto;padding:0;}

/*### MEDIA QUERIES ###*/

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

@media only screen and (min-width: 768px) and (max-width: 959px) {}

@media only screen and (max-width: 767px) {
	.container{width:700px;margin:30px auto;}
	.avatar{background:url(images/avatar-mobile.jpg) no-repeat;width:210px;height:210px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container{width:400px;margin:30px auto;}
	.avatar{background:url(images/avatar-mobile.jpg) no-repeat;width:210px;height:210px;}
}

@media only screen and (max-width: 479px) {
	.container{width:270px;margin:30px auto;}
	.avatar{background:url(images/avatar-mobile.jpg) no-repeat;width:210px;height:210px;}
}