@charset "utf-8";
/* CSS Document */
/*Урок подготовлен web-студией roothelp.ru*/

/*Титры*/

.rh_title
{
color: gold;
font-size: 24px;
}

.rh_webstudia
{
color: white;
font-size: 14px;
}

.roothelp_img
{
border: none;
}

/*Основные стили*/


*, html, body
{
	margin:0 auto;
	padding:0;
}

.width
{
width: 1000px;
}

.center
{
margin:0 auto;
text-align: center;
}

.onetable
{
background: #6eaaff;
height: 100px;
width: 100%;
}

.text
{
padding: 10px;
width: 500px;
}

/* Стили слайдера */

*{
	margin:0;
	padding:0;
}

.wrapper{
	width:100%;
	position:absolute;
	background:url(../img/bg.jpg) repeat-x;
	background-size:contain;
}

.container{
	margin:35px 50px;
	margin-bottom:10px;
	display:inline-block;
	background:url(../img/macbook.png) no-repeat;
	background-size:contain;
}

.slide-wrap{
	width:633px;
	height:336px;
	position:relative;
}

.screen-light{
	width:633px;
	height:336px;
	position:absolute;
	top:0;
	left:0;
	background:url(../img/screen_light.png) no-repeat;
	background-size:contain;
}

.slider{
	width:409px;
	height:256px;
	position:absolute;
	top:26px;
	left:112px;
	overflow:hidden;
}

.slider > ul{
	width:999999px;
	position:relative;
	left:0;
}

.slider > ul > li{
	width:409px;
	height:256px;
	float:left;
	list-style:none;
}

.slider > ul > li img{
	width:409px;
	height:256px;
}

.switch{
	width:100%;
	position:relative;
}

.prev, .next, .switch li{
	width:20px;
	height:20px;
	border-radius:100%;
	-o-border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	-ms-border-radius:100%;
	background:#E3E3E3;
	border:#666 solid 1px;
}

.points{
	display:inline-block;
	position:absolute;
	left:50%;
}

.switch ul{
	width:100%;
	position:relative;
	right:50%;
}

.switch li{
	width:12px;
	height:12px;
	margin:4px 5px;
	list-style:none;
	float:left;
}

.switch li:hover{
	background:#F00;
	cursor:pointer;
}

li.active{
	background:#F00;
}

.prev{
	float:left;
	background:#E3E3E3 url(../img/prev.gif);
	background-size:contain;
}

.next{
	float:right;
	background:#E3E3E3 url(../img/next.png);
	background-size:contain;
}

.prev:hover{
	background:#F00 url(../img/prev.gif);
	background-size:contain;
	cursor:pointer;
}

.next:hover{
	background:#F00 url(../img/next.png);
	background-size:contain;
	cursor:pointer;
}