html {
    overflow-x: hidden;
}
body{
    font-family: arial, helvetica, verdana;
    color: #220044;
    background-color: #222222;
}
a:link 
    {font: verdana, arial, helvetica; color:#bbbbff;text-decoration:none;}
a:visited 
    {font: verdana, arial, helvetica; color:#ccccff; text-decoration:none;}
a:hover 
    {font: verdana, arial, helvetica; color:#4444ff; text-decoration:none}

.header{
    padding-top: 40px;
}
.skill{
    padding-top: 16px;
    font: 14px arial, helvetica, verdana;
}
#proyectos{
    margin-bottom: 40px;
    line-height: 20px;
    padding-left: 4px;
    display: table-cell;
    vertical-align: bottom;
    text-align: right;

    display: table;
    height: 240px;
    width: 100%;
}
#proyecto{
    font: 18px bold arial, helvetica, verdana;
    padding-top: 20px;
    float: left;
    width: 98%;
}
#proyecto_desc{
    font: 11px arial, helvetica, verdana;
}
.bottom{
    display: table-cell;
    vertical-align: bottom;
}
#gallery{
    height: 100px;
    border: 1px solid;
}
.background{
    background-image: #gradient >.vertical(#4F364C, #FFFFFF);background-image: #gradient >.vertical(#4F364C, #FFFFFF);
}
.panel-body {
    background:#FFCCFF;
}
#twitter {
    margin-top: 20px;
    margin-bottom: 16px;
    padding: 8px;
    border: 1px dotted;
    border-bottom-left-radius:5%;
    border-bottom-right-radius:5%;
    border-top-left-radius:5%;
    border-top-right-radius:5%;
}
#albumes {
    margin-top: 20px;
    padding: 8px;
    border: 1px dotted;
    border-bottom-left-radius:5%;
    border-bottom-right-radius:5%;
    border-top-left-radius:5%;
    border-top-right-radius:5%;
}
#menu_bottom{
    text-align: right;
    font: 16px arial, helvetica, verdana;
    padding-top: 24px;
    padding-bottom: 24px;
}
.item_menu{
    text-align: center;
    padding-top: 6px;
}
.item_menu_bottom{
    border: 1px dotted;
    padding: 2px;
}
.hr2{
    border-bottom: 1px solid;
    padding:2px;
}
.text-nowrap{
    white-space: nowrap;
}
#name{
    margin-top: 20px;
    margin-bottom: 20px;
}
#daniel{
    font: bold 38px arial, helvetica, verdana;
    color: #504f80;
}
#gomez{
    font: bold 38px arial, helvetica, verdana;
    color: #726afd;
}
#m{
    font: bold 38px arial, helvetica, verdana;
    color: #545866;
}
.socnet img{
    padding: 3px;
    width: 10%;
}
#socnet{
    margin-top: 20px;
    margin-bottom: 16px;
    text-align: right;
}
#presentacion{
    margin-bottom: 20px;
}
#sections a {text-decoration:none;}
.section {
    margin-top: 8px;
    padding: 8px;
    border: solid 1px #888888;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}
/* articulo *****************************************************************/
#article
    {font: 12px verdana, arial; padding-left: 16px; clear: both;}
#article_title
    {font: 22px verdana, arial, helvetica; clear:right; text-decoration: none}
#article_title
    a:link {color: white}
#article_title
    a:hover {color: #4444ff}
#article_title a {text-decoration: none}
#article_subtitle
    {font: 12px verdana, arial, helvetica; text-align:right }
#article_abstract
    {font: italic 10px verdana, arial, helvetica; width: 90%;
    text-align:right; float:right; padding-bottom: 16px}
#article_date {padding: 2px 4px 2px 4px; font: 11px verdana, arial; float:right; background:#222222}
#article_date_item {padding: 2px 4px 2px 4px; font: italic 11px verdana, arial; position: relative; top: 0; color: #aaaaaa; text-align: right; line-height: 4px}
#article_comms {padding: 2px 4px 2px 4px; font: 10px verdana, arial; float:right; background:#222222}
#article_footer {padding: 8px 0px 8px 0px; border-bottom: 1px dotted white; clear: both}
#article_space {font: 8px; line-height: 8px}

/* estilos de secciones y grupos peque~nos **********************************/
#desc_cat {font: italic 12px verdana, arial; color: #aaaaaa;
           vertical-align: bottom; position: relative; top: 0}
.section {border-left: solid 1px #888888; border-top: solid 1px #888888}

.header_section {padding-right: 2px; font: bold 12px; color: #cccccc;
                 background: #2a2a2a; height:20px}
.title_section {padding-left: 2px; font: bold 11px; color: #cccccc;
                background: #2a2a2a; float:left}
.subtitle_section {font: 12px arial, helvetica, verdana; color: #cccccc;
                   background: #2a2a2a; text-align: right; float:right}
.body_section {padding-left: 4px; padding-top: 4px; border-top: solid 1px #222222;
               font: 12px helvetica; color: #cccccc; clear:both; 
               text-align:left; line-height:20px;}
.frame_photos {padding-left: 4px; padding-top: 4px; border-top: solid 1px #222222;
               font: 12px helvetica; color: #cccccc; clear:both; 
               text-align:center; line-height:20px;}

/* comentario ***************************************************************/
#comment
{padding: 2px; color:#dddddd;}
#comment_block_header {font: bold 11px verdana, arial, helvetica;
border-top: 1px solid white; padding: 2px}
#comment_header {font: 12px verdana, arial, helvetica; border-top: dotted 1px white; padding-top: 2px}
#comment_body {padding: 16px; font: italic 11px verdana, arial, helvetica; }
#comment_box {padding: 8px; background: #403a44; height: 144px; color:#fff;}
.field {padding: 4px 4px 4px 2px; font:10px sans; color:#000000; width=30%; float:left}
.field_desc {padding: 4px 4px 4px 2px; font:10px sans; color:#dddddd; width=30%; float:left}


#title {
    font: 28px verdana, arial, helvetica; color:#dddddd; 
    padding-top: 16px; padding-botton:16px;
    margin-bottom: 8px;
}
#home_link {
    font: 18px green arial, helvetica, verdana;
    text-align: right;
    padding-top:16px;
    padding-bottom: 16px;
}

#footer {padding-top: 16px; margin-top: 40px;}
#email {font: 12px verdana, arial, helvetica; color:#8888ff;}
#about {border-top: 1px solid #dddddd; font: 9px verdana, arial, helvetica; color:#dddddd; text-align:right; clear:both; padding-right: 4px;}

#body {padding: 2px; float: left; width:100%;}
#main_no {
    padding: 4px 8px 8px 24px; width: 100%; float:left; font: 12px verdana;
    margin-top: 16px;
    margin-top: 16px;
}
#personal_text {padding: 4px; float:right; width:75%; text-align: right; font: italic 12px arial}
#personal_desc {width:100%}
#personal_img  {float:right}
.minimini {font: 6px verdana, arial, helvetica; color: #222222}

.curriculum{
    background-color: white;
    margin-top: 8px;
}
.prensa li{
    font: 16px arial, helvetica, verdana;
    padding: 4px;
}

#nav_menu{
    font: 12px arial, helvetica, verdana;
}

.menu {
  overflow: hidden;
}
.menu a {
  display: block;
  color: #dddddd;
  text-decoration: none;
}
.menu a:hover {
  background-color: #ddd;
  color: black;
}

.topnav {
  overflow: hidden;
  background-color: #222;
}

.topnav a {
  float: left;
  display: block;
  color: #dddddd;
  text-align: center;
  padding: 7px 8px;
  text-decoration: none;
  font: 17px arial, helvetica, verdana;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

#miperfil{
    margin-top: 20px;
}

@media screen and (max-width: 600px) {
  .topnav a {
    font: 11px arial, helvetica, verdana;
    padding: 16px 4px;
  }
  .item_menu a{
    font: 11px arial, helvetica, verdana;
    padding: 2px;
    margin-left: -2px;
  }
  #nav_menu a{
    font: 8px arial, helvetica, verdana;
  }
  #daniel{
    font: bold 32px arial, helvetica, verdana;
  }
 #gomez{
    font: bold 32px arial, helvetica, verdana;
 }
 #m{
    font: bold 32px arial, helvetica, verdana;
 }
 #myTopnav {
     padding-left: 12px;
 }
}

.austral_desc{
    font: italic 16px arial, helvetica, verdana;
}
.austral_list{
}
.austral_img{
    text-align: left;
}

.row_index{
    border-top: 1px dotted;
    line-height: 22px;
}
.procesopenal{
    text-align: center;
}