@import url(../warp/css/base.css);
body{font:normal 14px/20px Arial, Helvetica, sans-serif;color:#424D69;}
body#page{background:#E8E8E8;}
hr{border-top-color:#CDCDCD;}
pre{background:#DBDBDB;border-radius:6px;}
mark,ins{background-color:#D4D4D4;}
.menu-dropdown button:hover[type="submit"]{background-color:#DB0000;border-color:#DB0000;}
dl.separator dt:after{background:#DB0000;}
dl.separator dd,dl.separator dt:before{border-color:#CDCDCD;}
a{color:#424D69;}
a:hover,em,code,.menu-line li a:hover,.mod-box .module-title,#system .title .color,.module .frontpage-title .color,#system #respond h3{color:#DB0000;}
::-moz-selection,::selection{background:#DB0000;color:#fff;}
em.box{background:#ABCF00;}
.button-default{background-color:#DBDBDB;}
img.border-box{border-color:#DBDBDB;}
ul.line > li,.mod-box-grey ul.line > li{border-color:#C3C3C3;}
ul.zebra > li.odd,table.zebra tbody tr.odd{background-color:#DBDBDB;}
ul.zebra > li:nth-of-type(odd),table.zebra tbody tr:nth-of-type(odd){background-color:#DBDBDB;}
ul.footer-icons li{background-image:url(../images/tools/footer_icons.png);}
.box-content,.box-note,.social-icons,.contact-icons{background-color:#DBDBDB;}
#totop-scroller:hover{background-color:#DB0000;}
.button-default{background-image:url(../images/button_default.png);color:#424D69;}
#page .button-default:hover,.button-primary:hover,#system .item > .links a:hover{background:url(../images/menu_bg.gif) repeat-x;background-color:#DB0000;padding-left:15px;}
.button-default:before,#system .item > .links a:before{background-image:url(../images/button_default_hover.gif);}
.contact-icons:hover{background-color:#DB0000;}
#sidebar-a .searchbox:before,#sidebar-b .searchbox:before{background-image:url(../images/searchbox_magnifier.png);}
.contact-footer form.style button{background-color:#424D69;}
.contact-footer form.style button:hover{background-color:#DB0000;}
.social-icons:hover,.button-primary{background-color:#DB0000;}
.box-accordion h3.box-title {height: auto!important;}

@media(max-width: 940px) {
	#page-bg > div{
		background:
		url(../images/phone-header.png) center top no-repeat,
		url(../images/background-header-2.jpg) center top no-repeat,
		url(../images/embalando-selando-sonhos.png) center top no-repeat;
		background-size: 33em, 190%, 10%;
		background-position-y: .8em, 0%;
	}
}

@media(max-width: 499px) {
	#page-bg > div{
		background:
		url(../images/phone-header.png) center top no-repeat,
		url(../images/background-header-2.jpg) center top no-repeat,
		url(../images/embalando-selando-sonhos.png) center top no-repeat;
		background-size: 23em, 190%, 10%;
		background-position-y: .8em, 0%;
	}
}

@media(min-width: 768px) and (max-width: 899px ) {
	#page-bg > div {
	  background: url(../images/phone-header.png) right top no-repeat,
	  url(../images/background-header-2.jpg) center top no-repeat,
	  url(../images/embalando-selando-sonhos.png) center top no-repeat !important;
	  background-size: 60%, 140%, 10%!important;
	  background-position: 97% 0%, 46% 0!important;
	}
}

@media(min-width: 900px) {
	#page-bg > div{background:url(../images/background/background-header.jpg) 50% 0 no-repeat;}
}
