
/*
.slide .col{
display: inline-block;
border-right: solid 1px #DE9F26;
padding-left: 15px;
padding-right: 15px;
}
*/
a.school_wrapper:hover{
text-decoration: none;
}

.slide .school_wrapper{
display: inline-block;
height: 89px;
margin-bottom: 8px;
margin-left: 18px;
margin-right: 12px;
width: 201px;
}

.slide .sch{
display: inline-block;
height: 89px;
margin-bottom: 0px;
margin-top: 5px;
width: 201px;
position:relative;
}

.slide .school{
background: url("/media/price_calculator/images/new-school-finder/3/caluga.jpg") no-repeat scroll left top transparent;
}
.slide .school_on{
background: url("/media/price_calculator/images/new-school-finder/3/caluga_on.png") no-repeat scroll left top transparent;
}

	.slide .sch .school_img{ 
	display: inline !important;
	left: 10px;
	position: absolute;
	top: 9px;
	}
	.slide .sch .flag_img{ 
	display: inline !important;
	left: 168px;
	position: absolute;
	top: 7px;
	}
	.slide .sch .school_text{
    left: 83px;
    position: absolute;
    top: 28px;
    width: 117px;
	}
		.slide .sch .school_text .school_name{
		color: #AC1F23;
		font-size: 13px;
		}
		.slide .sch .school_text .school_city{
		color: #DEB126;
		font-size: 11px;
		}

/* Gallery styles */
#gallery-container{
margin-left: 5px;
}

#gallery-container #gallery{
	/* CSS3 Box Shadow */
/*
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;

	 CSS3 Rounded Corners
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	border:1px solid white;
*/	
	/*background:url(img/panel.jpg) repeat-x bottom center #ffffff;*/
	
	/* The width of the gallery */

	width: 943px;
	height: 300px;
	overflow:hidden;

}

#gallery-container #gallery #slides{
	/* This is the slide area */
	height:300px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	/*width: 943px;*/
	width: 943px;
	overflow:hidden;
/*
	background: url('/media/price_calculator/images/new-school-finder/3/fondo-mapa-top.png') repeat-x bottom left;
*/
}

#gallery .slide{
	float:left;
	background: url('/media/price_calculator/images/new-school-finder/3/fondo-mapa-top.png') no-repeat bottom left;
	width: 943px;
	height: 300px;
}

#gallery-container .menu{
	/* This is the container for the thumbnails */
	/*
	height:45px;*/
    background: url('/media/price_calculator/images/new-school-finder/3/fondo-mapa-bottom.png') no-repeat top left;
	height: 60px;
	width: 943px;
}

#gallery-container .menu ul{
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 865px;
}

#gallery-container .arrow{
	display: inline-block;
}

#gallery-container .arrow:hover{ cursor:pointer }

#gallery-container .menu li{
	/* Every thumbnail is a li element */
	width:25px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
	position:relative;
}

#gallery-container .menu li.menuItem:hover{ cursor: pointer}

#gallery-container .menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	/*background:url(img/pic_bg.png) repeat;*/
}

#gallery-container .menu li.act,li.act:hover{
	/* The active state of the thumb */
	/*background:url(img/active_bg.png) no-repeat;*/
}

#gallery-container .menu li.act a{
	cursor:default;
}

#gallery-container .menu .fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	/*background:url(img/divider.png) no-repeat right;*/
}

#gallery-container .menu li a{
	display:block;
	/*background:url(img/divider.png) no-repeat right;*/
	height:35px;
	padding-top:10px;
}

#gallery-container a img{
	border:none;
}

/*
#gallery-container a img{display: none; }
*/
/* The styles below are only necessary for the demo page */
/*
h1{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:36px;
	font-weight:normal;
	margin-bottom:15px;
}

h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	position:absolute;
	right:0;
	text-transform:uppercase;
	top:15px;
}

#main{
	margin:15px auto;
	text-align:center;
	width: 943px;
	position:relative;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

p{
	padding:10px;
	text-align:center;
}
*/
