html { min-height: 100%; height: auto; position: relative; }

body { padding-top: 42px; padding-bottom: 52px; }

.wrapper {margin: 0 auto; }

.oculto{
	display:none;
}
 
header{      
		position:fixed;
		top: 0;
		left: 0;
		right: 0;
		width:100%;
		min-width:250px;
		height: 42px;
		background: #222222;
		background: -moz-linear-gradient(#333333, #222222); 
		background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #222222),color-stop(1, #333333));	
		background: -webkit-linear-gradient(#333333, #222222);	
		background: -o-linear-gradient(#333333, #222222);
		background: -ms-linear-gradient(#333333, #222222);
		background: linear-gradient(#7f4086, #7f4086);
		z-index:9999;
	}

@media all and (min-width: 825px){
	.MDItouch{
		display:none;
	}

	#MDImenu{
		width: 100%;
		height: 35px;
		margin-top: 0;
		padding: 7px 0 0 0;
		list-style: none;
	/*	-moz-border-radius: 50px;
		border-radius: 50px;*/
		-moz-box-shadow: 0 1px 5px #9c9c9c;
		-webkit-box-shadow: 0 1px 5px #9c9c9c;
		box-shadow: 0 1px 5px #9c9c9c;
	}

	.MDInav{
		width:370px;
		margin:0 auto;
		height:42px;
	}

	#MDImenu li{
		float: left;
		padding-bottom: 10px ;
		position: relative;
	}

	#MDImenu a{
		float: left;
		height: 25px;
		padding: 0 15px;
		color: #fff;
		/*text-transform: uppercase;*/
		font: bold 12px/25px Arial, Helvetica;
		text-decoration: none;
		/* text-shadow: 0 1px 0 #daa8e0; */
	}

	#MDImenu li:hover > a{
		color: #fff;
	}

	*html #MDImenu li a:hover{ /* IE6 */
		color: #fff;
	}

	#MDImenu li:hover > ul{
		display: block;
	}

	/* Sub-menu */
	#MDImenu ul{
		list-style: none;
	/*	visibility: hidden; */
		margin: 0;
		padding: 0;
		display: none;
		position: absolute;
		top: 35px;
		left: 0;
		z-index: 99999;    
		background: #333333;
		background: -moz-linear-gradient(#333333, #222222);
		background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #222222),color-stop(1, #333333));
		background: -webkit-linear-gradient(#333333, #222222);    
		background: -o-linear-gradient(#333333, #222222);	
		background: -ms-linear-gradient(#333333, #222222);	
/*		background: linear-gradient(#7f4086, #7f4086);	
		background: linear-gradient(#7f4086, #7f4086);  */
		background: linear-gradient(rgb(235, 235, 235), rgb(215, 215, 215));
	/*    -moz-border-radius: 5px;
		border-radius: 5px;*/
	}

	#MDImenu ul li{
		float: none;
		margin: 0;
		padding: 0;
		display: block;  
		-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
		-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
		box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
	}

	#MDImenu ul li:last-child{   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}

	#MDImenu ul a{    
		padding: 10px;
		height: auto;
		line-height: 1;
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
		color: #555;
/*		visibility: hidden;*/
	}

	*html #MDImenu ul a{ /* IE6 */   
		height: 10px;
		width: 150px;
	}

	*:first-child+html #MDImenu ul a{ /* IE7 */    
		height: 10px;
		width: 150px;
	}

	#MDImenu ul a:hover{
		background: #7f4186;
		background: -moz-linear-gradient(#ab639e,  #7f4186);	
		background: -webkit-gradient(linear, left top, left bottom, from(#ab639e), to(#7f4186));
		background: -webkit-linear-gradient(#ab639e,  #7f4186);
		background: -o-linear-gradient(#ab639e,  #7f4186);
		background: -ms-linear-gradient(#ab639e,  #7f4186);
		background: linear-gradient(#ab639e,  #7f4186);
	}

	#MDImenu ul li:first-child a{
	/*  -moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;*/
	}

	#MDImenu ul li:first-child a:after{
		content: '';
		position: absolute;
		left: 12px;
		top: -8px;
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 8px solid #ffffff;
	}

	#MDImenu ul li:first-child a:hover:after{
		border-bottom-color: #ab639e; 
	}

	#MDImenu ul li:last-child a{
	/*  -moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;*/
	}

	/* Clear floated elements */
	#MDImenu:after{
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

	* html #MDImenu             { zoom: 1; } /* IE6 */
	*:first-child+html #MDImenu { zoom: 1; } /* IE7 */

	.MDIlanguage{
		width:50px;
		margin:-42px 20px 0 5px;
		float:right;
		position:relative;
	}

	.MDIl{
		cursor:pointer;
		visibility: hidden;
	}

	#MDILactual{
		padding-top:7px;
		cursor:pointer;
	}
footer {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 7px 0 7px 0;
		height: 45px;
		background: #333333;
		background: -moz-linear-gradient(#222222, #333333); 
		background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #333333),color-stop(1, #222222));	
		background: -webkit-linear-gradient(#222222, #333333);	
		background: -o-linear-gradient(#222222, #333333);
		background: -ms-linear-gradient(#222222, #333333);
/*		background: linear-gradient(#222222, #333333);  */
		background: linear-gradient(#7f4086, #7f4086);
	}

	.MDIgrey-bar{
		position:absolute;
		left:0;
		bottom:57px;
		width:100%;
		height:5px;
		margin: 0;
		background: #dddddd;
	}

	#MDIlogo{
		width:auto;
		height:100%;
		float:left;
	}
	.MDIicon{
		width:30px;
		height:30px;
		margin:7px 0px 0 5px;
		float:left;
	/*	background-size:contain; */
		cursor:right;
	}
	#MDIhome{
		background-image:url(../img/home.png);
		margin-left:10px;
		margin-right:0px;
		margin-top: 3px;
	}
	#MDIcopyright{
		width: 75px;
		height:100%;
		float:left;
		padding-top:10px;
	}

	.MDIfooter-text{
		padding: 0 15px;
		color: #fff;
		font: bold 11px/21px Arial, Helvetica;
		text-decoration: none;
		/* text-shadow: 0 1px 0 #daa8e0; */
		line-height:normal;
	}

	.MDIvertical-bar{
		float:left;
		border-left: 1px solid #dddddd;
		width:1px;
		height:30px;
		margin:5px 15px 0 15px;
	}

	.MDIsocial{
		width:30px;
		height:30px;
		float:left;
		margin:5px 0 0 5px;
	}
	.MDIsocial:hover{
		filter:alpha(opacity=100);
		opacity:1;
		cursor:pointer;
	}

	.MDIfooter-right{
		width:420px;
		height:100%;
		float:right;
		margin-top:0px;
	}
	.MDIfooter-right ul{
		list-style:none;
	}

	.MDIfooter-right li{
		float: left;
		position: relative;
	}

	.MDIfooter-right a{
		float: right;
		height: 25px;
		color: #fff;
		font: bold 11px/21px Arial, Helvetica;
		text-decoration: none;
		/* text-shadow: 0 1px 0 #daa8e0; */
		line-height:normal;
		margin-left: 10px;
		margin-right: 10px;
	}

	.MDIfooter-right li:hover > a{
		color: #fff;
	}

	*html .MDIfooter-right li a:hover{ /* IE6 */
		color: #fff;
	}

	.MDIfooter-right li:hover > ul{
		display: block;
	}
}

	/*
}  */

@media all and (max-width: 824px){
	.MDIscreen{
		display:none;
	}
	
	.MDInav{
		width:100%;
		height:30px;
		padding-top:3px;
	}
	
	.MDIicon{
		width:30px;
		height:30px;
		margin:-36px 5px 0 5px;
		float:right;
		background-size:contain;
		cursor:pointer;
	}
	.MDIiconCenter{
		width: 30px;
		height: 30px;
		margin-top: 7px;
		margin-left: -10px;
		background-size: contain;
		cursor: pointer;
		background-repeat: no-repeat;
	}
	#MDIlistmenu{
		background-image:url(../img/menutouch.png);


	}
	#MDImore{
		background-image:url(../img/moretouch.png);
		margin-right:45px;


	}
	#MDIhome{
		background-image:url(../img/home.png);

	}
	#MDIlogin{
		/*background-image:url(../img/logintouch.png);*/
		margin-right:90px;
		filter:alpha(opacity=70);
		opacity:0.7;

	}
	
	.loginOpen{
		background-image:url(../img/logintouchopen.png);
	}
	
	.loginClose{
		background-image:url(../img/logintouch.png);
	}
	#MDImenu2{
		width: 100%;
		height:42px;
		margin: 0;
		padding:0px;
		list-style: none;
		background: #222222;
		background: -moz-linear-gradient(#333333, #222222); 
		background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #222222),color-stop(1, #333333));	
		background: -webkit-linear-gradient(#333333, #222222);	
		background: -o-linear-gradient(#333333, #222222);
		background: -ms-linear-gradient(#333333, #222222);
/*		background: linear-gradient(#7f4086, #7f4086);   */
		background: linear-gradient(#7f4086, #7f4086);
		
	/*	-moz-border-radius: 50px;
		border-radius: 50px;*/
		-moz-box-shadow: 0 1px 5px #9c9c9c;
		-webkit-box-shadow: 0 1px 5px #9c9c9c;
		box-shadow: 0 1px 5px #9c9c9c;
	}

	#MDImenu2 li{
		float: left;
		padding: 0 0 0 0;
		position: relative;
	}

	#MDImenu2 a{
		float: left;
		height: 25px;
		padding: 0 15px;
		color: #fff;
		/*text-transform: uppercase;*/
		font: bold 12px/25px Arial, Helvetica;
		text-decoration: none;
		/* text-shadow: 0 1px 0 #daa8e0; */
	}

	#MDImenu2 li:hover > a{
		color: #fff;
	}

	*html #MDImenu2 li a:hover{ /* IE6 */
		color: #fff;
	}

	#MDImenu2 li:hover > ul{
		display: block;
	}

	/* Sub-menu */
	#MDImenu2 ul{
		list-style: none;
		margin: 0;
		padding: 0;
		display: none;
		position: absolute;
		top: 35px;
		left: 0;
		z-index: 99999;    
		background: #333333;
		background: -moz-linear-gradient(#333333, #222222);
		background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #222222),color-stop(1, #333333));
		background: -webkit-linear-gradient(#333333, #222222);    
		background: -o-linear-gradient(#333333, #222222);	
		background: -ms-linear-gradient(#333333, #222222);	
/*		background: linear-gradient(#7f4086, #7f4086);	*/
		background: linear-gradient(#7f4086, #7f4086);
	/*    -moz-border-radius: 5px;
		border-radius: 5px;*/
		visibility: hidden;
	}

	#MDImenu2 ul li{
		float: none;
		margin: 0;
		padding: 0;
		display: block;  
		-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
		-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
		box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
	}

	#MDImenu2 ul li:last-child{   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}

	#MDImenu2 ul a{    
		padding: 10px;
		height: auto;
		line-height: 1;
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}

	*html #MDImenu2 ul a{ /* IE6 */   
		height: 10px;
		width: 150px;
	}

	*:first-child+html #MDImenu2 ul a{ /* IE7 */    
		height: 10px;
		width: 150px;
	}

	#MDImenu2 ul a:hover{
		background: #7f4186;
		background: -moz-linear-gradient(#ab639e,  #7f4186);	
		background: -webkit-gradient(linear, left top, left bottom, from(#ab639e), to(#7f4186));
		background: -webkit-linear-gradient(#ab639e,  #7f4186);
		background: -o-linear-gradient(#ab639e,  #7f4186);
		background: -ms-linear-gradient(#ab639e,  #7f4186);
		background: linear-gradient(#ab639e,  #7f4186);
	}

	#MDImenu2 ul li:first-child a{
	/*  -moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;*/
	}

	#MDImenu2 ul li:first-child a:after{
		content: '';
		position: absolute;
		left: 12px;
		top: -8px;
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 8px solid #333333;
	}

	#MDImenu2 ul li:first-child a:hover:after{
		border-bottom-color: #ab639e; 
	}

	#MDImenu2 ul li:last-child a{
	/*  -moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;*/
	}

	/* Clear floated elements */
	#MDImenu2:after{
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

	* html #MDImenu2             { zoom: 1; } /* IE6 */
	*:first-child+html #MDImenu2 { zoom: 1; } /* IE7 */

	.MDIlist{
		width:150px;
		margin:0;
		padding:0;
		right:0;
		float:right;
	}
	.MDIlist ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	.MDIlist li{
		margin:0;
		padding:5px;
		width:139px;
		height:25px;
		background: rgb(235, 235, 235);
		background: -moz-linear-gradient(rgb(235, 235, 235),  rgb(215, 215, 215));	
		background: -webkit-gradient(linear, left top, left bottom, from(rgb(235, 235, 235)), to(rgb(215, 215, 215)));
		background: -webkit-linear-gradient(rgb(235, 235, 235),  rgb(215, 215, 215));
		background: -o-linear-gradient(rgb(235, 235, 235),  rgb(215, 215, 215));
		background: -ms-linear-gradient(rgb(235, 235, 235),  rgb(215, 215, 215));
		background: linear-gradient(rgb(235, 235, 235),  rgb(215, 215, 215));
		
	}
	.MDIlist li a{
		float: left;
		height: 20px;
		padding: 0 15px;
		color: #333333;
		/*text-transform: uppercase;*/
		font: bold 13px/25px Arial, Helvetica;
		text-decoration: none;
		text-shadow: 0 1px 0 #fff;
		text-align:left;
	}
	.MDIlist ul li:hover{
		cursor:pointer;
		background: #7f4186;
		background: -moz-linear-gradient(#ab639e,  #7f4186);	
		background: -webkit-gradient(linear, left top, left bottom, from(#ab639e), to(#7f4186));
		background: -webkit-linear-gradient(#ab639e,  #7f4186);
		background: -o-linear-gradient(#ab639e,  #7f4186);
		background: -ms-linear-gradient(#ab639e,  #7f4186);
		background: linear-gradient(#ab639e,  #7f4186);
		
	}
	.MDIlist li:hover > a{
		text-shadow: 0 1px 0 #333333;
		color: #fff;
	}
	.MDIlist li:hover > ul{
		display: block;
	}
	.MDIlist ul a{    
		height: auto;
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}

	*html .MDIlist ul a{ /* IE6 */   
		height: 10px;
		width: 150px;
	}

	*:first-child+html .MDIlist ul a{ /* IE7 */    
		height: 10px;
		width: 150px;
	}
	.MDIlanguage{
		width:50px;
		margin:-25px 20px 0 5px;
		float:right;
		height:auto;
		position:relative;
	}
	.MDIlanguage2{
		width:50px;
		margin:10px 70px 0px 5px;
		float:right;
		height:auto;
		position:relative;
	}
	/** Footer **/	

		/** Footer **/		
	footer {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 7px 0 7px 0;
		height: 45px;
		background: #333333;
		background: -moz-linear-gradient(#222222, #333333); 
		background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #333333),color-stop(1, #222222));	
		background: -webkit-linear-gradient(#222222, #333333);	
		background: -o-linear-gradient(#222222, #333333);
		background: -ms-linear-gradient(#222222, #333333);
/*		background: linear-gradient(#222222, #333333);  */
		background: linear-gradient(#7f4086, #7f4086);
	}

	.MDIgrey-bar{
		position:absolute;
		left:0;
		bottom:57px;
		width:100%;
		height:5px;
		margin: 0;
		background: #dddddd;
	}

	#MDIlogo{
		width:auto;
		height:100%;
		float:left;
	}
/*	.MDIicon{
		width:30px;
		height:30px;
		margin:7px 0px 0 5px;
		float:left;
	/*	background-size:contain; */
/*		cursor:right;
	} */
	#MDIhome{
		background-image:url(../img/home.png);
		margin-left:10px;
		margin-right:0px;
		margin-top: 3px;
	}
	#MDIcopyright{
		width: 75px;
		height:100%;
		float:left;
		padding-top:10px;
	}

	.MDIfooter-text{
		padding: 0 15px;
		color: #fff;
		font: bold 11px/21px Arial, Helvetica;
		text-decoration: none;
		/* text-shadow: 0 1px 0 #daa8e0; */
		line-height:normal;
	}

	.MDIvertical-bar{
		float:left;
		border-left: 1px solid #dddddd;
		width:1px;
		height:30px;
		margin:5px 15px 0 15px;
	}

	.MDIsocial{
		width:30px;
		height:30px;
		float:left;
		margin:5px 0 0 5px;
	}
	.MDIsocial:hover{
		filter:alpha(opacity=100);
		opacity:1;
		cursor:pointer;
	}

	.MDIfooter-right{
		width:420px;
		height:100%;
		float:right;
		margin-top:0px;
		display: none;
	}
	
	.MDIfooter-right ul{
		list-style:none;
	}

	.MDIfooter-right li{
		float: left;
		position: relative;
	}

	.MDIfooter-right a{
		float: right;
		height: 25px;
		color: #fff;
		font: bold 11px/21px Arial, Helvetica;
		text-decoration: none;
		/* text-shadow: 0 1px 0 #daa8e0; */
		line-height:normal;
		margin-left: 10px;
		margin-right: 10px;
	}

	.MDIfooter-right li:hover > a{
		color: #fff;
	}

	*html .MDIfooter-right li a:hover{ /* IE6 */
		color: #fff;
	}

	.MDIfooter-right li:hover > ul{
		display: block;
	}

/*		
	footer {
		display:  none;
	} */
}