* {
margin: 0;
}
html, body {
height: 100%;
}

/*----------*/
html, body {
margin: 0;
padding: 0;
height: 100%;
}
.clear {
clear:both;
}
#container-page {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -360px;
min-width:990px;
}
#container-footer, .push {
height:360px;
width:100%;
}
#container-footer {
background:#000 url(/img/footer.gif) no-repeat left top;
position:relative;
}
.error {
display:block;
padding:5px 0;
}
/*------------------------------ HEADER ELEMENTS -----------------------------*/
.header {
height:128px;
background:url('/img/header.jpg') no-repeat center top;
}
.logo {
background:url('/img/logo_white.png') no-repeat top left;
width:385px;
height:183px;
position:absolute;
top:0;
left:0;
z-index:2;
}
.logoHome {
position:absolute; 
top:70px; 
left:83px;
z-index:6;
}
.logoHomeLink  {
display:block;
width:85px;
height:85px;
}
.active {
padding:5px 2px 5px 2px;
}
.PreFooter {
width:100%;
background:url(/img/prefooter_line.gif) no-repeat left bottom;
height:280px;
position:absolute;
bottom:0;
}
/*------------------------------ MENU ELEMENTS -------------------------------*/
.menu {
position:relative;
top:77px;
left:20%;
color:#fff;
width:79%;
z-index:1000;
}
.menu ul {
margin:0;
padding:0;
list-style:none;
list-style-image:none;
}
.menu ul li {
float:left;
margin-left:2%;
}
.menu ul li a {
display:block;
color:#fff;
}
.green {
background:#98E347;
}
.red {
background:#f00;
}
.blue {
background:#00C0FF;
}
.purple {
background:#A75AAE;
}
.orange {
background:#FFAE00;
}
/*------------------------------ CONTENT ELEMENTS ----------------------------*/
.ContainerContent  {
width:100%;
}
#content {
width:100%;
clear:both;
}
/*------------------------------ CONTENT-LEFT ELEMENTS -----------------------*/
#content-left {
width:60%;
padding-left:5%;
padding-bottom:55px;
float:left;
}
.breadcrumb {
margin:70px 0 8px 5%;
position:relative;
z-index:100;
}
.cards {
position:relative;
height:600px;
margin-top:-30px;
}
.cards a {
padding:2px 10px 0 0; 
}
.iytc {
position:absolute;
height:160px;
width:50%;
background:url(../img/about_isic_blue.gif) 20% 100% no-repeat;
top:0;
left:250px;
}
.iytc p {
width:200px; 
padding:0 0 1px 0; 
border-left:10px solid #00C0FF;
margin:0 0 0 125px;
}
.iytc a {
border-bottom:2px solid #00C0FF;
}
.teach {
position:absolute;
height:255px;
width:75%;
background:url(../img/about_isic_teach.gif) 25% 100% no-repeat;
top:60px;
margin-left:-150px;
left:4%;
}
.teach p {
width:200px; 
padding:1px 0 1px 0; 
border-left:10px solid #FFAE00;
margin:0 0 0 200px;
}
.teach a {
border-bottom:2px solid #FFAE00;
}
.isic {
position:absolute;
height:390px;
width:100%;
background:url(../img/about_isic.gif) 80% 100% no-repeat;
top:92px;
}
.isic p {
width:250px; 
padding:2px 0 2px 0; 
border-left:10px solid #98E347;
margin:240px 0 0 25%;
}
.isic a {
border-bottom:1px solid #98E347;
//border-bottom:2px solid #98E347;
}
/*------------------------------ CONTENT-CENTER ELEMENTS ---------------------*/
#content-center {
float:left;
width:1px;
}
#content-right {
width:34%;
float:left;
}
.about-text {
margin-top:0;
}
.about-text p {
padding:0 0 12px 0;
width:95%;
}
/*------------------------------ FOOTER ELEMENTS -----------------------------*/
.copyright {
padding:220px 0 0 0;
color:#fff;
margin:0;
clear:both;
display:block;
padding-left:7%;
position:absolute; 
left:58%;
color:#60666a;
}

.footContact {
margin-top:10px;
}
.footContact span {
margin-left:-20px;
}
img {
border:none;
}
form {
margin:0;
padding:0;
}
.counter {
width:100px; height:63px; padding:0; margin:0; position:absolute; top:230px; left:2%;
}

