/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.6
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

* { margin:0; padding:0; }
body { background:#111; height:100%; }
img { border:none; }

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/supersize/progress.gif) no-repeat center center;}

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../images/supersize/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

.logoS{
    background: url(../../images/pepper.png) no-repeat !important;
    background:none;
    filter:none!important;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./../images/pepper.png', sizingMethod='image');
    position: relative;
    width:80px;
    height:64px;
    top: 20px;
    left: 20px;
    z-index: 999999;
}

ul#demo-block{ overflow: hidden; top: 105px;left:20px; position:absolute; width:200px; height: 150px; }
ul#demo-block li{   
    clear: both;
    color: grey;
    cursor: default;
    display: inline;
    float: left;
    font: bold 10px Helvetica,Arial,sans-serif;
    margin: 0px;
    padding: 4px;
}
ul#demo-block li a{ color:grey; font-weight:bold; }
#infoBlock{ bottom: 10px;left:20px; position:absolute; width:250px; height: 200px; padding:10px; }
.infoProyecto{ display: none; }
.infoProyecto h3{ color: white; font-weight: bold;}
.infoProyecto p{ color: white; font:12px Helvetica, Arial, sans-serif; text-align: justify;}
#volverHome{ color:white; font-weight: bold; bottom: 10px; left: 20px; position:absolute; font:12px Helvetica, Arial, sans-serif; cursor:default; }