/*@font-face { font-family:'Helvetica-Normal'; src:url('../Letras/helvetica_normal.ttf');  }   */
.skdslider{  width:100%;   height:60%; position: relative;  display: block; overflow:hidden;  z-index: 1; }
.skdslider:after {      content: ' ';     padding-top: 50%;     display: block; }
.skdslider ul.slides{ margin:0; padding:1em 1em 0em 1em; list-style-type:none; height:80%;}
.skdslider ul.slides li  { display: none;   height:100%; }
.skdslider ul.slides li img{ width: 100%; 	height:96%; 	border:0;  }
.skdslider .slide-desc {   background: url("image/slide_desc.png") repeat scroll 0 0 transparent;     left: 0;   margin: 0 2em 0 2em;    position: absolute;  top: 1em;    text-align:center; max-width: 30%;	display:inline-block; }
.skdslider .slide-desc > h2 {     color: #CFDB0C;    font-family: 'Arial';     font-size: 25px;     margin-bottom: 0px;     margin-top: 10px;     text-transform: uppercase;  }
.skdslider .slide-desc > p {     color: #FFFFFF;    font-family: 'Arial';      font-size: 20px;     line-height: 20px;     margin-top: 5px; }
.skdslider .slide-desc > p a.more {    color:#990000; 	font-size:20px;	text-decoration:none; }
.skdslider .slide-desc > p a.more:hover { text-decoration:underline; }
.skdslider a.prev{     background: url("image/left.png") no-repeat scroll 0 0 transparent; 	width:35px; 	height:35px; 	display:block; 	cursor:pointer;	position:absolute;	top:35%; 	left:2%; 	margin-top:0px; }
.skdslider a.next{      background: url("image/right.png") no-repeat scroll 0 0 transparent; 	width:35px; 	height:35px;  	display:block; 	cursor:pointer;  	position:absolute;			top:35%;	right:2%;	margin-top:0px;  }
.skdslider a.prev:hover{ color:blue; }
.skdslider a.next:hover{ color:red; }
.skdslider a.play{ background: url("image/play.png") no-repeat scroll center center transparent;  	width:35px; 	height:35px; 	display:none; 	cursor:pointer; 	position:absolute;		top:50%; 	left:48%; 	margin-top:-17px;  }
.skdslider a.pause{     background: url("image/slide_desc.png") no-repeat scroll center center transparent;
	width:35px; 	height:35px; 	display:none; 	cursor:pointer; 	position:absolute;	top:30%; 	left:48%; 	margin-top:-17px; }
 
 /* El logo sera flotado a la izquierda */
#logo{     background: url(../logo.png) center;     display: block;     float: left;	top: 2%;    width: 200px;    height: 54px;    text-indent: -9999px }
/* Content */
#content{     width:  100%;     margin: 60px 7%;     text-align: center;     overflow: hidden;  }
  
/*Some Responsive CSS */
@media screen and (max-width:767px) {
	.skdslider .slide-desc > h2 { 		font-size: 20px; 		margin-bottom: 0px; 		margin-top: 5px; 	}
	.skdslider .slide-desc > p {  		font-size: 14px;		line-height: 15px; 		margin-top: 5px; 	}
	.skdslider .slide-desc > p a.more {		font-size:14px; 	}
}