* {
	margin: 0px;
	padding: 0px;
}

*:before, *:after {
	box-sizing: border-box;
}

html {
	width: 100%;
	height: 100%;
}

body {
	font-family: "Open Sans",Verdana,Arial,sans-serif;
	font-size: 14px;
	background-color: #ffffff;
	height: 100%;
}

h1, h2, h3, h4 {
	font-family: "Open Sans",Verdana,Arial,sans-serif;
}

h2 {
	font-size: 24px;
	font-weight: 200;
}

h2 strong {
	color: #ffffff;
}

h3 {
	color: #3a424e;
	font-size: 20px;
	font-weight: 400;
}

ol {
	margin-left: 24px;
	padding: 12px 0;
	color: #636363;
}

strong {
	color: #3A424E;
}
	
a, img, ul, span, p {
	text-decoration: none;
	list-style: none;
}

a {
	color: #1b4484;
	text-align: center;
}

a:hover {
	color: #113060;
	text-decoration: underline; 
}

p {
	color: #636363;
	font-family: "Opens Sans", Verdana;
}

button:focus {outline:0 !important;}

.clear {clear: both;}

.fl {float: left;}

.fr {float: right;}

.ofh {overflow: hidden;}

.mg-6 {margin: 6px 0;}

.bg1 {background: #3a424e;}

.bg2 {background: #212832;}

.mgr-r20 {margin-right: 20px;}

.mgr-r40 {margin-right: 40px;}

.mgr-6-12 {margin: 6px 0 12px;}

.mgr-12-6 {margin: 12px 0 6px;}

.car-pdn {padding: 6px 20px 24px;}

.ta-r {text-align: right;}

.ta-c {text-align: center;}

.slant, .slant-1, .slant-2 {
	height: 48px;
	border-top: 48px solid #1b4484;
  	border-right: 48px solid transparent;
  	margin-right: -38px;
}

.slant-1 {border-top-color: #3a424e;}

.slant-2 {border-top-color: #212832;}

/* ---------- PLACECHOLDER ----------*/

*::-webkit-input-placeholder {
    color: #9d9d9d;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #9d9d9d;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #9d9d9d;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #9d9d9d;
}

div#wrapper {
	position: relative;
	font-size: 16px;
	line-height: normal;
	font-weight: normal;
	font-style: normal;
}

p.icon-phone, p.icon-clock, p.icon-mail {
	background: url(/img/info-icons.png) no-repeat left;
	padding-left: 32px;
}

p.icon-phone {background-position: 0 0;}

p.icon-clock {background-position: 0 -40px;}

p.icon-mail {background-position: 0 -80px;}

@media (min-width: 1200px) {
	
div.col-p3 {
	width: 50%;
}


div#wrapper {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -358px; /* the bottom margin is the negative value of the footer's height */
}

div.grn {
	color: #636363;
}

/* ---------- HEADER / TOP / MENU / LOGO  ----------*/

img.sliderImg {
	max-width: 100%; 
	width: 100%;
}

div.mobile-info {
	display: none;
}

div.slider {
	width: 65%;
	background: none;
	height: 524px;
}

img.slider {
	width: 100%;
	height: 100%;
}

div.title-slider {
	position: absolute;
	top: 12px;
}

div.text-slider {
	position: absolute;
		
}

div.slider-img {

}

header, div#area, div#about, div#dotpay, div#mapa, footer {
	width: 100%;
	position: relative;
}

header, div#top-bg {
	height: 110px;
}
div#top, div#logo, div#top-nav {
	height: 100%;
}

div#logo, div#top-nav, div#top-left, div#top-bg, div.form-data, div.form-godz, div.header, div.header-1, div.header-2, div.header-col,
div.header-sidebar, div.car, div.col-2, div.col-3, div.col-4, div.sidebar, div.col-side, div.form-rent, div.slider {
	float: left;
	position: relative;
}

div#top, div.content, div.center {
	min-height: 20px;
	max-width: 1200px;
	margin: 0 auto;
	z-index: 99;
}

div.content, div.center, div#area, div#about, div#dotpay, div#mapa {
	overflow: hidden;
}

div#sitemap {
	background: #e3e3e3;
}

div#top-bg {
	background: #1b4484;
	width: 36%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -99;
}

div#logo {
	background: #1b4484;
	width: 35%;
}

img.logo {
	vertical-align: middle;
}

img.fb-logo {
	vertical-align: middle;
}

h4.fb-text {
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	color: #9D9D9D;
	padding: 12px 0px;
}

div.top-slant {
	float: left;
	background: #fff;
	content: "";
    width: 0; 
  	height: 0; 
  	border-top: 110px solid #1b4484;
  	border-right: 110px solid transparent;
}

div#top-nav {
	width: 55%;
	background: none;
}

nav.upper-menu, nav.menu {
	display: block;
	position: relative;
	width: 100%;
}

nav.upper-menu {
	height: 40%;
}

div.login, div.upper-info, div.lang {
	display: inline-block;
	position: relative;
	padding: 10px 0;
	font-family: "Open Sans",Verdana;
	font-size: 14px;
	text-align: center;
}

div.login {
	display: none;
}

div.upper-info{
	width: 64%;	
}

div.lang {
	width: 32%;
}

span {
	color: #3a424e;
}

div.lang {
	text-align: right;
}

nav.menu {
	height: 60%;
}

nav.menu > ul {
	float: right;
	position: relative;
	height: 100%;
	min-width: 20%;
	max-width: 98%;
	padding: 0;
	margin: 0;
	background: none;
}

nav.menu > ul > li {
	float: left;
}

nav.menu li ul {
	overflow: hidden; 
	display: none; 
	background: none;
}

nav.menu li:hover ul {
	position: absolute; 
	padding: 0; 
	display: block; 
	z-index: 999;
}

ul.nav-drop > li > a {
	display: block;
	background: #113060;
	color: #fff;
	text-align: center;
	padding: 12px 12px;
	margin-top: -1px;
	font-size: 14px;
	border-top: 1px solid #0b254d;
}

ul.nav-drop > li > a:hover {
	background: #1b4484;
	text-decoration: none;
}

a.nav-link, a.active {
	display: block;
	margin: 8px 10px 12px;
	padding: 10px 5px;
	max-height: 26px;
	font-family: "Open Sans",Verdana;
	font-size: 18px;
	z-index: 333; 
}

a.lang-flag {
	width: 24px;
	height: 24px;
	margin: 0px;
	margin-left: 8px;
}

img.flag {
	border: none;
	background: none;
	height: 24px;
	width: 24px;
	top: 0;
	vertical-align: middle;
}

a.active {
	color: #6c6c6c;
}

a.active:hover {
	color: #1b4484;
}


/* ---------- AREA / MAIN / CONTAINER  ----------*/

div#area, div#mapa {
	min-height: 20px;
	background: #e3e3e3; /* Old browsers */
	background: -moz-linear-gradient(top, #e3e3e3 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e3e3e3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e3e3e3 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e3e3e3 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e3e3e3 0%,#ffffff 100%); /* W3C */
	background-size: 100% 420px;
	background-repeat: no-repeat;
}

div.form-rent {
	padding: 10px 0;
	width: 35%;
	background: #e3e3e3;
	height: 504px;
	max-height: 504px;
}

h1 {
	font-family: "Open Sans",Verdana;
	font-size: 22px;
	font-weight: normal;
	color: #3a424e;	
	font-weight: 200;
	text-align: center;
}

h1.title-box {
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	margin: 12px 9%;
}

div.form-box {
	margin: 7px 8% 12px;
	padding: 0 2px;
	display: block;
	position: relative;
	overflow: hidden;
}

label.des {
	display: block;
	color: #636363;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 0;
}

select.slc, select.slc-header, input.inp, input.inp-data, input.inp-text, input.inp-text-2 {
	font-family: Arial, Helvetica;
	font-size: 14px;
	color: #9d9d9d;
	padding: 6px;
	margin: 5px 0px;
	border: 1px solid #acacac;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

input.inp-text {
	width: 80%;
	margin: 5px 2px;
}

input.inp-text-2 {
	width: 97%;
	margin: 5px 2px;	
}

input.inp {
	margin: 5px 2px;
	width: 98%;
	box-sizing: border-box;
}

select.slc {
	display: block;
	width: 100%;
	height: 32px;
}

input.slc {
	display: block;
	width: 99%;
	height: 32px;
}

option {
	border: 0px none;
}

input.inp-data {
	width: 60%;
	height: 18px;
}

textarea {
	font-family: Arial,Helvetica;
	font-size: 14px;
	color: #9D9D9D;
	padding: 6px;
	margin: 5px 0px;
	border: 1px solid #ACACAC;
	border-radius: 1px;	
}

textarea.msg {
	max-width: 96%;
	min-width: 50%;
	width: 91%;
	min-height: 120px;
	max-height: 220px;
	margin: 5px 2px;
}

div.form-data {
	width: 60%;
}

div.form-godz {
	width: 40%;
}

img.calendar {
	vertical-align: middle;
	width: 15px;
	height: 16px;
	cursor: pointer;
	padding: 8px 2px;
}

button, button.btn-gr, input.btn-gr, a.btn, a.btn-red {
	cursor: pointer;
	font-family: Arial,Helvetica;
	border: 1px solid #1f4785;
	background: #1b4484;
	color: #fff;
	width: 178px;
	padding: 9px 5px 8px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 12px;
}

button.btn, button.btn-upper {
	font-weight: bold;
}


button.btn-upper {
	text-transform: uppercase;
	margin-right: 0px;
	margin-bottom: 0px;
}

button.btn-gr, input.btn-gr {
	background: #9d9d9d;
	border: 1px solid #a2a2a2;
	color: #3a424e;
	margin-right: 4px;
}

button:hover, a.btn:hover {
	background: #113060;
	text-decoration: none;
}

button.btn-gr:hover, input.btn-gr:hover {
	background: #808080;
}

a.btn, a.btn-red {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 10px 5px 9px;	
}

a.btn-red {
	background-color: #d60d0d;
	border-style: solid;
	border-width: 1px;
	border-color: #d81313;
}

a.btn-red:hover {
	background: #b70b0b;
	text-decoration: none;
}

/* ---------- AREA FULL WIDTH  ----------*/

div#about {
	background: #d60d0d;
	margin-bottom: 20px;
}

div.header {
	width: 100%;
	margin: 18px 0 8px;
}

h2.title {
	color: #fff;
}

div.tresc {
	padding: 18px 24px;
}

div.text {
	font-family: "Opens Sans", Verdana;
	font-size: 14px;
	overflow: hidden;
}

div.mgr-abt {
	margin: 8px 18px 26px;
}

div.mgr-txt {
	margin: 6px 20px;
}

p.clrw {
	float: left;
	color: #ffffff;
}


div#container {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
}

/* ---------- COL BOX ----------*/

div.col-section {
	width: 100%;
}

div.row {
	overflow: hidden;
	display: block;
	padding: 6px 0;
}

div.header-1, div.header-2, div.header-col, div.header-sidebar {
	height: 48px;	
}

div.header-1 {
	width: 96%;
}

div.header-2 {
	width: 46%;
}

div.header-col {
	width: 92%;
}

div.header-sidebar {
	width: 86%;
}

h2.title-header {
	float: left;
	font-family: "Open sans", Verdana;
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
	color: #e3e3e3;
	padding: 10px;
}

/* ---------- BUTTON BTN BTNS ---------- */

button.btns, a.btns, button.btns-active, a.btns-active {
	float: left;
	position: relative;	
	background: url(../img/btns.png);
	width: 238px;
	border: none;
	color: #fff;	
	margin-top: 0;
	margin-right: -38px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 10px 0;
	font-family: "Open sans", Verdana;
	font-size: 20px;
	font-weight: 200;
	text-transform: uppercase;
}

button.btns, button.btns-active {
	max-height: 48px;
	height: 48px;
}

a.btns, a.btns-active {
	max-height: 28px;
	height: 28px;
}

button.btns-active, a.btns-active {
	background-position: 0px -58px;
	color: #636363;
	text-decoration: none;
	cursor: default;
}

button.btns:hover, a.btns:hover {
	background-position: 0px -58px;
	color: #636363;
	text-decoration: none;
}

img.ico {
	float: left;
	vertical-align: middle;
	height: 32px;
	width: 32px;
	margin: 8px;
}

div.col-2, div.col-3, div.col-4 {
	min-height: 1px;
	box-sizing: border-box;
}

div.col-2 {
	width: 50%;
}

div.col-4 {
	width: 25%;	
}

div.col-3 {
	width: 33.333333333%;
}

div.car {	
	padding: 0 20px 12px;
}

/* img 260 x 140 */
/* img big 560 x 302 */

div.car-img, div.car-imgbig, div.car-info {
	width: 100%;
	display: table;
	vertical-align: middle;
	position: relative;
	z-index: 1;
}

div.car-img {
	max-height: 140px;
	height: 140px;	
}

div.car-imgbig {
	max-height: 302px;
	height: 302px;
}

div.car-info {
	padding-top: 8px;
	text-align: center;
}

a.img-mini, div.img-big {
	display: table-cell;
	vertical-align: middle;
	line-height: 0;
}

a.img-mini {
	max-height: 140px;	
}

div.img-big {
	max-height: 302px;
	text-align: center;
}

a.car-model {
	display: block;
	padding: 6px 0;
}

p.car-cl {
	float: left;
	width: 50%;
	font-size: 14px;
	color: #3a424e;
}

img.cars {
	max-height: 140px;
	max-width: 260px;
}

img.cars-big {
	max-height: 302px;
	max-width: 560px;
}

select.slc-header {
	float: right;
	width: 34%;
	height: 32px;
	margin: 8px 20px;
}

h3.title {
	color: #3a424e;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	padding: 0 12px 6px;
}

h4.title-local {
	font-size: 18px;
	font-weight: 600;
	color: #3a424e;
	padding: 6px 12px 0;
}

/* ---------- COL-SIDE SIDEBAR SIDE ---------- */

div.sidebar {
	width: 25%;
}

div.col-side {
	width: 75%;
}

form.car-pref {
	margin: 0 20px;
}

form.car-pref fieldset {
	border: none;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
	margin-bottom: 12px;
	font-size: 14px;
}

form.car-pref fieldset h3 {
	font-size: 18px;
}

form.car-pref fieldset ul {
	padding: 6px 12px;
}

form.car-pref fieldset a:hover {
	text-decoration: none;
}

div#dotpay {
	background: #e3e3e3;
	/*margin-top: 18px;*/
}

footer, .push {
	margin-top: 18px;
	height: 340px; /* .push must be the same height as .footer */
}

footer {
	background: #3a424e;
}

span.info {
	width: 100%;
	float: left;
}

img.dpay {
	padding: 12px 0px 6px;
	display: block;
	position: relative;
}

p.small-text {
	font-family: Tahoma,Verdana,Arial;
	font-size: 12px;
}

h2.title-ftr {
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	color: #9d9d9d;
	padding: 12px 0;
}

div.col-text {
	min-height: 120px;
	border-right: 1px solid #2f3641;
	
	padding: 0 20px;
	margin-bottom: 24px;
}

div.col-text:nth-child(4) {
	border-right: none;
}

a.ftr {
	color: #fff;
}

a.ftr:hover {
	text-decoration: underline;
	color: #fff;
}

div.newsletter, div.fb {
	display: block;
	width: 100%;
	overflow: hidden;
}

h3.fb-like {
	
}



table.prices tr, table.prices th, table.prices tbody {
	border-color: #ccc;
	padding: 9px 20px 10px;
}

table.prices {
	width: 100%;
	margin: 20px 0;
	border-collapse: separate;
	border-spacing: 0px;
}

table.prices tbody th {
	font-size: 16px;
	font-weight: 200;
	
	border-color: #3A424E;
}

table.prices th {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #212832;
}

table.prices tr {
	border-color: #ccc;
	border-width: 0px;
}

table.prices thead th {
	font-size: 16px;
	font-weight: 600;
	background: #3A424E;
	color: #fff;
}

table.prices th:first-child {
	border-left-width: 1px;
}

table.prices tbody tr:last-child {
	border-color: #ccc;
	border-bottom-width: 1px;
	border-style: solid;
}

/******/

table.prices tbody {
	
}

table.prices tbody > tr {
	
}

table.prices tbody > tr > td {
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-style: solid;
	border-color: #ccc;
	padding: 9px 20px 10px;
	
	font-size: 16px;
	font-weight: 400;
	color: #3A424E;
}

table.prices tbody > tr > td:first-child {
	border-left-width: 1px;
}

#redFieldHome p {
	text-align: justify;
}

#redFieldHome * {
	color:#ffffff;
}
}