/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/layout.css);


/* Spacing
----------------------------------------------------------------------------------------------------*/

.module { margin: 15px 0; }
#header,
#breadcrumbs,
#content,
#footer { margin: 15px; }

#menu .module { margin: 10px 5px; }

#footer .module { margin: 0; }

#toolbar,
#headerbar { margin-bottom: 15px; }

/* Layout
----------------------------------------------------------------------------------------------------*/
/*
body#page{background:#fff url(../images/blue2_j.jpg)repeat-x fixed 0 0 ; }
*/

.wrapper { background:#fff;
   /*margin-top:50px !important;*/ 
   /*border: 1px solid #d9d9d9 ;*/
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;                         
}

#content{padding: 0px}

#menubar { 
  background: #484B6B; /*#3399cc;*/ 
 padding: 0px; /*8px 8px ;*/
 border-radius: 3px;
}

#headerbar { padding:0 20px; margin-bottom:0px !important; }

#toolbar {
  padding:5px 20px;
  font-size:11px;
}

#sidebar-a
.module-title {
    background:#484B6B;
    color:#fff;
    font-weight: normal;
   /*border-left:5px solid #3399cc ;*/
   line-height: 30px;
    margin-bottom: 20px;
    padding-left:15px;
    text-transform: none;  
}

#sidebar-b
.module-title
{  background:#484B6B;
    color:#fff;
    font-weight: bold;
   /*border-left:5px solid #3399cc ;*/
   line-height: 35px;
    margin-bottom: 20px;
    padding-left:15px;
    text-transform: none;
	font-size:14px;
}



#sidebar-a
 .mod-box
 {
 background: #f9f9f9;
/*box-shadow: 2px 2px 2px 1px rgba(128,128,128,0.1);
 border:1px solid #ddd;*/
 -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}

#bottom-a{background: #258dc8;
    color: #f2f2f2
}
#bottom-b
.module-title
{  
    color:#3399cc;
    font-weight: normal; 
   line-height: 30px;
    margin-bottom: 20px;
    padding-left:15px;
    text-transform: none;
    padding: 5px
}
#bottom-a
.module-title
{  
  color:#f1f1f1;   
}
#bottom-a a{color: #f5f5f5}
#bottom-a a:hover{color: #0066CC}


#system .item > header .title { margin-bottom: 0; 
color:#333;                             
}

#header {  
  margin:0  !important;
}

#footer{background: #ececec;
 margin:0  !important;
 color: #b5b5b5 ;
 padding: 5px 5px 50px 5px;       
}

#footer a {color:#898989;}

.foot-in{
float:left;
width:20%;
text-align:left;
padding:20px;
min-width:180px;
font-size:12px;
}


@media (max-width: 480px) {
	.foot-in{width:96%;}
}

.wrapbottom{
background-color:#ECECEC;
}

#totop-scroller {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 20px;
  height: 20px;
  background: url(../images/totop_scroller.png) 50% 50% no-repeat;
  text-decoration: none;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }