/* CSS Document */

html {
	height: 100%;
}

body {
	margin: 0px;
	height: 100%;
	background-color: #CBE8EC;
	background-image: url(images/fondo.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3F3F5F;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #66669A;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #66669A;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444466;
	font-weight: bold;
	text-decoration: none;
}

a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #66669A;
	font-weight: bold;
	text-decoration: none;
}


.introflash {
	vertical-align: top;
	padding-top: 60px;
	text-align: center;
}

.tablaflash {
	height: 100%;
	width: 100%;
}

#cabecera {
	height: 113px;
	position: relative;
	background-image: url(images/foto_cabecera_01.jpg);
	background-position: 325px 0px;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
}

#cabecera .logo {
	height: 113px;
	width: 205px;
	background: url(images/logo_cabecera.gif) no-repeat;
}	

#cabecera .contacto {
	height: 20px;
	width: 255px;
	background-image: url(images/fondo_contacto.gif);
	background-repeat:no-repeat;
	background-position:right;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
	padding-top: 5px;
}


#franjaNaranja {
	background-color: #FF9A66;
	height: 19px;
	background-image: url(images/texto_logo_cabecera.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-align:right;
	padding-right: 20px;
	color: #686696;
	padding-top: 4px;
}


.contenidos_ext {
	background-image: url(images/fondo_contenidos.jpg);
	background-position: top;
	background-repeat: repeat-x;
	height: 105px;
}

.contenidos_int {
	background-image: url(images/foto_cabecera_02.jpg);
	background-repeat:no-repeat;
	background-position: 325px 0px;
	position: relative;
	margin-bottom: 0px !important;
	margin-bottom: 1px;
}


.menu {
	float: left;
	width: 240px;
	background-image:url(images/top_menu.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top: 63px;
}

.menu a {
	display: block;
	height: 30px;
	width: 140px;
	background-repeat:no-repeat;
	cursor: pointer;
	font-weight: bold;
	font-size: 13px;
	text-align: right;
	padding-right: 35px;
	padding-top: 12px;
}

.menu a:link {
	background-image:url(images/boton_menu.jpg);
	color: #4A4A71;
}

.menu a:visited {
	background-image:url(images/boton_menu.jpg);
	color: #4A4A71;
}

.menu a:hover {
	background-image:url(images/boton_menu_b.jpg);
	color: #6D6DA0;
}

.menu a:active {
	background-image:url(images/boton_menu.jpg);
	color: #4A4A71;
}

.menu .bottomMenu {
	height: 225px;
	width: 175px;
	background-image: url(images/bottom_menu.gif);
	background-repeat: no-repeat;
}


.interior {
	padding-top: 50px;
	margin-left: 245px;
	padding-bottom: 30px;
}


.titulo {
	height: 25px;
	background-image: url(images/fondo_titulo.gif);
	background-repeat:no-repeat;
	background-position: left;
	margin-bottom: 40px;
}

.titulo span {
	display: block;
	margin-left: 20px;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	height: 22px;
	padding-top: 3px;
	background: #6BBDC9;
}

.interior p {
	margin-right: 30px;
	text-align: justify;
}

.interior li {
	list-style-image: url(images/rayo_lista.gif);
}


.foto {
	width: 340px;
	heigth: 227px;
	margin: 10px;
	padding-top: 8px;
	padding-left: 10px;
	background-image: url(images/fondo_foto.gif);
	background-position: top left;
	background-repeat:no-repeat;
	float: right;
	clear: right;
}

.foto_int{
	background-image: url(images/fondo_pie_foto.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	font-size: 10px;
	color: #FFFFFF;
}

.pieFoto {
	text-align: right;
	padding-right: 20px;
}

#bottomContenidos {
	clear: left;
}

.negrita {
	font-weight: bold;
}


.pie {
	background-color: #FF9A66;
	height: 28px;
	text-align: right;
	padding-right: 20px;
	color: #FFFFFF;	
	clear: both;
}

.pie a:link {
	color: #FFFFFF;
	font-weight: normal;
}

.pie a:visited {
	color: #FFFFFF;
	font-weight: normal;
}

.pie a:hover {
	color: #FFEBE0;
	font-weight: normal;
}

.pie a:active {
	color: #FFFFFF;
	font-weight: normal;
}




/************************************************ PAGINA DE PORTADA *************************************************/

.texto_presentacion_ext {
	text-align: center;
}

.recuadroBlancoExt {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	background-color: #FFFFFF;
	background-image: url(images/rec_blanco_top.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

.recuadroBlancoInt {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	height: 20px;
	background-image: url(images/rec_blanco_bottom.gif);
	background-repeat: no-repeat;
}

.recuadroContenido {
	padding: 10px 10px 0px 10px;
	min-height: 50px;
	height: auto!important;
	height: 50px;
	font-size: 14px;
	color: #666666;
}

.centrado {
	text-align: center;
}

.logoGrupo {
	margin-left: auto;
	margin-right: auto;
	width: 220px;
	height: 67px;
	background: url(images/logo_grupo.gif) no-repeat;
}

.flechas {
	text-align: center;
	height: 55px;
}

.flechas div {
	width: 55px;
	height: 55px;
	background-repeat: no-repeat;
}

.flechaIzq {
	background-image: url(images/flecha_blanca_izq.jpg);
	float: left;
	margin-left: 80px!important;
	margin-left: 50px;
}

.flechaDer {
	background-image: url(images/flecha_blanca_der.jpg);
	float: right;
	margin-right: 80px!important;
	margin-right: 50px;
}

.logosGrupo {
	margin-top: 5px;
	margin-bottom: 15px;
	height: 70px;
}

.logosGrupo div{
	height: 70px;
	background-repeat:no-repeat;
}

.logoElfer {
	float: left;
	margin-left: 5px;
	width: 108px;
	background-image: url(images/elfer.gif);
}

.logoElfercat {
	float: right;
	width: 200px;
	background-image: url(images/elfercat.gif);
}


.recuadroPeqExt {
	padding: 0px 80px 30px 80px;
	text-align: center;
	margin-bottom: 40px;
}

.recuadroPeq {
	width: 130px;
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 85px;
	padding-left: 24px;
}

#recuadro_turquesa {
	background-image: url(images/recuadro_turq_top.jpg);
	float: left;
}

#recuadro_naranja {
	background-image: url(images/recuadro_naranja_top.jpg);
	margin-left: auto;
	margin-right: auto;
}

#recuadro_morado {
	background-image: url(images/recuadro_morado_top.jpg);
	float: right;
}

.interiorRecPeq {
	background-repeat: repeat-y;
	font-size: 14px;
	padding: 4px;
	padding-right: 8px;
	text-align: left;
}

#recuadro_turquesa .interiorRecPeq {
	background-image: url(images/fondo_rec_turquesa.gif);
	color: #663399;
}

#recuadro_naranja .interiorRecPeq {
	background-image: url(images/fondo_rec_naranja.gif);
	color: #000099;
}

#recuadro_morado .interiorRecPeq {
	background-image: url(images/fondo_rec_morado.gif);
	color: #FFFF99;
}

.resalte {
	font-weight: bold;
	color: #FFFFFF;
}

.separador {
	clear: both;
}

.fotos_clientes {
	clear: right;
	float: right;
	margin-right: 20px;
	margin-bottom: 10px;
}

.derecha {
	float: right;
	margin-right: 5px;
}

.izquierda {
	float: left;
	margin-left: 5px;
}