@charset "utf-8";

* {border:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6c6c6c;}
body {background-image: url(../images/fondo_pantalla.jpg); background-position: center top; background-repeat:no-repeat;}

:focus {-moz-outline: 0; outline: 0; outline-offset: 0;}

#wrapper {width:880px; margin-left:auto; margin-right:auto; border-width:5px 1px 0px 1px; border-style:solid; border-color:black; background-color:#FFF;}
#cabecera {height:35px; background-image:url(../images/logo_ubeda.gif); background-position:left top; background-repeat:no-repeat; padding-left:250px; padding-top:40px;}
#cabecera a {display:block; float:left; height:15px; text-indent:-9999px; margin-left:25px; background-repeat:no-repeat;}
#botonera {height:124px;}
#botonera a {float:left; display:block; height:124px; text-indent:-9999px; margin-left:12px;}

#cuerpo {min-height: 329px;}
#contenido-index {padding:9px 0px;}
#contenido-form {padding:18px;}
#contenido-texto {border:1px solid #e9e9e9; margin:9px; padding:10px;}

#pie {height:185px; background-color:#1e262c; color:#6c6c6c; text-align:center; padding-top:5px; line-height:20px;}
#pie a {color:#6c6c6c; text-decoration:none;}


#enlace-empresa {background-image:url(../images/1empresa.gif); width:63px;}
#enlace-envio-de-archivos {background-image:url(../images/2envio.gif); width:116px;}
#enlace-servicios {background-image:url(../images/3servicios.gif); width:68px;}
#enlace-acceso-profesionales {background-image:url(../images/4acceso.gif); width:143px;}
#enlace-contactar {background-image:url(../images/5contactar.gif); width:75px;}

a#boton-tarjetas-comerciales {background-image:url(../images/01tarjeta.gif); width:63px; margin-left:8px;}
a#boton-sobres-bolsas {background-image:url(../images/02sobres.gif); width:63px;}
a#boton-flyers-carteles {background-image:url(../images/03flyers.gif); width:60px;}
a#boton-catalogos-revistas {background-image:url(../images/04catalogos.gif); width:56px;}
a#boton-folletos {background-image:url(../images/05folletos.gif); width:72px;}
a#boton-carpetas {background-image:url(../images/06carpetas.gif); width:54px;}
a#boton-libros {background-image:url(../images/07libros.gif); width:70px;}
a#boton-gran-formato {background-image:url(../images/08gran.gif); width:47px;}
a#boton-papel-cartas-facturas {background-image:url(../images/09papel.gif); width:67px;}
a#boton-talonarios-autocopiados {background-image:url(../images/10talonario.gif); width:75px;}
a#boton-adhesivos {background-image:url(../images/11adhesivos.gif); width:53px;}
a#boton-sellos {background-image:url(../images/12sellos.gif); width:50px;}

a#boton-tarjetas-comerciales:hover, a#boton-tarjetas-comerciales.sel {background-image:url(../images/01tarjeta_.gif);}
a#boton-sobres-bolsas:hover, a#boton-sobres-bolsas.sel {background-image:url(../images/02sobres_.gif);}
a#boton-flyers-carteles:hover, a#boton-flyers-carteles.sel {background-image:url(../images/03flyers_.gif);}
a#boton-catalogos-revistas:hover, a#boton-catalogos-revistas.sel {background-image:url(../images/04catalogos_.gif);}
a#boton-folletos:hover, a#boton-folletos.sel {background-image:url(../images/05folletos_.gif);}
a#boton-carpetas:hover, a#boton-carpetas.sel {background-image:url(../images/06carpetas_.gif);}
a#boton-libros:hover, a#boton-libros.sel {background-image:url(../images/07libros_.gif);}
a#boton-gran-formato:hover, a#boton-gran-formato.sel {background-image:url(../images/08gran_.gif);}
a#boton-papel-cartas-facturas:hover, a#boton-papel-cartas-facturas.sel {background-image:url(../images/09papel_.gif);}
a#boton-talonarios-autocopiados:hover, a#boton-talonarios-autocopiados.sel {background-image:url(../images/10talonario_.gif);}
a#boton-adhesivos:hover, a#boton-adhesivos.sel {background-image:url(../images/11adhesivos_.gif);}
a#boton-sellos:hover, a#boton-sellos.sel {background-image:url(../images/12sellos_.gif);}


/* INDEX */
#fondo-banners {position:relative; height:193px; background-color:#000; background-image:url(../images/fondobanner.png); background-repeat:no-repeat; background-position: 25px 10px;}
#fondo-banners img {position:absolute; top:0px; right:0px; display:none;}
.cuadro-index {float:left; margin:9px 0px 9px 9px; height:138px; border:1px solid #e9e9e9; padding:9px;}
.cuadro-index h3 {height:29px; text-indent:-9999px;}
.cuadro-index p {font-size:11px;}
#cuadro-index1 {width:402px;}
#cuadro-index2 {width:190px;}
#cuadro-index3 {width:190px;}
#cuadro-index1 h3 {background-image:url(../images/01ubeda.gif); width:170px;}
#cuadro-index2 h3 {background-image:url(../images/02horario.gif); width:80px;}
#cuadro-index3 h3 {background-image:url(../images/03envio.gif); width:82px;}
#cuadro-fondoreloj {background-image:url(../images/02horario_logo1.gif); background-repeat:no-repeat; margin-top:10px; padding:0px 0px 0px 60px;}
#cuadro-fondoreloj p {padding:16px 0px 0px 3px; background-image:url(../images/02horario_tel.gif); background-repeat:no-repeat;}
#cuadro-fondocarpeta {background-image:url(../images/03envio_logo1.gif); background-repeat:no-repeat; margin-top:10px; padding:40px 0px 0px 0px; text-align:right; height:23px;}

/* FORMULARIO */
#formulario-imagenes {float:left; width:290px; height:312px;}
#formulario-presupuesto {float:left; width:290px; min-height:312px; margin-left:17px;}
#formulario-usuario {float:left; width:208px; min-height:312px; margin-left:32px;}

#formulario-presupuesto table, #formulario-usuario table {width:100%;}
#formulario-presupuesto input[type="text"] {width:30px;}

#formulario-usuario input[type="text"], #formulario-usuario input[type="password"] {width:100%;}

#formulario-add-presupuesto-fondo, .boton-fondo {margin-top:10px; text-align:right;}
#formulario-add-presupuesto, .boton-gris {background-color:#6c6c6c; color:#fff; padding:3px 5px; text-decoration:none; font-weight:bold;}

#formulario-fondo-enviar {background-color:#e9e9e9; text-align:center; color:red; padding:5px; font-size:11px;line-height:24px; font-weight:bold; margin-top:10px;}
#formulario-fondo-enviar span {color:red; font-size:11px;}
#formulario-fondo-enviar a {text-decoration: none;}
#formulario-enviar-solicitud {padding:3px 6px 3px 43px; background-color:#cc0000; background-image:url(../images/sobre.gif); background-repeat:no-repeat; color:#fff;}
.boton-rojo {padding:3px 6px 3px 6px; background-color:#cc0000; color:#fff; text-decoration: none;}
.tamano-personalizado, .tamano-personalizado2 {display:none;}

#presupuesto-imagen-container {border:1px solid #e9e9e9; padding:5px; width:290px; height:160px; overflow:hidden;}

#info {position:absolute; width:200px; padding:10px; border:2px solid #999; display:none; background-color:#fff;}

/* GENERAL */
h2 {font-size:12px; font-weight:bold; color:#cc0000; margin-bottom:17px;}
h3 {font-size:11px; font-weight:bold; color:#6c6c6c; margin-bottom:17px;}
h4 {font-size:12px; font-weight:bold;}
p {font-size:11px; margin-bottom:10px; text-align: justify;}
ul {padding-left:5px;}
li {padding-left:0px; list-style-type: none;}

select, input, textarea {border:1px solid #e9e9e9; padding:2px; font-size:12px;}
select, option {font-size:12px;}
textarea {width:100%;}

table {border-spacing: 0px;}
td.espacio {padding-top:4px;}
td.espacio-inferior {padding-bottom:4px;}
td.espacio-derecha {padding-right:10px;}
td.fondo-gris {background-color: #e9e9e9;}
.derecha {text-align:right;}

/* CARRO */
#contenido-carro {float:left; width:580px;}
#contenido-carro table {background-color:#eee; width:100%;}
#contenido-carro td, #contenido-carro th {border-bottom:4px solid #fff; font-size: 12px; padding:7px; text-align:center;}

/* IMAGENES */
#imagen-grande {float:left; position:relative; width:215px; height:286px;
	background-image: url(../images/defecto.jpg); background-repeat: no-repeat;
}
#imagen-grande img {width:215px; height:286px; position:absolute; display:none;}
#imagen-miniaturas {float:left; margin-left:5px; width:67px;}
#imagen-miniaturas img {width:67px; height:89px;}



/* CONTACTO */
#titulo-contactar {background-image:url(../images/contacto/conttitulo.gif); width:134px; height:42px; float:left; text-indent:-9999px;}
#latitud-longitud {background-image:url(../images/contacto/situacion.gif); width:186px; height:52px; float:right; text-indent:-9999px;}
#contacto-mapa {float:right; clear:right;}
#contacto-direccion {font-size:12px; float:left; border:1px solid #e9e9e9; clear:left; background-image:url(../images/contacto/cont01.gif); background-repeat:no-repeat; width:190px; height:46px; padding:6px 0px 4px 175px; margin-bottom:12px;}
#contacto-telefonos {font-size:12px; float:left; border:1px solid #e9e9e9; clear:left; background-image:url(../images/contacto/cont02.gif); background-repeat:no-repeat; width:190px; height:46px; padding:6px 0px 4px 175px; margin-bottom:12px;}
#contacto-horario {font-size:12px; float:left; border:1px solid #e9e9e9; clear:left; background-image:url(../images/contacto/cont03.gif); background-repeat:no-repeat; width:190px; height:46px; padding:6px 0px 4px 175px; margin-bottom:12px;}
#contacto-email {font-size:12px; float:left; border:1px solid #e9e9e9; clear:left; background-image:url(../images/contacto/cont04.gif); background-repeat:no-repeat; width:190px; height:46px; padding:6px 0px 4px 175px;}
#contacto-email a {font-size:11px;}


/* EMPRESA */
#empresa-fondo {position:relative; height:334px;}
.empresa-div {position:absolute; top:0px; left:0px; width:490px; height:334px; background-image:url(../images/empresa/foto01.jpg); background-position: right top; background-repeat:no-repeat; padding-right:340px;}
.empresa-div img {float:right;}
#empresa2-div {display:none;}
#empresa3-div {background-image:url(../images/empresa/foto02.jpg); display:none;}
#empresa4-div {display:none;}

#empresa-titulo {background-image:url(../images/empresa/emptitulo.gif); width:150px; height:42px; float:left; text-indent:-9999px;}

#empresa-enlaces {height:28px; clear:both;}
.empresa-link {height:13px; text-indent:-9999px; float:left; margin-right:30px;}
#empresa1-link {background-image:url(../images/empresa/emp01.gif); width:59px;}
#empresa1-link:hover, #empresa1-link-sel {background-image:url(../images/empresa/emp01_.gif); width:59px;}
#empresa2-link {background-image:url(../images/empresa/emp02.gif); width:69px;}
#empresa2-link:hover, #empresa2-link-sel {background-image:url(../images/empresa/emp02_.gif); width:69px;}
#empresa3-link {background-image:url(../images/empresa/emp03.gif); width:127px;}
#empresa3-link:hover, #empresa3-link-sel {background-image:url(../images/empresa/emp03_.gif); width:127px;}
#empresa4-link {background-image:url(../images/empresa/emp04.gif); width:70px;}
#empresa4-link:hover, #empresa4-link-sel {background-image:url(../images/empresa/emp04_.gif); width:70px;}


/* SERVICIOS */
#servicios-titulo {background-image:url(../images/servicios/servtitulo.gif); width:600px; height:42px; text-indent:-9999px;}
.servicio-div {border:1px solid #e9e9e9; width:113px; height:110px; float:left; margin-right:5px; padding-top:105px; background-repeat:no-repeat;}
#servicio1-div {background-image:url(../images/servicios/serv01.gif);}
#servicio2-div {background-image:url(../images/servicios/serv02.gif);}
#servicio3-div {background-image:url(../images/servicios/serv03.gif);}
#servicio4-div {background-image:url(../images/servicios/serv04.gif);}
#servicio5-div {background-image:url(../images/servicios/serv05.gif);}
#servicio6-div {background-image:url(../images/servicios/serv06.gif);}
#servicio7-div {background-image:url(../images/servicios/serv07.gif);}


/* CONDICIONES GENERALES */
#condiciones-titulo {background-image:url(../images/condtitulo.gif); width:149px; height:42px; text-indent:-9999px;}


/* ENVIO */
#envio-titulo {background-image:url(../images/envtitulo.gif); width:106px; height:42px; text-indent:-9999px;}
#envio-pdf-link {float:right; text-decoration: none; text-align:center; font-size:11px; font-weight:bold; margin-left:20px; margin-top:20px;}

/* PROFESIONALES */
#contenido-profesionales {float:left; width:580px;}
#contenido-profesionales table {background-color:#eee; width:100%;}
#contenido-profesionales td {font-size: 11px; padding:6px;}
#contenido-profesionales input {width:95%;}

/* PRESUPUESTOS PRO */
.presupuestopro-precio {display:none; float:left; width:119px; height:27px; background-image:url(../images/fondo-precio.png); position:relative; text-decoration:none; border:1px solid #fff; margin-right:5px; margin-bottom:5px;}
.presupuestopro-precio:hover {border:1px solid #aaa;}
.precio-sel {border:1px solid red;}
.cantidad {display:block; position:absolute; left:0px; width:59px; font-weight:bold; font-size:16px; text-align:center; color:#000; padding-top:3px;}
.precio {display:block; position:absolute; right:0px; width:59px; font-weight:bold; font-size:16px; text-align:center; color:#000; padding-top:3px;}