@font-face {
 font-family: Danube;
 src: url("../font/danube.eot") 
}
@font-face {
 font-family: Danube;
 src: url("../font/danube.ttf") 
}
@font-face {
    font-family: Helmet;
    src: url("../font/helmetcondensed.eot");
}
@font-face {
    font-family: Helmet;
    src: url("../font/helmetcondensed.ttf");
}
#tituloautotour{
	text-align: center;
	font-size: 1.8em;
	font-family: Danube, sans-serif;
	color: #fd7813;
	margin-top: 10px;
}
#portadaautotour{
	float: left;
	margin-left: 8%;
	margin-top: 4%;
	margin-right: 4%;
	width: 37%;
}
#textopcir{
	margin-top: 2%;
	float: right;
	font-family: Helmet, sans-serif;
	margin-right: 8%;
	margin-bottom: 2%;
	color: #fd7813;
	font-size: 1.2em;
	width: 42%;

}
#descautotour{
	margin-top: 2%;
	margin-left: 52%;
	font-family: Helmet, sans-serif;
	margin-right: 8%;
	color: #fd7813;
	font-size: 1.1em;
}
#enlacedesc{
	width: 45%;
	font-family: Helmet, sans-serif;
	color: #fd7813;
	font-size: 0.95em;
	text-align: left;
	margin-left: 5%;
	margin-bottom: 10px;
}
#enlacedesc a{
	font-weight: bold;
	color: #fd7813;
	text-decoration: underline;
}

@media only screen and (max-width:1024px) and (min-width:768px){
	#textopcir{
		font-size: 1em;
	}
	#descautotour{
		font-size: 0.9em;
	}
	#enlacedesc{
		font-size: 0.75em;
	}
}
@media only screen and (max-width:768px) and (min-width:640px){
	#textopcir{
		font-size: 1em;
	}
	#descautotour{
		font-size: 0.9em;
	}
	#enlacedesc{
		font-size: 0.7em;
	}
}
@media only screen and (max-width:640px) and (min-width:480px){
	#textopcir{
		font-size: 1em;
	}
	#descautotour{
		font-size: 0.9em;
	}
	#enlacedesc{
		font-size: 0.75em;
	}
}
@media only screen and (max-width:480px) and (min-width:320px){
	#tituloautotour{
		font-size: 1em;
	}
	#textopcir{
		font-size: 0.9em;
		float: none;
		margin-right: 5%;
		margin-left: 5%;
		width: 90%;
	}
	#descautotour{
		font-size: 0.8em;
		float: none;
		margin-left: 10%;
		margin-right: 5%;
		width: 85%;
	}
	#enlacedesc{
		font-size: 0.7em;
		margin-top: 15px;
	}
	#portadaautotour{
		float: none;
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
}
@media only screen and (max-width:320px) and (min-width:240px){
	#tituloautotour{
		font-size: 1em;
	}
	#textopcir{
		font-size: 0.9em;
		float: none;
		margin-right: 5%;
		margin-left: 5%;
		width: 90%;
	}
	#descautotour{
		font-size: 0.8em;
		float: none;
		margin-left: 10%;
		margin-right: 5%;
		width: 85%;
	}
	#enlacedesc{
		font-size: 0.7em;
		margin-top: 15px;
	}
	#portadaautotour{
		float: none;
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
}