/** reset **/ 
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{ border:0; margin:0; padding:0; font-size:100%}html,body{ height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block}b,strong{ font-weight:bold}img{ color:transparent; font-size:0; vertical-align:middle; -ms-interpolation-mode:bicubic}ol,ul{ list-style:none}li{ display:list-item}table{ border-collapse:collapse; border-spacing:0}th,td,caption{ font-weight:normal; vertical-align:top; text-align:left}q{ quotes:none}q:before,q:after{ content:''; content:none}sub,sup,small{ font-size:75%}sub,sup{ line-height:0; position:relative; vertical-align:baseline}sub{ bottom:-0.25em}sup{ top:-0.5em}svg{ overflow:hidden}

/** fancybox **/ 
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;   -moz-border-radius:4px;        border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);   -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);        box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('img/fancybox_sprite.png')}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url('img/fancybox_loading.gif') center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('img/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0px}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;}.fancybox-prev span{left:-70px;background-position:0 -36px}.fancybox-next span{right:-70px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important}.fancybox-lock{overflow:hidden}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('img/fancybox_overlay.png')}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}
/** reset **/ 
@CHARSET "UTF-8"; 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/** fonts **/ 
 
body {
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    line-height:16px;
}

/** generics **/
a { text-decoration: none; color:black; }
p { margin-bottom:1em; }  
.hidden  {visibility: hidden; }

.checkbox {
	width:27px; 
	height:27px; 
	overflow:hidden; 
	display:inline-block;
	background-color:#a3c6d2;
	margin-top:5px;
	margin-right:5px;
        background-position:-640px -420px;
        cursor:pointer;
}

.checkbox:hover, .checkbox.selected {
    background-position:-593px -420px; 
}

#label { 
    text-align:center; 
    padding-top:12px;
    font-size:11px;
    color:white;
    background-image:url('img/sprite.png');
    background-position:-120px -300px; 
    width:85px; 
    height:27px;
    display:none; 
    position:absolute;
}

input[type='checkbox']{ position:absolute; left:-9999px; } 

/** fancybox **/ 
.fancybox-overlay { background-color: rgba(0,0,0,0.7); }
.fancybox-close {top:-40px; right:-6px; }
/** prepare them to be modified **/ 

.sprite { background-image: url('img/sprite.png'); }
.error { color:red; display:block; }

/** PAGE **/ 
.page {
    width:780px; 
    margin:auto;  
}

.soon_text { margin-top: 40px; margin-bottom:40px; min-height:300px; }

/** site top **/ 
#site_top {   width:780px; position:relative; }

.header {
    position:relative; 
    background-image:url('img/sprite.png');
    width:1080px; 
    height:165px;
}

#logo {
    display: inline-block; 
    margin-top:30px; 
    width:360px; 
    height:110px; 
    background-image: url('img/sprite.png');
    background-position: 0 -398px; 
}

.en #logo{
    background-position:-1100px 0px;
}

.social { position:absolute; top:17px; right:5px; }
.facebook_icon , .video_icon , .twitter_icon {  width:18px; height:18px; display:inline-block; }
.facebook_icon { background-position: 0px -300px;}
.video_icon { background-position: -40px -300px; }
.twitter_icon { background-position:-80px -300px;}

.languages {
    position:absolute; 
    top:20px; 
    right:106px; 
}

.languages a { font-size: 10px; }
.languages a.selected , .languages a:hover { color:#91c649; }

/** site footer **/ 
.footer { 
    background-image:url('img/sprite.png');
    background-position:0 -742px; 
    height:118px; 
    margin-top:50px; 
    color:white; 
    position:relative; 
}

.footer .left { display:inline-block; position:absolute; bottom:10px; left: 20px; }
.footer .left a { display:block; color:white; margin-top:20px;}
.footer input  { 
    position: absolute; 
    border:0;
    background:transparent; 
    -moz-appearance: none; 
    -webkit-appearance: none; 
    top:53px; 
    right:45px;
    width:145px;
    height:25px;
}

.subscribe_submit { cursor:pointer; top:53px; right:30px; width:30px; height:25px; position:absolute; } 

.subscribe_text { position:absolute; bottom:45px; right:203px;  } 

/** menu **/ 
#menu_top_right, #menu_top {display:inline-block; margin-bottom: 5px; height:25px; }
#menu_top li, #menu_top_right li { display:inline-block ; float:left; /*courtesy of the blue devil */  margin-right: 5px;  } 
#menu_top li a , #menu_top_right li a {  padding:5px 10px;  color:white;}
#menu_top li a:hover , #menu_top_right li a:hover {  color:white;  }
#menu_top_right{ float:right; }

.index, .index a {      color:white;  }
#menu_top .index a , .index.highlight {    background-color: black;  }

.sidebar.about a , .about, #menu_top .about:hover a , #menu_top .about a.selected {   color:#f1be40;  }
#menu_top .about a , .about.highlight {     background-color:#f06B28; }

.sidebar.people a , .people, #menu_top .people:hover a , #menu_top .people a.selected{   color:#288298;  }
#menu_top .people a, .people.highlight {  background-color:#60b3c3; }

.news , #menu_top .news:hover a, #menu_top .news a.selected {     color:#0a88ff;  }
#menu_top .news a , .news.highlight {     background-color:#33baff;  }

.sidebar.classes a ,.classes ,#menu_top .classes:hover a , #menu_top .classes a.selected {    color:#408511;  } 
#menu_top .classes a, .classes.highlight {    background-color:#80b841; } 

.sidebar.support a , .support , #menu_top .support:hover a , #menu_top .support a.selected {  color:#00a13a; }
#menu_top .support a ,.support.highlight {  background-color:#007a48;  }

.applications, #menu_top_right .applications:hover a , #menu_top_right .applications a.selected{    color:#3d8ba1;  }
#menu_top_right .applications a , .applications.highlight{    background-color:#60b3c3;  }

.contacts, #menu_top_right .contacts:hover a , #menu_top_right .contacts a.selected {  color:#689aad; }
#menu_top_right .contacts a , .contacts.highlight {     background-color:#a3c6d2;      }


/** page_content **/ 
.page_content { width: 780px; }


/** highlight **/
.highlight{ 
    overflow: hidden;  
    width:750px; 
    padding:15px;
    color:white;
    font-size:22px; 
    line-height:25px;
    font-family: 'Open Sans', sans-serif;
}


/** sidebar **/
 
.sidebar { 
    width:240px;
    height:100%; 
    display: inline-block;
    font-size:22px;  
    font-family: 'Open Sans', sans-serif;
}

.sidebar a , .sidebar a *{ opacity:0.5;line-height:1.1em; }  
.sidebar a:hover, .sidebar a:hover * , .sidebar a.selected , .sidebar a.selected * {opacity:1;  } 

.smaller { font-size:0.7em; }
a .smaller { margin-left: 15px; margin-top:5px;}
 
.sidebar ul li { margin-top:15px;}
/* go back */
a.home { 
    display:block; 
    background-image: url('img/sprite.png');
    background-position: 0 -580px;
    color:#e5e5e5;
    line-height:25px; 
    padding-left:35px;
    margin-top:15px; 
    margin-bottom: 15px;
    width:150px;
}

/** text pages  bullets **/ 
.body { 
    text-align: left;
    width: 535px;
    display: inline-block;
}

.body a { color:#33B9FF; }

.body h2 { 
    background-image: url('img/sprite.png');  
    font-size:21px;
    line-height:23px;
    width:400px; 
    padding-left: 30px; 
}

.body_about h2 { 
    background-position: 0 -510px;  
    color:orange; 
} 

.body_support h2 { 
    background-position: 0 -550px; 
    color:#007a48;
}

.body_people h2  {
    background-position:0 -627px; 
    color:#5fb3c3;
}

.body_classes h2 {
    background-position: 0 -660px;  
    color:#80b841; 
    margin-bottom:5px;
}

.body_news h2 { 
    background-position: 0 -690px; 
    color:#33b9ff;
}

.body img { max-width: 540px; margin-right:3px;}
/** PEOPLE **/
.person { margin-bottom: 40px;}
.person .degree { font-weight: bold; margin-bottom: 20px; margin-top:10px; }

.description img { margin: 0px 5px 5px 0px; display:inline-block;   width:100px; }
.description .text { display:inline-block; width:400px;}

/**** PEOPLE who's work speeks louther than their degrees    **/ 
.person h2.no_degree{
    margin-bottom:15px;
}
/** NEWS **/ 
.body_news {width:780px;} 
.body_news h2 { line-height:30px; padding-left:35px; }
.body_news h3 { color: #ccc; font-family: 'Open Sans', sans-serif; font-size:20px; margin-top:20px; margin-bottom: 20px;}
.body_news .select_wrapper { 
    position:relative; 
    font-size:14px;
    margin-bottom:20px; 
    width: 220px; 
    min-height:35px; 
    background-position: -250px -285px;
    color:white;  
    cursor:pointer;
} 

.body_news ul { display: none; position:absolute; top:35px; left:0; cursor:pointer; width: }
.body_news .select_wrapper:hover ul {display:block; }
.body_news ul li { min-height:15px; width:200px; background-color:#C1E9FF; border-bottom: solid white 2px; padding-top:10px; padding-bottom:10px; padding-left:20px; margin-top:0;}

.body_news ul a { color:black; width:186px; display:inline-block; }
#selected_cat {line-height:35px; width:100px; padding-left:20px; }

.body_news .sidebar { width:220px; }
.body_news .sidebar a, .body_news .sidebar * {opacity: 1}
.news_summary { background-color:#E5E5E5; border-bottom: solid thin #ccc;  padding:20px; font-size: 14px; line-height:18px; color:black; cursor:pointer; }
.news_summary:hover , .news_summary.selected {  background-color:#33BAFF; color:white; }
.news_summary .next , .news_summary .prev { width:27px; height: 24px; }
.news_summary .next { background-position: -250px -580px; }
.news_summary .prev { background-position: -200px -580px; } 

.pagination { float:right; margin-top:30px; margin-right:15px; position:relative; padding-top:4px; padding-right: 35px; padding-left: 35px; }
.pagination * { vertical-align:middle; }
.pagination .number {font-size:11px; font-weight:300; cursor:pointer; margin-right:3px;}
.pagination .number.selected {font-weight: bold;}
.pagination .category_next , .pagination .category_previous { cursor:pointer; width:30px; height:30px; display:inline-block; position:absolute; top:0; }
.pagination .category_next { background-position:-250px -580px; right:0;}
.pagination .category_previous {background-position: -200px -580px; left: 0; }

.news_expanded { display:inline-block; margin-left:20px; width:520px; }
.news_expanded .title { color:#33B9FF; font-size:22px; line-height:24px; font-family: 'Open Sans', sans-serif; margin-bottom:20px; margin-top:20px; }
.news_expanded .date { color:black; font-weight: bold; font-size:11px; vertical-align: baseline; }
.news_expanded .category  a { color:#33B9FF; vertical-align:  baseline; }
.news_expanded .content { margin-top:20px;}

/** IMG GALLERY **/
.gallery {width:520px;}
.gallery .main { max-width:520px;   margin-top:20px; }
.gallery .img_wrapper { display:inline-block; height:55px; width:86px; margin-right: 5px; overflow: hidden;}
.gallery .thumbnails { position:relative;  padding: 10px 0px 10px 25px; background-color: #f2f2f2; overflow: hidden; height:56px; }
.gallery .thumbnails_container { position:absolute; top:10px; left:0px; width:3000px; }
.gallery .thumbnails * {vertical-align:  middle; }
.gallery .thumbnails img {   margin-bottom: 10px;}
.gallery .thumbnails .prev , .gallery .thumbnails .next { position:absolute; top:25px; display:inline-block;  width:30px; height:30px; }
.gallery .thumbnails .prev { background-position: -200px -580px; left: 15px; }
.gallery .thumbnails .next { background-position: -250px -580px; right: 10px;}
.gallery .thumbnails .sep  { display:  inline-block; width:78px;   height:30px;}

.news_expanded .btn { display:inline-block; width:20px; height:20px; margin-right:10px; cursor:pointer;}
.news_expanded .print { background-position:-800px -285px; }
.news_expanded .pdf { background-position:-830px -285px; }
.news_expanded .email {background-position: -859px -285px; }
.news_expanded .fb_share { background-position: -886px -285px; }

/** Application **/ 
.application .info{
    margin-top:20px;
    background-color:#cde9f8;
    padding: 30px 20px;
}

.application .info a{ text-decoration: underline; }
.application strong { font-size:1.1em;}

.application h3 {font-size:18px; font-weight:500; color:white; background-color:#59B5E7; padding: 30px; margin-top:40px; }
.application label { /*color:#33BAFF;*/ color:#1977cd; }
.application .field {background-color:#cde9f8; padding:10px 0px 10px 20px;  margin-top:2px; }
.application .field  * { vertical-align: middle; font-size: 0.9em;}
.application input { width:600px; border:0; background:transparent; color:black; margin-left: 5px;}
.application .sep {width:100%; height:10px;}

.application .birthdate, .application .nacionality ,.application .phone, .application .fax{ display:inline-block; width:368px;}
.application .birthdate input, .application .nacionality  input, .application .phone input, .application .fax input { width:220px; }

.application .id_card { width:500px;}

.application .country ,.application .city  { display:inline-block; width:217px; }
.application .country input,.application .city input,.application .postal_code input{ width:120px; }
.application .postal_code { width:276px; display:inline-block;}

.application table input { width:98%; margin-left:-5px; }
.application table   {  width:782px; border-collapse: separate; border-spacing:2px;}
.application .year , .application .grade {width:95px;   } 
.application .degree { width:176px;   }  

#academic-degrees textarea { width: 175px; height:45px;}
.application .experience input { width:596px;}
.application .participation input { width:544px;}
.application .description input ,
.application .area input {width:500px;}
.application textarea  { border:0; width:750px; height:100px; background-color:transparent; color:black;}


.application .btn_add { width:25px; height:25px; margin-top:10px; background-position: -600px -650px; background-image:url('img/sprite.png'); }

/* RECOMENDATION */ 
.recommendation h1 { margin-bottom:30px; color:#3D8BA1; font-size:15px;  }
.recommendation input[type='submit'] { margin-top:15px; }

/***
*           HOME PAGE 
*/
.video_home iframe {border: solid 10px #60b3c3; width:760px; height:430px; margin-top:10px;}
.home.body { margin-top:30px; }
.home.body h2 { margin-bottom:10px; }

.home .news_summary { background-color: #e5e5e5; padding:10px; display: inline-block; width:235px; height: 190px; margin-right: 3px; margin-bottom:30px; border:0;}
.home .news_summary.multiple { margin-right:0; }
.home .news_summary a { color:black; }


.home .news_summary .img_wrapper {
    display:inline-block; 
    margin-right:3px;
    margin-bottom:3px;
    width:235px; 
    height:100px; 
    overflow:hidden;
}
  
.home .news_summary img { margin-bottom:10px;}
.home .news_summary .date { margin-bottom: 20px;}

.shortcuts { width:780px; text-align:center; margin-top:30px;  }
.shortcuts a { 
    display:inline-block; 
    min-width:166px;
    text-align:center;
    padding-bottom:10px; 
    padding-top:15px; 
    padding-left:18px; 
    padding-right:18px;
    font-size:24px; 
    text-transform:uppercase; 
    margin-right:18px; 
    color:white; 
}

.shortcuts a.last { margin-right:0; }
 
.shortcuts .pgcd { background-color:#60b3c3; }
.shortcuts .palop {  background-color:#34bbff; }
.shortcuts .igc { background-color:#f1a140; }

/** Contacts **/ 
.body_contacts .left { display:inline-block; width:360px;}
.body_contacts .right { display:  inline-block;   min-width: 300px;}
.body_contacts .map , .body_contacts .phone { margin-top:20px}

.f_contact { margin-top:30px; }
.f_contact div.field { background-color:#a3c6d2; padding:10px; width:100%; color:white; margin-bottom:2px;}
.f_contact input[type='text'] { background-color: transparent; border:0; -webkit-appearance:none; color:black; }
.f_contact textarea { border:0; width:770px; height:100px; background-color:transparent; color:black;}

form .clean , 
form .send { 
    border:0; 
    height:34px;
    line-height:30px;    
    -webkit-appearance :none; 
    background-color:transparent; 
    cursor:pointer;
    color:white;
    display:inline-block;
    background-image:url('img/sprite.png');
    font-size:14px;
}

form .clean { background-position:-600px -455px;  width:110px; }
form .send {background-position: -600px -505px; width:92px;}

.f_contact .msg { line-height:35px; text-decoration:underline; }
.f_contact .more_info { margin-top:10px; } 
.f_contact input[type='submit'] {margin-top:10px;}

/* Gallery **/ 
.body .img-gallery * { vertical-align:top; }

.img-gallery .img_wrapper {
    display:inline-block; 
    margin-right:3px;
    margin-bottom:3px;
    width:128px; 
    height:56px; 
    overflow:hidden;
}

.img-gallery img { 
    width:128px;  
} 

/** RECOMMEND **/ 
.recommend label {  width: 100px; text-align:left; display:block;  margin-top:10px;}
  
/** COURSE **/ 
.course_description ul { list-style-type:'square'; }
.course_description ul li { padding-left:20px;}
.body_classes {}
.body_classes .syllabus {
    margin-left:30px;
}

.course.first { margin-top:0; }
.course { margin-top:40px;} 
.course_sidebar {width:240px; vertical-align:top; display:inline-block;}
.course_index_text {display:inline-block; vertical-align:top; margin-top:40px; margin-left:200px; min-height:300px;}

.modules { margin-left:65px; margin-top:15px; } 
.body_classes h2.first { margin-top:0; } 
.body_classes h2 {margin-top:20px; }
.body_classes a { color:#3081b6; margin-bottom:3px; display:block;}
.body_classes .file {margin-top:20px;}

.body_classes .people { margin-top:15px; color:black; }
.person { margin-bottom:45px;} 

/** SQUARE GALLERY **/ 
.squares_gallery {margin-top:25px; } 
.squares_gallery .img_wrapper.last {margin-right:0; }
.squares_gallery .img_wrapper {width:85px; height:58px; margin-right:24px; margin-bottom:25px; display:inline-block; overflow:hidden; } 
