@font-face {
  font-family: 'Syncopate';
  font-style: normal;
  font-weight: 400;
  src: local('Syncopate'), local('Syncopate-Regular'), url(http://themes.googleusercontent.com/static/fonts/syncopate/v3/pDM9CVwNx1ufBHCEatJA3KCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}
#IEfondo{
	display:none;
}
#No-ie {
width:28%;
height:7%;
background-color:aliceblue;
bottom:-1%;
position:absolute;

}

img.fullscreen {
  border:     0;
  height:     auto;
  left:       0;
  min-height: 100%;
  min-width:  1024px;
  padding:    0;
  position:   fixed;
  top:        0;
  width:      100%;
  z-index:    -1001;
  display:none;
  }


.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}

.cb-slideshow:enabled{
 pointer-events: none;
  
}
.cb-slideshow:target{
	 pointer-events: none;
}

.cb-slideshow:link{
	 pointer-events: none;
}
.cb-slideshow:after {
    content: '';
  background:url('../images/pattern.png') left top;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
  
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
	
   
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    text-align: right;
	    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-animation: titleAnimation 36s linear 0s;
    -webkit-animation-iteration-count:5;
    -moz-animation: titleAnimation 36s linear 5 0s ;
    -moz-animation-iteration-count:5;
    -o-animation:titleAnimation 36s linear 5 0s;
    -o-animation-iteration-count:5;
    -ms-animation: titleAnimation 36s linear 5 0s;
    -ms-animation-iteration-count:5;
    animation: titleAnimation 36s linear 5 0s;
}
.cb-slideshow li div h3 {
    font-family:Syncopate;
    font-size: 1.53em;
    padding: 0 50px;
    line-height: 100px;
    color:#FFFFFF;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
@-webkit-keyframes titleAnimation { 
			0% {
	    opacity: 0;
	}
	8% {
	}
	17% {
	    opacity: 1;
	}
	19% {
	    opacity: 0;
	}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
		0% {
	    opacity: 0;
	}
	8% {
	    opacity: 1;
	}
	17% {
	    opacity: 1;
	}
	19% {
	    opacity: 0;
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
		0% {
	    opacity: 0;
	}
	8% {
	    opacity: 1;
	}
	17% {
	    opacity: 1;
	}
	19% {
	    opacity: 0;
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
		0% {
	    opacity: 0;
	}
	8% {
	    opacity: 1;
	}
	17% {
	    opacity: 1;
	}
	19% {
	    opacity: 0;
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}


@media screen and (max-width: 2000px) { 
	.cb-slideshow li div h3 { font-size: 730% }
}


@media screen and (max-width: 1400px) { 
	.cb-slideshow li div h3 { font-size: 650% }
}


@media screen and (max-width: 1288px) { 
	.cb-slideshow li div h3 { font-size: 600% }
}

@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 { font-size: 600% }
}
@media screen and (max-width: 1024px) { 
	.cb-slideshow li div h3 { font-size: 500% }
}
@media screen and (max-width: 1000px) { 
	.cb-slideshow li div h3 { font-size: 300% }
}

@media screen and (max-width: 640px) { 
	.cb-slideshow li div h3 { font-size: 200% }
}



@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (max-width: 2000px) { 

.container {width: 280px;  margin: 0 auto; overflow:no-display; height:92%;}

.clock {width:100%;  margin:0 auto; padding:20px 30px 10px 10px; border:1px solid #333; color:#CEE9FF; }

#Date { font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size:20px; font-weight:bold; text-align:center;padding:40px 40px 0px 0px; }

ul.fecha { font-size:20px; width:200px; text-align:center; padding:0px 0px 0px 10px;}
ul.fecha li { font-size:20px; display:inline; font-size:20px; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;padding:30px 0px 0px 10px; }

#point { font-size:22px; position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:2%; padding-right:3%; }
}


@media screen and (max-width: 1288px) { 
.container {width: 280px;  margin: 0 auto; overflow:hidden ;height:92%;}

.clock {width:90%;    border:1px solid #333; color:#CEE9FF; }

#Date { font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size:20px; font-weight:bold; text-align:center;padding:18px 0px 0px 0px; }

ul.fecha { font-size:20px; width:220px; text-align:center; }
ul.fecha li {font-size:20px; display:inline;  text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; }

#point { font-size:20px; position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:1%; padding-right:1%; }


}
		
		
@media screen and (max-width: 1050px) { 
	
	
.container {width: 200px;  margin: 0 auto; overflow:hidden ;height:92%;}

.clock {width:100%;  margin:0 auto; padding:0px; border:1px solid #333; color:#CEE9FF; }

#Date { font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size:16px; font-weight:bold; text-align:center;padding:15px 0px 0px 0px; }

ul.fecha { font-size:18px; width:180px; text-align:center; }
ul.fecha li { font-size:18px; display:inline; font-size:18px; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; }

#point { font-size:18px; position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:1%; padding-right:1%; }

}	
	
			
@media screen and (max-width: 820px) { 
	
	
.container {width: 200px;  margin: 0 auto; overflow:hidden;height:92%;}

.clock {width:100%;  margin-right:20%; padding:5%; border:1px solid #333; color:#CEE9FF; }

#Date { font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size:18px; font-weight:bold; text-align:center; }

ul.fecha { font-size:18px; width:140px; text-align:center; }
ul.fecha li { font-size:18px; display:inline; font-size:18px; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; }

#point { font-size:18px; position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:1%; padding-right:1%; }

}	
	
@media screen and (max-width: 810px) { 
	
	
.container {width: 200px;  margin: 0 auto; overflow:hidden;height:92%;}

.clock {width:100%;  right:10%;  border:1px solid #333; color:#CEE9FF; }

#Date { font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size:14px; font-weight:bold; text-align:center;padding:8px 18% 0% 7%; }

ul.fecha { font-size:8px; width:70px; text-align:center; }
ul.fecha li { font-size:16px; display:inline;   font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; margin-right:5%;}

#point { font-size:14px; position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:1%; padding-right:1%; }

}