@font-face {
	font-family: 'ComicSansItalic';
	src: url('comici.ttf') format('ttf'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	 url('comici.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
  }



body {
    font-size:18px;
	font-family: Tahoma, Helvetica, sans-serif;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	
	background-attachment:fixed;
}

.font-comic-sans {
	font-family:ComicSansItalic;
}

.font-size-20 {
	font-size: 20px;
}

.font-size-30 {
	font-size: 30px;
}

.clear{
	clear: both;
}

.vertical-align-custom{
	vertical-align:middle;
}

.flags-img {
	width: 25px;
	height:25px;
}

.main{
	width:1024px;
	margin:0 auto 0 auto;
	overflow:none;


}
.header{
	background:#C4C4C4;  /*rgb(196,196,196);  ostava rgb cveta #b3b3b3*/
	/*change width in mobile or desktop style*/
	height:auto;
	border-radius:10px;
}

.logo{
	/*change width in mobile or desktop style*/
	margin:0 auto 0 auto;
	text-align:center;
	padding:1%;
}
	.logo .logo-img{
		width:25%;
		height:20%;
	}

.moto{

	margin:0 auto 0 auto;
	text-align:center;
	/*padding-left:9%;/* tuka za logoto nadpisa */
	/* font-weight:bold; */
	
}
/*facebook img*/
.moto .fb-img{
	padding-left:10%;
	width:10%;
	height:10%;

}

/*slider*/
.slide {
	
	/*width:100%;
	
	margin-left:12.5%;
	
	change here*/

}	

/*news field 3 to 3*/
.news{
	font-size:12px;
	width:96%;
	background:white;
	height:auto;
	padding:2%;

	
}
.news .news-first{

	margin:1.66%;
	
}


.news-head{
	text-align:center;
}

.news-img{
	margin:2%;
	width:95%;
	height:50%;
}

.news .news-first a{
	text-decoration:none;
	font-weight:bold;
	color:black;
	font-size:11px;
}

/*footer*/

.footer{

	background:#C4C4C4;
	width:96%;
	height:auto;
	border-radius:10px;
	padding:2%;


	
}

.footer .footer-text {
	color:black;
}

.footer .footer-text a{
	text-decoration:none;
	color:black;
}
.footer .footer-text a:hover{

	color:red;
}
.footer-text .footer-menu{
	list-style:none;
}
.footer .footer-menu li a{
	text-decoration:none;
	color:black;


}
.footer .footer-menu li a:hover{
	color:red;
}

.footer-me{
	float:right;
	font-size:10px;
	margin-top:3%;
}
.footer-me p{
	
	text-align:right;
}
.footer-text .news-img{
	margin-top:1px;
}

/*article and pics text*/
.article{
	width:100%;
	font-size:90%;
	
}
.article .pics{
	text-align:center;
}


.article .img {
	width:60%;
	height:400px;
	margin-top:1%;
	
}
.article .img_partner{
	width:150px;
	height:150px;

}

.article .img_partner_short{
	width:280px;
	height:100px;
}


.article .text{
	text-align:justify;

}
.article h1,h2{
	color:red;
	text-align:center;
}
.article h4{
	text-align:center;
}

.article p .first-line{
	margin-left:5%;
}
.article .center{
	text-align:center;
}

.article p a {
	text-decoration:none;
	color:blue;
	display:block;
	margin:1%;
}

.article p a:hover {
	color:red;
	text-decoration:underline;	
}

.pics-small{
	width:100%;
	/*change style to mobile phone or desktop*/
}

.pics-many{
	width:100%;
	/*change style to mobile phone or desktop*/
}

.pics-small-img {
	max-width: 100%;
	height: auto;
}

.pics-small-icon {
	width: 35px;
	height: 35px;
}


/*color text in different city*/

.spain-index-red {
	color: #CC0000;
}

.spain-index-black {
	color: #000032;
}

.uni-spain-dark-blue {
	color: #002060;
}

.uni-spain-light-blue {
	color: #4472C4;
}



.pamplona{
	color:#FF3737;
}
.san-sebastian{
		color:#0042A2;
}

.san-sebastian-pink{
		color:#D200D2;
}

.santiago{
		color:#40B97B;
}
.barca{
		color:#2F1BFF;
}

.enforex-blue{
		color:#003399;
}

.enforex-orange{
		color:#FF6600;
}

.barca-city-green {
		color:#008000;
}

.barca-city-red {
		color:#C4004F;
}

.barca-city-blue {
		color:#003399;
}

.barca-cafe-red {
		color: #EA0000;
}

.barca-cafe-blue {
		color: #0000FF;
}

.palma-green{
		color:#008E39;
}

.palma-blue{
		color:#00398E
}

.ibiza{
		color:#00398E;
}

.madrid{
		color:#CC99FF;
}

.madrid-ail-orange{
		color:#FF6600;
}

.madrid-ail-blue{
		color:#0099FF;
}
	
.valencia{
		color:#0086BA;
}
.cadiz{
		color:#33CCCC;
}	
.salamanca{
		color:#FFCC00;
}
.malaga{
		color:#FF7B21; /*#515151*/
}

.malaga-on-spain{
		color:#FF0000;
}
	
.sevilla{
		color:#FF0066;
}

.madrid-inhispania{
		color:#9966FF;
}
.madrid-inhispania-red{
		color:#FF0000;
}

.madrid-camp-purrple {
		color: #800080;
}

.madrid-camp-red {
		color: #C00000;
}

.madrid-camp-blue {
		color: #0070C0;
}

.madrid-camp-dark-blue {
		color: #002060;
}

.valencia-aip-blue{
		color:#0088B8;
}
.valencia-aip-orange{
		color:#FF7B21;
}
.valencia-alicante-blue{
		color:#0088B8;
}
.valencia-alicante-orange{
		color:#FF7B21;
}
.valencia-top-school-blue{
		color:#0088B8;
}
.valencia-top-school-red{
		color:#FF0000;
}
.valencia-espanole{
		color:#0042A2;
}

.valencia-espanole-sky-blue{
		color:#0070C0;
}

.valencia-denia{
		color:#0060EE;
}


.cadiz-tenerife-blue{
		color:#33CCCC;
}
.cadiz-tenerife-orange{
		color:#FF7B21;
}

.marbella{
		color:#2F1BFF;
}
.blue{
		color:blue;
}
.ireland{
		color:#009900;
}

.ireland-ihdublin-green {
		color:#009900;
}

.ireland-ihdublin-blue {
		color:#0033CC;
}

.montpellier{
		color:#99CC00;
}
.montpellier-ief{
		color:#CC0066;/*red ne6to si ili pepel ot rozi mai e*/
}

.france-red{
		color: #CC0000;
}
.france-blue{
		color: #00398E;
}

.france-nice-orange {
		color: #FF6801;
}

.france-nice-blue {
		color: #0000B0;
}

.france-paris-red,
.france-nice-sc-red {
		color: #FF0000;
}

.france-paris-blue,
.france-nice-sc-blue {
		color: #003366;
}

.cia-blue{
		color: #0065FA;
}

.cia-red{
		color: #FF5050;
}



.italy{
		color:#3366FF;
}
.italy-rome{
		color:#0000FF;
}
.italy-rome-yellow{
		color:#EEC100;
}
.italy-rome-junior{
		color:#008000;
}
.italy-rome-junior-red{
		color:#A50021;
}
.italy-venice-head, .italy-venice-noitalic{
		color:#A50021;
		
}
.italy-venice{
		color:#A50021;
		font-style:italic;
}
.italy-milano-head{
		color:#008000;
}
.italy-milano{
		color:#008000;
		font-style:italic;
}
.italy-milano-red{
		color:#FF0000;
}
.italy-rimini{
		color:#0066CC;
}
.italy-bologna{
		color:#A50021;
}
.italy-au-pair-green{
		color:#008000;
}
.italy-au-pair-red{
		color:#CC0000;
}
.italy-au-pair-blue{
		color:#0033CC;
}
.fiorenza{
		color:#3C3CB6;
}

.italy-salerno-blue {
		color:#0066CC;
}

.italy-salerno-red {
		color:#990000;
}

.italy-taormina-blue {
		color:#0066CC;
}
.italy-taormina-green {
		color:#85B400;
}


.lingua{
		color:#008014;
}
.lingua-red{
		color:#CC0000;
}


.buenos{
		color:#3366FF;
}

.cuba-havana{
		color:#800080;
}
.cuba-havana-blue{
		color:#33CCCC;
}
.cuba-havana-red{
		color:#FF0000;
}

.malta-easy-orange{
		color:#FF6600;
}
.malta-easy-blue{
		color:#0088B8;
}
.malta-milan-grean, .malta-ese-grean{
		color:#7FAC00;
}
.malta-milan-blue, .malta-ese-blue{
		color:#003366;
}

.germany-koln-red{
		color:#FF3300;
}

.germany-berlin-blue{
		color:#3535A1;
}

.germany-berlin-camp-blue{
		color:#3535A1;
}

.germany-carl-violet{
		color:#6C006C;
}

.germany-carl-pink{
		color:#FF0066;
}

.germany-werbellinsee-red,
.germany-frankfurt-red {
	color: #FF0000;
}

.germany-werbellinsee-blue,
.germany-frankfurt-blue {
	color: #003366;
}

.mehico-palma-red{
		color: #CC0066
}

.mehico-palma-blue{
		color: #00398E;
}

.greece-crete-blue {
		color: #0044A8;
}

.greece-crete-pink {
		color: #CC0099;
}

.greece-corfu-blue {
		color: #00398E;
}

.greece-corfu-red {
		color: #CC0000;
}

.russia-peter-blue {
		color: #6666FF;
}

.russia-moscow-red {
		color: #AC0021;
}

.russia-moscow-green {
		color: #008000;
}

.russia-educa-blue {
		color: #006DDA;
}

.russia-educa-green {
		color: #85BC00;
}

.portugal-lisbon-green {
		color: #006600;
}
.portugal-lisbon-red {
		color: #CC0000;
}

.england-york-blue {
		color: #000080;
}
.england-york-green {
		color: #7FAC00;
}

.england-winchester-blue {
		color: #000080;
}

.england-winchester-purple {
		color: #800080;
}

.england-oxford-purple {
		color: #BB2D70;
}

.england-oxford-orange {
		color: #F28800;
}

.england-oxford-green {
		color: #96C21F;
}

.england-oxford-blue,
.england-london-surrey-blue {
		color: #000080;
}

.england-london-surrey-red {
	color: #FF0000;
}

.england-london-red {
		color: #FF0000;
}

.england-london-blue {
		color: #003366;
}

.england-portsmouth-red {
		color: #FF0000;
}

.england-portsmouth-blue {
		color: #003366;
}

.england-brighton-red {
		color: #FF0000;
}

.england-brighton-blue {
		color: #003366;
}

.england-london-camp-blue {
		color: #0070C0;
}
.england-london-camp-dark-blue {
		color: #002060;
}
.england-london-camp-pink {
		color: #CC0066;
}

.england-giles-red, 
.england-giles-brighton-red {
		color: #C00000;
}

.england-giles-blue,
.england-giles-brighton-blue {
		color: #002060;
}

.england-mary-blue {
		color: #005FEA;
}

.england-mary-dark {
		color: #002060;
}

.england-frensham-green {
		color:#008A00;
}

.england-frensham-blue {
		color:#000080;
}

.england-giles-cambridge-purple {
	color: #7030A0;
}

.england-giles-cambridge-blue,
.england-giles-eastbourne-blue,
.england-bournemouth-blue {
	color: #002060;
}

.england-giles-eastbourne-sky-blue {
	color: #00AAE6;
}

.england-keele-red {
	color: #FF0000;
}

.england-keele-blue {
	color: #003366;
}

.england-bournemouth-green {
	color: #00B050;
}


.ecuador-cuenca-purple {
		color: #800080;
}
.ecuador-cuenca-blue {
		color: #33CCCC;
}
.ecuador-cuenca-red {
		color: #FF0000;
}

.bulgaria-albena-blue {
		color: #0060A8;
}

.bulgaria-albena-red {
		color: #FF4B21;
}

.netherlands-heino-blue {
	color: #0060A8;
}

.netherlands-heino-red {
	color: #FF4B21;
}


/* summer-camps */
.summer-camps-winter-purple {
	color: #9966FF;
}

.summer-camps-winter-blue {
	color: #0088B8;
}

.summer-camps-spring-green {
	color: #3DB97B;
}

.summer-camps-spring-red {
	color: #FF0066;
}

.summer-camps-orange {
	color: #FF7B21;
}

.summer-camps-skyblue {
	color: #33CCCC;
}



/* end of summer camps */

/* start family camps colors */
.family-header {
	color: #0070C0;
}

.family-denia {
	color: #0060EE;
}

.family-alicante {
	color: #0088B8;
}

.family-valencia, 
.family-san-sebastian {
	color: #0042A2;
}

.family-cadiz {
	color: #33CCCC;
}

.family-malaga {
	color: #FF7B21;
}

.family-nice {
	color: #0000B0;
}

.family-malta {
	color: #7FAC00;
}

.family-london {
	color: #002060;
}

.family-brighton {
	color: #C00000;
}

.family-cambridge {
	color: #7030A0;
}


/* end family camps color */

.bold{
	font-weight:bold;
}

.underline{
	text-decoration:underline;
}

.italic{
	font-style: italic;
}

.red{
	color: #FF0000;
}

.ihsa-conf-purple {
	color: #990099;
}

.azares-winner-2018 {
	color: #660066;
}


/*new menu first*/
.menu-first-new {
    list-style-type: none;
    margin: 0 0 0 1%;
    padding: 0;
    overflow: hidden; 
}

.menu-first-new li {
    float: left;	
}

.menu-first-new li a, .dropbtn-first {
    display: block;
    color: black;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
	border-radius:10px;
	
	border-top-width:1px;
	border-bottom-width:3px;	
	
}

.menu-first-new li a:hover, 
.dropdown-first:hover .dropbtn-first {
    background-color:white; /*#111;*/
	
	border-radius:10px;
	
	border-top-width:1px;
	border-bottom-width:3px;	
}

.dropdown-first {
    display:block;
	
}

.dropdown-content-first {
    display: none;
    position: absolute;
    background:rgb(196,196,196);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:1;
	border-radius:10px;
	border-top-width:1px;
	border-bottom-width:3px;
	min-width: 160px;
}

.dropdown-content-first a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display:block;
	
	
	
}

.dropdown-content-first a:hover {
	background:#FF3737;
	
	
}

.dropdown-first:hover .dropdown-content-first {
    display: block;
}




/*menu-second*/

	#m1, .m1{
		background:#FF3737 none repeat scroll 0 0;	
	}
	#m2, .m2{
		background:#40B97B none repeat scroll 0 0;
	}
	#m3, .m3{
		background:#2F1BFF none repeat scroll 0 0;
	}
	#m4, .m4{
		background:#CC99FF none repeat scroll 0 0;
	}	
	#m5, .m5{
		background:#0086BA none repeat scroll 0 0;
	}
	#m6, .m6{
		background:#33CCCC none repeat scroll 0 0;
	}	
	#m7, .m7{
		background:#FFCC00 none repeat scroll 0 0;
	}
	#m8, .m8{
		background:#FF7B21 none repeat scroll 0 0;
	}	
	#m9, .m9{
		background:#FF0066 none repeat scroll 0 0;
	}




/*new menu second*/

/*ul za menuto*/


.menu-second-new {
	list-style-type: none;
	display: flex;
	justify-content: center;

	/* margin: 0 0 0 3%;
    padding: 0; */
	overflow: hidden; 
}

.menu-second-new a {
	display: block;
	color: black;
	padding: 14px 16px;
    text-decoration: none;
	border-radius:10px;	
	border-top-width:1px;
	border-bottom-width:3px;
}

.menu-second-new li {
	align-content: center;
	flex-grow: 1;
	border-radius:10px;
	border-top-width:1px;
	border-bottom-width:3px;
	text-align: center;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.menu-second-new li a:hover,
.dropdown-content a:hover {
	background-color:white;	
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width:120px;
	z-index:1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-radius:10px;
	border-top-width:1px;
	border-bottom-width:3px;
}

.dropdown-content a {
	text-align: left;
}


/* .menu-second-new {
    list-style-type: none;
    margin: 0 0 0 3%;
    padding: 0;
	overflow: hidden; 
	
}

.menu-second-malta {
	list-style-type: none;
	
	margin: 0 0 0 30%;
	padding: 0;
	overflow: hidden; 
}

.menu-second-new li,
.menu-second-malta li 
{
    float: left;
	border-radius:10px;
	border-top-width:1px;
	border-bottom-width:3px;

}

.menu-second-france {
	list-style-type: none;
	display: flex;
}


.menu-second-france li {
	border-radius:10px;
	border-top-width:1px;
	border-bottom-width:3px;
	padding: 1px;
	margin: 5px;
	justify-items: center;
	flex-grow: 2;
	text-align: center;
}

.menu-second-new li a,
.menu-second-malta li a, .dropbtn {
    display: block;
    color: black;
    
    padding: 14px 16px;
    text-decoration: none;
	border-radius:10px;
	border-top-width:1px;
	border-bottom-width:3px;	
	
}

.menu-second-new li a:hover, .dropdown:hover .dropbtn {
    background-color:white;	
}

.dropdown {
    display: inline-block;
	
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width:120px;
	z-index:1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-radius:10px;
	border-top-width:1px;
	border-bottom-width:3px;	
	
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
	display: block;
	text-align: left;
	
}


.dropdown-content a:hover {
	color:black;
	background-color: white
}

.dropdown:hover .dropdown-content {
    display: block;
} */





/*hide menu-mobile*/

.menu-mobile,
.menu-mobile-second-items{
	display:none;
}	
	
/*hide menu push button*/

.menu-mobile-push,
.menu-mobile-second-push{
	display:none;
	list-style:none;
}

@media screen and (max-width: 767px) {
	/* For mobile phones:*/

	.main {
		width:100%;
		margin:0 auto 0 auto;
		overflow:none;	
	}	

	h1,h2,h3,h4{
		font-size:18px;
	}
		
		
	.header  {
		width:100%;
	}

	.logo {
		width:90%;
	}
		.logo .logo-img{
			width:25%;
			height:20%;
		}

	.moto{
		width:100%;
		font-size:14px;
		
	}	
	

	/*menu mobile push*/
	.menu-mobile-push,
	.menu-mobile-second-push{
		display:block;
		list-style:none;
		left:0;
		margin:0;
	}

	.menu-mobile-push li:hover,
	.menu-mobile-push li a:hover{
		color:red;
	}

	.menu-mobile-push li a {
		text-decoration: none;
		color: black;
	}

	/*menu-mobile detail*/
	.menu-mobile {
		background:#C4C4C4;
		/* start off behind the scenes */
		height: auto;
		position:absolute;
		width: 96%;
		overflow:auto;
		z-index:1;
		border-radius:10px;
		border-top-width:1px;
		border-bottom-width:3px;
		
	}

	.menu-mobile ul {
		border-top: 1px solid black;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.menu-mobile li {
		border-bottom: 1px solid black;
		
		padding-bottom: 3px;
		padding-left: 20px;
		padding-top: 3px;
	}

	.menu-mobile a {
		color: black;
		font-size: 14px;
		text-decoration: none;
	
	}
	.menu-mobile li:hover{
		background:white;
	}

	.menu-mobile .menu-right{/* link to right*/
		text-align:right; 
		padding-right: 20px;
	}

	.icon-close {
		cursor: pointer;
	}	

	.icon-close-inner {
		cursor: pointer;
		width: 15px;
		height: 15px;
		background-color: rgb(228, 48, 198);
		border-radius: 25px;
		border: 1px solid black;
	}	


	/*header*/

	/*slider*/
	.slide{
		
		width:120%;
		margin-left:6%;

	}

	/*news section*/
	.news{
		width:90%;
		margin-left:4%;
		
	}

	/*footer*/

	.footer{
		width:96%;
	}

	/*article*/


	.article .pics{	
		width:100%;
	}

	.article .pics .img{
		height:auto;
		width:100%;
	}

	.pics-small{
		width:100%;
		/*change style to mobile phone or desktop*/
		
	}

	.pics-many{
		width:100%;
		/*change style to mobile phone or desktop*/
	}

	.pics-small-icon {
		width: 35px;
		height: 35px;
	}

	/*menu first and second hide*/
	.menu-first-new, .menu-second-new{
		display:none;
	}
	
} /*end of mobile phone and smart phone*/


@media screen and (min-width: 768px) {
	/* For desktop: */
		
	body{
		background-image:url(../Picture/HomePage/azares_bgraund_wait.png);
	}	

	.main{
		font-size:18px;
	}	
		
	/*hide menu-mobile*/

	.menu-mobile{
		display:none;
	}	
	
	/*hide menu push button*/

	.menu-mobile-push{
		display:none;
		list-style:none;
	}
	
	.header{
		width:100%;
	}

	.logo{
		width:90%;

		padding:1%;
	}
		.logo .logo-img{
			width:25%;
			height:20%;
		}

	.moto{
		width:90%;	
	}	
		
	/*footer*/

	.footer{
		float:left; /*move to other style*/	
	}

	.footer .footer-text{
		width:25%; /*move to other style*/
		float:left; /*move to other style*/
	}	
	
	
	

	/*news section*/	
	.news{

		position:relative; /*move to other style*/
		float:left;  /*move to other style*/
		
	}
	.news .news-first{
		
		width:30%;   /*move to other style*/
		float:left; /*move to other style*/
	}	
	

	/*slider*/
	.slide{
		width:100%;	
		margin-left:12.5%;
	}	

	.article .pics{
		width:100%;	
	}

	.pics-small{		
		margin-left:22%;

	}
	.pics-many{	
		margin-left:3%;
	}

	.pics-small-icon {
		width: 35px;
		height: 35px;
	}

	
}