/* `XHTML, HTML4, HTML5 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 {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}
a {text-decoration:none;}
b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol,
ul {
  list-style: none;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  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 {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}
/*
  960 Grid System ~ Text CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
  font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

pre,
code {
  font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
  font-size: 25px;
}

h2 {
  font-size: 23px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 15px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 50px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}
@charset "iso-8859-2";
/* CSS Document */
@font-face{ 
	font-family: 'museo';
	src: url('Museo_Slab_500-webfont.eot');
	src: url('Museo_Slab_500-webfont.eot?iefix') format('eot'),
	     url('Museo_Slab_500-webfont.woff') format('woff'),
	     url('Museo_Slab_500-webfont.ttf') format('truetype'),
	     url('Museo_Slab_500-webfont.svg#webfont') format('svg');
}
div.spacer{
height: 1em;
}
body{
    background:#F2F2F2;
}
a {
    color:#233645;
}
#top a {
    color:#A1DEF0;
}
#top a:hover {
    color:#E9FAFF;
}
#top{
width:100%;
margin-top:20px;
position:relative;
top:0;
left:0;
}
div.alto{
    min-height:600px;
}
div#top div.grid_12 {
    height:329px;
    background:transparent url(../images/fondoTop.jpg) no-repeat top left;
}
div#logo {
    margin: 15px 0 0 15px;
}
div#menu{
    margin-top:44px;
    font-family:'museo';
}
#top ul{
margin:10px 0 10px 0;
color:#ABCCCE;
}
#top ul li{
display:inline;
}

div.box{
    background:white;
    -moz-box-shadow:    0px 2px 3px 2px #ccc;
    -webkit-box-shadow: 0px 2px 3px 2px #ccc;
    box-shadow:         0px 2px 3px 2px #ccc;
    color:#345065;
    margin-bottom:20px;
}
div.box div.contenidoBox{
    padding:12px;
}
div.box div.contenidoBox ul {list-style:none;}
div.box div.contenidoBox li {margin-left:10px;font-weight:bold;}
div.contenidoBox.telefono { background:transparent url(../images/telefono.png) no-repeat center right;}
div.contenidoBox.email { background:transparent url(../images/mail.png) no-repeat center right;}
div.contenidoBox.especialidades { background:transparent url(../images/rodi.jpg) no-repeat top right;}
div.contenidoBox.ciencia { background:transparent url(../images/ciencia2.jpg) no-repeat 440px 40px;}
div.contenidoBox.ciencia div {margin-bottom:20px;}
div.ponencia {background:transparent url(../images/ponencia.png) no-repeat top left;min-height:63px;}
div.publicacion {background:transparent url(../images/publicacion.png) no-repeat top left;min-height:63px;}
div.evento {background:transparent url(../images/evento.png) no-repeat top left;min-height:63px;}
div.ponencia h4 {margin-left:70px;}
div.publicacion h4 {margin-left:70px;}
div.evento h4 {margin-left:70px;}
#rss{
background:url(../images/rss-logo.gif) no-repeat right;
padding:5px 30px 5px 0;
}
a#logo{
background:url(../images/vos-voz.gif) no-repeat;
width:470px;
height:92px;
float:left;
margin-top:150px;
}
img#ciudad-logo{
float:left;
}
#header{
border-bottom:5px solid #29231e;
}
#contentMain{
background:transparent;
padding:10px 0 10px 0;
border-bottom:1px #ABCCCE solid;
}
#contentMain h1, #contentMain h3{
color:#233645;
}
#menu{
background:transparent;
}
#menu ul{
padding-top:11px;
margin-bottom:10px;
}
#menu ul li{
display:inline;
font:14px bold 'museo',Arial, Helvetica, sans-serif;
margin:0px;
padding-left:45px;
margin-right:25px;
border-left:1px solid #A1DEF0;
}
.articulo{
margin-left:15px;
}
img.border-azul{
border:5px solid #e7f7fb;
margin-bottom:10px;
}
#footer{
font-size:11px;
margin-top:10px;
}