<?php
	header("Content-type: text/css; charset: UTF-8");
	include_once '../../data/footer.css.php';
	include_once '../../data/top.css.php';
?>

/* Главные контейнеры */
#head { 
	background-image	:url(<?php echo $path.'/img/rpi3.jpg';?>);
	background-repeat	:no-repeat;
	background-size		:1500px;
	background-position	:center;
	height				:510px;
	width				:100%;
	position			:relative;
	top					:5px;
	}

#left { 
	top					:-150px;
	height				:440px;
 	position			:relative;
    float				:left;
	width				:32%;
	margin-bottom		:-100px;
	}

#right { 
 	position			:relative;
    float				:right;
	width				:32%;
	height				:300px;
	top					:-10px;
	}

#center { 
    float				:none;
	width				:auto;
	overflow			:hidden;
	height				:230px;
	position			:relative;
	top					:-60px;
	}
	
#basic { 
	top					:330px;
    float				:none;
	width				:100%;
	height				:150px;
	position			:relative;
	}

#main2 { 
	border				:1px solid #0ffff0;
    float				:none;
	margin				:0px auto;
	border				:1px;
	height				:100%;
	}

#left:hover::after,
#right:hover::after,
#center:hover::after
	{
	content				:attr(data-title); 			/* Выводим текст */
	position			:absolute; 					/* Абсолютное позиционирование */
	left				:0; 
	right				:0; 
	bottom				:5px;						/* Положение подсказки */
	z-index				:1;							/* Отображаем подсказку поверх других элементов */
	background			:rgba(0,42,167,0.6);		/* Полупрозрачный цвет фона */
	color				:#fff;						/* Цвет текста */
	text-align			:center;					/* Выравнивание текста по центру */
	font-family			:Arial,						/* Гарнитура шрифта */
						sans-serif; 
	font-size			:15px;						/* Размер текста подсказки */
	padding				:5px 10px;					/* Поля */
	border				:1px solid #333;			/* Параметры рамки */
	border-radius		:10px;
   }

#basic:hover::after
	{
	content				:attr(data-title); 			/* Выводим текст */
	position			:absolute; 					/* Абсолютное позиционирование */
	left				:0; 
	right				:0; 
	bottom				:5px;						/* Положение подсказки */
	z-index				:1;							/* Отображаем подсказку поверх других элементов */
	background			:rgba(194,194,194,0.6);		/* Полупрозрачный цвет фона */
	color				:#fff;						/* Цвет текста */
	text-align			:center;					/* Выравнивание текста по центру */
	font-family			:Arial,						/* Гарнитура шрифта */
						sans-serif; 
	font-size			:15px;						/* Размер текста подсказки */
	padding				:5px 10px;					/* Поля */
	border				:1px solid #333;			/* Параметры рамки */
	border-radius		:10px;
   }