*/

/*	--------------------------------------------------
	Global
	-------------------------------------------------- */
	
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
	
}


table{
    width:100%;
}

li{
  margin-top: 10px;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	
}
a:focus{
	outline:none;
}
a:hover{
	text-decoration:none;
}
body { 
	background: url("images/white.jpg");
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px; 
	line-height: 1.2em; 
	color: #555; 
	position: relative; 
	border-top:1px solid #fff;
	-webkit-font-smoothing: antialiased;
}

/* -------------------------------------------------- 
	Elements
---------------------------------------------------*/
	.left       { float: left; }
	.right      { float: right; }
	.hide     	{ display: none; }
/*	--------------------------------------------------
    Typography
	-------------------------------------------------- */
	h1, h2, h3, h4, h5, h6 { color: #676767; font-weight: bold; margin-bottom:10px;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 34px; line-height: 38px;}
	h2 { font-size: 28px; line-height: 33px;}
	h3 { font-size: 24px; line-height: 29px; color:#176FC1;}
	h4 { font-size: 18px; line-height:25px; color:#176FC1; }
	h5 { font-size: 16px; line-height:23px; font-weight: normal; margin-bottom: 6px; }
	h6 { font-size: 14px; line-height:21px; font-weight: normal; }

	.subheader { color: #777; font-weight: 300; margin-bottom: 24px; }

	p { line-height: 18px; font-size:12px; margin: 0 0 10px; }
	p img { margin: 0; }
	
	em, i { font-style: italic; line-height: inherit; }
	strong, b { font-weight: bold; line-height: inherit; }
	small { font-size: 60%; line-height: inherit; }
	
	h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
	
	/*	Blockquotes  */
	blockquote, blockquote p { line-height: 20px; color: #777; }
	blockquote { border-left: 4px solid #DDDDDD;float: left; margin: 0 30px 10px 20px;padding: 5px 10px 5px 20px;
    width: 480px; 	text-align: justify;
    text-justify: inter-word;}
	blockquote cite { display: block; font-size: 12px; font-size: 1.2em; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited { color: #555; }
	
	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
	
	.text-left{text-align:left;}
	.text-center{text-align:center;}
	.text-right{text-align:right;}
	
	.textbf {
		font-weight: bold;
	}

	.emph{
		font-style: italic;
	}


/* --------------------------------------------------
	Page Layout
	-------------------------------------------------- */

.site-title {
	width: 75%;
	margin: 0 auto 0;
}

.site-title-name {
color: #2E2EFE;
font-family:Arial, Helvetica, sans-serif;
}	
	
#container{
	width: 100%; 
	height: auto;
}
.content-wrapper{
   
	width:75%;
	margin: 40px auto 0;
	height: 100%;
	}

#main-content{
    /*position: relative;*/
	position: relative;
	/*width:920px;*/
	/*width:100%;*/
	padding: 10px 20px 15px;
	background:#fff;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.1);
	box-shadow:0 0 3px rgba(0,0,0,0.1);
	height:auto;
	
	/*height:100%;*/
	
	margin: 20px 0 20px;
}

/* --------------------------------------------------
	Main Navigation
	-------------------------------------------------- */

#main-nav{
	position: relative;
	background:#fff;
	width:100%;
	height:48px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.1);
	box-shadow:0 0 3px rgba(0,0,0,0.1);
}
ul#top-menu{
   	height: 35px;
   	padding: 15px 10px 0;
}
ul#top-menu li{
	display: inline-block;
	margin: 0 10px;
}
ul#top-menu li a{
	color: #666;
	font-weight:normal;
	font-size:16px;
	line-height:1.2em;
	text-decoration:none;
}
ul#top-menu li a:hover{
	color: #176FC1;
	font-weight:bold;
	font-size:16px;
	line-height:1.2em;
	text-decoration:none;
}

li#current_page {

}

/*	--------------------------------------------------
	Home Page and Miscs
	-------------------------------------------------- */

h2.red{
    color: #ff0000;
}

h1.name{
    color: #666666;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2em;
    margin: 95px 0 10px;
    text-align: center;
}
h2.sub-name{
    color: #999999;
    font-size: 18px;
    font-weight:normal;
    line-height: 1.2em;
    text-align: center;
}
img.qrc{
    border: 1px solid #DFDFDF;
    display: block;
    margin: 0 auto;
    padding: 3px;
    width: 75px;
}
#load{
    background: url("images/ajax-loader.gif") no-repeat scroll center bottom transparent;
    display: none;
    padding: 0 0 20px;
    float: left;
    font-size: 25px;
    margin: 5px auto;
    position: absolute;
    text-align:center;
	bottom: 15px;
	left:15px;
    width: 100%;
    font-style:italic;
}
.stripe-line{
    background: url("images/bg-stripes.gif") repeat-x scroll center center transparent;
    clear: both;
    display: block;
    height: 26px;
    margin: 0 0 15px;
    width: 100%;
}
.page-title{
    background-color: #FFFFFF;
   /*color: #3D7DFF;*/
    color: #176FC1;
    display: block;
    float: left;
    font-size: 24px;
    line-height: 1.2em;
    margin: 0 0 0 10px;
    padding: 0 10px;
	
} 
.project-title{
    background-color: #FFFFFF;
   /*color: #3D7DFF;*/
    color: #176FC1;
    display: block;
    float: left;
    font-size: 24px;
    line-height: 1.2em;
    margin: 0 0 0 10px;
    padding: 0 10px;
	margin-left: auto;
	margin-right: auto;
	
}

/*	--------------------------------------------------
	About Page
	-------------------------------------------------- */

img.about-image{
    clear: both;
    float: left;
    height: 190px; /*you can set up your image width/height here*/
    /*width: 405px;*/
    margin: 0 20px 0 0;
    -webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

/* --------------------------------------------------
	Publications
	-------------------------------------------------- */

.me {
    font-weight: bold;
}

.conf {
      font-style: italic;
}

.award {
    color: red;
}

.paper-list {
 /*list-style-image: url(images/bullet-point.gif);*/
 list-style-type: decimal;

}	
	
.research-list {
 /*list-style-image: url(images/bullet-point.gif);*/
 list-style-type:square;
 
margin-left: -5px;
}	
	
.numbered-list {
 /*list-style-image: url(images/bullet-point.gif);*/
 list-style-type:decimal;
 
margin-left: -5px;
}		

.review-list {
 /*list-style-image: url(images/bullet-point.gif);*/
 list-style-type:square;
 
margin-left: -5px;
}		

.TPC-list {
 /*list-style-image: url(images/bullet-point.gif);*/
 list-style-type:square;
 
margin-left: -5px;
}		
	

/*	--------------------------------------------------
	:: Projects
	-------------------------------------------------- */

.projects_list li{
    border-bottom: 1px dotted #DFDFDF;
   
    display: inline-block;
    font-size: 13px;
    line-height: 1.2em;
    margin: 0 0 8px;
    padding: 0 0 7px;
}	

.link {
	text-decoration:none;
}
.link:hover{
	
	color: #176FC1;
	
	text-decoration:none;
}	
	
.g1{
	float: left;
	width:405px;
}
.g2{
	float: left;
	width:495px;
	margin: 0 0 0 20px;
}
/*	--------------------------------------------------
	Projects images
	-------------------------------------------------- */
img.project_image_safure{
    clear: both;
    float: left;
    height:60px; /*you can set up your image width/height here*/
    /*width: 405px;*/
	vertical-align: middle;
    margin: 20px 20px 0 0;
    -webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}    
    
    
img.project_image_retina{
    clear: both;
    float: left;
    height:40px; /*you can set up your image width/height here*/
    /*width: 405px;*/
	vertical-align: middle;
    margin: 20px 20px 0 0;
    -webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
	
img.project_image_erika{
    clear: both;
    float: left;
    height:40px; /*you can set up your image width/height here*/
    /*width: 405px;*/
	vertical-align: middle;
    margin: 20px 20px 0 0;
    -webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}	
	
img.project_image_telecom{
    clear: both;
    float: left;
    height:100px; /*you can set up your image width/height here*/
    /*width: 405px;*/
	vertical-align: middle;
    margin: 10px 20px 0 0;
    -webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}	
	
img.project_image_arte{
    clear: both;
    float: left;
    height:74px; /*you can set up your image width/height here*/
    /*width: 405px;*/
	vertical-align: middle;
    margin: 20px 20px 0 0;
    -webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}	
	
.box{
    float: left;
    margin: 0 20px 0 0;
    width: 405px;
}
.box li{
	background:#e1e1e1;
	width:100%;
	height:43px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	overflow: hidden;
	position: relative;
	margin: 0 0 9px 0;
}
.box li span{
    background-color: #CCDDDD;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	display: block;
	height: 43px;
	position: absolute;
	z-index: 0;
}
.box li p{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin: 13px 0 0 15px;
    position: relative;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.box li p strong{
    color: #707070;
    float: right;
    margin: 0 15px 0 0;
    text-shadow: none;
}

/*	--------------------------------------------------
	::12.Footer
	-------------------------------------------------- */
	
.shadow_text{
	color:white !important;
	font-style: italic;
}
#bottom-content,
#bottom-content-adv{
    /*clear: both;
    display: block;
    float: left;
    margin: 0;
    width: 100%;*/
}

#bottom-logos {
	width:100%;
}

img.projects { 
	display:block; 
	margin-left: auto;
	margin-right: auto;
	width:50%;
}

img.tecip_logo{
    clear: both;
    float: left;
	display: block;
    width: 24%;
}

img.retis_logo{
    
/*position: absolute;*/
   /*left: 45%;
 *   padding: 1.5% 0 0;*/
  clear:both;
    width: 20%;
	//display: block;
	margin-left:18%;
	//margin-right: 20%;
	
/*vertical-align: middle;*/

    /*height: 30;
 *     width: 30%;*/
}



img.sssup_logo{
    
   float:right;
   display: block;
    width: 10.5%;
    /*height: 30%;
 *     width: 30%;*/
}
/*	--------------------------------------------------
	::13. Template Modifications
	-------------------------------------------------- */
/* SITE MODE 1*/
/*#content{
    float: left;
	width: 100%;
}
.page{
    float: left;
    width: 100%;
}
.inner-page{
}*/
/* SITE MODE 1*/
#content{
    float: left;
    height: auto;
	width: 100%;
}
.page{
    float: left;
    height: auto;
    width: 100%;
}
#content{
	overflow: hidden;
	height: 100%;
	/*position: relative;*/
}
.inner-page{
	height: auto;
}