/*Theme 
Name: Ionoleggioauto.it
URI: http://www.ionoleggioauto.it
Description: Tema Ionoleggioautoit
Author: Andrea Guerra
Author URI: http://www.ionoleggioauto.it
Template: poseidon
Version: 1.0.0
License: GNU General Public License v2 or laterLicense 
URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: travel, flight, transportation, transport, hotel, travel agency, light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready, Nero, Blu, Sfondo personalizzato, Colori personalizzati, Immagine personalizzata della testata, Menu personalizzato, Stile editor, Intestazione immagine in evidenza, Immagini in evidenza, Testata flessibile, Layout fluido, Template a piena larghezza, Grigio, Verde, Chiaro, Una colonna, Rosso, Layout responsive, Argento, Articolo evidenziato, Opzioni tema, Commenti nidificati, Pronto alla traduzione, Bianco, autonoleggio, rent car, rent, renting, noleggio, voli, hotel, vacanze
Text Domain: ionoleggioauto

*/

@import url("../poseidon/style.css");
img { border: 0; }
a {
	outline:none !important;
}
a:hover, a:active { outline: none !important; }
#footer-navigation li, #quick-links-404 ul li {
    display: inline-block;
    list-style: outside none none;
}


.fwidget li {
    list-style-type: none;
}
.fwidget ul {
    margin: 0;
padding: 0;
}
.fwidget {
line-height: 24px;
color: #ababab;
      text-transform: uppercase;
    color: #288ce4;
}
.fwidget_last li {
    list-style-type: none;
}
.fwidget_last ul {
    margin: 0;
padding: 0;
}
.fwidget_last {
line-height: 24px;
color: #ababab;
      text-transform: uppercase;
    color: #288ce4;
}
td, th {
	border: none;
	padding: 5px;
}

.site-content {
	padding-top: 3em;
	background: transparent !important;
}
.bookinggrande {

		display: inline-block;
		position: relative;
		width: 100%;
		overflow:hidden;
}
@media only screen 
and (min-width: 360px) and (max-width: 1200px) {
		.bookinggrande {
		display: none;
	}
}
.bookingtablet{

		display: inline-block;
		position: relative;
		width: 100%;
		overflow:hidden;
}
@media only screen 
and (min-width: 360px) and (max-width: 768px) {
		.bookingtablet {
		display: none;
	}
}
@media only screen 
and (min-width: 1200px) and (max-width: 4440px) {
		.bookingtablet {
		display: none;
	}
}

.bookingtabletportrait{

		display: inline-block;
		position: relative;
		width: 100%;
		overflow:hidden;
}
@media only screen 
and (min-width: 200px) and (max-width:750px) {
		.bookingtabletportrait {
		display: none;
	}
}
@media only screen 
and (min-width: 810px) and (max-width: 4440px) {
		.bookingtabletportrait {
		display: none;
	}
}
.bookingpiccolo {

		display: inline-block;
		position: relative;
		width: 100%;
		overflow:hidden;
}

@media only screen and (min-width: 760px) and (max-width: 4048px) {
	.bookingpiccolo {
		display: none;
	}
}

.flixbusgrande {
		display: inline-block;
		position: relative;
		width: 100%;
		overflow:hidden;
}
@media only screen 
and (min-width: 200px) and (max-width: 700px) {
		.flixbusgrande {
		display: none;
	}
}

.flixbuspiccolo {
		display: inline-block;
		position: relative;
		width: 100%;
		overflow:hidden;
}

@media only screen and (min-width: 768px) and (max-width: 4048px) {
	.flixbuspiccolo {
		display: none;
	}
}

.titoloprincipale {
	font-size: 2.5em;
	margin-top: -40px;
	    background: rgba(2,103,158,0.9);
	display: table;
	padding: 10px 25px;
	color: #FFF;
}

@media only screen and (min-width: 360px) and (max-width: 660px) {
	.titoloprincipale {
		font-size: 1.3em;
		margin-top: -65px;
		    background: rgba(2,103,158,0.9);
		display: table;
		padding: 10px 25px;
		color: #FFF;
		position: relative;
		width: 100%;
	}
}

@media only screen and (min-width: 665px) and (max-width: 990px) {
	.titoloprincipale {
		font-size: 1.5em;
		margin-top: -65px;
		    background: rgba(2,103,158,0.9);
		display: table;
		padding: 10px 25px;
		color: #FFF;
		position: relative;
		width: 100%;
	}
}

.secondotitoloprincipale {
	background: rgba(1,70,108,0.8);
	display: inline-block;
	padding: 10px 25px;
	color: #FFF;
	font-size: .9em;
	line-height: 1.3em;
	letter-spacing: -.005em;
}

@media only screen and (min-width: 360px) and (max-width: 768px) {
	.secondotitoloprincipale {
		padding: 2px 0;
		font-size: .8em;
		line-height: 1.3em;
		letter-spacing: -.005em;
		background: rgba(1,70,108,0.8);
		display: inline-block;
		padding: 10px 25px;
		color: #FFF;
	}
}



#sfondolino {
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	z-index: -1;
	background-position: 32px 0;
	overflow: hidden;
	clear: both;
}

@media only screen and (min-width: 770px) and (max-width: 1024px) {
	#sfondolino {
		position: absolute;
		top: 90px;
		left: 0;
		width: 100%;
		z-index: -1;
		background-position: 32px 0;
	}
}

@media only screen and (min-width: 1690px) and (max-width: 1980px)  {
#sfondolino {
	position: absolute;
	top: 100px;
	left: 0;
	height: 570px;
	width: 100%;
	z-index: -1;
background-position:32px 0px;
}
}
@media all and (max-width: 768px) {
	#sfondolino {
		display: none;
}
table.responsive {
		width: 100%;
		z-index: 10;
	}
	
	@media all and (max-width: 768px) {
	table.responsive {
		width: 100%;
	}
	
	.responsive thead tr {
		display: none;
		border: none;
	}
	
	.responsive tbody tr {
		clear: both;
		display: block;
		padding-bottom: 10px;
	}
	
	.responsive td {
		display: block;
		padding: 4px;
		position: relative;
		padding-left: 0;
		width: auto;
	}
	
	.responsive td:before {
		clear: both;
		position: absolute;
		top: 4px;
	/* deve essere come il padding del td */
		left: 4px;
	/* deve essere come il padding del td */
		width: auto;
		padding-right: 10px;
		white-space: nowrap;
	}
	
	/* riportiamo le header in linea attraverso i CSS */
	.responsive td:nth-of-type(1):before {
		content: "";
	}
	
	.responsive td:nth-of-type(2):before {
		content: "";
	}
}