/* CSS Document */

/****************** ESTILOS GENERALES ********************/

html {
	height: 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
	background-color: #E6E6E6;
}

#todo {
	visibility: visible;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	margin-bottom: 10px;
}

#todo_dentro {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

#pagina {
	position: relative;
	height: 100%;
	width: 980px;
}

.mogollon {
	height: 611px;
	width: 966px;
	background: #FFFFFF;
	padding: 7px;
	margin-top: 7px;
	margin-bottom: 10px;
}

.mogollon_desp {
	height: 1088px;
	width: 966px;
	background: #FFFFFF;
	padding: 7px;
	margin-top: 7px;
	margin-bottom: 10px;
}

#izquierda {
	float: left;
}

#centro {
	float: left;
}

#derecha {
	float: right;
}

#titulo {
	height: 13px;
	text-indent: 18px;
	text-align: left;
	background: url(../img/iconos/flechas/flecha_trans.png) no-repeat left;
}

#linea {
	height: 1px;
	width: 100%;
	background-color: #CCCCCC;
}

#cabecera {
	height: 30px;
}

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

a.enlace_der {
	color: #333333;
}

a:hover {
	text-decoration: underline;
}

#dentro_enlaces {
	position: absolute;
	top: 8px;
	left: 188px;
}

#dentro_numeros {
	position: absolute;
	top: 8px;
	left: 326px;
}

#dentro_numeros2 {
	position: absolute;
	top: 8px;
	left: 326px;
}




/****************** MENU ********************/

.menu {
	position: relative;
	width: 210px;
	height: 260px;
	background: #02213D url(../img/backgrounds/cuadro-cnaf.jpg) top left no-repeat;
	margin-top: 10px;
	padding: 15px;
}

#logo_cnaf {
	position: absolute;
	top: 15px;
	left: 15px;
	height: 31px;
	width: 209px;
}

#menu_cnaf {
	position: absolute;
	top: 133px;
	left: 15px;
	width: 210px;
	height: 139px;
}

#menu_texto {
	padding: 3px 0px 3px 0px;
	text-indent: 5px;
	text-align: left;
	height: 13px;
	background: url(../img/iconos/flechas/flecha_trans.png) no-repeat 192px;
}







/****************** TOP ********************/

.top {
	position: relative;
	width: 733px;
	height: 290px;
	background: url(../img/imagenes/cnaf01.png);
	margin-left: 7px;
	margin-top: 10px;
}

#top_contacto {
	position: absolute;
	top: 0px;
	left: 495px;
	width: 208px;
	height: 21px;
	padding: 6px 15px 6px 15px;
	background: url(../img/backgrounds/back_top.png) top left no-repeat;
}

#tel_contacto {
	float: left;
	height: 13px;
	text-indent: 28px;
	padding: 4px 0px 4px 0px;
	background: url(../img/iconos/telefono.png) center left no-repeat;
}

#ema_contacto {
	float: right;
	height: 13px;
	text-indent: 25px;
	padding: 4px 0px 4px 4px;
	background: url(../img/iconos/sobre-fax.png) center left no-repeat;
}






/****************** CNAF ********************/

.cnaf {
	width: 217px;
	height: 267px;
	background: #003A68  url(../img/backgrounds/back_cnaf.jpg) no-repeat top left;
	padding: 8px;
}

#cnaf_texto {
	margin-top: 7px;
	text-align: justify;
	letter-spacing: -0.1px;
	word-spacing: -1px;
	line-height: 12px;
}








/****************** LOCALIZACIÓN ********************/

.localizacion {
	position: relative;
	width: 463px;
	height: 267px;
	margin-left: 7px;
	background: url(../img/backgrounds/back_loca.jpg) top left no-repeat;
	padding: 8px;
}

#loc_como {
	position: absolute;
	width: 82px;
	top: 8px;
	left: 389px;
}

#localizacion_cont {
	position: relative;
	margin-top:9px;
	margin-left: -8px;
}







/****************** DESPACHOS ********************/

.despachos {
	width: 217px;
	height: 278px;
	background: url(../img/backgrounds/back_desp.jpg) top left no-repeat;
	margin-top: 7px;
	padding: 8px;
}

#despachos_cont {
	position: relative;
	margin-top:9px;
}

#despachos_titulo {
	background: #999999;
	width: 217px;
	height: 20px;
}
	
.despachos_cuadro {
	width: 217px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-indent: 5px;
	text-align: left;
	color: #FFFFFF;
	background-color: #999999;
	border: 0px;
}

#despachos_texto {
	color: #333333;
	text-indent: 40px;
	height: 12px;
	text-align: left;
	padding: 4px 0px 4px 0px;
}

.personas {
	background: url(../img/iconos/despachos/personas.png) no-repeat top left;
}

.cajonera {
	background: url(../img/iconos/despachos/mesa-cajonera.png) no-repeat top left;
}

.reunion {
	background: url(../img/iconos/despachos/mesa-reunion.png) no-repeat top left;
}

.mueble {
	background: url(../img/iconos/despachos/mueble-bajo.png) no-repeat top left;
}

.sillas {
	background: url(../img/iconos/despachos/silla.png) no-repeat top left;
}

.sillon {
	background: url(../img/iconos/despachos/silla-oficina.png) no-repeat top left;
}



/****************** IMÁGENES ********************/

.imagenes {
	position: relative;
	width: 463px;
	height: 278px;
	background: url(../img/backgrounds/back_loca.jpg) top left no-repeat;
	padding: 8px;
	margin-top: 7px;
	margin-left: 7px;
}

#imagenes_cont {
	position: relative;
	margin-top:9px;
	margin-left: -8px;
}

#dentro_enlaces_home {
	position: absolute;
	top: 8px;
	left: 313px;
}

#dentro_numeros_home {
	position: absolute;
	top: 8px;
	left: 451px;
}





/****************** POPURRÍ ********************/

.popurri {
	width: 240px;
	height: 611px;
	margin-left: 7px;
}

#popurri_dentro {
	width: 224px;
	padding: 8px;
}

#popurri_cont {
	margin-top: 9px;
}

#popurri_texto {
	color: #333333;
	padding: 3px 0px 3px 0px;
	text-indent: 5px;
	text-align: left;
	height: 13px;
}


/**** oferta ****/ 

.oferta {
	position: relative;
	height: 104px;
	background: url(../img/backgrounds/background-rosa.jpg) top left no-repeat;
}

#oferta_bajo {
	height: 14px;
	width: 240px;
	margin-left: -8px;
	padding: 3px 0px 3px 0px;
	background: url(../img/backgrounds/background-rosa--bajo.jpg) top left no-repeat;
}

.oferta_cont {
	height: 70px;
	background: url(../img/iconos/cincuenta.png) center left no-repeat;
}

/**** oficina virtual ****/ 

.oficina {
	height: 94px;
	background: url(../img/backgrounds/background-naranja.jpg) top left no-repeat;
	margin-top: 7px;
}

#oficina_bajo {
	height: 20px;
	width: 240px;
	margin-left: -8px;
	background: url(../img/backgrounds/background-naranja-bajo.jpg) top left no-repeat;
}

.oficina_cont {
	height: 60px;
}

.oficina_texto {
	background: url(../img/iconos/flechas/flecha_naranja.png) no-repeat 208px;
}


/**** servicios destacados ****/ 

.servicios {
	height: 194px;
	background: url(../img/backgrounds/background-verde.jpg) top left no-repeat;
	margin-top: 7px;
}

#servicios_bajo {
	height: 20px;
	width: 240px;
	margin-left: -8px;
	background: url(../img/backgrounds/background-verde-bajo.jpg) top left no-repeat;
}

.servicios_cont {
	height: 160px;
}

#servicios_texto {
	color: #333333;
	text-indent: 40px;
	height: 12px;
	text-align: left;
	padding: 4px 0px 3px 0px;
}

.domiciliacion {
	background: url(../img/iconos/servicios/domiciliacion.png)  top left no-repeat;
}

.agenda {
	background: url(../img/iconos/servicios/agenda.png)  top left no-repeat;
}

.repografia {
	background: url(../img/iconos/servicios/reprografia.png) top left no-repeat;
}

.hardware {
	background: url(../img/iconos/servicios/hardware.png)  top left no-repeat;
}

.wifi {
	background: url(../img/iconos/servicios/wifi.png)  top left no-repeat;
}

.parking {
	background: url(../img/iconos/servicios/parking.png)  top left no-repeat;
}

.trasteros {
	background: url(../img/iconos/servicios/trasteros.png)  top left no-repeat;
}

.cafe {
	background: url(../img/iconos/servicios/cafe.png)  top left no-repeat;
}



/**** enlaces ****/ 

.enlaces {
	height: 134px;
	background: url(../img/backgrounds/background-gris.jpg) top left no-repeat;
	margin-top: 7px;
}

#enlaces_bajo {
	height: 20px;
	width: 240px;
	margin-left: -8px;
	background: url(../img/backgrounds/background-gris-bajo.jpg) top left no-repeat;
}

.enlaces_cont {
	height: 100px;
}

.enlaces_texto {
	background: url(../img/iconos/flechas/flecha_gris.png) no-repeat 208px;
}





/*************** EMPRESA DENTRO *****************/

.empresa_dentro {
	position: relative;
	width: 340px;
	height: 569px;
	background: url(../img/backgrounds/356_30.jpg) top left no-repeat;
	padding: 8px;
}

#empresa_logo {
	position: absolute;
	top: 40px;
	left: 8px;
}

#empresa_texto {
	position: absolute;
	top: 122px;
	left: 0px;
	padding: 0px 8px 0px 8px;
	text-align: justify;
	letter-spacing: -0.1px;
	word-spacing: -1px;
	line-height: 12px;
	color: #333333;
}

.empresa_fotos {
	position: relative;
	width: 356px;
	height: 585px;
	margin-left: 7px;
}

#empresa_grupo {
	position: relative;
	height: 273px;
	width: 340px;
	padding: 8px;
	background: url(../img/backgrounds/356_30.jpg) top left no-repeat;
}

#empresa_hotel {
	position: relative;
	height: 273px;
	width: 340px;
	padding: 8px;
	background: url(../img/backgrounds/356_30.jpg) top left no-repeat;
	margin-top: 7px;
}

#loc_como {
	position: absolute;
	width: 82px;
	top: 8px;
	left: 389px;
}

#empresa_fotosgru {
	position: relative;
	margin-top:9px;
	margin-left: -8px;
}

#empresa_fotoshot {
	position: relative;
	margin-top:9px;
	margin-left: -8px;
}



/*************** SERVICIOS DENTRO *****************/

.servicios_dentro {
	position: relative;
	width: 340px;
	height: 569px;
	background: url(../img/backgrounds/356_30.jpg) top left no-repeat;
	padding: 8px;
}

#servicios_dentrotexto {
	margin-top: 14px;
	text-align: left;
	letter-spacing: -0.1px;
	word-spacing: -1px;
	line-height: 13px;
	color: #333333;
}



/*************** OFICINA DENTRO *****************/


.ofi_dentro {
	width: 719px;
	height: 570px;
}

.oficina_dentro1 {
	position: relative;
	width: 219px;
	height: 570px;
	padding: 8px;
	background: url(../img/oficina_virtual/bg_virtual1.png) top left no-repeat;
}

.oficina_dentro2 {
	position: relative;
	width: 219px;
	height: 570px;
	padding: 8px;
	margin-left: 7px;
	background: url(../img/oficina_virtual/bg_virtual2.png) top left no-repeat;
}

.oficina_dentro3 {
	position: relative;
	width: 219px;
	height: 570px;
	padding: 8px;
	margin-left: 7px;
	background: url(../img/oficina_virtual/bg_virtual3.png) top left no-repeat;
}

#oficina_dentroima {
	margin-top: 9px;
	height: 55px;
}

#oficina_dentrotexto {
	margin-top: 16px;
	padding: 0px 8px 0px 8px;
	text-align: left;
	letter-spacing: -0.1px;
	word-spacing: -1px;
	line-height: 13px;
}

#oficina_tarifa {
	position: absolute;
	top: 335px;
	left: 80px;
	width: 145px;
	height: 30px;
	background: url(../img/iconos/flechas/flecha_trans.png) top right no-repeat;
}

.oficinas_form {
	position: relative;
	width: 340px;
	height: 360px;
	margin-left: 7px;
	padding: 8px 8px 8px 8px;
	color: #333333;
	text-align: left;
	background: #FFFFFF;
}



/****************** DESPACHOS_DENTRO ********************/

#despachos_mogollon {
	float: left;
	width: 719px;
	height: 1058px;
}

.despachos_dentro1 {
	position: relative;
	width: 219px;
	height: 354px;
	padding: 8px;
	background: url(../img/backgrounds/235-30.jpg) top left no-repeat;
}
	
.despachos_dentro1b {
	position: relative;
	width: 219px;
	height: 354px;
	padding: 8px;
	margin-left: 7px;
	background: url(../img/backgrounds/235-30.jpg) top left no-repeat;
}
	
.despachos_dentro2 {
	position: relative;
	width: 219px;
	height: 384px;
	padding: 8px;
	background: url(../img/backgrounds/235-30.jpg) top left no-repeat;
}

.despachos_dentro2b {
	position: relative;
	width: 219px;
	height: 384px;
	margin-left: 7px;
	padding: 8px;
	background: url(../img/backgrounds/235-30.jpg) top left no-repeat;
}

#despachos_dentroima {
	height: 155px;
	margin-top: 9px;
	margin-left: -8px;
}
	
#despachos_dentroima2 {
	height: 185px;
	margin-top: 9px;
	margin-left: -8px;
}
	
#despachos_dentrotexto {
	margin-top: 0px;
	padding: 0px 8px 0px 8px;
	text-align: left;
	letter-spacing: -0.1px;
	word-spacing: -1px;
	line-height: 13px;
	color: #333333;
}

#despachos_tarifa {
	position: absolute;
	left: 82px;
	top: 333px;
	color: #333333;
	margin-top: 15px;
	width: 145px;
	height: 30px;
	background: url(../img/iconos/flechas/flechazul.png) top right no-repeat;
}

#despachos_tarifa2 {
	position: absolute;
	left: 82px;
	top: 363px;
	color: #333333;
	margin-top: 15px;
	width: 145px;
	height: 30px;
	background: url(../img/iconos/flechas/flechazul.png) top right no-repeat;
}

.despachos_descripcion {
	position: relative;
	width: 340px;
	height: 272px;
	background: url(../img/backgrounds/356_288.jpg) top left no-repeat;
	padding: 8px;
}

#despachos_servtexto {
	margin-top: 10px;
	text-align: left;
	letter-spacing: -0.1px;
	word-spacing: -1px;
	line-height: 13px;
}

#despachos_fotos {
	position: relative;
	margin-top:9px;
	margin-left: -8px;
}

.despacho_fotos {
	position: relative;
	width: 356px;
	height: 289px;
	margin-left: 7px;
}

.tarifas_form {
	position: relative;
	width: 340px;
	height: 375px;
	margin-left: 7px;
	padding: 8px 8px 8px 8px;
	color: #333333;
	text-align: left;
	background: #FFFFFF;
}

#logo {
	width: 340px;
	height: 50px;
	padding: 8px;
	margin-left: 7px;
	background: url(../img/backgrounds/cabeceraformulario.png) no-repeat;
}





/*************** INSTALACIONES DENTRO *****************/

#instalaciones_dentrotexto {
	margin-top: 14px;
	text-align: justify;
	letter-spacing: -0.1px;
	word-spacing: -1px;
	line-height: 13px;
	color: #333333;
}





/*************** LOCALIZACION DENTRO *****************/
.localizacion_dentro {
	position: relative;
	width: 340px;
	background: url(../img/backgrounds/356_30.jpg) top left no-repeat;
	padding: 8px;
}

#map {
	position: relative;
	width: 356px;
	height: 259px;
	margin-top: 9px;
	margin-left: -8px;
	overflow: hidden;
}

#localizacion_texto {
	position: relative;
	margin-top: 8px;
	color: #333333;
	text-align: left;
}





/*************** CONTACTO DENTRO *****************/
.contacto_dentro {
	position: relative;
	width: 340px;
	height: 568px;
	margin-left: 7px;
	padding: 8px 8px 8px 8px;
	color: #333333;
	text-align: left;
}

#dentro_linea {
	width: 100%;
	height: 1px;
	background: #333333;
}

#form_combo {
	position: relative;
	padding: 3px 0px 2px 0px;
	width: 250px;
}

#form_caja {
	position: absolute;
	top: 2px;
	left: 52px;
	width: 288px;
}

#form_botones {
	width: 340px;
	height: 18px;
	text-align: right;
}

.formulario {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 288px;
	color: #666666;
	border: 0px;
	height: 15px;
}

.formulario_combo {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 288px;
	color: #666666;
	border: 0px solid;
}

.formulario_caja_cont {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 340px;
	color: #6666666;
	border: 0px;
	height: 187px;
}

.formulario_enviar {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	border: 0px;
	width: 50px;
	height: 15px;
}

.nocoments {
	height: 15px;
}

.combotar {
	height: 15px;
}

.coments {
	height: 57px;
}





/****************** PIE ********************/

.pie {
	width: 719px;
	height: 14px;
	background: #113358 url(../img/backgrounds/back_pie.jpg) top left no-repeat;
	margin-top: 7px;
	padding: 3px 0px 3px 0px;
}