/*
Theme Name: Trut
Description: Creative Fully Responsive HTML/CSS Theme
Author: Predrag Stojanovic - @pebas
Author URI: http://themeforest.net/user/pebas/
Version: 1.0
*/

/**** Google Font ****/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);

/**** Base Style ****/
@import url('base.css');

/**** Revolution Slider ****/
@import url('prettyPhoto.css');

/**** Revolution Slider ****/
@import url('revolution.css');

/**** Revolution Slider ****/
@import url('flexslider.css');

/**** CHOOSE YOUR FAVORITE COLOR ****/

/* YELLOW */
@import url('layout.css'); 

/* BLUE 
@import url('layout_1.css');  */

/* ORANGE 
@import url('layout_2.css');  */

/* RED 
@import url('layout_3.css'); */

/* GREEN 
@import url('layout_4.css');  */

/* PURPLE 
@import url('layout_5.css'); */

/* PINK 
@import url('layout_6.css'); */

/* GREY 
@import url('layout_7.css'); */

/* LIGHT BLUE 
@import url('layout_8.css'); */

.jp-container{
    width:200px;
    height:365px;
    position:relative;
    background:#fff;

	float:left;
}
.jp-container a{
    padding:15px 20px;
    display:block;
    line-height:20px;
    background-color: #fff;
    border-bottom:1px solid #F2F4F8;
    border-top:1px solid #D8DFEA;
}
.jp-container a:first-child{
    border-top:none;
}
.jp-container a:last-child{
    border-bottom:none;
}
.jp-container a:hover{
   background:#ECEFF5;
   border-bottom-color:#ECEFF5;
}
.jp-container a h3{ 
    font-size:14px;
    font-weight:bold;
    padding:2px 0 5px 0;
	text-transform:uppercase;
}
.jp-container a img{
    float:left;
    margin:5px 10px 0px 0px;
    padding:3px;
    background:#fff;
    border:1px solid #D8DFEA;
}

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background:transparent;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 14px;
	background: transparent;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #ccc;
	position: relative;
}

.jspDrag
{
	background: #e4b617;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}


.third-level-menu
{
    position: absolute;
    top: 0;
    right: -200px;
    list-style: none;
    padding: 0; text-align:left;
    margin: 0;
    display: none;
}


.third-level-menu > li
{
    height: 30px;left:0; width:150px;
    background: #fff; 
}
.third-level-menu > li:hover { background: #CCCCCC; }

.second-level-menu
{
    position: absolute;
    top: 53px;
    left: 0; 
    width: 180px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}

.second-level-menu > li
{
    position: relative; z-index:50;
     padding: 5px 0 0 15px;  
    background: #fff; 
}
.second-level-menu a /* Apply to all links inside the multi-level menu */
{
    font:bold 12px Arial, Helvetica, sans-serif!important;
    color: #333; text-align:left!important;
    text-decoration: none; 
    padding: 0;
    text-align:left;
    /* Make the link cover the entire list item-container */
    display: block;
    line-height:1.5!important;
}
.second-level-menu > li a:hover { color:#f00!important; }

.top-level-menu
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.top-level-menu > li
{
    position: relative;
    float: left;
    height: 43px; 
	padding:10px 25px 0 25px; 
   
}
.top-level-menu > li:hover { background:url(../images/main/nav-item-background.png) repeat-x scroll center bottom #EBBC1B; }
.top-level-menu li.active{	background: url(../images/main/nav-item-background.png) repeat-x scroll center bottom #EBBC1B;}

.top-level-menu li:hover > ul
{
    /* On hover, display the next level's menu */
    display: inline;
}


/* Menu Link Styles */

.top-level-menu a /* Apply to all links inside the multi-level menu */
{
    font:bold 14px 'Open Sans Condensed',sans-serif;
    color: #333; text-align:center;
    text-decoration: none; 
    padding: 0;

    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 30px;
}
.top-level-menu a:hover { color: #000000; }
.top-level-menu span{background-color: #FFFFFF;
    background-image: none;
    color: #777777;
    font-size: 7px;
    font-weight: 400;
    padding:0 5px 0 0; margin:4px 0 0 0;
    text-transform: capitalize; float:left;}
.water-mark{background:url(../Catalogue/BERCO.png) repeat-y; position:absolute; z-index:2; width:905px; height:1300px; margin:4px 0 0 32px;}