html{
	
	}
	body{
		margin:0;
		padding:0;
		font-family: verdana,arial,helvetica,sans-serif;
	}
	
	/*******************
	* Estructura página
	********************/
	
	.contenido{
		position:relative;
		width:960px;
		height:594px;
		margin:auto;
		background: url('../Imagenes/fons.gif') #ffffff no-repeat 0px 0px; 
	}
	
	.cabecera{
		position:relative;
		width:957px;
		height:73px;
		float:left;
	}
	
	.menu{
		position:relative;
		width:287px;
		height:144px;
        font-size:.7em;
		float:left;
	}
	
	.banner{
		position:relative;
		width:670px;
		height:144px;
		float:left;
	}
	
    .include{
		width:715px;
		float:left;
		height:360px;
		margin-left:15px;
    }
    
    .contenidoTextoInclude{
    	position:absolute;
    	width:250px;
    	height:340px;
		left:15px;
		top:230px;
    	background-color:#cccccc;
    	border:1px solid #aaaaaa;
    }
    
    .contenidoTextoInclude2{
    	position:absolute;
    	width:250px;
    	height:340px;
		left:15px;
		top:230px;
    }
    
    .formularioInclude0{
    	position:absolute;
    	width:235px;
    	height:355px;
		border:1px solid;
		background: url('../Imagenes/degradado-formulario.jpg') #9C081A repeat-x 0px 0px;
		color:#ffffff;
		font-weight:bold;
		font-size:.7em;
    }

    .formularioInclude1{
		left:15px;
		top:220px;
    }
    
    .formularioInclude2{
    	width:270px;
		left:255px;
		top:220px;
		display:none;
    }
    
    .formularioInclude3{
    	position:absolute;
    	width:198px;
		left:530px;
		top:220px;
		height:100px;
		background-color:#ffffff;
		border:2px solid #cccccc;
		display:none;
    }
    
    .formularioInclude4{
    	width:200px;
		height:245px;
		left:530px;
		top:330px;
		background: url('../Imagenes/degradado-formulario.jpg') #9C081A repeat-x 0px -100px;
		display:none;
    }
	
	/*.contenidoTextoInclude2 iframe{
		position:absolute;
		top:5px;
		width:370px;
		left:320px;
	}*/

    .botonera{
		width:200px;
		float:left;
		height:360px;
		text-align:right;
		padding:10px 15px 5px 0px;
    }
    
	.idiomas{
		width:655px;
		float:left;
		height:auto;
		padding:10px 0px 10px 15px;
	}
	
	.login{
		width:270px;
		float:left;
		height:auto;
		text-align:right;
		padding:10px 0px 10px 15px;
	}
	
	.poblaciones{
		position:relative;
		width:960px;
		height:20px;
		margin:auto;
		margin-top:30px;
	}
	
	.descripcionFormulario{
			margin-left:255px;
	}
	
	.descripcionFormulario h1{
		font-size:1.3em;
	}
	
	/*******************
	* SPAN cabecera
	********************/
	
	.logo{
		width:190px;
		height:50px;
		margin-left:58px;
		padding-top:20px;
		float:left;
	}
	
	.centralReservas{
		width:550px;
		height:50px;
		padding-top:0px;
		float:right;
	}
	
	.centralReservas .titulo{
		width:92%;
		color:#000000;
		font-weight:bold;
		font-size:1.1em;
		text-align:right;
		float:left;
		clear:both;
	}
	
	.centralReservas .numero{
		width:92%;
		color:#ff0000;
		font-weight:bold;
		font-size:9pt;
		text-align:right;
		float:left;
		clear:both;
	}
	
	.centralReservas .numero a{
		text-decoration:none;
		color:#ff0000;
	}
	
	.centralReservas .numero img{
		border:0px;
	}
	
	a.enlaceContacto{
		float:right;
		font-size:9pt;
		color:#000082;
		margin-right:40px;
		text-decoration:none;
	}
	

	/*******************
	* Estilos del menu
	********************/
	
	.menuUl{
		 width:287px;
		 height:auto;
		 list-style:none;
		 margin:0;
		 padding:0;
		 margin-top:14px;
	}
	
	.menuUl li{
		 width:260px;
		 margin:3px 15px;
	}
	
	.menuUl li a{
		 color:#000000;
		 text-decoration:none;
		 font-weight:bold;
		 display:block;
		 padding:2px 0px 2px 20px;
		 background:url('../Imagenes/degradados-menu.jpg') #cccccc repeat 260px 0px; 
	}
	
	.menuUl li a:hover{
		 color:#000000;
		 text-decoration:none;
		 font-weight:bold;
		 display:block;
		 padding:2px 0px 2px 20px;
		 background:url('../Imagenes/degradados-menu.jpg') #dd0000 repeat 0px 0px;
	}
	
	.menuUl li a.activo{
		 color:#fff;
		 text-decoration:none;
		 font-weight:bold;
		 display:block;
		 padding:2px 0px 2px 20px;
		 background:url('../Imagenes/degradados-menu-activo.jpg') #cccccc repeat 0px 0px; 
	}
	
	/**************
	 * Login
	**************/
	.login a{
		text-decoration:none;
		font-size:.8em;
		padding-right:20px;
	}
	
	.login a img{
		border:0px;
	}
	
	.identificacion{
		float:right;
		width:300px;
		border:1px dashed;
		display:none;
	}	
	
	/*************
	* Opacidad
	**************/
	.opacidad {
		opacity: 0.5;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		
	}
	
	/**************
 	* Barra idiomas
	**************/
	
	.idiomas ul.ulIdiomas{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	.idiomas ul.ulIdiomas li{
		display:inline;
		float:left;
	}
	
	.idiomas ul.ulIdiomas li a{
		display:block;
		text-decoration:none;
		color:#000000;
		font-size:9px;
		width:22px;
		height:17px;
	}
	
	.idiomas ul.ulIdiomas li a:hover{
		color:#4e4e4e;	
	}
	
	.idiomas ul.ulIdiomas li a.espanol{
	    background: url('../Imagenes/idiomas.jpg') no-repeat -26px 0px;
	}
	
	.idiomas ul.ulIdiomas li a.espanol:hover{
	    background: url('../Imagenes/idiomas.jpg') no-repeat -26px 0px;
	}
	
	.idiomas ul.ulIdiomas li a.catalan{
	    background: url('../Imagenes/idiomas.jpg') no-repeat 0px 0px;
	}
	
	.idiomas ul.ulIdiomas li a.catalan:hover{
	    background: url('../Imagenes/idiomas.jpg') no-repeat 0px 0px;
	}
	
	.idiomas ul.ulIdiomas li a.ingles{
	    background: url('../Imagenes/idiomas.jpg') no-repeat -52px 0px;
	}
	
	.idiomas ul.ulIdiomas li a.ingles:hover{
	    background: url('../Imagenes/idiomas.jpg') no-repeat -52px 0px;
	}
	
	.idiomas ul.ulIdiomas li a.frances{
	    background: url('../Imagenes/idiomas.jpg') no-repeat -78px 0px;
	}
	
	.idiomas ul.ulIdiomas li a.frances:hover{
	    background: url('../Imagenes/idiomas.jpg') no-repeat -78px 0px;
	}

	/**************
 	* Propiedades Formulario presupuesto
	**************/	
	
	.cajasFormulario{
		width:100px;height:15px;border:1px solid;
	}
	
	.desplegableFormulario{
		width:100px;height:20px;border:1px solid;
	}
	
	.labelFurgoneta{
		width:99%;
		height:17px;
		display:block;
	}
	.labelFurgoneta span{
		width:90%;
		height:17px;
		display:block;
		float:left;
	}
	
	.botonDisponible{
		position:absolute;
		font-size:.8em;
        border:1px solid;
		bottom:0px;
		right:12px;
		width:75px;
		height:15px;
	}	
	/*
	 *  Tabla presupuesto online
	*/
		
		table tr td p{
			margin:0;
			padding:0;
			margin:5px 0px;
		}
		table tr td a{
			text-decoration:none;
			color:#ffffff;
		}
		

	
	/**************************
	 * Flota vehiculos seccion
	 **************************/
	
	ul.ulFlota{
		list-style:none;
		margin:0;
		padding:0;
		margin-left:50px;	
		margin-top:10px;
	}
	
	ul.ulFlota li{
		display:inline;
		float:left;	
	}
	
	ul.ulFlota li span.tituloCategoria{
		display:block;
		position:absolute;
		font-weight:bold;
		padding-left:15px;
		margin-top:-20px;
		font-size:1.8em;
		color:#888888;
	}
	

	ul.ulFlota li a img{
		margin-top:10px;
	}
	
	ul.ulFlota li a span.subtituloCategoria{
		position:absolute;		
		margin-top:70px;
		margin-left:-85px;
		width:90px;
	}
	
	ul.ulFlota li.furgos span{
		padding-left:0px;
	}

	ul.ulFlota li a{
		display:block;
		text-decoration:none;
		color:#333333;
		font-size:9px;
		width:131px;
		height:70px;
		float:left;
		margin:24px 15px;
		text-align:center;
		background: url('../Imagenes/provaFlota.gif') no-repeat 0px 0px;
	}
	
	ul.ulFlota li.furgos a{
		margin:24px 1px;
		color:#333333;
	}
	
	ul.ulFlota li a:hover,ul.ulFlota li.furgos a:hover{
		color:#ff2200;
	}
	
/*****************
 * Tabla vehiculos
******************/

	table.vehiculos{
		width:100%;border:0px;
		border-collapse:collapse;
	}
	
	table.vehiculos td.medida{
		padding:0;margin:0;height:10px;
	}
	
/******************
 * Tabla reserva 2
 ******************/
 
 	div.confirmacionReserva{
 		width:99%;
 		height:98%;
 		margin-top:1%;
 		background-color:#999999;
 		color:white;
 	}
 	
 	div.confirmacionReserva h3{
 		color:green;
 	}
 	
 	div.confirmacionReserva table{
 		width:100%;
 		height:100%;
 		text-align:center;
 	}
 	
/******************
 * Formulario contacto
 ******************/
.error{
	background-color:#FCDACA;
}
input{
	border:1px solid #7F9DB9;
}
textarea{
	border:1px solid #7F9DB9;
}

.cssform{
	margin-left:50px;	
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	font-size:10pt;
}


.cssform p{
	width: 330px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px solid #000082;
	height: 20px;
}

.cssform p.mensaje{
	height:150px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 300px;
	height:15px;
}

.cssform textarea{
	width: 300px;
	height: 140px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}


/******************
 * LInks posicionamento
 ******************/

.poblaciones ul{
list-style:none;
}

.poblaciones ul li{
display:block;
float:left;
margin-left:0px;
}

.poblaciones ul li a{
text-decoration:none;
color:#555555;
font-size:0.5em;
}

/********************
 * Localizacion
 * ******************/

div.mBarcelona{
	position:absolute;
	width:330px;
	height:320px;	
	left:10px;
	top:5px;
	background-color:#eee;
	border:1px solid #aaa;
}

div.mapaBarcelona{
	margin-left:5px;
	margin-top:5px;
}

div.direccionBarcelona{
	text-align:center;
	font-size:10pt;
}

div.mVilanova{
	position:absolute;
	width:330px;
	height:320px;	
	left:360px;
	top:5px;
	background-color:#eee;
	border:1px solid #aaa;
}

div.mapaVilanova{
	margin-left:5px;
	margin-top:5px;	
}

div.direccionVilanova{
	text-align:center;
	font-size:10pt;	
}