/*//////////////////////// FORMULARIOS LOGIN / RECUPERAR ////////////////////////////*/

#top .appIframe {
	position: relative;
	margin: 0;
	padding: 0;
}

#top .appIframe  iframe {
    width: 100%;
    /** NOTA: la ruta y nombre de la imagen pueden cambiarse. */
	background: #FFF url("/wp-content/themes/enfold2016/images/loading_big.gif") no-repeat center center;
}
#iframeTitle {
	margin: 0;
	padding-bottom: 10px;
	color: #222222;
}

#top .appAlert.opaque-gray {
     background-color: #F8F8F8;
}


#recover {
	margin: 10px 0;
	text-align: right;
	font-weight: bold;
}

#iframeForm {
	position: relative;
	padding: 5px;
	margin-top: 20px;
}

#iframeForm .showIE9 {
	display: none;
	display: block\9; /* IE9 and below hack */
}

#iframeForm .textField input {
	width: 100%;
	margin-bottom: 10px !important;
}

#iframeForm .textField input {
	width: 100%;
}

#iframeForm .checkField {
	margin-bottom: 10px !important;
}

#iframeForm .submitField {
	text-align: center;
	margin-bottom: 10px !important;
}

#iframeForm .submitField input {
	border-radius: 6px;
	background-color: #F09309;
	border-color: #F07309;
	color: #FFF;
}

#iframeForm .submitField input:hover {
	background-color: #F07309;
}

#recover a ,
#iframeForm a {
	color: #02475e;
}

#recover a:hover,
#iframeForm a:hover {
	color: #00438b;
}

#serviceInProcess {
	/** NOTA: la ruta y nombre de la imagen pueden cambiarse. */
	background: #FFF url("/wp-content/themes/enfold2016/images/loading_big.gif") no-repeat center center;
}

#top  .appAlert {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.7);
	text-align: center;
}

#top .appAlert.opaque {
	background-color: #FFF;
}

#top .appAlert:before {
	content: '';
	display: inline-block;
	height: 100%; 
	vertical-align: middle;
	margin-right: -0.25em;
}

#top .iconMsg {
	display: inline-block;
	max-width: 97%;
	min-width: 70%;
	min-height: 65px;
	vertical-align: middle;
	text-align: left;
	padding: 15px 15px 1px 65px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-color: #FFF;
	border-radius: 6px;
	margin: auto;
	border: 1px solid #0065ad;
	word-wrap: break-word;
}

#top .iconMsg :first-child {
	margin-top: 0;
}

#top .iconMsg h4 {
	margin: 0;
	font-size: 17px;
}

#top .iconMsg p {
	font-size: 12px;
	line-height: 16px;
}

#top .iconMsg .button {
	border-radius: 6px;
	background-color: #0065ad;
	color: #FFF;
	border-color: #00438b;
	margin-bottom: 5px;
	white-space: nowrap;
}

#top .iconMsg .button:hover {
	background-color: #00438b;
}

#top .iconMsg.warning {
    /** NOTA: la ruta y nombre de la imagen pueden cambiarse. */
	background-image: url(/wp-content/themes/enfold2016/images/warning-icon.png);
	color: #0065ad; 
}

#top .iconMsg.info {
    /** NOTA: la ruta y nombre de la imagen pueden cambiarse. */
	background-image: url(/wp-content/themes/enfold2016/images/info-icon.png);
	color: #0065ad;
}

#top .iconMsg.success {
    /** NOTA: la ruta y nombre de la imagen pueden cambiarse. */
	background-image: url(/wp-content/themes/enfold2016/images/success-icon.png);
	border: 1px solid #A0D222;
	color: #0065ad;
}

#top .iconMsg.error {
    /** NOTA: la ruta y nombre de la imagen pueden cambiarse. */
	background-image: url(/wp-content/themes/enfold2016/images/error-icon.png);
	border: 1px solid #D02227;
	background-color: #D02227;
	color: #FFF;
}

#top .iconMsg.warning h4,
#top .iconMsg.info h4,
#top .iconMsg.success h4 {
	color: #0065ad;
}

#top .iconMsg.error h4 {
	color: #FFF;
}














/*//////////////////////////// ROOT SELECCIÓN IDIOMA ////////////////////////////////*/

#idioma1{
	float:left;
	width:31px;
	height:31px;
	margin:0 10px 0 0;}
	
#idioma2{
	float:left;
	width:31px;
	height:31px;}
	
#idiomas{
	float:right;
	margin:auto 25%;
	width:288px;}


/*////////////////////////////CAJETIN////////////////////////////////*/

#cajetin{
	float:right;
	margin:0 33px 0 0;}
	
#ayuda_header{
	float:left;
	font-size:14px;}
	
#ayuda_header a{
	text-decoration:none;
	color:#7b7b7b;}
	
#ayuda_header a:hover{
	color:#02475e;}

#acceder_header{
	float:left;
	margin-right:13px;
	margin-left:13px;	
	margin-top:11px;}
	
.boton_exp_es{
    background: url("/wp-content/personal/acceder_es.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 26px;
    text-indent: -9999px;
    width: 109px;
}

.boton_exp_de{
    background: url("/wp-content/personal/acceder_de.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 26px;
    text-indent: -9999px;
    width: 109px;
}

.boton_exp_en{
    background: url("/wp-content/personal/acceder_en.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 26px;
    text-indent: -9999px;
    width: 109px;
}

.boton_exp_fr{
    background: url("/wp-content/personal/acceder_fr.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 26px;
    text-indent: -9999px;
    width: 109px;
}

.boton_exp_it{
    background: url("/wp-content/personal/acceder_it.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 26px;
    text-indent: -9999px;
    width: 109px;
}

.boton_exp_pt{
    background: url("/wp-content/personal/acceder_pt.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 26px;
    text-indent: -9999px;
    width: 109px;
}

.boton_exp_pl{
    background: url("/wp-content/personal/acceder_pl.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 26px;
    text-indent: -9999px;
    width: 109px;
}


.boton_exp_es:hover{
	background-position: 0 -26px !important;
}

.boton_exp_de:hover{
	background-position: 0 -26px !important;
}

.boton_exp_en:hover{
	background-position: 0 -26px !important;
}

.boton_exp_fr:hover{
	background-position: 0 -26px !important;
}

.boton_exp_it:hover{
	background-position: 0 -26px !important;
}

.boton_exp_pt:hover{
	background-position: 0 -26px !important;
}

.boton_exp_pl:hover{
	background-position: 0 -26px !important;
}
	
.tel_header{
	font-weight:bold;
	color:#7b7b7b;
	margin:0 0 0 5px;}
		

/*////////////////////////////SELECTOR DE IDIOMA////////////////////////////////*/


.boton{
	background-color:#02475e;
	color:#FFF !important;
	padding:10px 20px;
	text-align:center;
	border-radius:4px;}
	
.boton a{
	color:#FFFFFF !important;
	text-decoration:none !important;}
	
.boton a:hover{
	background-color:#0065ad !important;}

#desplegable {
	float:left;
	margin:10px 0 0 0;
	height:20px;}

#desplegable li{	
	text-decoration:none;
	height:27px;
	margin-bottom:0px;}

#desplegable li a{
	padding:4px 12px;
	font-size:12px;
	border:1px solid #e4e4e4;
	border-radius:3px;
	background:#FFF;
	color:#02475e;
	position:relative;
	top:-12px;
	text-decoration:none;}

#desplegable li a:hover {
  background: #02475e;
  color: #fff;}

.despleextra_ul{
	margin:-28px 0 0 0 !important;
	padding:15px 0 0 0 !important;}

#desplegable ul li ul{
  position: absolute;
  z-index:10;
  visibility: hidden;}

#desplegable li ul li a{
	width:78px;
	display:block;
	background: #fff; 
	color: #02475e;
	height:31px;
	line-height:22px;}

#desplegable li ul li a:hover {
	background: #02475e;
	color:#FFFFFF;}
	
#desplegable li:hover ul {
	opacity: 1;
	visibility: visible;}

/* /////////////////////////////////////////////// LOOP CARGAS/CAMIONES ////////////////////////////////////////// */

#lastOffers {
  position: relative;
}
.list-data {
  background: #FFF url("/wp-content/themes/enfold2016/images/loading_big.gif") no-repeat center center;
  min-height: 80px;
}


.list-viewport {
  border-radius: 6px;
  border: 1px solid #DDD;
  overflow: hidden;
  max-height: 356px;
}

.list-item,
.list-title {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0 6px;
}

.list-item {
  position: relative;
  background: #FFF;
  border-top: 1px solid #EEE;
  padding: 5px;
}

.list-item:first-child {
  border-top: none;
}

.list-item > div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.offer-type {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 45px;
  padding-right: 5px;
}

.offer-type img {
  max-width: 40px;
  max-height: 40px;
}

.offer-origin,
.offer-destination,
.offer-speciality {
  text-align: left;
  vertical-align: middle;
}

.offer-weight,
.offer-link {
  display: none;
}

.list-item:hover .offer-link {
  position: absolute;
  display: block;
  top: 50%;
  right: 5px;
  margin-top: -14px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.list-item:hover .offer-link:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.list-title .offer-origin,
.list-title .offer-destination,
.list-title .offer-speciality {
  float: left;
  margin-right: 10px;
}

.list-item p {
  padding: 1em;
  font-size: 1.5em;
  color: #333;
  text-align: center;
}

.list-item > p i.fa {
  color: #a94442;
}

.loading > p i.fa {
  color: #0069a7;
}

  .offer-weight {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 55px;
    padding-left: 5px;
  }

  .list-title .offer-weight {
    text-align: center;
  }

  .offer-link,
  .list-item:hover .offer-link {
    position: static;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 45px;
    padding-left: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
  }


  .list-viewport {
    max-height: 276px;
  }

  .list-item {
    padding: 10px;
  }
  .list-title {
    padding: 0 10px;
  }

  .offer-type {
    width: 50px;
    padding-right: 10px;
  }

  .offer-origin,
  .offer-destination,
  .offer-speciality {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }

  .offer-origin,
  .offer-destination  {
    width: 22%;
    padding-right: 10px;
  }

  .offer-speciality {
    width: 22%;
    padding-right: 0;
  }

  .offer-weight {
    width: 60px;
    padding-left: 10px;
  }

  .list-title .offer-origin,
  .list-title .offer-destination,
  .list-title .offer-speciality {
    float: none;
    margin-right: 0;
  }


/* /////////////////////////////////////////////// CSS GENERAL AÑADIDO ////////////////////////////////////////// */

#lista_ok{
	clear:both;
	margin:0 0 25px 0;}

#lista_tik{
	float:left;
	width:42px;}

#lista_text{
	font-size:15px;
	line-height:22px;}

#pruebalo_gratis_main_menu{
	width:135px;
	height:29px;
	margin:2px 0 0 0;}
	
#pruebalo_gratis_main_menu_de{
	width:174px;
	height:29px;
	margin:2px 0 0 0;}
	
#pruebalo_gratis_main_menu_pt{
	width:153px;
	height:29px;
	margin:2px 0 0 0;}
	
#pruebalo_gratis_main_menu2{
	width:170px;
	height:29px;
	margin:2px 0 0 0;}
	
.blue_tittle{
	font-weight:bold;
	text-align:center;
	color:#02475e;
	margin-top:20px;
	font-size:14px;}
	
.blue_tittle_vermas{
	font-weight:bold;
	margin:0 0 0 44%;
	color:#02475e;
	font-size:22px;}
	
.blue_tittle_personal{
	margin:0 0 0 0;
	color:#02475e;
	font-size:15px;}
	
.grey_tittle_left{
	font-weight:bold;
	color:#333333;
	margin-top:20px;
	font-size:16px;}
	
.blue_tittle_left{
	font-weight:bold;
	color:#02475e;
	margin-top:20px;
	font-size:16px;}
	
.blue_tittle_left2{
	font-weight:bold;
	color:#333333;
	margin-top:20px;
	font-size:16px;}
	
.grey_tittle_left2{
	margin-top:16px;
	font-size:14px;}
	
.blue_tittle_right{
	color:#02475e;
	margin-top:27px;
	font-size:40px;
	margin:0 0 0 45%;}
	
#servicios{
	float: left;
    margin: 0 19px 0 0;
    width: 286px;
	}
	
#personal{
	float: left;
    margin: 30px 20px 0 0;
    width: 208px;
	text-align:center;
	}
	
.nombre_personal{
	color:#02475e;
	font-weight:bold;
	font-size:14px;}
	
.mail_personal{
	font-size:12px;
	color:#02475e;}
	
#left_servicios{
	float:left;
	width:59px;
}
	
#right_servicios{
	width:210px;
	float:left;}
	
#left_servicios_2{
	float:left;
	margin:0 10px 0 0;}
	
#mid_servicios{
	text-align:center;}
	
.saber_mas{
	font-weight:bold;
	color:#02475e;
	text-align:right;}
	
.form_gratis{
	color:#FFFFFF;}
	
#form0{
	margin:5px 2px 0 0;
	color:#02475e;
	font-weight:bold;
	font-size:18px;
	text-align:center;}
	
#form1{
	float:left;
	margin:0 30px 0 0;}
	
#form2{
	float:left;
	margin:0 30px 0 0;}
	
.buttons_mainpage {
	background-image: url("/wp-content/uploads/sites/2/2015/01/submit_gratis2.png");
	background-repeat: no-repeat;
	background-color:#ffffff !important;
	height: 33px;
	width: 210px;
	border: 0 none;
	cursor: pointer;
	z-index:20;
	font-size:0px;
}

.buttons_mainpage_en {
	background-image: url("/wp-content/uploads/sites/2/2015/01/submit_gratis2_en.png");
	background-repeat: no-repeat;
	background-color:#ffffff !important;
	height: 33px;
	width: 210px;
	border: 0 none;
	cursor: pointer;
	z-index:20;
	font-size:0px;
}

.buttons_mainpage_fr {
	background-image: url("/wp-content/uploads/sites/2/2015/01/submit_gratis2_fr.png");
	background-repeat: no-repeat;
	background-color:#ffffff !important;
	height: 33px;
	width: 210px;
	border: 0 none;
	cursor: pointer;
	z-index:20;
	font-size:0px;
}

.buttons_mainpage_de {
	background-image: url("/wp-content/uploads/sites/2/2015/01/submit_gratis2_de.png");
	background-repeat: no-repeat;
	background-color:#ffffff !important;
	height: 33px;
	width: 210px;
	border: 0 none;
	cursor: pointer;
	z-index:20;
	font-size:0px;
}

.buttons_mainpage_it {
	background-image: url("/wp-content/uploads/sites/2/2015/01/submit_gratis2_it.png");
	background-repeat: no-repeat;
	background-color:#ffffff !important;
	height: 33px;
	width: 210px;
	border: 0 none;
	cursor: pointer;
	z-index:20;
	font-size:0px;
}

.buttons_mainpage_pl {
	background-image: url("/wp-content/uploads/sites/2/2015/01/submit_gratis2_pl.png");
	background-repeat: no-repeat;
	background-color:#ffffff !important;
	height: 33px;
	width: 210px;
	border: 0 none;
	cursor: pointer;
	z-index:20;
	font-size:0px;
}

.buttons_mainpage_pt {
	background-image: url("/wp-content/uploads/sites/2/2015/01/submit_gratis2_pt.png");
	background-repeat: no-repeat;
	background-color:#ffffff !important;
	height: 33px;
	width: 210px;
	border: 0 none;
	cursor: pointer;
	z-index:20;
	font-size:0px;
}

#formulario_home{
	margin:0 auto;
	width:720px;}
	
#formulario_qap{
	margin:15px auto 5px auto;}
	
#fqap1{
	float:left;
	margin:0 30px 0 0;}
	
#fqap-submit{
	float:left;
	margin:20px 30px 0 0;}
	
#boto_test_app{
	background-color:#F60;}
	
	
#formulario_app{
	color:#FFFFFF;
	margin:0 0 0 57px;}
	
#fapp1{
	margin:0px auto;}
	
#fapp-submit{
	margin:20px 0 0 0;
	background-color:#F60;}	

	
#formulario_transportista{
	margin:0 auto;
	width:900px;}

#sol_menu{
	font-size:12px;
	color:#666;
	text-align:center;}

#sol_menu a{
	border:none;
	text-decoration:none;
	line-height:0px;}
	
#sol_menu a:hover{
	font-weight:bold;}
	
.precios_header{
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;}
	
.precios_header2{
	color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	margin:20px 0 30px 0;}
	
#test_tarifas{
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	margin:0 0 20px 0;
	}
	
.destacat_tarifa{
	font-weight:bold;
	text-align:center;
	color:#0065AD;}
	
	
#sus_anual{
	font-size:15px;
	color:#FFFFFF;
	margin:-28px 0 0 0;}
	
#preu_tarifa{
	font-size:25px;
	color:#FFF}
	
.precios_header_precio{
	font-size:25px;
	margin:17px 0;}
	
#extra_tarifa{
	padding:0 0 21px 0;}
	
.precios_header_euro{
	font-size:18px;}
	
.precios_header_invisible{
	font-size:1px;
	color:#FFFFFF;
	}

.precios_header_left{
	text-align:left;}
	
#registro_1{
	margin:0 auto;
	}
	
.texto_form{
	float:left;
	margin:0 30px 0 0;}

.texto_form2{
	float:left;
	margin:0 43px 0 0;}
	
#boton_formulario{
	background-color:#f29400;
	float:right;}
	
.campo_form{
	float:right;}
	
.campo_form_select{
	width:700px;}
	
#camp_form{
	height:55px;}
	
#texto_contacto{
	float:left;
	width:230px;}
	
#texto_contacto2{
	float:left;
	width:180px;}
	
#texto_contacto3{
	float:left;
	width:180px;}
	
.nombre_contacto{
	color:#02475e;
	font-size:25px;
	margin:0 0 21px 0;}

.nombre_clientes{
	font-weight:bold;
	color:#02475e;
	font-size:13px;}
	
.empresa_clientes{
	font-style:italic;
	font-size:13px;}
	
#formulario_seccion{
	padding-bottom:0px;}
	
#social_icons{
	text-align:center;
	width:290px;
	margin:25px auto;}
	
#social1{
	float:left;
	padding:0 20px 0 0;}
	
#social2{
	float:left;
	padding:0 20px 0 0;}
	
#social3{
	float:left;
	padding:0 20px 0 0;}
	
#social4{
	float:left;
	padding:0 20px 0 0;}
	
#social5{
	float:left;}
	
#centrat{
	text-align:center;}
	
#mapa_web_a{
	margin:14px 0 0 0;
	}
	
#mapa_web_a a{
	font-size:14px;
	text-decoration:none;
	}

#mapa_web_b{
	margin:5px 0 0 0;
	}
	
#mapa_web_b a{
	font-size:13px;
	color:#333333;
	}
	
	
	
	
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (max-width: 1000px) {
  /* Add your Desktop Styles here */

#cajetin{
	float:right;
	margin:0 60px 0 0;}	
	
#ayuda_header{
	font-size:14px;
}


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (max-width: 500px) {
  /* Add your Desktop Styles here */


	
#ayuda_header{
	font-size:0px;
}

#cajetin{
	float:right;
	margin:0 0 0 0;}



/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

#cajetin{
	float:right;
	margin:0 60px 0 0;}




/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  

	
#formulario_home{
	margin:0 auto;
	width:200px;}
	
.blue_tittle_right{
	color:#02475e;
	margin-top:27px;
	font-size:40px;
	text-align:center;}
	
#left_servicios{
	float:left;
	width:auto;
}
	
#right_servicios{
	width:auto;
	float:left;}
	
#servicios{
	float: left;
    margin: 0 19px 0 0;
    width: 196px;
	}
  .list-viewport {
    max-height: 276px;
  }

  .list-item {
    padding: 10px;
  }
  .list-title {
    padding: 0 10px;
  }

  .offer-type {
    width: 50px;
    padding-right: 10px;
  }

  .offer-origin,
  .offer-destination,
  .offer-speciality {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }

  .offer-origin,
  .offer-destination  {
    width: 35%;
    padding-right: 10px;
  }

  .offer-speciality {
    width: 30%;
    padding-right: 0;
  }

  .offer-weight {
    width: 60px;
    padding-left: 10px;
  }

  .list-title .offer-origin,
  .list-title .offer-destination,
  .list-title .offer-speciality {
    float: none;
    margin-right: 0;
  }
	
#cajetin{
	float:right;
	margin:0 60px 0 0;}
	

	

	
}


@media screen and (min-width: 450px) {
  .offer-weight {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 30px;
    padding-left: 5px;
  }

  .list-title .offer-weight {
    text-align: center;
  }

  .offer-link,
  .list-item:hover .offer-link {
    position: static;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 45px;
    padding-left: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  

}