/* Reset */
 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, 
strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, 
details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin: 0;  
    border: 0;  
}

/*@font-face {
font-family: 'Oxygen';
src: url(../fonts/Oxygen.otf);
}*/

*{
	/*font-family: Tahoma;*/
	font-family: 'Oxygen', sans-serif;
}

html, body {
	height: 100%;
}



/* ---------------------------------------------------- MENU -------------------------------
--------------------------------------------------------------------------------------------- */
.rmm {
	display:block;
	position:relative;
	width:100%;
	padding:0px;
	margin:0 auto !important;
	text-align: center;
	line-height:19px !important;
}
.rmm * {
	-webkit-tap-highlight-color:transparent !important;
	
}
.rmm a {
	color:#ebebeb;
	text-decoration:none;
}
.rmm .rmm-main-list, .rmm .rmm-main-list li {
	margin:0px;
	padding:0px;
}
.rmm ul {
	display:block;
	width:auto !important;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
}

.rmm .rmm-main-list li {
	display:inline;
	padding:0px;
	margin:0px !important;
}
.rmm-toggled {
	display:none;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto !important;
}
.rmm-button:hover {
	cursor:pointer;
}
.rmm .rmm-toggled ul {
	display:none;
	margin:0px !important;
	padding:0px !important;
}
.rmm .rmm-toggled ul li {
	display:block;
	margin:0 auto !important;
}

/* MINIMAL STYLE */

.rmm.minimal a {
	color:#7f0000;
}
.rmm.minimal a:hover {
	opacity:0.7;
	text-decoration: underline;
}
.rmm.minimal .rmm-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:17px;
}
.rmm.minimal .rmm-toggled {
	width:100%;
	min-height:36px;
	background-color: #7f0000;
}
.rmm.minimal .rmm-toggled-controls {
	display:block;
	height:36px;
	color:#7f0000;
	text-align:left;
	position:relative;
}
.rmm.minimal .rmm-toggled-title {
	position:relative;
	top:9px;
	left:9px;
	font-size:16px;
	color:#fff;
}
.rmm.minimal .rmm-button {
	display:block;
	position:absolute;
	right:9px;
	top:7px;
}

.rmm.minimal .rmm-button span {
	display:block;
	margin:4px 0px 4px 0px;
	height:2px;
	background:#fff;
	width:25px;
}
.rmm.minimal .rmm-toggled ul li a {
	display:block;
	width:100%;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #dedede;
	color:#fff;
}
.rmm.minimal .rmm-toggled ul li:first-child a {
	border-top:1px solid #dedede;
}


/*----------------------------------------------------------------------------------------------*/

.limpiar {clear: both;height: 100px;}

.wrapper {
	max-width: 1024px;
	margin: 0 auto;
	min-height: 100%;
	margin-bottom: -60px;
	position: relative;
}

.hr {
	width:100%;
	height: 4px;
	background: rgba(127,0,0,1);
	background: -moz-linear-gradient(left, rgba(127,0,0,1) 0%, rgba(191,0,0,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(127,0,0,1)), color-stop(100%, rgba(191,0,0,1)));
	background: -webkit-linear-gradient(left, rgba(127,0,0,1) 0%, rgba(191,0,0,1) 100%);
	background: -o-linear-gradient(left, rgba(127,0,0,1) 0%, rgba(191,0,0,1) 100%);
	background: -ms-linear-gradient(left, rgba(127,0,0,1) 0%, rgba(191,0,0,1) 100%);
	background: linear-gradient(to right, rgba(127,0,0,1) 0%, rgba(191,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f0000', endColorstr='#bf0000', GradientType=1 );
}

.menu {
	list-style: none;
	color: #7f0000;
}

.menu li {
	float:left;
	padding-right: 45px;
	padding-left: 45px;
	font-size: 17px;
}

.slide {
	clear:both;
	margin-top:10px;
}
.slide img {
	width:100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.reservas {
	font-size: 14px;
	color: #fff;
	float:left;
	background-color: #7f0000;
	padding:20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin-right: 25px;
	width: 300px;
	border: 1px solid;
}

.reservas ul {
	list-style-type:none;
	margin:0px;
    padding:0px;
}

.bienvenida {
	float:right;
	width: 67%;
	text-align: justify;
}

.bienvenida h2 {
	color: #7f0000;
	font-weight: normal;
}

.bienvenida p {
	color: #5a5a5a;
}

.bold {font-weight: bold;}

.footer {
	clear:both;
	width:100%;
	background-color: #7f0000;
	text-align:center;
	height: 60px;
	position: relative;
	max-width: 1024px;
	margin: 0 auto;
}

.footer p{
	padding-top: 20px;
	color: #fff;
}

.politPriv {
	color: #fff;
	text-decoration: none;
}

.politPriv:hover { text-decoration: underline;}


/*----------------------------------------------- FLOTA -----------------------------------------------
-------------------------------------------------------------------------------------------------------*/


/* ----------------------  ESTILOS DEL POPUP DEL BOTON 'MASDETALLES' ----------------------------------- */

.white-popup-block{
	background:#FFF;
	padding:20px 30px;
	text-align:center;
	max-width:400px;
	margin:80px auto;
	position:relative;
	overflow: hidden;
}

/* ----------------------------------------------------------------------------------------------------- */



#contenedor-vehiculos {
	padding-top: 20px;
}

.prueba {
	float: left;
	width: 47.8%;
	padding: 10px;
}

.vehiculos {
	border: 1px solid #7f0000;
	position: relative;
	color: #5a5a5a;
	overflow: hidden;
}

.foto {
	float: left;
	margin-right: 30px;
}

.caracteristicas {
	margin-top: 15px;
	background-color: #fff;
}

.nombreVehiculo { font-weight: bold;}

#propiedadesVehiculo {margin-top: 8px;}
#propiedades {padding-right: 5px;padding-left: 5px;}
#masdetalles, #masdetalles:link, #masdetalles:visited, #masdetalles:active {
	color: #cccbcb;
	background-color: #7f0000;
	font-size: 15px;
	line-height: 14px;
	text-decoration: none;
	padding: 3px 15px 5px 15px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 5px;
	margin-bottom: 5px;
}

#masdetalles:hover {
	background-color: #7f0000;
	color: white;
}

/*-----------------------------------------------------------------------------------------------------*/

/*----------------------------------------------- LOCALIZACION -----------------------------------------------
-------------------------------------------------------------------------------------------------------*/

#direccion, #mapa {float: left; padding: 20px;box-sizing:border-box;
		-moz-box-sizing:border-box;}
#direccion {width: 33%; color:#5a5a5a;}

.titulo {text-decoration: underline;}

/*-----------------------------------------------------------------------------------------------------*/

/*----------------------------------------------- CONTACTO -----------------------------------------------
-------------------------------------------------------------------------------------------------------*/

/*#contacto {width: 35%; margin: 0 auto; padding-top: 20px;}*/
#contacto {padding-top: 20px;}
#izq {float: left;width: 49%;}
#der {float: right;width: 49%;}
#contacto h2 {color: #7f0000;}
#contacto textarea {height: 101px;}
#contacto .inputs {
	width: 100%; 
	padding: 7px;
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 12px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
	margin-bottom: 10px;
	box-sizing:border-box;
		-moz-box-sizing:border-box;
}

#contacto label {
	color: #5a5a5a;
    margin-top: 3px;
    padding: 3px;

}

.cobl{
	font-size:11px;
	color: #5a5a5a;
}

#contacto #boton {
	text-align: center;
}

.btEnviar {
   	color: #cccbcb;
	background-color: #7f0000;
	font-size: 15px;
	line-height: 15px;
	text-decoration: none;
	padding: 6px 17px 8px 17px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	cursor: pointer;
}

.btEnviar:hover {
	color: #fff;
}

.error {
	color: #fff;
}

/* ----------------------------  PROTECCION DE DATOS --------------------------- */
#contenedor-protDatos {
	padding: 20px;
	text-align: justify;
}
#contenedor-protDatos h1 {color: #7f0000;}
#contenedor-protDatos p{ color: #5a5a5a;font-size: 14px;}


/* ------------------------------------------------------------------------------ */

/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {
	#mapa iframe{width: 600px;height: 440px;}
}

@media (max-width: 800px) {
	#logo {width: 100px;}

	.slide {text-align: center;}
	.slide img {width: 99%;}

	.rmm a {
		color:#fff;
	}
	
	.rmm.minimal .rmm-toggled {
		width:100%;
	}

	.reservas {
		clear: both; 
		width: 99%;
		margin: 0 auto;
		webkit-box-shadow: 10px 10px 15px -3px rgba(255,255,255,0.75);
		-moz-box-shadow: 10px 10px 15px -3px rgba(255,255,255,0.75);
		box-shadow: 10px 10px 15px -3px rgba(255,255,255,0.75);
	}

	.recogida-entrega {float: left; margin-right: 10px;}
	.vehiculo-extras {clear: both;}

	.bienvenida {clear:both; width:100%;}
	.bienvenida {
		padding:20px 20px 60px 20px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
	}

	.aire {
		margin-bottom: 40px;
	}

	.prueba {
		clear: both; 
		width: 100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
	}

	.foto img{
		width: 140px;
	}

	#direccion, #mapa {clear: both;}
	#direccion{width: 100%;}
	#mapa iframe{max-width: 100%;}

	#contacto {width: 80%;height: auto; margin: 0 auto;}
	#der, #izq { clear:both; width: 100%;}
	.btEnviar {margin-bottom: 30px;}

}

@media (max-width: 240px) {
	.vehiculos {text-align: center;}
	.foto {
		clear: both;
		text-align: center;
	}

	/*.caracteristicas {
		margin-top: 15px;
		background-color: #fff;
	}

	.nombreVehiculo { font-weight: bold;}

	#propiedadesVehiculo {margin-top: 8px;}
	#propiedades {padding-right: 5px;padding-left: 5px;}*/

}