body 
{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #000;
	min-width: 1200px;
}

.wrapper 
{
	width: 1200px;
	margin: 0px auto;
}

.relative {	position: relative }
.overflow { overflow: hidden; }
.left { float: left; }
.right { float: right; }
.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright {text-align: right; }
.tjustify { text-align: justify; }
.clear { clear: both; width: 100%; height: 1px; overflow: hidden;}

a
{
	text-decoration: none;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#top
{
	width: 100%;
	height: 400px;
	background: #223a55 url(../img/bg.jpg) no-repeat center;
}

#top .logo
{
	width: 260px;
	height: 100px;
	background: #fff url(../img/logo.png) no-repeat center; 
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	overflow: hidden;
	text-align: center;
	display: block;
	float: left;
}

#top .logo:hover
{
	background: #e9eef3 url(../img/logo.png) no-repeat center; 
}

#top .rf
{
	width: 157px;
	/*height: 73px;*/
	display: block;
	/*background: url(../img/rf.png) no-repeat center;*/
	float: left;
	margin-left: 50px;
	margin-top: 25px;
	border-radius: 7px;

	background: #ff9800;
	color: #fff;
	font-size: 20px;
	text-align: center;
	padding: 18px 0;
}

#top .rf i {
	display: block;
	width: 100%;
	font-size: 15px;
	font-weight: 300;
}

#top .rf:hover
{
	/*background: rgba(160, 187, 222, 0.3) url(../img/rf.png) no-repeat center;*/
	background: #e08500;
}

#top .menu
{
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 46px;
}

#top .menu li
{
	float: left;
	padding: 0 20px;
}

#top .menu li:last-child
{
	padding-right: 0;
}

#top .menu li a
{
	display: block;
	font-weight: 300;
	color: #fff;
	font-size: 20px;
	position: relative;
	padding-bottom: 34px;
}

#top .menu li a:before
{
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: rgba(160, 187, 222, 0.3);
	border-radius: 7px;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#top .menu li a:hover:before
{
	background: #ea8f09;
}

#top #slider
{
	width: 892px;
	float: right;
	height: 325px;
	margin-top: 79px;
	position: relative;
}

#top #slider .navigation
{
	position: absolute;
	left: 44px;
	/* bottom: 0; */
	font-size: 40px;
	color: #2b374c;
	z-index: 999;


	position: absolute;
	left: -280px;
	top: 100px;
}

#top #slider .prev
{
	width: 92px;
	border: solid 4px #2b374c;
	border: solid 4px #fff;
	height: 57px;
	border-bottom-left-radius: 31px;
	border-top-left-radius: 31px;
	border-right: none;
	/* background: #fff; */
	float: left;
	position: relative;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#top #slider .next
{
	width: 92px;
	border: solid 4px #2b374c;
	border: solid 4px #fff;
	height: 57px;
	border-bottom-right-radius: 31px;
	border-top-right-radius: 31px;
	border-left: none;
	/* background: #fff; */
	float: left;
	position: relative;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#top #slider .prev img,
#top #slider .next img
{
	top: 17px;	
	position: absolute;
}

#top #slider .prev img
{
	left: 25px;
}

#top #slider .next img
{
	right: 25px;
}

#top #slider .prev:hover,
#top #slider .next:hover
{
	border-color: #ff9800;
	cursor: pointer;
}

#top #slider ul
{
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	list-style: none;
}

#top #slider ul li 
{
	position: absolute;
	width: 100%;
	height: 100%;
}

#top #slider ul li .text
{
	font-size: 40px;
	font-weight: 300;
	color: #fff;
	width: 290px;
	line-height: 44px;
}

#top #slider ul li .text span
{
	color: #ff9800;
	font-weight: 700;
}

#top #slider ul li .image
{
	position: absolute;
	right: 0;
	top: 25px;
}

.specialOffer
{
	margin-top: -240px;
	background: #fff;
	border-radius: 7px;
	width: 220px;
	padding: 20px 20px;

	display: none;
}


.specialOffer .title
{
	color: #ff9800;
	font-size: 22px;
	font-weight: 300;
}

.specialOffer .title span
{
	font-weight: 700;
}

.specialOffer .box
{
	border: solid 4px #ff9800;
	border-radius: 6px;
	overflow: hidden;
	margin-top: 22px;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	display: block;
}

.specialOffer .box:hover
{
	background: #ff9800;
}

.specialOffer .box:hover .price
{
	color: #fff;
}

.specialOffer .box .image
{
	width: 100%;
	height: 144px;
	overflow: hidden;
	-webkit-background-size: cover !important;
	background-size: cover !important;
}

.specialOffer .box .title
{
	font-size: 18px;
	color: #263248;
	font-weight: 700;
	width: 170px;
	margin: 20px auto;
}

.specialOffer .box .price
{
	font-size: 18px;
	color: #ff9800;
	font-weight: 700;
	width: 170px;
	margin: 10px auto;
}

#offer
{
	margin-top: 30px;
	border-radius: 7px;
}

#offer .title
{
	display: block;
	padding: 0 25px;
	width: 200px;
	height: 242px;
	background: #fff;
	border-radius: 7px;
	color: #2b374c;
	font-size: 36px;
	font-weight: 300;
}

#offer .title span
{
	font-weight: 700;
}

#offer .title img
{
	margin-top: 17px;
}

#offer .title:hover
{
	color: #ff9800;
}

#offer .pagination
{
	height: 56px;
	padding-top: 40px;
	width: 250px;
	background: #e9eef3;
	border-bottom-left-radius: 7px;
	border-top-left-radius: 7px;
	text-align: center;
}

#offer .pagination .ball
{
	display: inline-block;
	width: 21px;
	height: 21px;
	background: #fff;
	border-radius: 50%;
	margin-left: 10px;
	margin-right: 10px;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#offer .pagination .ball.active
{
	background: #2b374c;
}

#offer .pagination .ball:hover
{
	background: #ff9800;
	cursor: pointer;
}

#offer .right
{
	width: 930px;
	padding-top: 20px;
	height: 318px;
	background: #e9eef3;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	overflow: hidden;
	padding-left: 20px;
}

#offer .right .box
{
	height: 300px;
	overflow: hidden;
	width: 220px;
	border-radius: 7px;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	background: #fff;
}

#offer .right .box .image
{
	width: 100%;
	height: 144px;
	overflow: hidden;
	-webkit-background-size: cover !important;
	background-size: cover !important;
}

#offer .right .box .title
{
	font-size: 18px;
	color: #263248;
	font-weight: 700;
	width: 180px;
	height: auto;
	max-height: 96px;
	padding: 0;
	overflow: hidden;
	margin: 10px auto 0;
	background-color: transparent;
}

#offer .right .box .price
{
	font-size: 18px;
	color: #ff9800;
	font-weight: 700;
	width: 180px;
	margin: 10px auto 0;
}

#offer .right .box:hover
{
	background: #ff9800;
}

#offer .right .box:hover .price
{
	color: #fff;
}

#aboutUs
{
	margin-top: 40px;
	position: relative;
	overflow: hidden;
	border-radius: 7px;
	height: 300px;
}

#aboutUs .map
{
	position: absolute;
	width: 100%;
	height: 100%;
	width: 490px;
	overflow: hidden;
	border-radius: 7px;
}

#aboutUs .map .frame
{
	position: relative;
	float: left;
	overflow: hidden;
	border-radius: 7px;
	background: #000;
	z-index: 10;
	width: 490px;
	height: 300px;
}

#aboutUs .map .frame .adress
{
	background: #ff9d0c;
	background: -webkit-linear-gradient(right, #ff9800, #ffbc58); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ff9800, #ffbc58); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ff9800, #ffbc58); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ff9800, #ffbc58); /* Standard syntax (must be last) */
	position: absolute;
	width: 190px;
	height: 100%;
	z-index: 999;
	color: #fff;
	padding: 35px 30px;
	font-size: 16px;
}

#aboutUs .map .frame .adress h3
{
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 22px;
}

#aboutUs .map .frame .adress img.arrow
{
	margin-bottom: 25px;
}

#aboutUs #gmap
{
	width: 150%;
	height: 100%;
	overflow: hidden;
	border-radius: 7px;
}

#aboutUs .text
{
	width: 650px;
	float: right;
	color: #2b374c;
	font-size: 16px;
	line-height: 24px;
}

#aboutUs .text h3
{
	font-weight: 300;
	color: #ff9800;
	text-transform: uppercase;
	font-size: 30px;
	margin: 0;
	margin-bottom: 32px;
}

#aboutUs .text .more 
{
	color: #cbd5e0;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	border: solid 4px #cbd5e0;
	border-radius: 31px;
	padding: 8px 27px;
	margin-top: 35px;
}

#aboutUs .text .more:hover
{
	border-color: #ff9800;
	color: #ff9800;
}

#foo1
{
	width: 100%;
	height: 90px;
	background: #fff;
	border-radius: 7px;
	overflow: hidden;
	width: 150%;
}

#foo1 > div 
{
	width: 155px;
	height: 84px;
	-webkit-background-size: contain !important;
	background-size: contain !important;
	overflow: hidden;
	display: block;
	float: left;
	margin: 0 20px;
}

.partners
{
	margin-top: 40px;
	padding-top: 40px;
	border-top: solid 1px #e9eef3;
	background: #fff;
	margin-bottom: -15px;
	padding-bottom: 20px;
	overflow: hidden;
	border-radius: 7px;
	position: relative;
}

.caroufredsel_wrapper
{
	width: 1200px !important;
}

#foot
{
	background: #11151b;
	width: 100%;
	padding: 60px 0 100px;
}


#foot ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#foot ul li
{
	float: left;
}

#foot ul li a
{
	display: block;
	font-size: 20px;
	color: #676f7a;
	font-weight: 300;
	padding: 0 25px 40px;
	position: relative;
}

#foot ul li a:hover
{
	color: #ff9800;
}

#foot ul li a:after
{
	content: '';
	height: 1px;
	width: 100%;
	position: absolute;
	background: #676f7a;
	bottom: -2px;
	left: 0;
}

#foot ul li a:hover:after
{
	background: #ff9800;
}

#foot .line
{
	background: #676f7a;
	height: 1px;
}

#foot .copy,
#foot .realization
{
	margin-top: 45px;
	font-size: 15px;
	color: #676f7a;
	padding-left: 25px;
	float: left;
}

#foot .realization {
	float: right;
}

#foot .realization a {
	color: #00aad4;
}

#foot .realization a:hover {
	color: #fff;
}

#foot .goToTop
{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	right: 50px;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#foot .goToTop img
{
	margin-right: 20px;
}

#foot .goToTop:hover
{
	color: #ff9800;
	cursor: pointer;
}

#top .slogan
{
	margin-top: 60px;
	font-size: 40px;
	color: #fff;
	font-weight: 300;
	line-height: 44px;
}

#top .banner
{
	float: right;
	margin-top: 75px;
}

#top .slogan span
{
	color: #ff9800;
	font-weight: 700;
}

#site
{
	padding: 35px 0 60px;
}

#site h1
{
	color: #ff9800;
	font-weight: bold;
	font-size: 39px;
	margin: 0;
}

#site a.otomotoLink
{
	display: block;
	vertical-align: middle;
	font-size: 18px;
	color: #263248;
	font-weight: 300;
}

#site a.otomotoLink img
{
	vertical-align: middle;
	margin-left: 10px;
}

#site a.otomotoLink:hover
{
	color: #ff9800;
}

#site #map
{
	height: 400px;
	width: 100%;
	margin-top: 45px;
	overflow: hidden;
	position: relative;
}

#site #map .contact
{
	width: 180px;
	height: 210px;
	position: absolute;
	z-index: 9999;
	background: #fff;
	border: solid 4px #ff9800;
	border-radius: 6px;
	left: 65px;
	margin-top: 48px;
	padding: 35px 30px;
	font-size: 14px;
	color: #97a7b9;
	line-height: 20px;
}

#site #map .contact h2
{
	color: #263248;
	font-size: 18px;
	margin: 0;
	margin-bottom: 20px;
}

#site #map .contact span
{
	color: #ff9800;
	font-size: 18px;
	line-height: 32px;
}

#site #map .contact .call
{
	position: absolute;
	padding: 10px 17px;
	background: #263248;
	border-radius: 6px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	bottom: -20px;
	left: 48px;
}

#site .content
{
	color: #2b374c;
	font-size: 16px;
	line-height: 24px;
	margin-top: 20px;
	text-align: justify;
}

#site .content a
{
	color: #ff9800;
	padding: 0 2px;
}

#site .content a:hover
{
	color: rgb(160, 187, 222);
}