/* @override http://www.recordstorage.es/css/index.css */

body {
	margin:0;
	background:url(../img/maq/fondo_body.jpg) repeat-x top left #d1d1d1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	font-weight:normal;
}

strong {
color:#016291;
}

a {
color:#016291;
text-decoration:none;
}

a:hover {
color:#0390d4;
text-decoration:underline;
}



div#contenedor {
	width:770px;
	margin:0 auto;
}

div#contenedor div#cabeceraA {
	background:url(/img/maq/cabecera/fondo-cabeceraA.jpg) no-repeat top left transparent;
	width:770px;
	height:43px;
}

	div#contenedor div#cabeceraA span{
		color:#676767;
		font-size:11px;
		display:block;
		margin:6px 45px !important;
		margin:6px 22px;
		float:left;
	}
	
	div#contenedor div#cabeceraA ul{
		list-style:none;
		margin:12px 10px;
		padding:0;
		float:right;
	}
	
		div#contenedor div#cabeceraA ul li{
			float:left;
		}
		
			div#contenedor div#cabeceraA ul li a{
				color:white;
				text-decoration:none;
			}
			
			div#contenedor div#cabeceraA ul li a:hover{
				color:#d6e7ef;
				text-decoration:underline;
			}
			
			div#contenedor div#cabeceraA ul li img{
				margin:0px 15px 0px 5px;
			}

div#contenedor div#cabeceraB {
	background:url(/img/maq/cabecera/fondo-cabeceraB.jpg) no-repeat top left transparent;
	width:770px;
	height:47px;
}

	div#contenedor div#cabeceraB marquee{
		float:left;
		width:300px;
		height:12px;
		margin:16px 22px !important;
		margin:2px 11px;
		font-size:11px;
	}
	
		div#contenedor div#cabeceraB marquee ul{
			list-style:none;
			margin:0;
			padding:0;
		}
		
			div#contenedor div#cabeceraB marquee ul li{
				float:left;
			}
			
				div#contenedor div#cabeceraB marquee ul li a{
					color:#676767;
					text-decoration:none;
					margin:0 10px;
				}
				
				div#contenedor div#cabeceraB marquee ul li a:hover{
					text-decoration:underline;
				}
				
	div#contenedor div#cabeceraB form#login_pasarela{
		float:right;
		width:400px;
		margin:12px 12px !important;
		margin:12px 6px;
	}
	
		div#contenedor div#cabeceraB form#login_pasarela label{
			color:white;
			margin:0px 5px;
		}
		
		div#contenedor div#cabeceraB form#login_pasarela input{
			width:80px;
			height:14px;
			border:1px solid #233641;
			background:url(../img/maq/fondoInput.gif) top left repeat-x white;
		}
		
		div#contenedor div#cabeceraB form#login_pasarela a{
			background:url(../img/maq/fondoBoton2.gif) top left repeat-x blue;
			line-height:18px;
			border:1px solid #233641;
			padding:1px 15px;
			margin:0px 10px 1px 10px !important;
			margin:0px 5px 1px 10px;
			text-decoration:none;
			color:white;
		}
		
		div#contenedor div#cabeceraB form#login_pasarela a:hover{
			background:url(../img/maq/fondoBoton.gif) top left repeat-x blue;
		}

div#contenedor div#cabeceraC {
	width: 769px;
	height:179px;
}

div#contenedor div#cuerpo {
	background:url(/img/maq/fondoContenedor.gif) repeat-y top left #d1d1d1;
	width:770px;
}
	
	div#contenedor div#cuerpo h1 {
		font-size:24px;
		color:#016fa4;
		margin:2px 0;
	}
	
	div#contenedor div#cuerpo h3 {
		font-size:20px;
		color:#6b6b6b;
		margin:2px 0;
	}
	
	div#contenedor div#cuerpo h5 {
		font-size:13px;
		color:#016fa4;
		margin:2px 0;
	}
	
	div#contenedor div#cuerpo a.vermas {
		font-size:12px;
		color:#FFFFFF;
		background:#008ccf;
		padding:1px 5px;
		display:block;
		float:right;
		text-decoration:none;
	}
	
	div#contenedor div#cuerpo a.vermas:hover {	
		color:#efeeee;
		background:#00537b;
	}
	
	/*/////////////////////////////////////////////////////////////////////////////////*/

	
	div#contenedor div#cuerpo div#submenu {
		background: url(/img/sec/contacto/fondoLocalizacion.gif) no-repeat top left transparent;
		width:255px;
		margin:0px 0px 0px 5px !important;
		margin:0px 0px 0px 2px;
		padding: 15px 0px 10px 20px;
		height:195px;
		border-bottom:1px solid #d5d5d5;
		float:left;
		color:#016291;
	}
	
			div#contenedor div#cuerpo div#submenu  h5 {
				font-size:16px;
				color:#FFFFFF;
				font-weight: normal;
				margin-bottom:20px;
			}		
	
			div#contenedor div#cuerpo div#submenu  ul  {
				list-style: url(/img/maq/punto.gif);
				margin:0px 0px 0px 15px;
				padding:0;
				float:left;
	
			}
			
			div#contenedor div#cuerpo div#submenu  li  {
				margin:0px 0px 5px 0px;
				font-weight:bold;
	
			}

			
			div#contenedor div#cuerpo div#submenu  li a:hover  {
				list-style: url(/img/maq/punto2.gif);
			}

		/*/////////////////////////////////////////////////////////////////////////////////*/
		
		
	
	div#contenedor div#cuerpo div#menu {
		background:url(../img/maq/menu/fondo_menu.jpg) no-repeat top left transparent;
		width:485px;
		margin:0px 5px 0px 0px !important;
		margin:0px 2px 0px 0px;
		height:43px;
		float:right;
	}
	
	div#contenedor div#cuerpo div#destacado {
		width:305px;
		margin:0px 20px 0px 30px !important;
		padding: 20px 0px 0px 130px;
		height:157px;
		float:left;
		border-bottom:1px solid #d5d5d5;
		background: url(/img/sec/inicio/img_empresa.jpg) no-repeat top left;

	}
	
	div#contenedor div#cuerpo div#ancha {
		width:720px;
		height:auto;
		clear:both;
		padding:25px;
	}
	
		div#contenedor div#cuerpo div#ancha ul.especial{
			list-style: url(/img/maq/flecha.gif);
		}
		
		
		div#contenedor div#cuerpo div#ancha ul.especial li{
		margin-bottom:10px;
		}
	
		div#contenedor div#cuerpo div#ancha div.destacado2{
			width:340px;
			height:240px;
			float:left;
			margin:10px 0px;
		}
		
			div#contenedor div#cuerpo div#ancha div.destacado2 h3{
				color:white;
				font-size:16px;
				font-weight:normal;
				margin:0px 0px 65px 30px;
				padding:17px;
			}
			
			div#contenedor div#cuerpo div#ancha div.destacado2 p strong{
				color:#016fa4;
			}
	
	div#contenedor div#cuerpo div#pie {
		background:url(/img/maq/fondoPie.gif) repeat-x top left #d1d1d1;
		width:720px;
		margin:0px 5px;
		height:190px;
		text-align:center;
		clear:both;
		color:#d6e7ef;
		font-size:11px;
		padding:20px 20px 0px 20px;
	}
	
		#pie a {
		text-transform:uppercase;
		margin: 0px 10px 0px 10px;
		text-decoration:none;
		color: #FFFFFF;
		font-size:10px;
		}

		#pie a:hover {
		margin: 2px 10px 0px 10px;
		text-decoration:underline;
		color: #d6e7ef;
		font-size:10px;
		}
		
		
		#pie a:active {
		margin: 2px 10px 0px 10px;
		color: #9adefe;
		font-size:10px;
		}
		

		
		#pie .enlaces a{
		text-transform:none;
		font-size:11px;
		margin:0px;
		}
		



	div#contenedor div#cuerpo div#contacto1 {
		background: url(/img/sec/contacto/fondoLocalizacion.gif) no-repeat top left transparent;
		width:255px;
		margin:0px 0px 0px 5px !important;
		margin:0px 0px 0px 2px;
		padding: 15px 0px 10px 20px;
		height:178px;
		border-bottom:1px solid #d5d5d5;
		float:left;
		color:#016291;
	}
	
			div#contenedor div#cuerpo div#contacto1  h5 {
				font-size:16px;
				color:#FFFFFF;
				font-weight: normal;
				margin-bottom:20px;
			}		
	
			div#contenedor div#cuerpo div#contacto1  ul  {
				list-style: url(/img/maq/flecha.gif);
				margin:0px 0px 0px 15px;
				padding:0;
				float:left;
	
			}
			
			
			div#contenedor div#cuerpo div#contacto1  li a  {
				list-style: url(/img/maq/punto.gif);
			}
			
			div#contenedor div#cuerpo div#contacto1  li a:hover  {
				list-style: url(/img/maq/punto2.gif);
			}


	div#contenedor div#cuerpo div#contacto2 {
		width:290px;
		margin:0px 20px 0px 0px !important;
		padding: 20px 0px 0px 180px;
		height:140px;
		float:left;
		border-bottom:1px solid #d5d5d5;
		background:url(/img/sec/contacto/fondoDestacado.jpg) no-repeat top left;
		

	}
	
	
			div#contenedor div#cuerpo div#contacto2  ul  {
				list-style: url(/img/maq/flecha.gif);
				margin:0px 0px 0px 15px;
				padding:0;
				float:left;
	
			}	
			div#contenedor div#cuerpo div#contacto2  li a  {
				list-style: url(/img/maq/punto.gif);
			}
			
			div#contenedor div#cuerpo div#contacto2  li a:hover  {
				list-style: url(/img/maq/punto2.gif);
			}
			
			
	#contacto_form {
	width:720px;
	font-size:11px;
	margin-top:10px
	}
	
	#contacto_form span {
	color:#fba103;
	font-size:11px;
	font-weight:normal;

	}
	
	#contacto_form label {
	float:left;
	width:160px;
	height:18px;
	color:#FFFFFF;
	font-weight:bold;
	background:#016291;
	border:1px solid #d5d5d5;
	margin: 0px 7px 10px 0px;
	padding: 2px 0px 0px 5px;
	font-size:12px;
	}
	
	#contacto_form input {
	float:left;
	width:170px;
	height:18px;
	border:#233641 solid 1px;
	background:url(/img/maq/fondoInput.gif) repeat-x top left #FFFFFF;
	color:#666666;
	margin: 0px 0px 10px 0px;
	}
	
	#contacto_form select {
	float:left;
	width:172px;
	height:20px;
	background:#FF0000;
	border:#233641 solid 1px;
	background:url(/img/maq/fondoInput.gif) repeat-x top left #FFFFFF;
	color:#666666;
	margin: 0px 0px 10px 0px;
	padding: 2px 0px 0px 0px;
	font-size:11px;
	}
	
	#contacto_form textarea {
	float:left;
	width:700px;
	height:130px;
	background:#FF0000;
	margin-bottom:10px;
	padding:10px;
	border:#233641 solid 1px;
	background:url(/img/maq/fondoInput.gif) repeat-x top left #FFFFFF;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	}
		
	#contacto_form .boton_contacto{
	width:200px;
	height:28px;
	background:url(/img/maq/fondoBoton.gif) repeat-x top left #0085cf;
	border:1px solid #d5d5d5;
	color:#FFFFFF;
	font-weight:bold;
	font-family: Tahoma, "Courier New", Courier, monospace;
	font-size:11px;
	float:right;
	}

 	.referencias {
	float:left;
	width:720px;
	border-bottom:1px solid #d5d5d5;
	margin-bottom:20px;
	padding-bottom: 15px;
	}
	
 	.referencias img {
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	}
	
	.referencias p{
	margin:0;
	}
	
	.referencias h3 {
	font-weight:normal;
	}

#menuLista ul{
	list-style-type: none;
}

#menuLista ul li{
	float: left;
	margin-right: 28px;
	font-size: 16px;
}

#menuLista ul li.start{
	margin-left: 16px;
}

#menuLista ul li.end{
	margin-right: 0;
}

#menuLista ul li a{
	color: #e1e1e1;
	font-weight: bold;
}

#menuLista ul li a:hover{
	color: #8bc8e4;
	text-decoration: none;
}


div#flotante{
	position: fixed;
	z-index: 1;
	right: 0;
}