@charset "utf-8";
/* CSS Document */

/*** SETEOS GENERALES ***/

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

a {
	outline-style: none;
	outline-width: medium;	
}

h1 {}

h2 {}

h3 {}

/* === #main_container === */
#main_container {
	width: 900px;
	margin: 0px auto;
}

/* === #header === */
#header {
	position: relative;
	height: 150px;
	background-color: #EBECED;
	background-image: url(../imagenes/bg_header_logo.png);
	background-position: 90px 0px;
	background-repeat: no-repeat;
}

	/* -- #banderas -- */
	#header #banderas {
		position: absolute;
		top: 5px;
		right: 10px;
		height: 23px;
		width: 90px;
		background-image: url(../es/imagenes/bg_banderas.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		z-index: 10000;
	}
	
		#header #banderas a {
			text-indent: -9999px;
			display: block;
			height: 23px;
			width: 43px;
			float: left;
		}

/* === #body_content === */
#body_content {
	margin-left: 25px; 
}

	/* -- #col_left -- */
	#body_content #col_left {
		float: left;
		width: 700px;
	}
	
		/* -- #nav_principal -- */
		#body_content #col_left ul#nav_principal {
			list-style: none;
			margin: 10px 0px;
			padding: 0px;
			height: 15px;
			position: relative;
			z-index: 1000;
		}
		
			#body_content #col_left ul#nav_principal > li {
				float: left;
				width: 110px;
				height: 15px;
				margin-left: 8px;
				background-color: #002B57;
				text-align: center;
				font-weight: bold;
			}
				#body_content #col_left ul#nav_principal > li.first {
					margin-left: 0px;
				}
				
				#body_content #col_left ul#nav_principal > li:hover {
					background-color: #595A5C;
				}		
			
				#body_content #col_left ul#nav_principal > li a {
					text-decoration: none;
					color: #FFFFFF;
					display: inline-block;
					width: 100%;
					height: 100%;
				}
				
				/* -- .sub_menu -- */
				#body_content #col_left ul#nav_principal > li ul.sub_menu {
					list-style: none;
					margin: 0px;
					padding: 0px;
					display: none;	
				}
					
					#body_content #col_left ul#nav_principal > li:hover ul.sub_menu {
						display: inline-block;
					}
				
					#body_content #col_left ul#nav_principal > li ul.sub_menu li {
						background-color: #EBECED;
						width: 110px;				
						border-bottom: 1px solid #000000;
						text-align: center;
						font-weight: bold;			
						padding: 2px 0px;
					}
					
						#body_content #col_left ul#nav_principal > li ul.sub_menu li a {
							display: inline-block;
							text-decoration: none;
							color: #000000;
							width: 100%;
							height: 100%;
						}
						
							#body_content #col_left ul#nav_principal > li ul.sub_menu li a:hover {
								color: #333333;
							}
							
		/* -- #banner_central -- */
		#body_content #col_left #banner_central {
			margin-bottom: 10px;
		}
		
		/* -- .box_contenido -- */
		#body_content #col_left .box_contenido {
			position:relative;
		}
		
			#body_content #col_left .box_contenido h1 {
				background-color: #A7A9AC;
				color: #FFFFFF;
				text-align: center;
				padding: 3px 0px;
				margin: 0px;
				font-size: 20px;
			}
			
			#body_content #col_left .box_contenido > div {
				background-color: #EBECED;
				padding: 10px;
				width: 680px;
			}				
				
				#body_content #col_left .box_contenido > div .image_left {
					float: left;
					margin-right: 10px;
					margin-bottom: 20px;
				}
				
				#body_content #col_left .box_contenido > div .image_right {
					float: right;
					margin-left: 10px;
					margin-bottom: 20px;
				}				
			
				#body_content #col_left .box_contenido > div h2 {
					color: #003868;
					margin: 0px;
					margin-bottom: 5px;
					font-size: 25px;
				}
			
				#body_content #col_left .box_contenido > div p {
					color: #000000;
					margin-top: 0px;
				}
				
				/* -- #flota_listado -- */
				#body_content #col_left .box_contenido > div ul#flota_listado {
					clear: both;
					margin: 0px;
					padding: 0px;
					margin-top: 15px;
					list-style: none;
					height: 65px;
				}
				
					#body_content #col_left .box_contenido > div ul#flota_listado li {
						float: left;
						margin-left: 23px;
						text-align: center;
						width: 93px;
					}
					
						#body_content #col_left .box_contenido > div ul#flota_listado li.first {
							margin-left: 0px;
						}
					
						#body_content #col_left .box_contenido > div ul#flota_listado li a {
							color: #000000;
							display: block;
							font-size: 11px;
						}
					
							#body_content #col_left .box_contenido > div ul#flota_listado li a img {
								margin-bottom: 10px;
							}
							
				/* -- .box_detalle_flota -- */
				#body_content #col_left .box_contenido div.box_detalle_flota {
					padding: 0px;
					background: none;
					width: 700px;
				}
					/* -- .box_item -- */
					#body_content #col_left .box_contenido div.box_detalle_flota .box_item {
						text-align: center;
						width: 186px;
						float: left;
						margin: 0px 0px 10px 20px;
						background-color: #EBECED;
						padding: 17px;							
					}
					
						#body_content #col_left .box_contenido div.box_detalle_flota .box_item.first {
							margin-left: 0px;
						}
					
						#body_content #col_left .box_contenido div.box_detalle_flota .box_item img {
							margin-bottom: 10px;
						}
						
						#body_content #col_left .box_contenido div.box_detalle_flota .box_item p {
							text-align: left;
						}

			/* -- #texto_informativo -- */
			#body_content #col_left .box_contenido #texto_informativo {
				float: left;
				width: 240px;
				font-size: 14px;
				margin-left: 15px;
			}

				#body_content #col_left .box_contenido #texto_informativo p {
					font-size: 14px;
					font-weight: bold;
					margin-top: 0px;
				}
				
			/* -- .datos_contacto -- */
			#body_content #col_left .box_contenido .datos_contacto {
				background-color: transparent;
				position: absolute;
				top: 40px;
				right: 20px;
				display: none;
			}
			
				#body_content #col_left .box_contenido .datos_contacto h2 {
					font-size: 14px;
				}
				
				#body_content #col_left .box_contenido .datos_contacto a {
					color:#000000;
				}

	/* -- #col_right -- */
	#body_content #col_right {
		float: left;
		margin-left: 25px;
		margin-top: 10px;
		width: 150px;
	}
	
	#body_content #col_right > div {
		margin-bottom: 10px;
	}

/* === #footer === */
#footer {
	margin: 0px 0px 0px 25px;
}

	/* -- #nav_inferior -- */
	#footer ul#nav_inferior {
		list-style: none;
		margin: 0px;
		padding: 0px;
		height: 18px;
		margin-bottom: 10px;	
	}

		#footer ul#nav_inferior li {
			float: left;
			border-left: 1px solid #003868;
			padding: 2px 5px;
		}
			#footer ul#nav_inferior li.first {
				border-left: none;
				padding: 2px 5px 2px 0px;
			}
		
			#footer ul#nav_inferior li a {
				text-decoration: none;
				color: #003868;
				font-weight: bold;
			}
			
				#footer ul#nav_inferior li a:hover {
					color: #595A5C;
				}

	/* -- #links_contacto -- */
	#footer ul#links_contacto {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
		
		#footer ul#links_contacto li {
			color: #58595B;
			margin-bottom: 2px;
		}
		
			#footer ul#links_contacto li a {
				text-decoration: none;
				color: #58595B;
			}

	/* -- #copyrights -- */
	#footer #copyrights {
		margin-top: 10px;
		font-size: 9px;
		color: #58595B;
	}

/* === formularios === */
form {
	width: 390px;
	margin: 0px;
	margin-left: 290px;
}

	form div {
		margin-bottom: 5px;
	}
	
		form div label {
			float: left;
			margin-top: 2px;
			margin-right: 8px;
			width: 65px;
			text-align: right;
		}

		form div .caja_texto {
			border: 1px solid #7A7C7F;
			padding: 1px;
			background-color: #FFFFFF;
			width: 300px;
			margin-right: 2px;
		}
		
		form div span {
			color: #FF0000;
		}
		
		form div textarea {
			border: 1px solid #7A7C7F;
			padding: 1px;
			background-color: #FFFFFF;
			width: 300px;
			height: 60px;
			margin-right: 2px;
		}
		
		form div.box_botones {
			text-align: right;
			margin-top: 15px;
			margin-left: 60px;
			margin-right: 7px;
		}
			
			form div.box_botones #campos_obligatorios {
				float: left;
			}
		
			form div.box_botones .boton {
				border: none;
				background-color: #002B57;
				color: #FFFFFF;
			}
		
/* === .clearfix === */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}