body {

   color: #000;

   background-color: #fff;

   font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

   font-size: 80%;

   margin: 0em;

   padding: 0em;

}



div#top {

   position: absolute;

   top: 0em;

   left: 0%;

   margin: 0;

   font: caption;

   font-size: 0.9em;

   font-weight: bold;

}

div#top ul li {

   list-style-type: none;

   text-align: center;

}

div#top a { text-decoration: none; line-height: 24px; }

div#top img { vertical-align: middle; float: left; margin: 0 4px;}

div#top a.skip { color: #fff; }

div#top li.ocultar { display: none; }

div#top a.skip:hover, div#top a.skip:focus { color: #006699; }



div#header {

   height: 325px;

   background: url('img/header.jpg') #fff top right no-repeat;

   margin: 0em;

   padding: 0em;

   color: #000;

   overflow: auto;

   text-align: center;

}



div#header img {

   margin: 80px 0 0 0;

}



div#header h1 {

   display: none;

   visibility: none;

}





h1, h2, h, h4, h5, h6 { font-family: Times, "Times New Roman", serif; }



h1 {

   margin: 0em;

   padding: 100px 0em 0em 0em;

   text-align: center;

   font-size: 2.4em;

}



div#date {

   text-align: center;

   margin: 0px;

   padding: 0.3em;

   background-color: #016;

   color: #ffc;

   font-size: 0.9em;

}



div#menucontainer {

   width: 19%;

   position: absolute;

   left: 1%;

   top: 70px;

}



div#menucontainer img {

   margin: 15px;

}



div#menu {

   width: 100%;

   margin:0;

   background: #263b6f url('img/bg_menu.jpg') top left repeat-x;

   border: 2px #36c solid;

   font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;

   /*padding-bottom: 2em;*/

}



div#menu ul {

   list-style-type: none;

   margin: 1em 0em 2em 0em;

   padding: 0em;

}

div#menu li {

   padding: 0em;

   margin: 0em;

   display: inline;

   font-weight: bold;

   line-height: 200%;

}



div#menu li a {

   display: block;

   color: #ffffee;

   text-decoration: none;

   /*border-bottom: 1px dotted #36c;*/

   padding: 0.3em 1em;

}



div#menu li a:hover {

   color: #fc0;

   background-color: #263B6F;

}



div#blogpost {

   font-family: Arial, verdana;

   background-color: #efefef;

   margin: 5px 5%;

   border-bottom: 1px solid #bdbdbd;

   padding: 5px;

   width: 90%;

}



div#blogpost h2 {

   font-size: 1.5em;

   color: #1b4483;

}



div#blogpost strong {

   color: #1a2e64;

}



div.newsletter {

   text-align: center;

   padding: 2em 1em;

   font-size: 0.9em;

   line-height: 140%;

   color: #9cf;

}

div.banner {

   margin: 1em 0em;

   text-align: center;

}



div#content {

   color: #000;

   background-color: #fff;

   background: #fff url('img/sombra.gif') top left repeat-x;

   margin: 0em;

   padding: 0em 22% 2em 21%;

   border-top: 1px solid #016;

   min-height: 600px;

}



div#news {

   width: 19%;

   position: absolute;

   top: 340px;

   right: 1%;

   margin: 2em 0em;

   padding: 1em 2%;

   background: #fff url('img/filete.jpg') top right no-repeat; 

   color: #333;

}



div#news a, div#news a:visited {

   font-size: 0.85em;

   font-family: Trebuchet MS, Arial;

   color: #272727;

}



div#news a:hover {

   font-size: 0.86em;

   color: #233574;

}





div#news h2 {

   font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;

   font-size: 1.2em;

   color: #006;

}



div#news p {

   text-align: justify;

}



div#intro {

   background: transparent url('img/bg_intro.gif') bottom left repeat-x;

   color: #000;

   margin: 0em 19em 0em 0em;

   border-left: 1px dotted #bbbff2;

   border-right: 1px dotted #bbbff2;

   padding: 2em;

}



div#intro li {

   color: #c00;

   line-height: 180%;

   font-size: 0.8em;

   font-weight: bold;

}



h2 { color: #36b; font-size: 2em; }

p { line-height: 150%; margin-left: 8px; font-size: 0.90em; }

.center { text-align: center; }

img, a img { border: none; }

.division {

   clear: both;

   visibility: hidden;

   margin-top: 6em;

}



.resaltar {

   color: #006699;

}



address {

   margin: 0em;

   background-color: #a4aae3;

   text-align: center;

   padding: 1em;

   font-size: 0.9em;

   font-style: normal;

   clear: both;

}

/*

address {

   color: #000;

   background-color: #fff;

   background: #fff url('img/sombra.gif') top left repeat-x;

   margin: 0em;

   padding: 2em 0em 1em 0em;

   text-align: center;

}*/



div#page {

   background: transparent url('img/fondomain.png') bottom right no-repeat;

   color: #000;

   margin: 0em 4em 0em 0em;

/* margin: 0em 1% 0em 0em;*/

   padding: 3em 48px 60px 2em;

}

/*

div#page p {

   text-align: justify;

}

*/

div#page ul {

   list-style-image: url('img/vinetacyan.png');

}



div#page li {

   line-height: 160%;

   font-size: 0.9em;

}



div#page h3 {

   color: #3c3c3c;

   font-weight: bold;

   font-family: Arial, verdana;

   font-size: 1.1em;

}



/* Tabla de trabajos subidos */

table#trabajos {

   width: 95%;

   border: 0px;

   padding: 1px;

   font-family: Arial, verdana;

   font-size: 0.75em;

}



table#trabajos tr {

   border-bottom: black 1px dashed;

}



table#trabajos th {

   color: #ffffcc;

   background-color: #003366;

   font-family: Arial, verdana;

   font-size: 1em;

}



table#trabajos td {

   color: #666;

   font-size: 1em;

   line-height: 180%;

}



div.sponsors  {

   width: 95%;

   margin: 15px 0%;

   text-align: center;

   clear: both;

   padding:0px;

   border: 1px #ccc solid;

}



div.sponsors img {

   margin: 0.5%;

   vertical-align: middle;

   }



div.sponsors h3 {

   width: 50%;

   text-align: left;

   background-color: white;

   margin: -8px 3px 8px 5px;

   font-family: arial, verdana;

   font-size: 0.8em;

   font-weight: bold; 

}



div.sponsors img.ajustar {

   height: 75%;

   width: 75%;

}

   

div.organizadores  {

   background-color: white;

   margin: 15px 0%;

   text-align: center;

   padding: 5px;

   border: 1px #ccc solid;

}



div.organizadores h3 {

   width: 50%;

   text-align: left;

   background-color: white;

   margin: -8px 3px 8px 5px;

   font-family: arial, verdana;

   font-size: 0.8em;

   font-weight: bold; 

}



div.organizadores img.ajustar {

   height: 90%;

   width: 90%;

}





div.organizadores img {

   margin: 0.5%;

   vertical-align: middle;

   margin-top: 10px;

   margin-bottom: 10px;

/* height: 100%;

   width: 100%;*/

   }

   

.revision textarea, .revision select {

   background-color: #c8d9ea;

   border: 1px solid black;

   width: 30%;

   font-size: 10px;

}



.revision textarea {

   background-color: #c8d9ea;

   border: 1px solid black;

   width: 90%;

   font-size: 10px;

}





.comite {

   width: 90%;

   margin-left: 2px;

   margin-bottom: 15px;

}



.comite ul {

   width: 100%;

   margin: 0;

   list-style-type: none;

}



.comite ul li {

   display: block;

   padding: 5px;

   background-color: #e2e2e2;

}



.comite ul li.segundo {

   background-color: #cacaca;

}



.separador {

   display: inline-block;

   width: 50%;

   font-weight: bold;

}  





#screenshot{

   position:absolute;

   border:1px solid #ccc;

   background:#FFF;

   padding:5px;

   display:none;

   color:#fff;

   }


div.decinteres  {

   width: 95%;

   margin: 15px 0%;

   text-align: center;

   clear: both;

   padding:0px;

   border: 1px #ccc solid;

}



div.menucontainer.decinteres img {

   margin: 0.1%;

   vertical-align: middle;

   }



div.decinteres h3 {

   width: 50%;

   text-align: left;

   background-color: white;

   margin: -8px 3px 8px 5px;

   font-family: arial, verdana;

   font-size: 0.8em;

   font-weight: bold; 

}

/* Galeria de imagenes */



.album, .album2 {

   position:relative;

   width:490px;

   height:480px;

   background:#69c;

   /*border:1px solid #000; */

   border: 2px outset #333;

   margin: 2em auto 4em auto;

}

.album2 { height: 420px; }

.album em, .album2 em {

   font-weight:normal;

   font-style: normal;

   width:490px;

   text-align:center;

   position:absolute;

   bottom:250px;

   left:0;

   color:#eee;

   line-height:1.7em;

   z-index:1;

}

.album strong, .album2 strong {

   display: block;

   font-size: 1.3em;

   margin-bottom: 0.5em;

}

.album em a, .album2 em a { color: #fff; }



a.gallery, a.gallery:visited {

   display:inline;

   color:#000;

   text-decoration:none;

   border:1px solid #000;

   width:67px;

   height:50px;

   float:left;

   margin:5px 10px;

   position:relative;

   cursor:default;

}



* html a.gallery, * html a.gallery:visited {

   margin:5px 10px;

}



a.slidea {background:url(fotos/novedades/dominicana.gif);}

a.slideb {background:url(fotos/novedades/es.gif);}

a.slidec {background:url(fotos/novedades/col-rozo.gif);}

a.slided {background:url(fotos/novedades/mx-uanl.gif);}

a.slidee {background:url(fotos/novedades/mx-df.gif);}

a.slidef {background:url(fotos/novedades/colombia.gif);}

a.slideg {background:url(fotos/novedades/sofofa.gif);}

a.slideh {background:url(fotos/novedades/es-grupo.gif);}

a.slidei {background:url(fotos/novedades/peru_01.gif);}

a.slidej {background:url(fotos/novedades/peru_02.gif);}



a.gallery span {

   visibility:hidden;

   display:block;

   position:absolute;

   width:465px;

   height:340px;

   top:189px;

   left:9px;

   color:#000;

   background:#ddd;

   text-align:center;

   /*border:1px solid #fff;*/

   border: 1px inset #fff;

   font:menu;

   cursor:default;

   margin:0px;

}



a.slidea span {left:-2px; top:123px;}

a.slideb span {left:-99px; top:123px;}

a.slidec span {left:-196px; top:123px;}

a.slided span {left:-293px; top:123px;}

a.slidee span {left:-390px; top:123px;}

a.slidef span {left:-2px; top:60px;}

a.slideg span {left:-99px; top:60px;}

a.slideh span {left:-196px; top:60px;}

a.slidei span {left:-293px; top:60px;}

a.slidej span {left:-390px; top:60px;}



a.slide1 span {left:-1px; top:123px;}

a.slide2 span {left:-90px; top:123px;}

a.slide3 span {left:-180px; top:123px;}

a.slide4 span {left:-271px; top:123px;}

a.slide5 span {left:-357px; top:123px;}

a.slide6 span {left:-1px; top:60px;}

a.slide7 span {left:-90px; top:60px;}

a.slide8 span {left:-180px; top:60px;}

a.slide9 span {left:-271px; top:60px;}

a.slide10 span {left:-357px; top:60px;}



/* Album pequeño */

.album2 a.slide1 span {left:-1px; top:63px;}

.album2 a.slide2 span {left:-98px; top:63px;}

.album2 a.slide3 span {left:-195px; top:63px;}

.album2 a.slide4 span {left:-292px; top:63px;}

.album2 a.slide5 span {left:-389px; top:63px;}



a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}



a.gallery:hover span {visibility:visible; z-index:100;}



a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}



a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}



a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}



a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}



.galeria {

   font: menu;

   text-align: center;

   background-color: #def;

   margin: 0.5em 20%;

   padding: 4px;

}