body {
	font: 12px Arial, Helvetica, Sans-Serif;
	color: #333;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #fff;
	background-image: url(../imagenes/fondo.jpg);
	background-repeat: repeat-x;
	}
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{
	position: relative;
	text-align: left;
	width: 900px;
	background: #fff;
	margin-bottom: 2em;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	height: 325px;
	visibility: hidden;
		}	

/* Easy Slider */
#slider{
   margin: 0 auto;
}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:900px;
		height:325px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:43px;
		height:45px;
		position:absolute;
		top:50%;
		z-index:1000;
		}	
		
		#slider-wrapper {
	position: relative;
	z-index: 1;

}
	#nextBtn, #slider1next{ 
		right:17px;
	
		
		}		
		
		#prevBtn, #slider1prev{
    left: 17px;

}   														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:43px;
		height:43px;
		background:url(../imagenes/btn_prev.png) no-repeat 0 0;
		text-indent: -9999px;
		
		}	
	#nextBtn a, #slider1next a{ 
	
		background:url(../imagenes/btn_next.png) no-repeat 0 0;	
	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* line 32, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 109, ../sass/screen.sass */
::-moz-selection,
::selection {
  background: #ff8000;
  color: white;
}

/* -- Layout ------------------------------------------------------------------ */
/* line 124, ../sass/screen.sass */
body {
  margin: 0px 0px 0px 0px;
  background: url(../imagenes/fondo.jpg);
}

/* line 128, ../sass/screen.sass */
.wrapper {
  max-width: 740px;
  margin: 0 auto;
}

/* -- Examples -- */
/* line 177, ../sass/screen.sass */
.examples-section {
  text-align: center;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.image-row:after {
  content: "";
  display: table;
  clear: both;
}

/* line 184, ../sass/screen.sass */
.example-image-link {
	display: inline-block;
	margin: 0 10px 20px 10px;
	line-height: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	border: 2px solid #040ba1;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
/* line 191, ../sass/screen.sass */
.example-image-link:hover {
	border: 2px solid #898ef6;
}

/* -- Responsive design -------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
}
