/* ******************************************************************* */
/* ***** MAQUETACIÓN GENERAL DE LA WEB COMÚN A TODAS LAS PÁGINAS ***** */
/* ******************************************************************* */
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#000000;
	text-align:left;
	color:#000000;
}
form {
	margin:0;
	padding:0;
}
a, a:link, a:hover, a:active, a:visited {
	color:#FFB42B;
	text-decoration:underline;
}

table#WEB {
	width:100%;
	height:819px;
	border:none;
	margin:0;
	padding:0;
}
table#WEB td#WEBLeft {
	background: url("../images/fondo_web_left.jpg") right top no-repeat;
}
table#WEB td#WEBRight {
	background: url("../images/fondo_web_right.jpg") left top no-repeat;
}
table#WEB td#ContenidoWEB {
	width:959px;
	border-left:#000000 5px solid;
	border-right:#000000 5px solid;
	border-bottom:none;
	border-top:none;
}

table#Cabecera {
	width:100%;
	border:none;
	margin:0;
	padding:0;
	height:128px;
}
table#Cabecera td#CabeceraLogo {
	width:400px;
	padding:0;
}
table#Cabecera td#CabeceraRight {
	background:url("../images/cabecera_fondo.jpg") right top repeat-y;
	padding:0;
}

div#CabeceraFlash { 
	height:130px;
	padding-bottom:1px;
}

div#CabeceraFlashPortada { 
	height:200px;
	padding-bottom:1px;
	background:url("../images/portada_cabecera.jpg") left top no-repeat;
}

div#CabeceraSeparador {
	height:3px;
	margin:0;
	padding:0;
	font-size:1px;
	background:url("../images/cabecera_separador.jpg") left top no-repeat;
}

div#Menu {
	text-align:center;
	background:#000000 url("../images/menu_fondo.jpg") left top repeat-x;
	font-size:14px;
	height:22px;
	padding-top:5px;
}
div#Menu a {
	margin:0px 18px;
	padding:5px 30px 3px 30px;
	color:#FFB42B;
	text-decoration:none;
}
div#Menu a:hover, div#Menu a.BotonSeleccionado {
	background:url("../images/menu_selected.jpg") left top repeat-x;
	color:#000000;
}

div#ContenidoBloque {
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}
div#Contenido {
	height:544px;
	overflow:auto;
	margin:0;
	padding:0;
}
div#ContenidoPortada {
	height:474px;
	overflow:auto;
	margin:0;
	padding:0;
}

div#Pie {
	background-color:#000;
	height:117px;
	margin:0;
	padding:0;
}
div#Pie div#Copyright {
	text-align:right;
	font-size:11px;
	color:#FFB42B;
	padding-top:2px;
	height:23px;
}
div#Pie table#TablaPie {
	border:none;
	padding:0;
	margin:0;
	width:100%;
	height:90px;
}
table#TablaPie td {
	width:20%;
}
table#TablaPie td.CeldaPie {
	border-right:#FFB42B 1px solid;
	color:#FFB42B;
	padding:0 10px;
}
table#TablaPie td.CeldaPie div.TituloPie {
	font-size:13px;
	font-weight:bold;
	padding-bottom:5px;
	text-align:right;
}
div.TituloPie a, div.TituloPie a:link, div.TituloPie a:active, div.TituloPie a:visited {
	color:#FFB42B;
	text-decoration:none;
}
div.TituloPie a:hover {
	background-color:#FFB42B;
	color:#000000;
	text-decoration:none;
}
table#TablaPie td.CeldaPie div.EnlacePie {
	font-weight:normal;
	text-align:right;
	padding-right:15px;
	background:url("../images/enlace_pie_punto.jpg") right top no-repeat;
	font-size:10px;
}
div.EnlacePie a, div.EnlacePie a:link, div.EnlacePie a:active, div.EnlacePie a:visited {
	color:#FFB42B;
	text-decoration:none;
}
div.EnlacePie a:hover {
	background-color:#FFB42B;
	color:#000000;
	text-decoration:none;
}

.TextoNaranja {
	color:#FFB42B;
}
a.TextoNaranja, a.TextoNaranja:link, a.TextoNaranja:active, a.TextoNaranja:visited, a.TextoNaranja:hover {
	color:#FFB42B;
	text-decoration:underline;
}
.TextoGris {
	color:#999999;
}
a.TextoGris, a.TextoGris:link, a.TextoGris:active, a.TextoGris:visited {
	color:#999999;
	text-decoration:underline;
}
a.TextoGris:Hover {
	color:#FFB42B;
	text-decoration:underline;
}
.TextoNegro {
	color:#000;
}
a.TextoNegro, a.TextoNegro:link, a.TextoNegro:active, a.TextoNegro:visited {
	color:#000;
	text-decoration:underline;
}
a.TextoNegro:Hover {
	color:#666;
	text-decoration:underline;
}
.FuenteGrande {
	font-size:14px;
}
.FuenteMedioGrande {
	font-size:15px;
}
.FuenteMasGrande {
	font-size:16px;
}
.FuentePequena {
	font-size:10px;
}
.FuenteMedioPequena {
	font-size:11px;
}
.FuenteMasPequena {
	font-size:8px;
}
.FuenteNormal {
	font-size:12px;
}
.Temp {
	background:url("../images/temp.jpg") 50% 50% no-repeat;
	height:540px;
}


/* ************************************************ */
/* ***** ESTILOS INDIVIDUALES DE CADA PÁGINAS ***** */
/* ************************************************ */

/* --- PORTADA --- */

div#PortadaEncabezado {
	height:225px;
	background:url("../images/portada_encabezado.jpg") left top no-repeat;
}
div#PortadaEncabezadoTexto {
	padding:35px 0 0 27px;
	width:631px;
	height:177px;
	color:#666666;
	font-size:11px;
	text-align:justify;
}
div#PortadaSlider {
	height:167px;
}
table#PortadaCuadros {
	width:100%;
	height:170px;
	border:none;
	color:#666666;
}
td#PortadaCuadro1 {
	width:325px;
	background:url("../images/portada_cuadro1.jpg") left top no-repeat;
}
td#PortadaCuadro2 {
	width:303px;
	background:url("../images/portada_cuadro2.jpg") left top no-repeat;
}
td#PortadaCuadro3 {
	width:331px;
	background:url("../images/portada_cuadro3.jpg") left top no-repeat;
}
div#PortadaCuadroTexto1 {
	padding:20px 10px 0 102px;
}
div#PortadaCuadroTexto2 {
	padding:20px 10px 0 77px;
}
div#PortadaCuadroTexto3 {
	padding:20px 40px 0 75px;
}
div.PortadaTitulo {
	color:#FFB42B;
	font-size:13px;
	font-weight:bold;
	padding:4px 0;
}
div.PortadaTexto {
	text-align:justify;
	height:97px;
	overflow:hidden;
	padding:3px 0 3px 10px;
	font-size:11px;
}
div.PortadaEnlace {
	text-align:right;
	font-weight:bold;
	font-size:11px;
}
div.PortadaEnlace a, div.PortadaEnlace a:link, div.PortadaEnlace a:active, div.PortadaEnlace a:visited {
	color:#666666;
	text-decoration:underline;
}
div.PortadaEnlace a:hover {
	color:#FFB42B;
	text-decoration:underline;
}
div#PortadaPie {
	background:url("../images/portada_integracion.jpg") left top no-repeat;
	height:46px;
}




/* --- CONTACTO --- */

div#ContactoTop {
	height:15px;
	font-size:5px;
	background:url("../images/contacto_contenido_top.jpg") left top no-repeat;
}
div#ContactoBottom {
	height:15px;
	font-size:5px;
	background:url("../images/contacto_contenido_bottom.jpg") left bottom no-repeat;
}
table#ContactoBloqueCentral {
	margin: 0 0 0 15px;
	border:0;
	padding:0;
	width:944px;
	height:522px;
	background:url("../images/contacto_imagen_right.jpg") right top no-repeat;
}
table#ContactoBloqueCentral td#ContactoFormularioTop {
	width:400px;
	height:90px;
	margin:0;
	padding:0;
	background:url("../images/contacto_formulario_top.jpg") left top no-repeat;
}
table#ContactoBloqueCentral td#ContactoFormulario {
	padding:20px 30px 0 18px;
	margin:0;
	height:395px;
	background:url("../images/contacto_formulario_fondo.jpg") left top repeat-y;
}
table#ContactoBloqueCentral td#ContactoFormularioBottom {
	height:22px;
	font-size:5px;
	margin:0;
	padding:0;
	background:url("../images/contacto_formulario_bottom.jpg") left top no-repeat;
}
div#ContactoFormularioTitulo {
	font-size:24px;
	color:#FFFFFF;
	text-align:center;
	padding-top:33px;
}
table#ContactoTablaFormulario {
	margin:0;
	border:0;
	padding:0;
	width:100%;
}
table#ContactoTablaFormulario td {
	padding:5px;
}
input.ContactoCampoFormulario {
	width:220px;
	height:14px;
	font-size:12px;
	color:#666666;
	padding:1px 3px;
	border:none;
	border-bottom:#999999 1px dotted;
}
textarea.ContactoCampoFormulario {
	width:320px;
	border:#FFB42B 1px solid;
	padding:3px;
	height:120px;
	color:#666666;
	font-size:12px;
}
input.ContactoBotonFormulario {
	border:#FFB42B 1px solid;
	background-color:#FFFFFF;
	color:#FFB42B;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}
div#ContactoTrabaja {
	height:169px;
	width:400px;
	margin:auto;
	background:url("../images/contacto_trabaja_fondo.jpg") left bottom no-repeat;
	padding:0;
}
div.ContactoTrabajaEnlace {
	position:relative;
	z-index:1;
	float:right;
	width:140px;
	text-align:right;
	margin:15px 7px 0 0;
}
div.ContactoTrabajaTitulo {
	color:#FFB42B;
	font-size:19px;
	text-align:right;
	font-weight:bold;
	padding: 25px 165px 10px 20px;
}
div.ContactoTrabajaListado {
	background:url("../images/contacto_trabaja_punto.jpg") left center no-repeat;
	margin-left:60px;
	padding:2px 150px 2px 20px;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
}
div#ContactoTextoDerecha {
	padding:100px 20px 0px 10px;
	height:240px;
}
table#ContactoTrabajaTabla {
	margin: 0;
	border:0;
	padding:0;
	width:400px;
	height:450px;
}
table#ContactoTrabajaTabla td#ContactoFormularioTop {
	width:400px;
	height:92px;
	margin:0;
	padding:0;
	background:url("../images/contacto_formulario_top.jpg") left top no-repeat;
}
table#ContactoTrabajaTabla td#ContactoFormulario {
	padding:20px 30px 0 18px;
	margin:0;
	height:374px;
	background:url("../images/contacto_formulario_fondo.jpg") left top repeat-y;
}
table#ContactoTrabajaTabla td#ContactoFormularioBottom {
	height:22px;
	font-size:5px;
	margin:0;
	padding:0;
	background:url("../images/contacto_formulario_bottom.jpg") left top no-repeat;
}
.ContactoCampoArchivo {
	width:220px;
	font-size:10px;
	color:#666666;
	border:#FFB42B 1px solid;
	background-color:#FFFFFF;
}



/* --- NOSOTROS --- */

div#NosotrosEncabezado {
	height:185px;
	background:url("../images/nosotros_encabezado.jpg") left top no-repeat;
}
div#NosotrosEncabezadoTexto {
	padding:18px 0 0 18px;
	width:535px;
	height:152px;
	color:#FFFFFF;
	font-size:11px;
	text-align:justify;
	font-weight:bold;
}
div#NosotrosSlider {
	height:142px;
}
div#NosotrosBloques {
	height:359px;
}
div#NosotrosBloque1 {
	float:left;
	width:328px;
	height:359px;
	background:url("../images/nosotros1.jpg") left top no-repeat;
}
div#NosotrosBloque2 {
	float:left;
	width:304px;
	height:359px;
	background:url("../images/nosotros2.jpg") left top no-repeat;
}
div#NosotrosBloque3 {
	float:left;
	width:327px;
	height:359px;
	background:url("../images/nosotros3.jpg") left top no-repeat;
}
div.NosotrosContenido {	
	text-align:justify;
	padding:98px 5px 0 25px;
	height:257px;
	font-size:12px;
}
div.NosotrosTexto {
	height:257px;
	overflow:auto;
	padding-right:20px;
}



/* --- SERVICIOS --- */

div#ServiciosEncabezado {
	height:187px;
	background:url("../images/servicios_encabezado.jpg") left top no-repeat;
}
div#ServiciosEncabezadoTexto {
	padding:25px 0 0 55px;
	width:550px;
	height:147px;
	color:#000;
	font-size:11px;
	text-align:justify;
}
div#ServiciosSlider {
	height:137px;
}
div#ServiciosTop {
	height:26px;
	background:url("../images/servicios_top.jpg") left top no-repeat;
}
div#ServiciosBottom {
	height:96px;
	background:url("../images/servicios_bottom.jpg") left top no-repeat;
}
div#ServiciosCuadros {
	height:235px;
}
div#ServiciosSeparador1 {
	float:left;
	height:235px;
	width:47px;
	background:url("../images/servicios1.jpg") left top no-repeat;
}
div#ServiciosSeparador2 {
	float:left;
	height:235px;
	width:33px;
	background:url("../images/servicios2.jpg") left top no-repeat;
}
div#ServiciosSeparador3 {
	float:left;
	height:235px;
	width:31px;
	background:url("../images/servicios3.jpg") left top no-repeat;
}
div#ServiciosSeparador4 {
	float:left;
	height:235px;
	width:50px;
	background:url("../images/servicios4.jpg") left top no-repeat;
}
div.ServiciosCuadro {
	height:235px;
	float:left;
	width:266px;
	background:url("../images/servicios_cuadro.jpg") left top no-repeat;
}
div.ServiciosCuadroTitulo {
	font-size:16px;
	font-weight:bold;
	color:#888;
	padding: 6px 3px 6px 35px;
}
div.ServiciosCuadroContenido {
	padding:3px 5px 0 5px;
	height:190px;
}
div.ServiciosCuadroTexto {
	height:185px;
	padding-right:5px;
	overflow:auto;
	text-align:justify;
}



/* --- REFERENCIAS --- */

div#ReferenciasContenido {
	background-color:#ECECEC;
	height:544px;
}
div#ReferenciasTop {
	height:16px;
	background:url("../images/referencias_top.jpg") left top no-repeat;
}
div.ReferenciasTitulo {
	height:39px;
	background:url("../images/referencias_titulo.jpg") left top no-repeat;
}
div.ReferenciasTitulo div {
	color:#888;
	font-size:14px;
	padding:6px 18px 0 760px;
	text-align:center;
	font-weight:bold;
}
div.ReferenciasBloque {
	height:135px;
	background:url("../images/referencias_webs_bottom.jpg") left bottom repeat-x;
}
div.ReferenciasCuadro {
	height:125px;
	width:360px;
	padding:10px 0 0 15px;
	float:left;
	background:url("../images/referencias_bloque.jpg") left top no-repeat;
}
div.ReferenciasImagen {
	width:130px;
	height:110px;
	float:left;
	padding-right:10px;
}
div.ReferenciasTexto {
	width:195px;
	height:110px;
	float:left;
	padding-left:5px;
}
div.ReferenciasWebTitulo {
	font-size:15px;
	font-weight:bold;
	color:#666;
}
div.ReferenciasWebTitulo a, div.ReferenciasWebTitulo a:link, div.ReferenciasWebTitulo a:active, div.ReferenciasWebTitulo a:visited {
	color:#666;
	text-decoration:none;
}
div.ReferenciasWebTitulo a:hover {
	color:#666;
	text-decoration:underline;
}
div.ReferenciasWebDesc {
	color:#999999;
	font-size:11px;
	padding:3px 0;
}
div.ReferenciasWebTexto {
	height:85px;
	overflow:auto;
}
div.ReferenciasLinks {
	width:205px;
	height:135px;
	float:left;
	font-size:12px;
	font-weight:bold;
	background:#FFF url("../images/referencias_webs_bottom.jpg") left bottom repeat-x;
}
.ReferenciasLinks ul {
	margin:0;
	padding: 0 0 0 10px;
	list-style:none;
}
.ReferenciasLinks ul li {
	list-style:none;
	background:url("../images/referencias_punto.jpg") left 50% no-repeat;
	padding:6px 0 6px 25px;
}
.ReferenciasLinks ul li a {
	text-decoration:none;
	color:#999;
}
.ReferenciasLinks ul li a:hover {
	color:#FBB100;
	text-decoration:none;
}



/* --- CLIENTES --- */

div#ClientesContenido {
	padding-top:150px;
	height:394px;
	background:url("../images/temp.jpg") 50% 50% no-repeat;
/*	background: url("../images/clientes_back.gif") left top repeat; */
}
.ClientesTabla {
	border: 3px solid #FFBB26;
	width:300px;
	background-color:#FFF;
}
.ClientesCabecera {
	background-color: #FFBB26;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	border-bottom:5px solid #FFF;
}
.ClientesAviso {
	width:290px;
	margin:auto;
	background-color:#FFF;
	border:2px solid #F60;
	padding:5px;
	color:#F60;
	font-weight:bold;
	text-align:center;
}