/* RESET */
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, img, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
        display: block;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}



/* RESET - EXTRA */
em {font-style:italic}
strong{font-weight:bold;}

ol  {list-style-type:decimal}

/* superscrip y subscript*/
sup, sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    font-size:10px;
}
sup {bottom: 1ex;}
sub {top: .5ex;}



/* TRICKS */
#contents .go-right{float:right;}
#contents .clear-this{clear:both;}



/* STYLES */

html 
{
    background:url(images/bgbody.jpg) repeat;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px;
    background-attachment: fixed; /* esto hace que la imagen no pare de repetirse verticalmente en paginas muy largas*/
}


#container {
    position: relative; /* ?? */
    width:1000px; /*<---------- comment or not to change style on top/bottom --- remember to check footer alignment also*/
    margin:0em auto; /* Oem: move website to top of site, auto: center website*/
    /*background: url(images/bgbody.jpg) repeat;*/
    border:1px solid #e3e3e3; 

}
#main-sidebar-container  {
    float:left;
    width:1000px;
    background-color:#F7F7F7;
    margin: 0px auto; 
    /*border:1px solid #e3e3e3; lo comente porque esta repetido ya en #container */
}


/* HEADER STYLES */

#header {
    /* Background color and gradients */    
    /*background: #133353;  
    background: -moz-linear-gradient(top, #2F2F2F, #336699);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2F2F), to(#336699));*/
}

#header-title {
    background: url(images/banner-3.png);
    height:90px;
}
#header-title img {
    float:left;
    padding-top:15px;
    padding-right:30px;
    padding-left:30px;
}
#header-title h1 {
    /*float:right; parece no servir con float right o left*/
    font-size:25px;
    font-family:Helevtica,Arial;
    font-weight: bold; 
    /*color:#F7F7F7;*/
    color:#FFFFFF;
    height:90px; /* to align vertically: height = line-height */
    line-height:90px; /* to align vertically: height = line-height */
    position:absolute; /* required to center text */
    width: 100%; /* required to center text */
    text-align:center; /* to center */
    letter-spacing:1px;
    word-spacing:4px;
}

/* See menu.css for menu styles */


/* MAIN STYLES */
#main {
    float:left;
    width:700px;
    background-color:white;
    padding-top:50px;
    padding-bottom:50px;
    padding-right:30px;
    padding-left:30px;  
    border-right:1px solid #e3e3e3;
}
#main .separator {
	border-top:1px solid #e3e3e3;
	margin-top:30px;
	padding-top:30px;
}


/* FEATURED STYLES */
#featured {
    overflow: hidden; /*clears elements to float them*/
    background-color:#ECECEC;
    padding-top:20px; 
    padding-bottom:20px;
    border:1px solid #e3e3e3;   
}
#featured .featured-image  {
    float:left;
    width:220px;
    padding-left:10px;
    padding-right:30px;
    text-align:center; /*to center*/
    margin: 0px auto 0px auto; /*to center*/
    font-style:italic;
    font-weight:bold;
    font-size:11px;
    font-family:Times New Roman;
}

#featured .featured-image img  {
    padding-top: 10px;
    padding-bottom:10px;
}

#featured h4 { /*titulos de los videos*/
 line-height:30px;
 color:#000000;
 font-weight:bold;
 font-size:18px; 
 font-family:Times New Roman;  
 text-align:center;
 padding-bottom:35px;
}


/* CONTENTS STYLES */
#contents {
    background-color:white;
    padding-top:50px;
    padding-bottom:30px;
    line-height:20px;
    color:#444444;
    text-align:justify;
}
#contents h2 {
 line-height:30px;
 color:#000000;
 font-weight:bold;
 font-size:18px; 
 font-family:Times New Roman;  
 float:left;
}
#contents h2 .h2-extra { /* parte del titulo que ofrece informacion extra */
 font-weight:normal;
 font-size:13px; 
 padding-top:0px;
 padding-bottom:0px;
 float:left;
}


#contents p 
{   padding-top:0px;
    padding-bottom:20px;
    clear:both; /* ?? */
}
    
#contents ul,ol {
    padding-top:0px;
    padding-bottom:4px; 
}
#contents .nested { /* para ul,ol nested (uno dentro de otro)*/
    padding-top: 5px;
    padding-bottom:0px;
}
    
#contents ul li, ol li  {
    margin-left:30px;
    padding:5px;
    padding-left: 10px;
    text-align:left;
}


#contents ul {list-style-type: disc;}
#contents ol {list-style-type:decimal}
#contents .letras {list-style-type:lower-latin}
#contents .letras-caps {list-style-type:upper-latin}
#contents .discos {list-style-type:disc}

#contents a {color: #3366FF;}

#contents .main-bullet {float:left;height:22px; width:22px;padding-right:10px;}
#contents .figures {text-align:center;padding-top:20px; padding-bottom:20px;}
#contents .figures-float {text-align:center; padding-top:60px; padding-bottom:60px; padding-right:15px; padding-left:15px;}



/* Cuando no hay seccion featured: se editan algunas cosas */
#main .contents-no-featured {
    padding-top:0px; /* se suben un poco los contenidos */
}
/* h2: titulo */
#main .contents-no-featured h2 {
  padding-bottom:15px;
}
/* h4: subtitulos*/
#main .contents-no-featured h4 {
  font-weight:bold;
  padding-top:20px;
  padding-bottom:5px;
}
/* h3: parecido a h4, pero mas grande y subrayado (para paginas que asi lo requieran: con mucho texto o secciones) */
#main .contents-no-featured h3 {
  font-weight:bold;
  padding-top:20px;
  padding-bottom:5px;
  text-decoration:underline;
  font-size:13px;
} 

#main .contents-no-featured .separator {
	margin-top:15px;
	padding-top:15px;
}
#main .contents-no-featured a {color:#04078E}


#main p.shift-right {padding-left:20px;} /* para corren un parrafo un poco a la derecha (indentarlo) */
/*#main .contents-no-featured p {padding-bottom:20px;}*/ /* padding debajo de cada parrafo: para evitar usar tantos <br> */

/* SIDEBAR STYLES */
#sidebar {
    float:left;
    width:199px;
    background-color:#F7F7F7;
    top:0;
    padding-top:50px;
    padding-bottom:30px;
    padding-right:20px;
    padding-left:20px;
}
#sidebar h3 {
    line-height:30px;
    color:#ffffff;
    font-weight:bold;
    font-size:12px;  
    padding-left:10px;
    /* Background color and gradients */    
    /*background: #2F2F2F;  
    background: -moz-linear-gradient(top, #2F2F2F, #757575);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2F2F), to(#757575));  */
    background: url(images/menu-1.png);
    /* Rounded Corners */    
    -moz-border-radius: 3px;  
    -webkit-border-radius: 3px;  
    border-radius: 3px;   
    /* Borders */    
    border: 1px solid #002232;    
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;  
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;  
    box-shadow:inset 0px 0px 1px #edf9ff;  
}
#sidebar a {color:#224466;}
#sidebar a:hover {color:#0609B8;}
#sidebar ul {
    line-height:25px;
    padding-bottom:30px;
    /*padding-left:15px;*/
    padding-left:20px;
    padding-top:10px;
    /*list-style-image:url("images/ntt_fc_thumb.png");*/
    list-style:circle;
}
#sidebar ul.socialmedia {
    padding-top:20px; 
    padding-left:0px;
    padding-right:0px;
    }
#sidebar ul.socialmedia li {
    display:inline;
    padding-right:10px;
}
#sidebar ul.sidebar-featured li { /*para separar un poco los items de esta lista*/
    padding-bottom:10px;
}
#sidebar ul.sidebar-featured li.sidebar-featured-last { /*para no poner tanta separacion despues del ultimo item de esta lista*/
    padding-bottom:0px;
}
#sidebar .sidebar-featured .smallfont {
    font-size:11px;
}


/* FOOTER STYLES */
#footer  {
    clear: both;
    background-color:#292723;
    padding:30px;
    padding-left:50px;
	padding-right:50px;
    color:White;
    font-size:10px;
    overflow: hidden; /*clears elements to float them*/
}
.footer1 {
    float:left;
    width:40%;
}
.footer2  {
    float:left;
    width:40%;
	text-align:right;
}
/*
.footer3 {
    float:left;
    width:20%;
	text-align:center;
}
*/

.footer3 {
    float:right;
    width:14%;
	text-align:center;
}
	
#footer a {color:white; text-decoration:underline;}
#footer a:hover {color:#93A8D4; text-decoration:underline}



/*SLIDER STYLES*/

.slider-box {
    height:210px; 
    background-color:#FFFFFF; 
    border:1px solid #bbbbbb; 
    padding:20px;
    padding-left:30px;
    padding-top:30px; 
    text-align:left;
    color:#404040;
    line-height:20px;
}
    
.slider-box h3 {
    font-weight:bold;
    font-size:18px;
    color:#313131;
    font-family:Times New Roman;
}
    
.slider-box a {color:#04078E; text-decoration:none; font-weight:bold;}
.slider-box a {text-decoration:underline; font-weight:bold;}
    

/*#slider-box-1 {
    background-color:#FFFF99; 
}
#slider-box-2 {
    background-color:#FCC78A;
}
#slider-box-3 {
    background-color:#99CCFF;
}
#slider-box-4 {
    background-color:#C5D695;
}*/


#slider-box-1 {
    background: url(images/background_light-2.jpg); 
}
#slider-box-2 {
    background: url(images/background_light-2.jpg);
}
#slider-box-3 {
    background: url(images/background_light-2.jpg);
}
#slider-box-4 {
    background: url(images/background_light-2.jpg);
}





/* This section is used for the Show/Hide functionality. */
.more {
    display: none;
    border-top: 1px dotted #e3e3e3;
    border-bottom: 1px dotted #e3e3e3; 
    margin-top:15px;
    padding-top:20px;
    padding-bottom:20px;}
a.showLink, a.hideLink {
    text-decoration: none;
    color: #3366FF;
    padding-left: 8px;
    background: transparent url(images/down.gif) no-repeat left;
    border-bottom: 1px dotted #3366FF; }
a.hideLink {
    background: transparent url(images/up.gif) no-repeat left; }
a.showLink:hover, a.hideLink:hover {
    border-bottom: 1px dotted #052EA7; color:#052EA7 }
    
    
    
    
    
    
    
    
    
/*VIDEOS STYLES*/   
    .tab { 
	/*width: 60px;*/
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	color: #fff;
	font-family: verdana,sans-serif; 
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	padding:5px 12px 5px 12px;  /*Adjust left and right padding to adjust width of the tabs */
	display: block; /* Needed for Opera */
	float:left; /* Needed for IE, breaks Opera */
	background: transparent url(tabpanel_tabs.gif) 100% -60px  no-repeat;
	voice-family:"\"}\"";
	voice-family:inherit;
	
	}
.tabhold { 
	background: #06375C url(tabpanel_tabs.gif) 0px -60px  no-repeat; /* normal tabs */
   	margin: 0;
   	margin-right:4px;/*esto lo puse yo*/
	}
.tabfocus { 
	color: black;
	border-right:1px solid #06375C; /* dark blue */
	background: #E8EFF6 url(tabpanel_tabs.gif) top left no-repeat; /* Hovered tab background */
	margin: 0;
	margin-right:4px;/*esto lo puse yo*/
 	}
.separatorV { 
	margin: 2;
	border-bottom:1px solid #06375C; /* dark blue */
	float: left;
	display: block;
 	}
.tabcontent { 
    line-height:20px;/*esto lo puse yo*/
    color:#444444;/*esto lo puse yo*/
	width: 560px;
	height: 315px;
	/*width: 420px;
	height: 250px;*/
	display:none;
	border:1px solid #06375C; /* dark blue */
	padding:6px 6px 6px 6px;
	background:#E8EFF6; /* Light blue */
	overflow: scroll; /*esto lo puse yo*/
	overflow-x: hidden; /*esto lo puse yo*/
	overflow-y: scroll; /*esto lo puse yo*/
	}


.tabcontent a {color: #3366FF;}

bottom_right { /* For the rounded corner */
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 right:-2px;
 background: url(tabpanel_corners.gif) top left no-repeat;
}
bottom_left { /* For the rounded corner */
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 left:-2px;
 background: url(tabpanel_corners.gif) top right no-repeat;
}




/* TABLES */

table, caption, tbody, tfoot, thead, tr, th, td {vertical-align:middle;}

.table1, .table2, .table3, .table4, .table4b, .table5, .table6 {
    width:100%;
}

/* Table1 (members)*/
.table1 td {
    height:20;
    vertical-align:top;
    text-align:left;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.table1 .table-title {
    font-weight:bold;  
}



/* Table2 (conferences) */
.table2 td {
    text-align:left;
    font-weight:bold;
}
.table2 img {
    vertical-align:middle;
}

.table2 tr {height:125px;} /* la altura de cada fila */
.table2 tr.table-separator {height:0px;} /* la fila donde esta el separador <hr> no tiene altura */



/* Table3 (deadlines) */
.table3 td  {
    border-width: 2px; /* recordarse de ponerle un numero al ancho del borde para que aparezca */
    border-style:solid; /* y tambien hacerlo solid */
    padding:5px;
    text-align:center;
	vertical-align:middle;
}
.table3 .table-title {
    font-weight:bold; 
    text-align:center; 
}





/* table4,table4b (keynote speakers) */
.table4 td  {
    vertical-align:top; 
}
.table4b td {
    font-size:10px;
    line-height:10px;
    text-align:left;
    font-weight:bold;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:2px;
    padding-left:2px;
}
.table4b img {
    padding-right:6px;
    width:85px;
    height:100px;
}
.table4b .table-title  {
    font-size:13px; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
}




.table5 td {
  vertical-align:top;
  text-align:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  line-height:14px;
  padding:2px;
}
.table5 .table-title {
    font-weight:bold;
    color:#003366;
    font-size:13px;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
}
.table5 .table-subtitle {
    font-weight:bold;
}


/* Testimonials (table6) */

.table6 td {
  vertical-align:top;
  text-align:left;
  padding:2px;
  font-family: Trebuchet MS;
  font-size: 12px;
  font-style: italic;
  color: #414141;
  line-height:17px;
}
.table6 .table-title {
    font-size: 16px;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	padding-left: 10px;
	font-weight:bold;
}
.table6 .table-subtitle {
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	padding-left: 10px;
	padding-top: 4px;
	font-size: 10px;
	line-height:12px;
}

.table6 .table-subtitle-award {
	/*color: #003366;*/
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	padding-left: 10px;
	padding-top: 4px;
	font-size: 10px;
	line-height:12px;
}

.table6 .list {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
 
.table1 hr, .table2 hr, .table4 hr, .table5 hr { /* el separador entre filas */
    width:100%;
    background:#003399;
    border:none;
    padding:0;
    height:2px; /* es necesario especificar el height para que se vea en IE */
}

.table6 hr {
    width:100%;
    background:#7D7D7D;
    border:none;
    padding:0;
    height:1.5px; /* es necesario especificar el height para que se vea en IE */
}

/*-------------------------------------------
  Font Top
-------------------------------------------*/

@font-face {
    font-family: 'bergamo-capsbold';
    src: url('bergbx60-webfont.eot');
    src: url('bergbx60-webfont.eot?#iefix') format('embedded-opentype'),
         url('bergbx60-webfont.woff') format('woff'),
         url('bergbx60-webfont.ttf') format('truetype'),
         url('bergbx60-webfont.svg#bergamo-capsbold') format('svg');
}

#bergamo
{
font-family: 'bergamo-capsbold' !important;
text-align:center;
color:#FFFFFF;
letter-spacing:0.5px;
}