img{border:0;}
.sub-sidebar img{  width:100%; height:auto;}
body{margin:0;
	 width:100%;
font-weight:normal;
	}
	
p { 
	font-family:Arial,Helvetica,sans-serif;
	color:#67757b;
	font-size:13px;	
	margin-bottom:0px;
	line-height:1.5em;
		
}

.csc-header{text-align:center;}

#under-content li{
font-family:Arial,Helvetica,sans-serif;
	color:#67757b;
	font-size:13px;	
	margin-bottom:12px;
	line-height:1.5em;


}

#language img{width:85%;}
	
.csc-textpic-caption {
 text-align: center;
caption-side:bottom;
color:#67757b;
font-size:12px;
 font-weight: 600;
font-family: Arial,Helvetica,sans-serif;
border-bottom: 1px solid #E2E1E1;
margin: 5px 0;
padding-bottom:5px;

}

/* STYLE TEXT */
.align-center {text-align:center !important;}
.align-left {text-align:left !important;}
.align-right {text-align:right !important;}
.align-justify {text-align:justify !important;}


h1 {font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	color:#003399;
	}
h2 {font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	color:#003399;
	
	}
h3 {font-family:Arial,Helvetica,sans-serif;
	font-weight:600;
	font-size:12px;
	color:#67757b;
	}

#under-content img{width:100%; height:auto;}


h4 {font-family:Arial,Helvetica,sans-serif; color:#67757b; font-size:12px;  font-weight:500;}
h5 {font-family:Arial,Helvetica,sans-serif; color:black;}
.cb{clear:both; width:100%;display:block;}


p, h1, h2, h3, h4, h5 {margin-top:0;}

#under-content a { 
	text-decoration:none;
	font-family:Arial,Helvetica,sans-serif;
	color:#003399 !important;
	font-size:13px;
}
iframe{max-width:100%;}

#under-content a:link {color:##003399;}      /* unvisited link */
#under-content a:visited {color:##003399;}  /* visited link */ 
#under-content a:active {color:##003399;}  /* selected link */ 



#container{
	margin:0 auto;
	 /*max-width:1393px;*/
	max-width:100%;
	min-height:805px;
	background-color:#e9e9e9;
}
#header{
	max-width:967px;
	min-height:69px;
	margin:0 auto;
}

#logo{max-width:100%; border:0;}
#logo img{border:0;}
#main{
	background-image:url('../images/bg_content2.png');
	background-repeat:no-repeat;
	background-size:100% 646px;
	background-color:white;
	/*max-width:1393px;*/
	max-width:100%;
	margin:0 auto;
	min-height:646px;
}
#main img{max-height:646px;}

#footer{
	max-width:966px;
	margin:0 auto;
	min-height:97px;
}
#footer h3{color:black;}
strong {font-weight:900;}

#main-container{
	max-width:966px;
	min-height:632px;
	margin:0 auto;
	
}
#left-content{
	/*margin-left:2px;*/
	width:75%;
	float:left;
	min-height:632px;
	margin-top:4px;
	 margin-bottom: 30px;
	
}


#right-content{
	margin-top:1px;
	min-height:632px;
	width:25%;
	background-size:100% 100%;
	/*border-left:3px solid;*/
	/*border-right:3px solid;*/
	border-color:white;
	background-image:url('../images/bg_diploma2.png');
	background-repeat: no-repeat;
	float:right;
}

/* END BIG DIVS */



#button-slider {
		
		margin-top:4%;
		position:absolute;
		z-index:9;
		width:11%;
		height:11%;
		text-align:center;
		margin-left:1%;
		background-size:100% 100%;

}

#button-slider img{width:100%; border:0;}

#slider{
	border-left:3px solid;
	border-color:white;
	max-width:100%;
	height:241px;
	
	margin:0 auto;
	background-color:white;
	
}

#under-content{min-height:347px; margin-top:20px; margin-left:12px; margin-right:12px; padding-top:20px;}

hr{color:#ebe8e8; height:1px; border-top:1px solid; border-bottom:0;}

#under-content p:first-child{margin-top:0px;}

#header1 {width:74%; height:69px; float:left;}
#header1 img{float:left; max-width:231px;margin-top:-20px;}
#language{width:100%; height:35px;}
#menu{float:right; width:489px; height:47px; margin-top:-20px; }


#language img{float:right; margin: 5px 3px 0;}
#c12 {  float: right;
    width: 62px;
	display:none; /* FROM HERE ACTIVATE LANGUAGE!!!!  */

}

#header2{
	background:url('../images/bg_slogan.png');
	width:237px; height:69px;
	border-left:3px solid;
	border-right:3px solid;
	border-color:white;	
	float:right;
}

#header2 h2{color :white; 
text-align:center;
 max-width: 190px; 
margin: 13px auto; 
font-weight: 500;

line-height:1.5em;
 font-size:14px; 
}

#menu{margin-top:-40px;}

#menu ul li{list-style:none; display:inline; height:29px;}
#menu #sub-menu  li{list-style:none; display:inline; height:22px;}
#sub-menu{text-align:left;}
/*#menu ul{margin:0;}*/

#description-content{width:100%;}
#description-content p{margin-bottom:0px;}
#cl50{width:50%; float:left;}
#cr50{width:50%; float:right;}
#cl50,#cr50 h3{max-width:320px;}
#c14, #c15{max-width:320px; margin-top:0;}
#c15{float:right;}


/*.c50r .csc-default{float:right;}*/

.c50l{width:46%; float:left;}
.c50r{width:46%; float:right;}
.c50l p,.c50r p{text-align:justify;  /*font-size:12px;*/}

.c33l{width:33%;float:left;}
.c33r{width:33%;float:right;}

.c40l{width:40%;float:left;}
.c60r{width:55%;float:right;}

.c40r{width:40%;float:right;}
.c60l{width:55%;float:left;}
.c33l {width:32%;float:left; margin-right:10px;}
.c33r {width:32%;float:right;}

.c33l .csc-textpic-text{text-align:center;}
.c33r .csc-textpic-text{text-align:center;}	
.c33l h2, .c33r h2 {text-align:center;}
.c33l h3, .c33r h3 {text-align:center;}
.c33l h4, .c33r h4 {text-align:center;}
.c33l h5, .c33r h5 {text-align:center;}
.c33l h1, .c33r h1 {text-align:center;}

.c25l {width:24%;float:left; margin-right:7px;}
.c25r {width:24%;float:right;}

.c25l .csc-textpic-text{text-align:center; line-height: 0em;}
.c25r .csc-textpic-text{text-align:center; line-height: 0em;}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{margin-bottom:22px !important;}



#diploma1{margin-top:15px;}
.diploma {width:171px; margin:0 auto;}
.diploma h3{color:black; margin:2px 0 5px 0; text-align:center; border-bottom:1px solid #e2e1e1;
padding-bottom:5px;}

#c8 {margin:15px auto; width:171px;}
#c9, #c10, #c11 {width:171px; margin:0 auto;}
#right-content div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{margin-bottom:0px !important;}
#right-content .csc-textpic-text h3{ margin:5px 0 5px 0; text-align:center; border-bottom:1px solid #e2e1e1;
padding-bottom:5px;}


.mobileMenu {
	font-family:Helvetica;
	width: 50%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
	color: #615C69;
	font-weight: normal;
	font-size: 1em;
	line-height:1.2em;
	margin: 0 0 10px;
	padding: 6px 0; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
	border: 0 none;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: "";
	background: url('../images/arrow.png') no-repeat 100% 4px #fff; /* add your own arrow image */
	background-image:none; /* turn bg image for IE7 */
	background: url('../images/arrow.png') no-repeat 100% 0px #fff; /* fallback bg image*/
	background: url('../images/arrow.png') no-repeat 100% 0px, -webkit-linear-gradient(top, #fff, #9c9c9c);
	background: url('../images/arrow.png') no-repeat 100% 0px, -moz-linear-gradient(top, #fff, #9c9c9c);
	background: url('../images/arrow.png') no-repeat 100% 0px, -ms-linear-gradient(top, #fff, #9c9c9c);
	background: url('../images/arrow.png') no-repeat 100% 0px, -o-linear-gradient(top, #fff, #9c9c9c);
	background: url('../images/arrow.png') no-repeat 100% 0px, url('../images/menu-select.png')repeat 0% 0px;  
	-webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
	-moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
	-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
	/*appearance: none;*/


	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
}
.mobileMenu option{background:url('../images/bg_submenu.png');}
#left_footer{float:left; width:75%; margin-top: 17px; line-height: 1em;}
#left_footer p {line-height:1em;}
#right_footer{margin-top:7px;width:25%; float:right;}
#right_footer img{max-width:100%; height:auto; border:0;}
#lf_1 {float:left;height:auto; width:17%;}
#lf_2 {float:left;height:auto; width:27%; border-left:1px solid #b19792; border-right:1px solid #b19792; padding-left: 23px;}
#lf_3 {float:left;height:auto; width:35%; padding-left: 23px;}
#lf_3_left{float:left;width:10%;}
#lf_3_right{float:right;width:90%;}
#lf_1 p,#lf_2 p,#lf_3 p{
font-size:12px;
color:black;
margin-bottom: 5px;
margin-top: 0;}
b{font-weight:bold; color:#003399;}

#footer .csc-default{text-align:left !important;}

/* =======================MEDIA=========================*/

/*==========MEDIA=========== */ @media(max-width :1920px) {}  


/*==========MEDIA=========== */ @media(max-width :1500px) {
#button-slider{width:15%; height:15%;}

}  

/*==========MEDIA=========== */ @media(max-width :990px) {
#button-slider{width:25%; height:15%;}
#right-content{float:none; margin:0 auto; width:100%; background:transparent;}
#left-content{float:none; margin:0 auto; padding-top:2px;}

#c4 img, #c3 img {max-width:100%; height:auto;  }
#c4{margin-left:10px;}
#c3{margin-right:10px;}
#main { background-size: 100% 29%;}

}

/*==========MEDIA=========== */ @media(max-width: 950px) {
#slider{height:auto;}
#main-container{margin: 0 auto;}
#menu{float:none; margin-top:0px;}
#language img{margin:10px 3px 0 !important;}
#c12{margin:0 auto; float:none;}

#main-container{margin: 0 auto;}
#menu{max-width:489px;}
.sf-menu{max-width:100%;}
#mobileselect{padding-left:0;}
#header{height:auto;}
#header1{height:auto; float:none; text-align:center;width:100%;}
	#logo{max-width:100%; text-align:center;}
	#header1 img{float:none; margin-top:0; max-width:100%;}
	#menu{float:none; margin:0 auto;}
#header2{height:auto; float:none; text-align:center; border:0; width:100%;}

 

.c50l,.c50r,.c40l,.c60r,.c60l,.c40r,.c66l,.c33r,.c33l.c25l,.c25r {width:100%; float:none; text-align:center; margin-bottom:15px;}
.c33l {margin-right:0;}
.c33r{width:100%; float:none;}
.c33l{width:100%; float:none;}

.c50l p, .c50r p {max-width:100%; text-align:center}
.c40l p, .c60r p {max-width:100%; text-align:center}
.c60l p, .c40r p {max-width:100%; text-align:center}
.c66l p, .c33r p {max-width:100%; text-align:center}

.c50r .csc-default{float:none !important;}

.csc-default{text-align:center !important;}

h4 {margin: 0 auto 10px;}


#c14, #c15{
	height: 34px;
    margin-top: 0;
    max-width: 100%;}



#under-content  div.csc-textpic-right .csc-textpic-imagewrap  {float:none;}
#under-content  div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin:0 auto;}
#under-content  div.csc-textpic-left .csc-textpic-imagewrap{float:none;}


h3{font-size: 11px;}
#button-slider{width:25%;}

/*#c4{margin-left:0;}
#c3{margin-right:0;}
#c5{min-height:100px; margin-top:30px; text-align:center;}
#c2{margin-top:0px;} */


.csc-textpic-text{margin:0 auto !important; float:none; text-align:center;}
.csc-textpic-text p{margin:0 auto;}
.csc-textpic-imagewrap{margin:0 auto; float:none;}
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{float:none; text-align:center;}
div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap{display:inline-table;}
#under-content{margin-top:60px;}

}

/*================MEDIA=========== */@media (max-width:600px)
{
#left_footer{width:100%; float:none; min-height: 80px;}
#right_footer{width:100%; float:none;}
#right_footer{text-align:center;}
#lf_1{float:none; width:100%; text-align:center;}

#lf_2,#lf_3{width:44%;}
#lf_3{float:right;}
#lf_2 {border:0;}
}


 
/*================MEDIA==========*/ @media (max-width:620px){
#mobileMenu_mobileselect { display:block; width:90%; margin:auto; height:2em;}
#menu{width:70%;}

#button-slider{width:25%; height:13%;}
#main { background-size: 100% 20%;}

}





/*================MEDIA==========*/ @media (max-width:400px) {
#lf_2{width:100%; float:none; text-align:center;}
#lf_2{padding-left:0;}
#lf_3{padding-left:0;width:50%; margin:0 auto; float:none; text-align:center; }
#right_footer{text-align:center;}


}

/*================MEDIA==========*/ @media (max-width:350px) {

}