@font-face {
    font-family: 'nexa_boldregular';
    src: url('Nexa_Free_Bold-webfont.eot');
    src: url('Nexa_Free_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Nexa_Free_Bold-webfont.woff') format('woff'),
         url('Nexa_Free_Bold-webfont.ttf') format('truetype'),
         url('Nexa_Free_Bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body
{
	background-color: #f4f4f4;/*#f1f1f1;*/
	background:	 url("662.jpg") scroll no-repeat;
	background-attachment: scroll; fixed*/
	background-repeat: no-repeat;
	/*background-position: 650px 330px;
	/*padding: 10px;*/
	margin-left: 160px;
	margin-right:150px; 
	 box-shadow: 1px 1px 20px white;/*#706f69;/*#555;*/
	/*min-height: 100px;*/
	/*border: 4px; border-color: white; border-style: double;*/	
}
@media screen and (max-width:1024px)
{
body
{
		background-image:none;
	background-color:white;
margin-left: 10px;
margin-right: 10px;	
	}
}

#block_page
	{
		width: auto;
	
	}
	@media screen and (max-width:1024px)
	{
		#bloc_page
		{
			width: auto;
			margin-left: 0px;
		}
		}
		@media screen and (max-width:640px)
		{
			#bloc_page
			{
				width: 400px;
			}
			}
/*header p
{
	line-height: 0.40cm;
	padding-top: 18px;
}
.kre
{
	font-family:'Sawasdee', 'FFF Tusj','nexa_boldregular', Arial;
	font-style: bold;
	font-size:5.3em;
	text-align:center;
	padding-top:1px;
}
.projekt
{
	font-family:'nexa_boldregular', Arial;
	font-size:1.11em;
	text-align:center;
	color:#ed2b2b;
}
.ab
{
	font-family:'Sawasdee','FFF Tusj','nexa_boldregular', Arial;
	font-size:1.5em;
	text-align:center;
	padding-bottom:0px;
	
}
#logo
{
	margin-top: 8px;
	background-position: 650px 330px;
	
}*/
header 
{
 background-color: white;/*#f8f8f8;*/
 /*text-align: center;*/
 border-top: 2px #cb1919 solid;
 border-bottom: 2px #cb1919 solid;
 /*border-right: 2px #cb1919 double;*/
 width: 1050px;
 height: 120px;
 background-image:url("logo_cale.png");
 background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 250px 0px;
	padding-bottom: 3px;
 /*border-radius: 10px 10px 10px 10px;*/
}
@media screen and (max-width:1024px)
{
	header
	{
		 background-image:url("logo_cale24.png");
		 background-position: 280px 0px;
		 width: 1000px;
		 height: 100px;
		}
	}

/*#titre_principal
{
	display: inline-block;
}*/
	
nav
{
	display:inline-block;
	width: 1050px;
	height: 50px;
	padding-bottom: 18px;
	text-align: center;
	/*border:solid 1,5px;
	color:silver;*/
	background-color:#f8f8f8; /*ffefd5;*//*fff2bd;/*ffefae;*//*ffefd5;*//*ffeac8;*//*#f8f8f8;*/
		}

nav ul
{
	font-family: 'Sawasdee',"Times New Roman",Arial, Georgia, Trebuchet;
	font-size: 1.00em;
	list-style-type: none;
	padding:8px;
	padding-bottom: : 3px;
	color:black;/*#ed2b2b;*/
	}

nav li
{
	font-size:1.00em;
	font-style:normal;
	display: inline-block;
	margin-right: 50px;
	margin-left: 40px;
	color:black;
}
nav a:hover
{
	color: #ed2b2b;
}
@media screen and (max-width:1024px)
{
	nav
	{
		 width: 1000px;
		 height: 30px;		
		 padding-bottom: 22px;
		}
		nav ul
{
	font-size: 0.95em;
	padding:4px;
	padding-bottom: : 6px;
		}
		}
section
{
	width:1050px;
	height:500px;
	min-height: 30px;
	border-top: 5px #cb1919 solid;
	border-bottom: 5px #cb1919 solid;
	/*#f8f8f8;*/
	background: url("123.jpg") no-repeat 500px 35px;
	background-color:white; 
	}
	@media screen and (max-width:1024px)
	{
		section
		{
			width:1000px;
			height: 460px;
			}
			}
article p
{
font-family: Arial,"Times New Roman",Georgia;/*width: 100%;*/ 
min-width: 500px;
	font-size:0.90em;
	color:black;
	width: 700px;
	padding-left: 30px;
	line-height:0.50cm;
}
article ul
{
	/*display:inline-block;*/
width: 50%; /*vertical-align: top;*/
padding-left:55px;
}
article li
{
	font-family: Arial, Georgia, "Times New Roman";
	font-size:0.90em;
	width: 450px;
	list-style-type: circle;  /*#019bc1;*/
	color:black;
	padding: 8px;
}
article em
{
	display:block;
	font-family: Arial, Georgia, "Times New Roman";
	font-style:normal;
	font-size:0.85em;
	width: 430px;
	padding-left: 80px;
	padding-top: 0.40px;
color: black;/*#0a1674;*/ 
}
iframe
{
	position: absolute right 30px 50px;
	}
/*a[title="DRAFT"]
{
	font-size:1.1em;
	font-family: Arial, Georgia, "Times New Roman"; 
	font-style: italic; 
	color: black;
	padding-left:50px;
}
.dra:hover
{
	color: #cb1919;
}*/
.str
{
color:black; 
	font-style: normal; 
	font-weight: bold;
	/*#ed2b2b;*/
}
.str:hover
{
	color: #ed2b2b;
	}
/*.realizacje
{
	color: black;
	font-style: normal; 
	font-weight: bold;
}
.realizacje:hover
{
	color: #ed2b2b;/*cb1919;*/
	
/*.wspól
{
	color: black; font-style: normal; font-weight: bold;
}
.wspól:hover
{
color:#ed2b2b;
}*/
.kont
{
	color:black; 
	font-style: normal; 
	font-weight: bold;
	}
.kont:hover
{
color: #ed2b2b;
}
footer p
{
font-size:x-small;
 text-align: right; 
 font-family: Arial,"Times New Roman",Georgia;
font-style:normal;
border-bottom: 1px #cb1919 solid; 
width: 1050px;
height:30px;
background-color:white;/*#f8f8f8;*/
margin-top: 1px;
}
@media screen and (max-width:1024px)
{
footer 
{
	width: 1000px;
	text-align: right;

	}	
	}