/*do*/

.txt_tab {
	margin-left: 20px;
}

.text_tab {
	margin-left: 20px;
}

.txt_left {
	text-align: left;
}

.txt_top {
	vertical-align: top;
}

.cols20 {width: 20%;}
.cols4 {width: 25%;}
.cols30 {width: 30%;}
.cols35 {width: 35%;}


/*====================Patul lui Procust hr=================*/

div.hr {
  height: 20px;
  background: url(../../images/alex/modul3/hr.png) no-repeat scroll center;
}
div.hr hr {
  display: none;
}
/*====================BOLD=================*/

.uk-clearfix .bold {
	font-weight: bold;
}
/*====================Video Sarcini=================*/

p a.vid {
	background-color: #525764 !important;
	color: #fff !important;
	padding: 7px 100px 7px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
}

p a.vid:before {
	content: '';
	width:50px;
	height:45px;
	background: url("../../images/alex/modul3/vid.png") no-repeat center center;
	display: inline-block;
	vertical-align: middle;
	padding-right: 25px;
}
/*====================Jocul Ielelor - tabela=================*/

.cpj {
	width: 70%;
	border: 1px solid rgb(80,80,80);
	text-align: left;
}

.cph {
	background: gray;
	padding-left: 15px;
}                                         
                                        
.cpd {
	border-bottom: 1px solid rgb(80,80,80);
	padding: 2px 0 2px 15px;
}

/*====================Catalog lexemantic - Cerceteaza=================*/

.research_content {
	border: 2px solid #373b44;
	margin-top: 50px;
	padding-bottom: 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 15px rgba(55,59,68,0.7) inset;
	-moz-box-shadow: 0 1px 15px rgba(55,59,68,0.7) inset;
	box-shadow: 0 1px 15px rgba(55,59,68,0.7) inset;
}

.research {
	color: #373b44;
	font-size: 24px;
	margin-top: 20px;
}

.research_border {
	width: 280px;
	border: 1px solid #373b44;
	display: inline-block;
	margin-top: 0;
	-webkit-box-shadow: 0 3px 10px rgba(55,59,68,0.7);
	-moz-box-shadow: 0 3px 10px rgba(55,59,68,0.7);
	box-shadow: 0 3px 10px rgba(55,59,68,0.7);
}

.documentation {
	color: #373b44;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 38px;
}

.research_content a {
	color: #fff;
	background-color: #3B7FE4;
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 22px;
}

/*==================== GAME AUTHENTIC MENU - FRAGMENT 7 =================*/

.game_authentic_menu {
	position: relative;
	padding: 20px;
}

.game_authentic_menu .numbers {
	margin: 15px 0;
	text-align: center;
}

.game_authentic_menu .numbers .table>* {
	width: 12.5%;
}

.game_authentic_menu .numbers span {
	color: #363a43;
	font-size: 50px;
}

.game_authentic_menu .numbers p {
	font-size: 16px;
	color: #363a43;
	display: none;
}

.game_authentic_menu .numbers .col.success p {
	display: block;
}

.game_authentic_menu .col .menu_recept {
	width: 126px;
	height: 109px;
	background: url("../../images/alex/modul3/table.png") 50% 100% no-repeat;
	display: table;
	margin: 10px auto 0 auto;
	position: relative;
	border: 1px dashed transparent;
}

.game_authentic_menu .col.error .menu_recept {
	border-color: rgba(255,0,0, .4);
	background-color: rgba(255,0,0, .1);
}

.game_authentic_menu .col .text {
	min-height: 48px;
}

.game_authentic_menu .col.success .menu_recept {
	background: url("../../images/alex/modul3/table2.png") 50% 100% no-repeat;
}

.game_authentic_menu .col .menu_recept .ns_authentic {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 2;
}

.game_authentic_menu .col .menu_recept .ns_authentic .ns_authentic_item span {
	font-size: 16px;
	color: #363a43;
}

.game_authentic_menu .col .menu_recept .ns_authentic .ns_authentic_item.disabled {
	pointer-events: none;
}

.game_authentic_menu .col.success .menu_recept .ns_authentic .ns_authentic_item {
	opacity: 0;
}

.game_authentic_menu .separator_menu {
	height:5px;
	background: url("../../images/alex/modul3/separator.png") no-repeat center center;
	margin: 30px 0 0 0;
}

.ns_authentic_item {
	background: url("../../images/alex/modul3/cloche.png") 50% 20px no-repeat;
	width:126px;
	height:109px;
}

.ns_authentic_item span {
	display: block;
	margin-top: 120px;
	font-size: 16px;
	color: #363a43;
}

.game_authentic_menu .ns_authentic {
	width:126px;
}

.table.midle.center.mt20 .bio_marg_left {
	margin-left: 10px;
}

.table.midle.center.bio_marg_left_first {
	margin-left: 60px;
}

.table.midle.center.mt20 .bio_marg_left_middle {
	margin-left: 80px;
}

.table.midle.center.mt20 .bio_marg_left_bottom {
	margin-left: 40px;
}

.exo_device .right_side .inner .trans_search_text {
	font-size: 15px;
	text-align: center;
}

.table.midle.center.trans_search_text {
	margin-left: 50px;
}

p.search_two {
	box-sizing: border-box;
	padding-left: 33px;
}

p.search_three {
	box-sizing: border-box;
	padding-left: 20px;
}

p.search_four {
	box-sizing: border-box;
	padding-left: 25px;
}

p.search_five {
	box-sizing: border-box;
	padding-left: 25px;
}

.exo_device .right_side .inner .table.midle.center.bio_img_left {
	margin-left: 14px;
}

.table.midle .mod5_project_left {
	padding-left: 115px;
}

.table.midle .mod5_project_bottom {
	margin-bottom: 30px;
}

/*======================CATALOG LEXEMATIC SARCINĂ SCRISĂ TABEL==========================*/

.uk-clearfix.uk-text-center.research_content_1 {
	border: 2px solid #373b44;
	margin-top: 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 15px rgba(55,59,68,0.7) inset;
	-moz-box-shadow: 0 1px 15px rgba(55,59,68,0.7) inset;
	box-shadow: 0 1px 15px rgba(55,59,68,0.7) inset;
}

.uk-clearfix.uk-text-center.research_content_2 {
	border: 2px solid #373b44;
	margin-top: 50px;
	padding-bottom: 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 15px rgba(55,59,68,0.7) inset;
	-moz-box-shadow: 0 1px 15px rgba(55,59,68,0.7) inset;
	box-shadow: 0 1px 15px rgba(55,59,68,0.7) inset;
}

.uk-clearfix.uk-text-center.research_content_2 .mod5_cat_table {
	text-align: left;
	margin: 0 auto;
}

.uk-clearfix.uk-text-center.research_content_2 .gvh {
	text-align: center;
}

.uk-clearfix.uk-text-center.research_content_2 .gv_center_1 {
	position: relative;
	left: 50px;
}

.uk-clearfix.uk-text-center.research_content_2 .gv_center_2 {
	position: relative;
	left: 50px;
}

.uk-clearfix.uk-text-center.research_content_2 .gv_center_3 {
	position: relative;
	left: 10px;
}

.uk-clearfix.uk-text-center.research_content_2 .gv_center_4 {
	position: relative;
	left: 45px;
}

.uk-clearfix.uk-text-center.research_content_2 .gvh_width, .gv_width {
	width: 280px;
}

.uk-clearfix.uk-text-center.research_content_2 .gv_border {
	border: 2px solid #EEEDEA;
	background-color: #DDE8CA;
	border-radius: 8px;
}

.uk-clearfix.uk-text-center.research_content_2 .gv_border_right {
	border-right: 2px solid #F9AD81;
	background-color: #DDE8CA !important;
}

.uk-clearfix.uk-text-center.research_content_2 .gv_border_left {
	border-left: 2px solid #F9AD81 0;
	background-color: #DDE8CA !important;
}

.uk-clearfix.uk-text-center.research_content_2 .gvo {
	background-color: #F9AD81;
	border-radius: 7px;
	padding: 1px 10px;
}

.uk-clearfix.uk-text-center.research_content_2 .gvo_i {
	background-color: #F9AD81;
	border-radius: 7px;
	padding: 1px 13px;
}

/*=========================GAME SOLDAT======================*/

.game_soldat {
	position: relative;
	margin-top: 10px;
}


.game_soldat .game_wrapp {
	background: url(../../images/alex/modul3/soldat.png) no-repeat 0 0;
	width: 297px;
	height: 454px;
	border: 1px solid green;
	position: relative;
}

.game_soldat .col {
	padding: 0 15px;
}

.game_soldat .game_wrapp .over {
	position: absolute;
	width: 100px;
	min-height: 25px;
	border: 1px dashed rgba(59,127,228, 1);
	background: rgba(59,127,228, .4);
	text-align: center;
	color: #fff;
	font-size: 13px;
}

.game_soldat .game_wrapp .over.o1 {
	left: 180px;
	top: 3px;
}

.game_soldat .game_wrapp .over.o2 {
	left: 190px;
	top: 62px;
}

.game_soldat .game_wrapp .over.o3 {
	left: 190px;
	top: 110px;
}

.game_soldat .game_wrapp .over.o4 {
	top: 200px;
	left: 190px;
}

.game_soldat .game_wrapp .over.o5 {
	top: 300px;
	left: 190px;
}

.game_soldat .game_wrapp .over.o6 {
	top: 370px;
	left: 190px;
}

.game_soldat .game_wrapp .over.o7 {
	top: 335px;
	left: 5px;
}

.game_soldat .game_wrapp .over.o8 {
	top: 235px;
	left: 5px;
}

.game_soldat .game_wrapp .over.o9 {
	top: 190px;
	left: 5px;
}

.game_soldat .game_wrapp .over.o10 {
	top: 140px;
	left: 5px;
}

.game_soldat .ns_soldat {
	display: block;
	min-height: 25px;
	border: 1px solid #444;
	border-radius: 5px;
}

.game_soldat .ns_soldat.recept {
	border: none;
} 

.ns_soldat_item {
	text-align: center;
	padding: 3px 5px;
	background: rgba(59,127,228, .5);
	border: 1px dashed rgba(59,127,228, 1);
}

.ns_soldat_item span {
	font-size: 14px;
	color: #333;
	line-height: 1.4;
}

.game_soldat .sender {
	height: 454px;
	position: relative;
}

.game_soldat .sender .ns_soldat {
	margin-bottom: 15px;
	width: 98px;
}

.ns_soldat {

}

.ns_soldat:hover .ns_soldat_item span,
.ns_soldat.recept .ns_soldat_item span {
	color: #fff;
}

/*===================Am intrat intr-un joc nou===================*/

.game_choose_string {
	position: relative;
	height: 474px;
	background: url(../../images/alex/modul5/two_lines.png) no-repeat 0 0;
}

.game_choose_string .gs_row {
	margin: 10px 0 0 180px;
}

.game_choose_string .gs_option {
	display: inline-block;
	padding: 2px 5px;
	color: #2F2F2F;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
	margin: 0 0 2px 0;
	cursor: pointer;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.game_choose_string .gs_option:hover {
	background: #BAE8F9;
}

.game_choose_string .gs_option.correct {
	border-color: green;
}

.game_choose_string .gs_option.error {
	border-color: red;
}


/*=================================Mircea Eliade Biography======================================*/

.bio_modal .uk-clearfix.table.mt40.me_tim {
	padding-left: 168px;
}

.tt_image {
	width: 80px;
	height: 100px;
	float: left;
	margin-right: 15px;
}

span.tooltip.right .tt_text_tab {
	margin-left: 10px;
}

/*=================================Paul Goma Biography======================================*/

.tooltip.left .tt_text_tab {
	margin-left: 10px;
}

/*=================================VLADIMIR BESLEAGA======================================*/

.uk-clearfix.mt60.table.middle.center .besleaga {
	width: 290px;
	height: 385px;
}

.bg_white {
    background: #F0F1F4;
    padding: 5px 15px;
    margin-left: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 8px;
    -moz-box-shadow: 0 0 8px;
    box-shadow: 0 0 8px;
}


/*=================================EMIL CIORAN======================================*/

.cioran_fr {
	float: right;
}

/*=================================MIRCEA ELIADE======================================*/

.me_br {
	border: 2px solid #C4CEDC;
}

.me_tb_pd {
	padding: 10px 20px;
}

/*================================= CURIOSITY ======================================*/

.curiosity {
	position: relative;
	display: table;
	background: url(../../images/alex/curiosity_closed.png) 0 0 no-repeat;
	width: 326px;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	height: 174px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	cursor: pointer;
	overflow: hidden;
	padding-bottom: 1px;
	margin-bottom: 25px;
}

.curiosity.open {
	background: url(../../images/alex/curiosity_open.png) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	min-height: 300px;
	height: auto;
}

.curiosity > div {
	margin: 136px 0 0 7px;
}

.curiosity .entry {
	display: none;
	font-size: 14px;
	line-height: 1.6;
	background: url(../../images/alex/curiosity_middle.png) 0 0 repeat-y;
	width: 248px;
	min-height: 22px;
	padding:0 15px 20px 15px;
	-webkit-box-shadow: rgba(0, 0, 0, .2) 0 10px 10px;
	-moz-box-shadow: rgba(0, 0, 0, .2) 0 10px 10px;
	box-shadow: rgba(0, 0, 0, .2) 0 10px 10px;
}

.curiosity.open .entry {
	display: block;
}

.curiosity p.txt_center{
	text-align: center;
	margin-top: 2px;
}

/*================================= ION DRUTA MODUL5 ======================================*/

.case {
	background: url(../../images/alex/druta/box.png) 0 0 no-repeat;
	width: 100%;
	height: 269px;
}

.info_width {
	padding: 0 120px;
}

.task_verbal {
	color: #373b44;
	font-size: 18px;
	margin: 0 30px 30px 30px;
	text-align: left;
}

.model_1_2 {
	margin: 30px;
}

.model {
	padding: 20px 110px;
	background: #4F5665;
	color: #fff;
	border-radius: 5px;
	margin-left: 20px;
}

.model:hover {
	color: #fff;
}

/*======================= POPUP MODEL1/MODEL2 ==================*/

.popup_model {
    position: relative;
    width: 850px;
    margin: 40px auto;
}

.popup_model.id_model .ini_box {
    position: relative;
    background: #E5E7E8;
    border-radius: 3px;
    overflow: hidden;
}
.popup_model.id_model .ini_box .head{
    height: 65px;
    position: relative;
    overflow: hidden;
    background: #D0D1D7;
}

.popup_model.id_model .ini_box .head > *,
.popup_model.id_model .ini_box .head h3 {
    font-size: 18px;
    color: #212329;
    padding: 0 35px;
    margin: 5px 0;
}

.popup_model.id_model .ini_box .content {
    height: 380px;
    position: relative;
}

.popup_model.id_model .ini_box .content .inner{
    padding: 20px 40px;
}

.popup_model.id_model .ini_box .content .inner h3{
    color: #212329;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    padding: 0;
    margin: 20px 0;
}

.popup_model.id_model .ini_box .bottom{
    height: 65px;
    position: relative;
    overflow: hidden;
    background: #D0D1D7;
}

.popup_model.id_model .ini_box .bottom .inside{
    padding: 5px 40px;
}

.popup_model.id_model .ini_box .content .inner .game_words span{
    display: inline-block;
    padding: 3px 5px;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 3px;
    margin: 0 0 2px 0;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.popup_model.id_model .ini_box .content .inner .game_words span.correct {
   border-color: green;
}
.popup_model.id_model .ini_box .content .inner .game_words span.error {
   border-color: red;
}

.popup_model.id_model .ini_box .content .inner .game_words span:hover{
    background: #BAE8F9;
}

/*========================== POVARA 2 ===============================*/

.uk-clearfix.table .ptwo_width_one {
	width: 240px;
}

.uk-clearfix.table .center.ptwo_width_two {
	width: 190px;
}

.uk-clearfix.table .center.ptwo_width_three {
	width: 30px;
}

.uk-clearfix.table .center.ptwo_width_four {
	width: 190px;
}

.id_tb_bg {
	-webkit-box-shadow: 0 5px 15px rgba(1,1,1, 0.5);
	-moz-box-shadow: 0 5px 15px rgba(1,1,1, 0.5);
	box-shadow: 0 5px 15px rgba(1,1,1, 0.5);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.tb_pd_1 {
	padding: 5px 30px;
	background: #CDD4D2;
	-webkit-border-top-left-radius: 7px;
	-moz-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
}

.tb_pd_2 {
	padding: 5px 40px;
	background: #F4F2DF;
}

.tb_pd_3 {
	padding: 5px 30px;
	background: #EBEAC9;
}

.tb_pd_4 {
	padding: 5px 40px;
	background: #F4F2DF;
	-webkit-border-top-right-radius: 7px;
	-moz-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
}

.tb_pd_5 {
	padding: 5px 30px;
	background: #C8D3EC;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.tb_bcg1, .tb_bcg3 {
	background: #fff;
}

.tb_bcg3 {
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-bottom-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

.tb_bcg2 {
	background: #F4F2DF;
}

/*========================== POVARA 3 ===============================*/

.th_pd_1 {
	padding: 5px;
	background: #CDD4D2;
	-webkit-border-top-left-radius: 7px;
	-moz-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
}

.th_pd_2 {
	padding: 5px 20px;
	background: #F4F2DF;
	width: 180px;
}

.th_pd_3 {
	padding: 5px 10px;
	background: #EBEAC9;
}

.th_pd_4 {
	padding: 5px 10px;
	background: #F4F2DF;
}

.th_pd_5 {
	padding: 5px 20px;
	background: #EBEAC9;
	-webkit-border-top-right-radius: 7px;
	-moz-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
}

.td_bcg1 {
	padding: 5px 8px;
	background: #C8D3EC;
	vertical-align: top !important;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.td_bcg2 {
	padding: 5px 8px;
	background: #fff;
	vertical-align: top !important;
}

.td_bcg3 {
	padding: 5px 8px;
	background: #F4F2DF;
	vertical-align: top !important;
}

.td_bcg4 {
	padding: 5px 8px;
	background: #fff;
	vertical-align: top !important;
}

.td_bcg5 {
	padding: 5px 8px;
	background: #F4F2DF;
	vertical-align: top !important;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-bottom-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

/*TABLE 2*/

.th1 {
	padding: 5px 20px;
	background: #CDD4D2;
	-webkit-border-top-left-radius: 7px;
	-moz-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
}

.th2 {
	padding: 5px 20px;
	background: #EBEAC9;
	width: 330px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
}

.td1 {
	padding: 10px 15px;
	background: #C8D3EC;
	vertical-align: top !important;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.td2 {
	padding: 10px 15px;
	background: #F4F2DF;
	vertical-align: top !important;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-bottom-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

/* TABLE 3 */


.th_5_1 {
	padding: 5px 20px;
	background: #CDD4D2;
	-webkit-border-top-left-radius: 7px;
	-moz-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.th_5_2 {
	padding: 5px 20px;
	background: #EBEAC9;
}

.th_5_3 {
	padding: 5px 20px;
	background: #CDD4D2;
}

.th_5_4 {
	padding: 5px 20px;
	background: #EBEAC9;
	-webkit-border-top-right-radius: 7px;
	-moz-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-bottom-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

/*========================== Samariteanca 2 ===============================*/


.venn-container span {
	content: '';
	height: 2px;
	width: 50%;
	position: relative;
	background: #555;
	display: inline-block;
	margin-top: 20px;
	border-style: dotted;
}

.venn-container span:nth-child(2) {
	content: '';
	height: 2px;
	width: 60%;
	position: relative;
	background: #555;
	display: inline-block;
	margin-top: 40px;
	border-style: dotted;
}

.venntxttop,
.venntxtrt,
.venntxtlft {
  text-align: center;
  display: inline-block;
  position: relative;
  top: 30px;
}

.venncirctop {
  padding: 18px;
  width: 230px;
  height: 230px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  -webkit-transition: color 0.5s linear, background-color 0.5s linear;
  -moz-transition: color 0.5s linear, background-color 0.5s linear;
  -o-transition: color 0.5s linear, background-color 0.5s linear;
  transition: color 0.5s linear, background-color 0.5s linear;
  background-color: #5c5b59;
  background-color: rgba(92, 91, 89, 0.5);
  position: relative;
}
.venncirclft {
  padding: 18px;
  width: 230px;
  height: 230px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  -webkit-transition: color 0.5s linear, background-color 0.5s linear;
  -moz-transition: color 0.5s linear, background-color 0.5s linear;
  -o-transition: color 0.5s linear, background-color 0.5s linear;
  transition: color 0.5s linear, background-color 0.5s linear;
  margin-left: -100px;
  margin-top: -70px;
  background-color: #093d5c;
  background-color: rgba(9, 61, 92, 0.5);
}
.venncircrt {
  padding: 18px;
  width: 230px;
  height: 230px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  -webkit-transition: color 0.5s linear, background-color 0.5s linear;
  -moz-transition: color 0.5s linear, background-color 0.5s linear;
  -o-transition: color 0.5s linear, background-color 0.5s linear;
  transition: color 0.5s linear, background-color 0.5s linear;
  margin-left: 100px;
  margin-top: -70px;
  background-color: #5e577b;
  background-color: rgba(94, 87, 123, 0.5);
}

.ion_druta {
	font-size: 20px;
}

.col1 {
	background: #F4F2DF;
	padding: 5px 0;
	-webkit-border-top-left-radius: 7px;
	-moz-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
}

.col2 {
	background: #EBEAC9;
	padding: 5px 0;
}

.col3 {
	background: #F4F2DF;
	padding: 5px 20px;
}

.col4 {
	background: #EBEAC9;
	padding: 5px 0;
	-webkit-border-top-right-radius: 7px;
	-moz-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
}

.col5 {
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.col5,
.col7 {
	background: #fff;
	padding: 10px;
}

.col6,
.col8 {
	background: #F4F2DF;
	padding: 10px;
}