/*
 * ******************************************************************************
 *  jquery.mb.components
 *  file: mbExtruder.css
 *
 *  Copyright (c) 2001-2013. Matteo Bicocchi (Pupunzi);
 *  Open lab srl, Firenze - Italy
 *  email: matteo@open-lab.com
 *  site:   http://pupunzi.com
 *  blog: http://pupunzi.open-lab.com
 *  http://open-lab.com
 *
 *  Licences: MIT, GPL
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 *
 *  last modified: 02/10/13 22.42
 *  *****************************************************************************
 */

.extruder {
	position: fixed;
	cursor: default;
	z-index:1032;
}
.extruder .extruder-content {
	display: none;
	background: #255d95;
}

.extruder.left {
	height: 100%;
}
.extruder.left .extruder-content {
	border-right: 3px solid #255d95;
}
.extruder.left .ext_wrapper {
	height: 100%
}
.extruder.left .footer {
	display: none
}
.extruder.left .flap {
	height:231px;
	width:50px;
	font-size: 18px;
	color: white;
	top:170px !important;
	padding: 10px 0 10px 10px;
	margin-right: -50px;
	background: url("../images/tab.jpg");
	position: absolute;
	right: 0;
	-moz-box-shadow: 2px 0 5px #000000;
	-webkit-box-shadow: 2px 0 5px #000000;
	box-shadow: 2px 0 5px #000000;
	cursor:pointer;
}
.extruder.left .flap .flapLabel {
	background: #255d95;
	display:none;
}

.extruder .text {
	background:#FFFFFF;
    color: #000000;
    font: 14px/16px 'roboto';
    height: 90%;
    margin: 5% 10px;
    padding: 5% 0px;
    width: 280px !important;
}

.extruder .text h1 {
    color: #051a2f;
    font-family: 'roboto';
    font-size: 26px !important;
    font-weight: bold;
    text-transform:uppercase;
	padding:20px 10px 0px 20px;
}
.extruder .text h2 {
    color: #255d95;
    font-family: 'roboto';
    font-size: 18px !important;
    font-weight: bold;
	padding:0px 10px 0px 20px;
}
.extruder .text p{
	width:240px;
	height:auto;
	padding:0px 20px;
    font-family:'roboto';
	font-size:14px;
}



@media only screen and (max-width:770px) {

.extruder.left .flap {
	height:30px;
	width:30px;
	top:0px !important;
	padding: 10px 0 10px 10px;
	margin-right: -30px;
	background: url("../images/tab-small.jpg");
	position: absolute;
	right: 0;
	-moz-box-shadow: 2px 0 5px #999;
	-webkit-box-shadow: 2px 0 5px #999;
	box-shadow: 2px 0 5px #999;
	cursor:pointer;
}
.extruder .text {
	background:#FFFFFF;
}
	
}