/* nada */

/*
 --color-purple: #915F91;
 				#1590a4;
:root {  
  --co-purple-A: #9F699F;
}
*/
/* ________________ */
img, embed, object, video {
  max-width: 100%;
  height: auto;
}

.top-csik, #top-csik, #depr-deldel, #top-csik-w{
	background-color: #92C07A;
	min-height: 30px;
}
#top-csik-w, #head-w, #top-date, #search-w{
    width: 100%;
}
.site-slogan{
	letter-spacing: 2px;
}
#head-w{

}
.wrap{
    width: 960px;
    margin: auto;
}
/* top */
.head-uni{
	display: inline-block;
}
.marilyn{
	min-height: 85px;
}
.d-iblock{
	display: inline-block;
}
/* clock  */
#clock, #clock-date{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	display: inline;
	margin-left: 20px;
	/*background-color: #EAE;*/
	background-color: #EC8DEC;
  padding: 6px;
}
.clock-big{
	font-size: 300%;
	vertical-align:25%;
}
.clock-sm{
	font-size: 150%;
	vertical-align:50%;
}
#search-uni{
	padding: 12px;
	border:0;
	color: #FFFFFF;
	box-sizing: border-box;
	font-size: 30px;
}
#search-2{
	margin: 0px auto;
	padding: 0px;
	border:0;
	/* w */
	border-bottom-width: 1px;
	border-bottom-color: #fff;
	border-bottom-style: dashed;
	padding-bottom: 4px;
	text-align: left;
	background-color: #EFEFEF;
	clear: both;
}
#nav-cont{
	background-color: #F0F0F0;
	min-height: 50px;
	clear: both;
}
#nav {
    margin:0;
    padding:0;
/*    list-style:none;
    background-color: #CCCCCC;*/
}
/* menu */
.nav-home, .nav-cikk, .nav-bg, .nav-kult, .nav-fogy, .nav-urban, .nav-or{

	display: inline-block;
	padding: 8px 8px;
	color: white;
	font-size: 18px;
	margin: 2px 6px 4px 2px;
}


.bkg-home, .bkg-home-nav{ background-color: #B06AB0; }
.bkg-home-nav:hover { background-color: #E66CE6; }
.bkg-cikk, .bkg-filmes, .bkg-cikk-nav, .bkg-filmes-nav{ background-color: #1590a4; }
.bkg-cikk-nav:hover, .bkg-filmes-nav:hover { background-color: #0EBDD9; }
.bkg-bg, .bkg-bg-nav{ background-color: #2867ca; }
.bkg-bg-nav:hover { background-color: #5290F1; }
.bkg-media, .bkg-szocio { background-color: #2867ca; }
.bkg-media:hover, .bg-szocio:hover { background-color: #5290F1; }
.bkg-kult, .bkg-kult-nav { background-color: #e360af; }
.bkg-kult-nav:hover { background-color: #FF69C4; }
.bkg-urban, .bkg-urban-nav{ background-color: #42b501; }
.bkg-urban-nav:hover { background-color: #49CB00; }
.bkg-fogy{ background-color: #129500; }
.bkg-or{ background-color: #985858; }
/* film: #1590a4 */


#content, .content {
  width: 560px;
  padding: 0 10px 0 20px;
  background-color: #fff;
  text-align: left;
}

/* footerz */
#footer-uni{
	clear: both;
	width: 100%;
}
#footer-w, #footer-w-home, #footer-w-filmdb, #footer-w-purp, #footer-w-gree, #footer-w-szocio, #footer-w-nws, #footer-w-friss, #footer-w-filmes{
	clear: both;
	width: 100%;
}
#footer-w-home, #footer-w-purp, .bg-purp{
/*	background-color: #EAE; 
	background-color: #C9C;*/
	/*background-color: #915F91;
	background-color: #CC99CC;*/
	background-color: #9F699F;
}
#footer-w-filmdb{
	background-color: #66669C;
}
#footer-w-gree{
	background-color: rgb(146, 192, 122);
}
#footer-w-szocio{
	background-color: #BEDD1E;
}

/*  f2   */
/*
#footer-2 {
	width:960px;
	margin: auto;
}
*/
/* - - - */
.footer {
        font-size: 16px;
        color: #ffffff;
}

/* media queries - - - - - - - - - - - - - - - - - - - - - - - - - -  */
@media only screen and (min-width: 1280px){
.wrap{
	margin: auto;
}
.wrap, .wrap-w{
	width: 700px;
}
}
@media only screen and (min-width: 625px) and (max-width: 1279px) {
.wrap{
	margin: auto;
}
.wrap, .wrap-w{
	width: 625px;
}
}
@media only screen and (min-width: 170px) and (max-width: 624px) {
	.wrap{
		margin: auto;
	}
	.wrap, .wrap-w{
		width: 96%;
	}
	#content, .content{
	    padding-left: 3px;
	}
	#nav li {
		font-size: 100%;
		height: 30px;
	}
	#search-uni{
	    font-size: 14px;
	}
	#marilyn{
	width: 50px;
	height: 50px;
	}
	#logo-vert{
	height: 50px;
	width: 15px;
	}
	#clock, #clock-date{
	margin-left: 2px;

	}
	.clock-big{
	font-size: 100%;
	vertical-align:50%;
	}
	.clock-sm{
		font-size: 100%;
		/*vertical-align:50%;*/
	}
	.footer{
		font-size: small;
	}

}
@media only screen and (min-width: 270px) and (max-width: 559px) {
	#content, .content{
	    width: 96%;
	}
}


/* - - - -  - // END -- media queries - - - - - - - - - - - - - - - - - - - - - - -  */