/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



@import url(../warp/css/modules.css);





/* Module Badges

----------------------------------------------------------------------------------------------------*/



.module .badge {

  top: -10px; 

  right: -10px; 

  width: 40px;

  height: 41px;

  background-repeat: no-repeat;

}

 

.module .badge-hot { background-position: 0 0; }

.module .badge-top { background-position: 0 -50px; }

.module .badge-free { background-position: 0 -100px; }

.module .badge-new { background-position: 0 -150px; }





/* Module Icons

----------------------------------------------------------------------------------------------------*/



.module .module-title .icon { 

  top: -8px;

  left: -2px;

  width: 33px;

  height: 33px;

  margin-right: 7px;

  background-repeat: no-repeat;

}



.bg-colored .module-title .icon,

.bg-colored .mod-line .module-title .icon,

.module.mod-box-colored .module-title .icon,

.module.mod-box-transparent .module-title .icon { background-image: url(../images/module_icons_white.png); }



.module .module-title .icon-download { background-position: 0 0; }

.module .module-title .icon-twitter { background-position: 0 -40px; }

.module .module-title .icon-mail { background-position: 0 -80px; }

.module .module-title .icon-bubble { background-position: 0 -120px; }

.module .module-title .icon-login { background-position: 0 -160px; }

.module .module-title .icon-cart { background-position: 0 -200px; }





/* Module Type: Box

----------------------------------------------------------------------------------------------------*/



.mod-box {

  /*kostas*/

  padding: 0px;

  border: 0px solid #DBDBDB; /*kostas*/

  

}



.mod-box .module-title {

  font-size: 18px;

  /*/*text-transform: uppercase;*/*/

}



/*

 * Default

 */



/*.mod-box-default { color: rgb(124, 58, 0); }*/



#page .mod-box-default a:hover { color: rgb(150,80,5); text-decoration:none;
/*font-weight:700;*/

}



/* Base */

.mod-box-default em,

.mod-box-grey em { color: #5C5C5C; }



/*

 * Color: 1 and 2

 */



.mod-box-colored  { 

  box-shadow: inset 1px 0px 17px rgba(0,0,0,0.15);

  color: #FFF;

  text-shadow: 0 -1px 0 rgba(0,0,0,0.3); 

}



/* Link */

.mod-box-colored a,

.mod-box-transparent a {

  color: #FFF;

  text-shadow: 0 -1px 0 rgba(0,0,0,0.4);

}



/* Base */

.mod-box-colored h1,

.mod-box-colored h2,

.mod-box-colored h3,

.mod-box-colored h4,

.mod-box-colored h5,

.mod-box-colored h6,

.mod-box-colored { color: #FFF; }



.bg-colored em,

.mod-box-colored em {

  color: rgba(0,0,0,0.5); 

  text-shadow: 0 1px 0 rgba(255,255,255,0.2);

}



.mod-box-colored code,

.mod-box-transparent code { color: #FFF; } 



/*

 * Color: Grey

 */



.mod-box-grey { 

  border-color: #DBDBDB;

  background: #FBFBFB; 

  box-shadow: inset 1px 0px 17px rgba(20, 20, 20, 0.08);

  color: #999999;

}



#page .mod-box-grey a:hover { color: #5C5C5C; }



/*

 * Color: Transparent

 */



.mod-box-transparent { border: none; }



.grid-h .mod-box-transparent { margin: -20px 0; }

.grid-v .mod-box-transparent { margin: 0; }

.grid-v:first-child .mod-box-transparent { margin: -20px 0 0 0; }

.grid-v:last-child .mod-box-transparent { margin: 0 0 -20px 0; }





.mod-box-transparent25 { background: url(../images/module_box_transparency25.png) 0 0 repeat; }

.mod-box-transparent20 { background: url(../images/module_box_transparency20.png) 0 0 repeat; }

.mod-box-transparent15 { background: url(../images/module_box_transparency15.png) 0 0 repeat; }

.mod-box-transparent10 { background: url(../images/module_box_transparency10.png) 0 0 repeat; }



/* Module Title */

.module.mod-box-colored .module-title,

.module.mod-box-transparent .module-title { color: #FFF; }





/* Module Type: Line

----------------------------------------------------------------------------------------------------*/



.mod-line .module-title {

  padding: 15px 0;

  border-width: 1px 0;

  border-style: solid;

  border-color: #DBDBDB; 

  font-size: 18px;

  /*/*text-transform: uppercase;*/*/

}



.mod-line .module-title .icon { top: -7px; }



.mod-line .badge {

  top: -12px;

  right: -5px;

}



.bg-colored .mod-line .module-title { 

  color: #FFF;

  border-color: rgba(255,255,255, 0.5)

}



/* Header */

.mod-line-header .module-title { padding: 25px 0; margin-top: 10px; }



.mod-line-header .module-title,

.mod-line-header .module-title span.subtitle {

  font-size: 30px;

  line-height: 30px;

}



.mod-line-header .module-title span.subtitle { margin-top: 5px; }