@import url(https://fonts.googleapis.com/css?family=Cookie);



body{

    margin:0;

    padding:0;

    font-family:"Open Sans", Arial, sans-serif;

    font-size:14px;

    color:#20232A;

	background-color: #2B2B2B;

}

header {

    width:100%;

    height:90px;

    border-bottom: 1px solid #e8e8e8;

    margin-bottom:40px;

	background-color:#F6F6F6;

}

a{

	text-decoration:none;

}

h1 ,h2 {

	font-family: 'Cookie', cursive;

	color:red;

	text-align:center;

	text-transform: uppercase;

}

.content{

    margin:0 auto;

    width:1140px;

}

aside{

	margin:auto;

	width: 900px;

}
#comm{
	color:red;
}
main {

	min-height:820px;

	margin: 20px;

	padding: 20px;

	border: solid 1px #F6F6F6; 

}

main #acasa {

	float:right;

	display:inline;

	width: 420px;

	margin-top: -330px;

}

main p{

	font-family: 'Open Sans', cursive;

	float:left;

	display:inline;

	width:100%;

	color:#fff;

	font-size:15px;

}

main li{

	color:#fff;

	font-size:12px;

}

#clase ol {

	max-height:650px;

	overflow: auto;

	min-width:135px;

}

td{

	padding:0;

	vertical-align:top;

}

footer{

    clear:both;

    height:30px;

    background-color:#2B2B2B;

}

        footer p{

            color:#555;

            text-align:center;

			font-weight:bold;

        }

		

.meniu {

	list-style-type:none;

	margin:0;

	padding:0;

	overflow:hidden;

}

.meniu li {

	float:left;

	margin-right:1px;

}

.meniu a:link,a:visited {

	display:block;

	min-width:160px;

	height:50px;

	line-height:50px;

	font-weight:bold;

	font-size:17px;

	color:#000000;

	background-color:#b70000;

	text-align:center;

    padding:4px;

}

.meniu a:hover,a:active {

	background-color:#515151;

	color: #ffffff;

	opacity: .9;

}



/*Style 'show menu' label button and hide it by default*/

.show-menu {

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	text-decoration: none;

	color: #fff;

	background: #b70000;

	text-align: center;

	padding: 10px 0;

	display: none;
}



/*Hide checkbox*/

input[type=checkbox]{

    display: none;

}



/*Show menu when invisible checkbox is checked*/

input[type=checkbox]:checked ~ .meniu{

    display: block;

}





/*Pag Organizare*/



.organizare{

	width:33%;

	display:inline;

	float:left;

}

.organizare td img{

	text-align:center;

	width:90%;

}

.organizare ol li {

	font-size: 14px;

	line-height:20px;

}

.organizare tr td p{

	font-family:"Open Sans", Arial, sans-serif;

	width: 100%;

	color: #EC8484;

	text-indent:30px;

	font-size: 16px;

	line-height:25px;

	padding-left:10px;

}

.organizare ol {

	max-height:580px;

	overflow: auto;

	min-width:135px;

}

#sustinere{

	font-size: 14px;

	line-height:20px;

	color: #fff;

	padding:30px;

	width:95%;

	text-indent:0px;

}





/*Pag Contact*/

h3{

	font-size:20px;

	color:#fff;

	margin:20px;

}
#zbwid-682d6758 { margin: 0 auto;}
/*Mobile*/

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

    main, aside{

        float:none;

        width:100%;

	margin:0;
	padding:0;
		}
	main { border: none;}
    .content{

        width:760px;

    }
	main #acasa {display:none;}
	header img { margin:0; padding:0;}
	main p, img {
		clear:both;
		display:block;
		width: 90%;
		padding:20px;
		text-align:center;
		margin:0 auto;
		}

	h1, h2 {
		font-size:20px;
	}
	h3 { text-align:center;}
	
	/*Make dropdown links appear inline*/

	.meniu {

		position: static;

		display: none;

	}

	/*Create vertical spacing*/

	.meniu li {

		margin-bottom: 1px;

	}

	/*Make all menu links full width*/

	.meniu li, .meniu li a {

		width: 100%;

	}

	/*Display 'show menu' link*/

	.show-menu {

		display:block;

	}
	#clase  { display: block; }
	#clase  td {display: inline-block;}
	#clase ol { max-height: 100%;}
	#hidden {display:none;}

	.organizare{

	width:100%;

	display:block;

	float:left;
	border-bottom: 2px solid #F6F6F6;
	font-size: 2em;
	}
	.organizare img { width: auto; height: auto;}
	#sustinere {padding:0;}

	#comm img { width: auto; height: auto; display:inline;}

}

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

    .content{

        width:95%;

    }

	/*Make dropdown links appear inline*/

	.meniu {

		position: static;

		display: none;

	}

	/*Create vertical spacing*/

	.meniu li {

		margin-bottom: 1px;

	}

	/*Make all menu links full width*/

	.meniu li, .meniu li a {

		width: 100%;

	}

	/*Display 'show menu' link*/

	.show-menu {

		display:block;

	}

	

	footer p {

		width:95%;

	}

	

}





/*For scrollbar in Clase*/



::-webkit-scrollbar {

    width: 5px;

}

 

::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 8px rgb(255, 230, 230); 

    border-radius: 10px;

}

 

::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 10px rgb(128, 0, 0);

}