/*
HTML 5 Template Name: Basic 81
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

html{overflow-y:scroll;} /* Forces a scrollbar when the viewport is larger than the websites content - CSS3 */

body{margin:0; padding:0; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif;}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:block; clear:both;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

a{outline:none; text-decoration:none; color:#FF9900;}
a:hover{color:#693}

code{font-weight:normal; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;}

.fl_left{float:left;}
.fl_right{float:right;}

img{margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, article, aside, figcaption, figure, footer, header, nav, section{display:block; margin:0; padding:0;}

/* q{display:block; padding:0 10px 8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}*/
/* q:before{content:'“ '; font-size:26px;} */
/* q:after{content:' „'; font-size:26px; line-height:0;} */
-->
/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{display:block; width:1360px; margin:0 auto; padding:0; text-align:left;}

/* .row1, .row1 a{color:#979797; background-color:#FFFFFF;} */
/* .row2{color:#979797; background-color:#FFFFFF;} */
/* .row2 a{color:#FF9900; background-color:#FFFFFF;} */
/* .row3{border-top:1px solid #DEDEDE;} */
/* .row3, .row3 a{color:#979797; background-color:#FFFFFF;} */


/*----------------------------------------------Generalise-------------------------------------*/

#header, #container, #footer{display:block; width:1360px;}

nav ul{margin:0; padding:0; list-style:none;}

h1, h2, h3, h4, h5, h6{margin:0; font-size:16px; font-weight:bold; font-style:normal; line-height:normal;}

address{font-style:normal;}

/* blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;} */
/* blockquote:before, q:before{content:'“ '; font-size:26px;} */
/*  blockquote:after, q:after{content:' „'; font-size:26px; line-height:0;} */

.one_third, .two_third, .three_third{display:block; float:left; margin:0 30px 0 0;}
.one_third{width:300px;}
.two_third{width:630px;}
.three_third{width:960px; float:none; margin-right:0; clear:both;}
.lastbox{margin-right:0;}

/*----------------------------------------------Header-------------------------------------*/

#header{}

#header #hgroup{padding:20px 0 0 0; float:left;}
#header #hgroup h1, #header #hgroup h2{font-weight:normal; text-transform:none;}
#header #hgroup h1{font-size:36px;}
#header #hgroup h2{font-size:13px;}

#header nav{width:50%; margin-left:10%; margin-right:5%; padding:10px 15%;}
#header nav ul{}
#header nav li{display:inline; margin:0px 30px; text-transform:uppercase;}
#header nav li.last{margin-right:5%;}
#header nav li a{}
/*--#header nav li a:hover{color:#FF9900; background-color:#FFFFFF;}--*/

/*----------------------------------------------Content Area-------------------------------------*/

#container{padding:0 0;}
#container section{display:block; width:100%; margin:20px 0; padding:0;}
#container .last{margin:0;}
#container .more{text-align:right;}

/*------Title-------*/
#container #title {padding:10px; border-radius:25px; background-image:url(images/data_center_blue_small_cropped.png); margin-right:auto; margin-left:auto; width:60%; background-position:center; 
background-size:cover; background-repeat:no-repeat;text-align:center;opacity:0.95;}
#container #title h0{font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:42px; color:#FFF; text-shadow: black 0.2em 0.2em 0.4em;
margin:20px 0 0 0;padding:10px 0 0 0;}
#container #title h1{font-family:Verdana, Geneva, sans-serif; font-size:24px; color:#FFF; text-shadow: black 0.2em 0.2em 0.4em;margin:0;font-weight:bold;}

/* ------Slider-----*/

#container #slider{}

/* ------session-----*/

#container section{padding:10px; margin-right:auto; margin-left:auto; width:60%; padding:10px; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; text-align:left; 
background-image:url(images/blue_tech.jpg); background-size:cover; border-radius:25px;opacity:0.9; font-family:Verdana, Geneva, sans-serif;color:#FFF; text-shadow: black 0.1em 0.1em 0.4em;}

#container section.session{padding:10px; margin-right:auto; margin-left:auto; width:60%; padding:10px; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; text-align:left; background-image:url(images//blue_tech.jpg);background-size:cover; border-radius:25px;opacity:0.9; font-family:Verdana, Geneva, sans-serif; color:#FFF; text-shadow: black 0.1em 0.1em 0.4em;}
#container section h1{padding:10px;font-size:24px;text-shadow: black 0.2em 0.2em 0.4em;font-weight:normal;}
#container section h2{padding:0 0 0 20px;font-size:16px;text-shadow: black 0.2em 0.2em 0.4em;font-weight:bold;}
#container section p{padding:0px 20px; font-size:16px; margin:10px;text-shadow: black 0.1em 0.1em 0.2em;font-weight:normal;}
#container section h3.center{text-align:center; padding:0 0 0 15px; font-size:16px; margin:10px;text-shadow: black 0.1em 0.1em 0.2em;font-weight:bold;}

#container section.session div.talk{margin:10px; padding:10px;font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#000; background-color:#FFF; border-radius:10px;opacity:0.85;text-shadow:none;}
#container section.session div.talk div.time{padding:2px 0;float:left;width:20%;}
#container section.session div.talk div.speaker{padding:2px 0; float:left; width:28%; font-weight:bold;}
#container section.session div.talk div.title{padding:6px 0; font-weight:normal; margin-left:20%;}
#container section.session div.talk div.slides{padding:6px 0; font-weight:normal; margin-left:20%;}
#container section.session div.talk div.affiliation{padding:2px 0; font-style:italic;}
#container section.session div.talk p{text-shadow:none;}
#container section.session div.talk iframe{margin:20px 15% 20px 10%; width=70%;opacity:1;}

#container section.session div.talk_white{margin:10px; padding:10px;font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#000; background-color:#FFF; border-radius:10px;opacity:1;text-shadow:none;}
#container section.session div.talk_white div.time{padding:2px 0;float:left;width:20%;}
#container section.session div.talk_white div.speaker{padding:2px 0; float:left; width:28%; font-weight:bold;}
#container section.session div.talk_white div.title{padding:6px 0; font-weight:normal; margin-left:20%;}
#container section.session div.talk_white div.slides{padding:6px 0; font-weight:normal; margin-left:20%;}
#container section.session div.talk_white div.affiliation{padding:2px 0; font-style:italic;}
#container section.session div.talk_white p{text-shadow:none;}
#container section.session div.talk_white iframe{margin:20px 15% 20px 10%; width=70%;opacity:1;}


#container section.session div.pause{margin:10px; padding:10px;font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#000; background-color:#FFF; border-radius:10px;text-shadow:none;}
#container section.session div.pause div.time{padding:5px 0;float:left;width:20%;}
#container section.session div.pause div.activity{padding:5px 0;text-align:center; font-weight:bold; font-style:italic;}
#final{height:320px;padding:20px;position:relative; top:0px; left:0px;}
#final #logo_bezout{position:absolute; top:20px; left:10px; width=20%; text-align:center; margin-left: 5px; margin-right: 25px; bordier-radius:20px;}
#final #bezout{position:absolute; top:20px; left:22%; padding:10px; font-weight:normal; background-color:#FFF; color:#000; font-size:14px; border-radius:10px; width:73%; margin-left:auto; 
margin-right:auto;text-shadow:none;}
#final #bezout p{font-weight:normal;text-shadow:none;}

#container #speakers{padding:10px; margin-right:auto; ;-left:auto; width:60%; padding:10px; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; text-align:left; 
background-image:url(images/blue_tech.jpg); background-size:cover; border-radius:25px;opacity:0.9; font-family:Verdana, Geneva, sans-serif;color:#FFF; text-shadow: black 0.1em 0.1em 0.4em;}
#container #speakers h1{padding:10px;font-size:24px;text-shadow: black 0.2em 0.2em 0.4em;font-weight:bold;}
#container #speakers table{width:98%;margin:10px 0% 10px 3%;}
#container #speakers tr{padding:5px 0;}
#container #speakers td.nom{padding:5px 0; font-size:20px; text-shadow: black 0.2em 0.2em 0.4em;}
#container #speakers td.aff{padding:5px 0; font-size:20px; text-shadow: black 0.2em 0.2em 0.4em; font-style:italic;}
#container #speakers td.nomy{padding:5px 0; font-size:24px; text-shadow: black 0.2em 0.2em 0.4em;}
#container #speakers td.affy{padding:5px 0; font-size:24px; text-shadow: black 0.2em 0.2em 0.4em; font-style:italic;}


#container #menu{float:left;padding:20px 30px; 
background-image:url(images/blue_tech.jpg); border-radius:25px;opacity:0.9;}
#container #menu nav{font-family:Verdana, Geneva, sans-serif;color:#FFF; text-shadow: black 0.1em 0.1em 0.4em;
font-size:16px;}
#container #menu nav li{padding:10px;}

#container section.directions ul{font-size:20px; text-shadow: black 0.2em 0.2em 0.4em;}
#container section.directions img{margin:20px 15% 20px 10%; width=70%;}
#container section.directions img.mini_flag{margin:0px 15px 5px;}
#container section.directions iframe{margin:20px 15% 20px 10%; width=70%;}
#container #flag{float:left;padding:20px 30px; 
background-image:url(images/blue_tech.jpg); border-radius:25px;opacity:0.9;}

/* ------Main Content-----*/

#container #content{float:left; width:630px; line-height:1.6em;}
#container #content #services{}
#container #content #services article{}
#container #content #services article h2{font-size:14px; margin-bottom:15px;}
#container #content #services article p{margin:0; padding:0;}
#container #content #services article img{float:left; width:80px; height:80px; margin:0 10px 10px 0; padding:4px; border:1px solid #DEDEDE;}
#container #content #services article footer{margin:10px 0 0 0;}

/*----------------------------------------------Footer-------------------------------------*/

#prefooter{width:70%; margin-left:auto; margin-right:auto;}
#prefooter nav{display:block; margin:10px 0; padding:10px 15%;}
#prefooter nav ul{}
#prefooter nav li{display:inline; margin:0px 10px; text-transform:uppercase;}
#prefooter nav li.last{margin-right:5%;}
#prefooter nav li a{}

#footer{padding:20px 0;}
#footer p{margin:0; padding:0;}