/* Reset */

/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
*/

@media screen and (min-width:769px) {
    body {
	    background:#d9d9d9 url(../images/bg.gif) center top repeat-x;
    }

    .centro {
	    background: url(../images/mid_bg.jpg) center top no-repeat;
	    /*padding-top: 125px;*/
    }
}

@media screen and (max-width:768px) {
    body {
	    background:#5192B2;
	    /*background:#d9d9d9 url(../images/bg.gif) center top repeat-x;*/
    }

    .centro {
	    background: url(../images/mid_bg_no-grey.jpg) center top no-repeat;
	    /*padding-top: 125px;*/
    }
}

.body {
	font-family:"Helvetica Neue",Helvetica, Arial;
}

.container {
    
}

h1 {
	color: #fff;
	font-size: 36px;
	margin-bottom: 15px;
}

h2 {
	font-size: 22px;
	color: #2a6888;
	/*margin-top:0px;
	margin-bottom: 35px;
	line-height:0.0;
	*/
}

.subtitle {
	margin:-10px 0 0;
}

h3 {
	font-family: Georgia, helvetica, arial;
	font-size: 16px;
	color: #fff;
	font-style: italic;
	margin:20px 0 15px 0;
}

.main{
	background: url(../images/shadow.png) center bottom no-repeat;
	/*width: 884px;
	padding-bottom: 30px;
	margin: 0 auto;
	*/
}

.mcontent{
	background:#ebebeb url(../images/main.gif) left top repeat-x;
	border-left: 1px solid #f7f7f7;
	border-right: 1px solid #f7f7f7;
	/*margin: 0 auto;
	padding: 20px;
	*/
}

.box{
	border: 1px solid #fff;
	background: #ededed;
	-moz-box-shadow: 1px 2px 3px #C6C5C5;
	-webkit-box-shadow: 1px 2px 3px #C6C5C5;
	min-height: 160px;
	/*
	margin-right:10px;
	min-height: 110px;
	width: 180px;
	*/
}

.box2{
	border: 1px solid #fff;
	background: #ededed;
	-moz-box-shadow: 1px 2px 3px #C6C5C5;
	-webkit-box-shadow: 1px 2px 3px #C6C5C5;
	/*
	min-height:110px;
	padding: 20px;
	width: 172px;
	*/
}

.popover {
    max-width: none!important;
    width:auto;
}

.popover-content {
	width:400px;
	height:300px;
}

.popover-title {
	font-family:"Helvetica Neue",Helvetica, Arial;
	font-style:normal;
	color: #2a6888;
}

.bubblingG {
text-align: center;
width:100%;
height:50px;
}

.bubblingG span {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
margin: 25px auto;
background: #ffffff;
-moz-border-radius: 50px;
-moz-animation: bubblingG 1.1s infinite alternate;
-webkit-border-radius: 50px;
-webkit-animation: bubblingG 1.1s infinite alternate;
-ms-border-radius: 50px;
-ms-animation: bubblingG 1.1s infinite alternate;
-o-border-radius: 50px;
-o-animation: bubblingG 1.1s infinite alternate;
border-radius: 50px;
animation: bubblingG 1.1s infinite alternate;
}

#bubblingG_1 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}

#bubblingG_2 {
-moz-animation-delay: 0.33s;
-webkit-animation-delay: 0.33s;
-ms-animation-delay: 0.33s;
-o-animation-delay: 0.33s;
animation-delay: 0.33s;
}

#bubblingG_3 {
-moz-animation-delay: 0.66s;
-webkit-animation-delay: 0.66s;
-ms-animation-delay: 0.66s;
-o-animation-delay: 0.66s;
animation-delay: 0.66s;
}

@-moz-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#ffffff;
-moz-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#428BCA;
-moz-transform: translateY(-21px);
}

}

@-webkit-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#ffffff;
-webkit-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#428BCA;
-webkit-transform: translateY(-21px);
}

}

@-ms-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#ffffff;
-ms-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#428BCA;
-ms-transform: translateY(-21px);
}

}

@-o-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#ffffff;
-o-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#428BCA;
-o-transform: translateY(-21px);
}

}

@keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#ffffff;
transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#428BCA;
transform: translateY(-21px);
}

}

/*

.mr20{
margin-right: 20px;
}

#content{
background: url(images/mid_bg.jpg) center top no-repeat;
padding-top: 125px;
text-align: center;
}

p{
font-size: 13px;
color: #656565;
line-height: 22px;
margin-bottom: 10px;
}

a{
color: #2a6888;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

h1{
color: #fff;
font-size: 36px;
margin-bottom: 15px;
}

h3{
font-family: Georgia, helvetica, arial;
font-size: 16px;
color: #fff;
font-style: italic;
margin:20px 0 15px 0;
}

h2{
font-size: 22px;
color: #2a6888;
margin-bottom: 8px;
}

.main{
width: 884px;
padding-bottom: 30px;
margin: 0 auto;
background: url(images/shadow.png) left bottom no-repeat;
}

.mcontent{
min-height: 153px;
background:#ebebeb url(images/main.gif) left top repeat-x;
width: 698px;
border-left: 1px solid #f7f7f7;
margin: 0 auto;
border-right: 1px solid #f7f7f7;
padding: 20px;
}

.box{
border: 1px solid #fff;
background: #ededed;
-moz-box-shadow: 1px 2px 3px #C6C5C5;
-webkit-box-shadow: 1px 2px 3px #C6C5C5;
float: left;
text-align: left;
min-height: 110px;
padding: 20px;
width: 180px;
}

.box2{
border: 1px solid #fff;
background: #ededed;
-moz-box-shadow: 1px 2px 3px #C6C5C5;
-webkit-box-shadow: 1px 2px 3px #C6C5C5;
float: left;
text-align: left;
min-height:110px;
padding: 20px;
width: 172px;
}

.box2 a{
float: left;
margin-right: 10px;
}

a.get{
background: #3e7a9a;
color: #fff;
border: 1px solid #41728c;
padding: 3px 7px;
font-size: 16px;
}

a:hover.get{
background: #41728c;
border: 1px solid #3e7a9a;
text-decoration: none;
}
*/