/* Stil selectie text */
::-moz-selection {
    background: #ed1c24;
    text-shadow: none;
    color: #fff;
}

::selection {
    background: #ed1c24;
    text-shadow: none;
    color: #fff;
}



.btn {
    background: #511a6d;
    border: #511a6d solid 1px;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px;
    text-decoration: none;
    text-align: center;
    min-width: 60px;
    position: relative;
    transition: color .1s ease;
}
.btn:hover {
    background: #e2880e;
}
.btn.btn-big {
    font-size: 18px;
    padding: 15px 10px;
    min-width: 100px;
}
.btn-close {
    color: #aaaaaa;
    font-size: 30px;
    text-decoration: none;
    position: absolute;
    right: 5px;
    top: 0;
}
.btn-close:hover {
    color: #919191;
}
.modal:target:before {
    display: none;
}
.modal:before {
    content:"";
    display: block;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.modal .modal-dialog {
    background: #fefefe;
    border: #333333 solid 1px;
    border-radius: 5px;
    margin-left: -250px;
    position: fixed;
    left: 50%;
    z-index: 11;
    width: 640px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    top: 10%;
}
.modal:target .modal-dialog {
    top: -100%;
    -webkit-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    transform: translate(0, -500%);
}
.modal-body {
    padding: 20px;
}
.modal-header, .modal-footer {
    padding: 10px 20px;
}

.modal-header h2 {
    font-size: 20px;
}
.modal-footer {
    border-top: #eeeeee solid 1px;
    text-align: right;
}




/* Meniul de sus */
.menu {
	padding:0;
	float:right;
}
.menu li {
	float:left;
	position:relative;
	background:url(../images/mobila-alexandria_menu-spacer.png) left top no-repeat;
}
	.menu li:first-child {background:none}
.menu li a {
	display:inline-block;
	font-size:19px;
	font-weight:bold;
	line-height:2em;
	padding:8px 28px 9px 27px;
	color:#fff;
}
.menu li a.active,
.menu > li > a:hover {color:#face0b}

.margin-bot {margin-bottom:35px}

.round {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
}




/* Sliderul de imagini sus */
.slider-wrapper {
	width:850px;
	height:470px;
	padding:20px 0 0 178px;
	margin-top:20px;
	position:relative;
	overflow:hidden;
	background:url(../images/mobila-alexandria_slider-bg.png) 0 0 no-repeat;
}
.slider {
	position:relative;
	width:782px;
	height:431px;
}
.items {display:none}

.pagination {
	position:absolute;
	left:15px;
	top:20px;
	z-index:99;
}
	.pagination li {padding-bottom:8px}
		.pagination li a {
			display:block;
			width:163px;
			height:50px;
			text-decoration:none;
			text-align:center;
			color:#fff;
			background:url(../images/mobila-alexandria_pagination-a.png) left top no-repeat;
			position:relative;
			cursor:pointer;
		}
		.pagination li a:hover,
		.pagination li.current a {background-position:left bottom}
			.pagination li a strong {
				display:block;
				width:150px;
				height:50px;
				font-size:30px;
				line-height:50px;
				letter-spacing:-2px;
				position:absolute;
				left:7px;
				top:7px;
			}
			.pagination .item-1 strong {background:url(../images/mobila-alexandria_pagin-1.png) 0 0 no-repeat}
			.pagination .item-2 strong {background:url(../images/mobila-alexandria_pagin-2.png) 0 0 no-repeat}
			.pagination .item-3 strong {background:url(../images/mobila-alexandria_pagin-3.png) 0 0 no-repeat}
			.pagination .item-4 strong {background:url(../images/mobila-alexandria_pagin-4.png) 0 0 no-repeat}
			.pagination .item-5 strong {background:url(../images/mobila-alexandria_pagin-5.png) 0 0 no-repeat}
			.pagination .item-6 strong {background:url(../images/mobila-alexandria_pagin-6.png) 0 0 no-repeat}
			.pagination .item-7 strong {background:url(../images/mobila-alexandria_pagin-7.png) 0 0 no-repeat}
			
.banner {
	width:280px;
	height:346px;
	padding:65px 10px 20px;
	color:#fff;
	font-size:14px;
	line-height:25px;
	font-weight:normal;
	text-align:center;
	background:url(../images/mobila-alexandria_banner-bg.png) 0 0 no-repeat;
	border-radius:0 22px 22px 0;
	position:absolute;
	right:0;
	top:0;
	z-index:99;
}
	.banner .close {
		display:block;
		width:13px;
		height:13px;
		text-indent:-9999px;
		background:url(../images/close.gif) 0 0 no-repeat;
		cursor:pointer;
		position:absolute;
		right:20px;
		top:20px;
		z-index:99;
	}
	.banner .close:hover {
		display:block;
		width:13px;
		height:13px;
		text-indent:-9999px;
		background:url(../images/close_hover.png) 0 0 no-repeat;
		cursor:pointer;
		position:absolute;
		right:20px;
		top:20px;
		z-index:99;
	}
	.banner strong {
		display:block;
		font-size:50px;
		line-height:1em;
		letter-spacing:-2px;
	}
	.banner span {
		display:block;
		font-weight:bold;
		text-transform:uppercase;
		margin-bottom:25px;
	}
	.banner b {
		display:block;
		line-height:20px;
		font-weight:normal;
	}