/****************************************************************************
** .stories.index
****************************************************************************/
div.stories.index {
}

div.stories.index div.content {
	background-image: 		url('/img/stories/index_bg.png');
	height:					1%;
	margin:					0px auto;
	overflow:				hidden;
	padding:				26px 0px 26px 25px;
	margin-left:			15px;
	width:					926px;	/* 957px */
}

div.stories.index div.content h2 {
	color:					#000;
	float:					left;
	line-height:			24px;
	margin-left:			20px;
	padding-left:			17px;
}

div.stories.index div.content form {
	float:					right;
	height:					1%;
	margin-right:			70px;
	overflow:				hidden;
	width:					250px;
}

div.stories.index div.content form input {
	float:					left;
	margin-right:			10px;
	width:					200px;
}

div.stories.index div.content form button {
	background: 			none;
	background-image: 		url('/img/content/buttons_sp.png');
	background-position: 	-158px -180px;
	border:					0px;
	display:				block;
	float:					left;
	height:					24px;
	text-indent:			-9999px;
	width:					30px;
}

div.stories.index div.content div.info {
	clear:					both;
	height:					281px;
	padding-left:			20px;
}

/****************************************************************************
** .stories.view
****************************************************************************/
div.stories.view {
	color:					#000;
}

div.stories.view div.content {
	background-image: 		url('/img/stories/view_bg.png');
	height:					1%;
	margin:					0px auto;
	overflow:				hidden;
	padding:				30px 0px 28px 43px;
	margin-left:			-15px;
	width:					937px;	/* 980px */
}

div.stories.view div.content h2 {
	color:					#000;
	float:					left;
	line-height:			24px;
	margin-left:			20px;
	padding-left:			26px;
}

div.stories.view div.content h2 a {
	color:					#0000ff;
	text-decoration:		none;
}

div.stories.view div.content form {
	float:					right;
	height:					1%;
	margin-right:			70px;
	overflow:				hidden;
	width:					250px;
}

div.stories.view div.content form input {
	float:					left;
	margin-right:			10px;
	width:					200px;
}

div.stories.view div.content form button {
	background: 			none;
	background-image: 		url('/img/content/buttons_sp.png');
	background-position: 	-158px -180px;
	border:					0px;
	display:				block;
	float:					left;
	height:					24px;
	text-indent:			-9999px;
	width:					30px;
}

div.stories.view div.content div.info {
	clear:					both;
	float:					left;
	height:					240px;	/* 281px */
	margin:					7px 0px 0px 46px;
	-margin-left:			23px;
	padding:				22px 0px 0px 45px;
	width:					760px;		/* 832px */
}

div.stories.view div.content div.info.schools {
	background-image: 		url('/img/stories/view_schools_bg.jpg');
	background-position: 	0px 0px;
	padding-bottom:			6px;
}

div.stories.view div.content div.info.stories {
	background-image: 		url('/img/stories/view_students_bg.jpg');
	background-position: 	0px 0px;
	padding-bottom:			6px;
}

div.stories.view div.content div.info.student {
	background-image: 		url('/img/stories/view_students_bg.jpg');
	background-position: 	0px -1139px;
	margin-top:				13px !important;
}

div.stories.view div.content div.info.primero_basico {
	background-position: 	0px 0px;
}

div.stories.view div.content div.info.segundo_basico {
	background-position: 	0px -286px;
}

div.stories.view div.content div.info.tercero_basico {
	background-position: 	0px -572px;
}

div.stories.view div.content div.info.cuarto_basico {
	background-position: 	0px -859px;
}

div.stories.view div.content div.info.otros_cursos {
	background-position:		0px -1139px;
}

div.stories.view div.content div.info.student.otros_cursos {
	background-image: 		url('/img/stories/view_students_bg.jpg');
	background-position: 	0px -1139px;
	margin-top:				7px !important;
}

div.stories.view div.content div.info div.list {
	color:					#000;
	font-size:				11px;
	height:					230px;
	overflow:				scroll;
	overflow-x:				hidden;
	width:					200px;
}

div.stories.view div.content div.info div.list ul {
}

div.stories.view div.content div.info div.list ul li {
	margin-bottom:			5px;
}

div.stories.view div.content div.info div.list ul li a {
}

div.stories.view div.content div.info.student {
	background-position: 	0px -1145px;
	color:					#000;
}

div.stories.view div.content div.info.student table {
	margin-bottom:			55px;
	-margin-bottom:			20px;
}

div.stories.view div.content div.info.student table tr {
}

div.stories.view div.content div.info.student table tr td {
	padding:				10px 10px 10px 0px;
}

div.stories.view div.content div.info.student table tr td.title {
	font-weight:			bold;
}

div.stories.view div.content div.info.student table tr td a {
	color:					#0000FF;
}

div.stories.view div.content div.info.student div.share {
	overflow:				hidden;
}

div#content div.stories.view div.content div.info.student div.share p {
	display:				block;
	float:					left;
	font-weight:			bold;
	line-height:			43px;
	width:					100px;
}

div.stories.view div.content div.info.student div.share a {
	background-image: 		url('/img/content/buttons_sp.png');
	background-position: 	0px 0px;
	display:				block;
	float:					left;
	text-indent:			-9999px;
}

div.stories.view div.content div.info.student div.share a.facebook_btn {
	background-position: 	0px -349px;
	height:					43px;
	margin-right:			20px;
	width:					106px;
}

div.stories.view div.content div.info.student div.share a.vercuento_btn {
	background-image:		url('/img/stories/vercuento_btn.jpg');
	height:					31px;
	margin-top:				6px;
	width:					98px;
}