@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,700');

	div#sliderE, div#slider { margin-bottom: 8px; }
    #slider{ font-size: 11px; font-family:'Hind', sans-serif;}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		width:196px;
		height:298px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#sliderE li img, #slider li img, #slider2 li img { display: block; }
	#slider2 li p { margin:20px; }						

	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-250px;
		}	
	#nextBtn, #nextBtn2{ 
		left:500px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{
	display:block;
	width:30px;
	height:77px;
	background-image: url(../imagenes/prev.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(../imagenes/next.gif) no-repeat 0 0;	
		}
		
	img{border:none;}
		
										
#contenido; #contenidoE, #contenido; #contenidoS {
	height: 298px;
	width: 196px;
	margin: 0px auto;
    font-size: 10px !important;
	font-family: 'Hind', sans-serif !important;
}


#contenidoE, #contenidoS {
	height:128px;	
}
	#sliderE ul, #sliderE li, #sliderS ul, #sliderS li {
		margin:0;
		padding:0;
		list-style:none;
		}
	#sliderE li, #sliderS li { 
		width:196px;
		height:128px;
		overflow:hidden; 
		}	

#contenido strong { font-weight: bold;    font-size: 11px !important;
	font-family: 'Hind', sans-serif  !important;
 }
.modalDialog {
	position: fixed;
	font-family: 'Hind', sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 640px;
	position: relative;
	margin: 10% auto;
	padding: 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -20px;
	text-align: center;
	top: -20px;
	width: 30px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }