@charset "utf-8";

/* CSS Document */

.wrapper{
	width:100%;}
	
	.header-left img{width:32%;}
	.header-right img{width:100%;}


.content img{width:100%; height:auto;}

.first img {width:15%; height:auto;}

.secont img{width:18%; height:auto;}

.third img{width:30%; height:auto;}


.pictures-first img {width:31%; height:auto;}

.pictures-secont img {width:45%; height:auto;}


/*.left-bar{font-size:9pt;}*/

.left-bar img{width:100%; height:auto;}

/*.content img{width:100%; height:auto;}*/

.image img{width:100%; height:auto;}

.sidebar img{width:87.2%; height:auto;}

/*.sidebar {height:485px;}*/


.image img{width:100%; height:auto;}


.titlos{font-size:11pt; line-height:1.6}	

.ypotitlos {font-size:10pt;line-height:1.2}

img.poihsi {width:100%; height:auto;}




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


#menu li {
    
    margin-left: 2%;
}
}
/*
@media only screen and (max-width: 640px) {
	
	.left-bar{width: 16%;}
	
	.main{width:60.9%;}
	
	.sidebar{width: 14.5%;}
	
	
	}

*/
@media only screen and (max-width: 640px) {
	
.left-bar{
	float:none;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:97%;
	text-align:center;
	}	
	
.left-bar img{ width:auto; height:auto;}	

.main{
	float:none;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:97%;
	
	}	
	

.content{
	float:none;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	/*background-color:#00C;*/
	
	}	
	
.image{
	float:none;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	
	}		
	
	
	
.sidebar{
	float:none;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:34%;
	text-align:center;
	}
	
	
.sidebar img{ width:auto; height:auto;}	


.header-left img {
    width: auto;
    height: auto;
}

.header-right img {
    width: auto;
    height: auto;
}	


	
	}