﻿/* ELEMENTOS COMUNES */
/* ------------------------------------ */

.cabecera { position: absolute; top: 0px; z-index: 2;
            background-color: #FF8B10; width: 100%; height: 342px; }

.contenido { position: relative; min-height: 650px; height: auto !important; height: 650px; 
             width: 100%; z-index: 3; }

.pie { position: relative; background-color: #CBCBCB; width: 100%;
       min-height: 114px; height: auto !important; height: 114px; }

.contenidoCentrado { position: relative; width: 949px; min-height: 650px; height: auto !important; height: 650px; 
                     z-index: 9; margin-left: auto; margin-right: auto; }

.contenidoPie { position: relative; width: 949px; margin-left: auto; margin-right: auto; }

.contenidoPie div { position: relative; top: 10px; color: #FFFFFF; text-align: center; }

.contenidoPie a { font-weight: bold; color: #FFFFFF; text-decoration: none; }

.contenidoPie a:hover { text-decoration: underline; }

.logotipoOleo { position: absolute; top: 0px; right: 0px; z-index: 2; }

.panelColumnaFlotante { position: absolute; top: 370px; left: 40px; }

/* ELEMENTOS - MENU PRINCIPAL */
/* ------------------------------------ */

.contenidoCabecera { position: relative; height: 83px; z-index: 3; background-color: #FF8B10;
                     margin-left: auto; margin-right: auto; margin-bottom: 24px; }

.panelMenuSecciones { position: relative; width: 591px; height: 35px; }

.menuSecciones  { position: absolute; top: 50px; right: 5px; z-index: 2; }

.menuSecciones li { float: left; margin-right: 0px; }

/* ELEMENTOS HOME PRINCIPAL */
/* ------------------------------------ */

.panelCabecera { position: relative; width: 949px; height: 107px; 
                 z-index: 2; margin-left: auto; margin-right: auto; }

.logotipo { position: absolute; top: 40px; left: 2px; }

.lineaPuntosCabecera { position: absolute; top: 82px; left: 0px; }

.contenidoInteriorHome { position: relative; height: 1058px; }

.lineaPuntosGris { position: relative; margin-top: 20px; margin-bottom: 20px; }

.panelContenidoInteriorHome { position: relative; height: 664px;  }

.panelTestimoniosHome { position: relative; height: 425px; width: 387px; }

.panelElementoTestimoniosHome { position: relative; width: 343px; height: 164px; 
                                margin-top: 20px; margin-bottom: 20px; }

.panelElementoTestimoniosHome h3 { color: #F68927; font-size: 12px; font-weight: bold; }

.panelElementoTestimoniosHome h4 { color: #010101; margin-top: 3px; }

.panelElementoTestimoniosHome p { color: #6D6D6D; width: 224px; }

.posicion_1_ElementoTestimoniosHome, .posicion_2_ElementoTestimoniosHome, .posicion_3_ElementoTestimoniosHome { position: absolute; top: 53px; left: 0px; }

.posicion_2_ElementoTestimoniosHome { left: 116px; }

.posicion_3_ElementoTestimoniosHome { left: 239px; }

.panelSeparadorTestimoniosHome { position: relative; height: 16px; width: 350px; background-color: #DEDEDE; }

.panelFlashInteriorHome { position: absolute; left: 387px; top: 0px; width: 297px; height: 425px;
                          background-image: url("../../Imagenes/panelFondoFlash.gif");  }
                          
.panelTerceraColumnaHome { position: absolute; top: 0px; right: 5px; }

.panelNewsletter { position: relative; width: 239px; height: 67px; margin-top: 13px;
                   background-image: url("../../Imagenes/panelNewsletterHome.gif"); }

.panelNewsletter h1 { position: absolute; top: 13px; left: 17px; color: #3D3D3D; }

.cajaDeTextoNewsletter { position: absolute; top: 32px; left: 15px; width: 181px; height:17px; padding-top:4px; color: #010101; text-indent: 5px; }

.enlaceBotonRegistrarNewsletter { position: absolute; top: 33px; left: 202px; }

.panelPromociones { position: relative; width: 239px; height: 130px; margin-top: 13px;
                    background-image: url("../../Imagenes/panelPromociones.png"); }
                                       
.panelPromocionesTextoTransicion { position: absolute; top:35px; left: 40px; width: 155px; 
                                   height: 80px; text-align: left; overflow:hidden; }

.panelPromocionesTextoTransicion div { width: inherit; height: inherit; text-align: justify; line-height:14px;}

.panelPromocionesTextoTransicion h1 { width: inherit; line-height: 14px; margin-top: 5px; margin-bottom: 5px; 
                                      font-weight: bold; color: #F68927; }
                                   
.enlaceBotonIzquierdaPromociones { position: absolute; top: 68px; left: 14px; border: none; cursor: pointer; }

.enlaceBotonDerechaPromociones { position: absolute; top: 68px; left: 209px; border: none; cursor: pointer; }

/* ELEMENTOS QUIENES SOMOS */
/* ------------------------------------ */

.contenidoInteriorQuienesSomos { position: relative; height: 729px; margin-top: 46px; }

.panelContenidoQuienesSomos { position: absolute; top: 0px; left: 341px; }

/* ELEMENTOS CONTROLES FORMULARIO SOLICITAR INFORMACION */
/* ------------------------------------ */

.panelFormularioInformacion { position: relative; width: 289px; height: 165px; margin-bottom: 50px; }

.panelFormularioInformacion ul { position: absolute; top: 36px; left: 0px; }

.panelFormularioInformacion li { margin-bottom: 7px; }

.tituloCampoPanelFormularioInformacion { float: left; color: #3D3D3D; width: 80px; }

.enlaceBotonEnviarFormularioInformacion { position: absolute; top: 0px; right: 0px; }

.panelBotoneraFormularioInformacion { position: relative; color: #746E6F; font-size: 9px; }

.panelBotoneraFormularioInformacion a { color: #F68927; font-size: 9px; }

/* ELEMENTOS SERVICIOS */
/* ------------------------------------ */

.contenidoInteriorServicios { position: relative; height: 850px; margin-top: 46px; }

.panelContenidoServicios { position: absolute; top: 0px; left: 341px; }

.imagenRecursoServicios { margin-bottom: 45px; }

.tituloRecursoServicios { margin-bottom: 20px; }

.panelContenidoServicios p { color: #5E5E5E; font-size: 11px; margin-bottom: 10px; width: 355px; }

.sloganContenidoServicios { position: absolute; top: 513px; left: 406px; }

/* ELEMENTOS PRECIOS */
/* ------------------------------------ */

.contenidoInteriorPrecios { position: relative; height: 1400px; margin-top: 46px; }

.panelContenidoPrecios { position: absolute; top: 0px; left: 341px; width: 595px; background-color: White; }

.imagenRecursoPrecios { margin-left: 21px; margin-bottom: 20px; }

.tituloRecursoPrecios { margin-top: 20px; margin-left: 21px; margin-bottom: 20px; }

.packsPrecios { margin-left: 25px; margin-right: 25px; margin-bottom: 20px; }

.packsDerechaPrecios { margin-left: 25px; }

.panelContenidoPrecios p { color: #5E5E5E; font-size: 11px; margin-bottom: 10px; width: 355px; }

.sloganContenidoPrecios { position: absolute; top: 513px; left: 406px; }

.listaPrecios { margin-left: 21px; margin-bottom:20px; width: 549px; line-height:26px;}

.listaPrecios li { padding-left: 10px; }

.listaPrecios strong { font-weight: bold; }

.grisOscuro { background-color: #E7E7E7 ; }

.grisClaro { background-color: #F5F5F5 ; }


/* ELEMENTOS DONDE ESTAMOS */
/* ------------------------------------ */

.contenidoInteriorDondeEstamos { position: relative; height: 500px; margin-top: 46px; }

.panelColumna_1_DondeEstamos { position: relative; top: 0px; left: 0px; }

.panelInformacionMapaDondeEstamos { position: relative;  width: 285px; height: 216px;
									background-image: url("../../Imagenes/panelMapa.gif"); 
									padding-top: 15px; padding-left: 15px; margin-bottom: 30px; }

.panelInformacionMapaDondeEstamos p { color: #FFFFFF; line-height: 18px; }

.panelFormularioDondeEstamos { position: relative; left: 30px; }

.mapaDondeEstamos { position: absolute; top: 0px; left: 351px; }

/* ELEMENTOS CONTACTAR */
/* ------------------------------------ */

.contenidoInteriorContactar { position: relative; height: 500px; margin-top: 84px; }

.panelColumna_1_DondeEstamos { position: relative; top: 0px; left: 0px; }

.panelDatosContactoContactar { position: relative; width: 292px; height: 300px;
							   background-image : url("../../Imagenes/panelDatosContacto.gif"); }

.enlaceContactar { position: absolute; left: 20px; }
							   							   
#enlace_1_Contactar { top: 38px; }
#enlace_2_Contactar { top: 85px; }
#enlace_3_Contactar { top: 130px; }
#enlace_4_Contactar { top: 176px; }
#enlace_5_Contactar { top: 222px; }
#enlace_6_Contactar { top: 268px; }			

.panelFormularioContactar { position: absolute; top: 0px; left: 351px; width: 636px; height: 292px;
							background-image: url("../../Imagenes/panelFormulario.gif"); }

.txtNombre { position : absolute; top: 80px; left: 84px; }
.txtApellidos { position : absolute; top: 80px; left: 334px; }
.txtEdad { position : absolute; top: 109px; left: 84px; }
.txtTelefono { position : absolute; top: 109px; left: 205px; }
.txtEmail { position : absolute; top: 109px; left: 370px; }
.txtPaisResidencia { position : absolute; top: 138px; left: 133px; }
.txtNacionalidad { position : absolute; top: 138px; left: 404px; }
.txtDireccion { position : absolute; top: 168px; left: 96px; }
.txtNumeroDireccion { position : absolute; top: 168px; left: 377px; }
.txtPisoDireccion { position : absolute; top: 168px; left: 457px; }
.txtPuertaDireccion { position : absolute; top: 168px; left: 545px; }
.txtCodigoPostal { position : absolute; top: 198px; left: 115px; }
.txtPoblacion { position : absolute; top: 198px; left: 261px; }
.txtProvincia { position : absolute; top: 198px; left: 437px; }

.botonEnviarContactar { position: absolute; top: 244px; left: 468px; }

.textoResultadoContactar { position: absolute; top: 244px; left: 38px; }

/* ELEMENTOS TESTIMONIOS */
/* ------------------------------------ */

.contenidoInteriorTestimonios { position: relative; min-height: 850px; height: auto !important; height: 850px; margin-top: 84px; }

.panelInformacionTestimonios { position: relative; top: 0px; left: 351px; width: 564px; 
                               min-height: 650px; height: auto !important; height: 650px; 
                               background-color: #FFFFFF; padding-left: 40px; padding-top: 20px; }

.panelElementoTestimonios { position: relative; width: 527px;
                            min-height: 150px; height: auto !important; height: 150px;
                            margin-top: 20px; margin-bottom: 20px; }

.panelElementoTestimonios h3 { color: #F68927; font-size: 14px; font-weight: bold; }

.panelElementoTestimonios h4 { color: #010101; margin-top: 3px; font-size: 12px; font-weight: bold; }

.panelElementoTestimonios p { color: #6D6D6D; width: 344px; }

.posicion_1_ElementoTestimonios, .posicion_2_ElementoTestimonios { position: absolute; top: 53px; left: 0px; }

.posicion_2_ElementoTestimonios { left: 165px; }

.posicion_3_ElementoTestimonios { position: absolute; top: 0px; right: 0px; }

.panelSeparadorTestimonios { position: relative; height: 16px; width: 527px; background-color: #DEDEDE; }

/* ELEMENTOS BLOG */
/* ------------------------------------ */

.contenidoInteriorBlog { position: relative; min-height: 850px; height: auto !important; height: 850px; margin-top: 84px; }

.panelInformacionBlog { position: relative; top: 0px; left: 351px; width: 604px; 
                        min-height: 650px; height: auto !important; height: 650px; 
                        background-color: #FFFFFF; }

.panelEntradaBlog { position: relative; top: 30px; width: 529px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }

.panelEntradaBlog h1 { width: 430px; color: #232323; font-weight: bold; font-size: 19px; line-height: 19px; margin-bottom: 10px;  }

.panelEntradaBlog h2 { color: #9F9F9F; font-weight: normal; font-size: 13px; margin-bottom: 10px;  }

.panelEntradaBlog h5 { position: absolute; top: 0px; right: 0px; color: #9F9F9F; font-weight: normal; font-size: 11px; }

.panelEntradaBlog p { margin-bottom: 10px; }

.panelImagenBlog { position: relative; border: dotted 1px #B6B6B6; margin-top: 30px; margin-bottom: 20px; }

.panelImagenBlog img { margin: 7px; }

.panelContenidoBlog { position: relative; width: 529px; margin-left: auto; margin-right: auto; }

.separadorBlog { position: relative; top: 25px; border-top: dotted 1px #B6B6B6; height: 1px; width: 529px; 
                 margin-left: auto; margin-right: auto; margin-bottom: 25px; }

/* ELEMENTOS PANEL PAGINACION */
/* ------------------------------------ */

.panelBotoneraPaginacion { position: relative; top: 10px; width: 529px; height: 23px; background-color: #9A9A9A; 
                           margin-left: auto; margin-right: auto; margin-bottom: 45px; color: #FFFFFF; }

.panelBotoneraPaginacion a { color: #FFFFFF; }

.panelEnlacesBotoneraPaginacion { position: absolute; top: 3px; right: 10px; }

.panelEnlacesBotoneraPaginacion div { float: left; width: 17px; height: 21px; text-align: center; }

.panelEnlacesBotoneraPaginacion div a { position: relative; }

.enlacePaginacion { color: #FFFFFF; font-weight: bold; font-size: 10px; }

.tituloNumeroResultadosPaginacion { position: absolute; top: 3px; left: 10px; font-weight: bold; }

/* ELEMENTOS AVISO LEGAL */
/* ------------------------------------ */

.contenidoInteriorAvisoLegal { position: relative; height: 600px; margin-top: 46px; }

#avisoLegal { background-color: #F3F3F3; padding: 70px;}

#avisoLegal h1 { font-size: 40px; margin-bottom: 40px; color: #474747; }

#avisoLegal p { font-size: 12px; line-height: 20px;}

#avisoLegal p > strong { font-weight: bold; color: #474747; }

#avisoLegal p > a { text-decoration: none; }

#avisoLegal p > a:hover { text-decoration: underline; }

/* ELEMENTOS INTERIOR ERROR 404 */
/* ------------------------------------ */
                        
.contenidoInteriorError { position: relative; min-height: 500px; height: auto !important; height: 500px; margin-top: 24px; }

.panelInformacionError { position: relative; width: 944px; 
                         min-height: 500px; height: auto !important; height: 500px; 
                         background-color: #F3F3F3; }
                         
.panelContenidoInformacionError { position: relative; top: 50px; text-align: center; }

