/* 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;}

/* Menu Wrapper */
#nav-wrapper /*necesitamos un nav wrapper para mover y centrar el menu */ {
    clear: both;
    /*padding-left:190px;*/ /*version: normal*/ /* necesitamos centrar manualmente */
    padding-left:27px; /*version: opcion extra*/
    height: 20px; /* height: nav-wrapper = nav */
    /*background: url(../images/greydeg.jpg) repeat;*/
    background: url(../images/menu-1.png);
    }

/* STYLES */

html 
{
    /*background:url(../images/bgbody.jpg) repeat;*/
	background-color:#D8D8D8;
    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 ##B0B1B3; 
	box-shadow: 1px 0px 15px 2px #949494;
}
#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: #FCFCFB; /*#f7f7f6;*/
    padding-top:25px; /*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:0px; /*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:10px;
    color:White;
    font-size:10px;
    overflow: hidden; /*clears elements to float them*/
	line-height: 3;
	background: url(../images/footer.png);
}

#footer a {color:white; text-decoration:underline;}
#footer a:hover {color:white; text-decoration:underline}



/* TABLES */

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


/* 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;
}

/* PROCEEDINGS TEXTS  */

.title {
	font-size:15px;
	color:#0A629D;
	margin-left:8px;
	margin-right:8px;
	margin-top:8px;
}

.title1 {
font-size:12px;
color:#0A629D;
font-weight:bold;
}

.title2 {
font-size:16px;
color:#0A629D;
font-weight:bold;
}

.title3 {
font-size:12px;
color:#0A629D;
font-weight:bold;
margin-top:10px;
}

.title4 {
font-size:12px;
font-weight:bold;
}

.title5 {
	font-size:12px;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:8px;
	color:black !important;
}

.title6 {
	font-size:11px;
	margin-right:8px;
	margin-top:8px;
	text-align:right;
}

.title7 {
	font-size:20px;color:#003366;
	font-family:Georgia, serif;
	padding-bottom:8px;
	font-weight:bold;
}

.title8 {
	font-size:13px;
	margin-bottom:10px;
}

.abstract {
	font-size:12px;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:8px;
	display:none;
}

.volume {
	font-size:13px;
	font-weight:bold;
}	

.titles {
	font-size:10px;
	font-style:italic;
	margin-left:20px;
	margin-right:8px;
	margin-bottom:8px;
	display:none;
	line-height:normal;
}

.note {
	font-family:Times New Roman,Times,serif;
	font-size:13px;
	font-style:italic;
	margin-top:8px;
	color:#1653DB;
}

.note-book {
	font-family:Times New Roman,Times,serif;
	font-size:13px;
	font-style:italic;
	margin-top:8px;
	font-weight:normal;
	color:#DC143C;
}

.signature {
	font-size:11px;
	font-style:italic;
	line-height:12px;
	padding-top:3px;
}

.table-st {
	width: 90%;
	border-bottom: 1px solid black;
	margin-left:auto; 
    margin-right:auto;
}

.td-st {
	font-size:12px;
	text-align:center;
	padding: 5px 8px 5px 8px;
	line-height:13px;
}

.table-sp {
	width: 70%;
	margin-left:auto; 
    margin-right:auto;
}

.td-sp {
	text-align:center;
	padding: 10px 15px 10px 15px;
}

a {
	outline: 0;
}

.home {
	text-align:right;
	padding: 2px 30px 0px 0px;
}

.home-img {
	height:24px;
	border:0px;
	padding-right:12px;
	vertical-align: middle;
}

.top-img {
	 height:25px;
	 border:0px;
	 vertical-align: middle;
	 padding-right:3px;
}

.top {
	text-align:right;
}

a:link.titlebox {
position:relative;
}

a:hover.titlebox:before {
display:block;
position:absolute;
z-index:3;
background:#D9EEFD;
background:-webkit-gradient(linear, 0 0, 0 100%, from(#F5FAFF), to(#D9EEFD));
background:-moz-linear-gradient(#F5FAFF, #D9EEFD);
background:-o-linear-gradient(#F5FAFF, #D9EEFD);
background:linear-gradient(#F5FAFF, #D9EEFD);
content:attr(data-titlebox);
color:#333;
font-size:9.5pt;
top:1.5em;
left:2em;
width:30em;
text-align:left;
padding:2px 4px 2px 6px;
border:2px solid #C1C1C1;
-webkit-border-radius:6px;
   -moz-border-radius:6px;
	-ms-border-radius:6px;
	 -o-border-radius:6px;
		border-radius:6px;
-webkit-box-shadow: -2px 2px 2px rgba(20, 20, 20, 0.4);
   -moz-box-shadow: -2px 2px 2px rgba(20, 20, 20, 0.4);
	-ms-box-shadow: -2px 2px 2px rgba(20, 20, 20, 0.4);
	 -o-box-shadow: -2px 2px 2px rgba(20, 20, 20, 0.4);
		box-shadow: -2px 2px 2px rgba(20, 20, 20, 0.4);
}
 
 </style>