/* ===================================================== */
/* ===================== AGENCY MAP===================== */
/* ===================================================== */
.home-form {
    background-color: #ededed;
    float: left;
    height: 170px;
    margin-top: 6px;
	margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.home-mapa {
    position: absolute;
    right: 0;
    z-index: 0;
}
.home-formulario {
    float: left;
    height: 170px;
    margin-left: 10px;
    padding-top: 10px;
    position: absolute;
	width: 50%;
}
.home-formulario .titleH2 {
    margin-top: 0;
}
.home-formulario h2 {
    color: #1a283e;
    font-family: "Calibri",sans-serif;
    font-size: 22px !important;
    font-weight: bold;
}
.titleH2 {
    margin-bottom: 0;
    position: relative;
    width: 100%;
}
.home-formulario h3 {
    color: #1a283e;
    font-family: "Roboto",sans-serif;
    font-size: 18px !important;
    margin-bottom: 10px !important;
    font-weight: bold;
}
.titleH3 {
    margin-top: -2px;
}
/*#div-select-home-country {
    height: 21px;
    position: relative;
    width: 200px;
}
#div-select-home-country {
    -moz-appearance: none;
    background: #fff url("/pfw_files/tpl/structure/restyling/arrow-form-portada") no-repeat scroll 99% center !important;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
}
#div-select-home-country span {
    color: #566468;
    cursor: default;
    display: block;
    font-family: Arial;
    font-size: 13px;
    height: 23px;
    left: 0;
    line-height: 21px;
    padding: 0 4px;
    position: absolute;
    top: 0;
    width: 100%;
}
#div-select-home-country ul {
    background: white none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    list-style: outside none none;
    margin: 0;
    padding: 5px 0;
    position: absolute;
    top: 22px;
    width: 100%;
}*/

#div-select-home-country,
#div-select-home {
	margin-bottom: 10px;
}

#div-select-home-country li {
    color: #566468;
    cursor: default;
    font-family: Arial;
    font-size: 13px;
    line-height: 21px;
    padding-left: 18px;
    position: relative;
    width: 100%;
	padding: 5px 20px;
}

#div-select-home-country li div {
	margin-left: 10px;
}

#div-select-home-country li:hover {
	background-color: #ececec;
}

#div-select-home-country li img {
    left: 15px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
}

.title-selected-site img {
	margin-right: 5px;
}

#div-select-home .selectHome, divHome_formAgency .selectHome {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #566468;
    font-size: 13px;
    margin: 0;
    padding-top: 2px;
    width: 240px;
}
.boton-violeta {
    background-color: #8d3388;
    border: 1px solid #8d3388;
    border-radius: 3px;
    bottom: 20px;
    color: #ffffff;
    cursor: pointer;
    font-family: "Calibri";
    font-size: 14px;
    height: 25px;
    left: 0;
    /*position: absolute;*/
    text-align: center;
    width: 100%;
    z-index: 1;
}

.boton-violeta:hover {
	background-color: #b2c039;
	border: 1px solid #b2c039;
}

#dropdownAgencyMap,
#dropdownHomeMap {
	width: 100%;
	height: 25px;
	line-height: 0;
}

#dropdownAgencyMap:hover,
#dropdownAgencyMap:active,
#dropdownAgencyMap:focus,
#dropdownHomeMap:hover,
#dropdownHomeMap:active,
#dropdownHomeMap:focus {
	background-color: #fff;
}

.countriesList,
.agenciesList {
	width: 100%;
    margin-top: -1px;
}

.agenciesList li {
	color: #566468;
	cursor: default;
	font-family: Arial;
	font-size: 13px;
	line-height: 21px;
	padding-left: 18px;
	position: relative;
	width: 100%;
}

.agenciesList li:hover {
	background-color: #ececec;
}

/* === restyle SELECT align [text to left and arrow to right] === */
#dropdownAgencyMap, #dropdownHomeMap { padding: 0px; }
.home-formulario button > span.title-selected-site {
	display: block !important;
    float: left;
    line-height: 21px;
    margin: 0;
    padding: 0 0 0 7px;
    text-align: left;
    width: calc(100% - 17px);
}
.home-formulario button > span.icon-left {
	float: left;
    margin: 8px 5px 0 0;
    width: 8px;
}
/* --------------------------------------------------------------- */

@media screen and (max-width: 1200px) {
	
	.home-formulario {

		width: 45%;
	}
}

@media screen and (max-width: 991px) {
	
	.home-form {
		float: none;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.home-formulario {

		width: 50%;
	}
}

@media screen and (max-width: 768px) {
	
	.home-form {
		width: 85%;
	}
}

@media screen and (max-width: 480px) {
	
	.home-form {
		width: 100%;
	}
	
	.home-formulario {

		width: 70%;
	}
	
	.home-formulario h2,
	.home-formulario h3 {
		white-space: pre;
	}
	
	#dropdownAgencyMap, #dropdownHomeMap {
		width: 100%;
	}
}