/* CSS Device-width Smartphones & phablets 320px Number of devices: 15 346px Number of devices: 1 360px Number of devices: 22 + 2 Phablets 375px Number of devices: 1 384px Number of devices: 3 390px Number of devices: 2 400px Number of devices: 1 412px Number of devices: 1 phablet 414px Number of devices: 1 phablet 432px Number of devices: 1 phablet 504px Number of devices: 1 Total: 50 Tablets 480px Number of devices: 1 600px Number of devices: 5 604px Number of devices: 1 720px Number of devices: 2 768px Number of devices: 6 800px Number of devices: 5 1024px Number of devices: 2 Total: 22 */ /* ------------- Cambios -------------*/ @font-face { font-family: 'SourceSansPro'; src: url('fonts/SourceSansPro.eot'); /* IE9 Compat Modes */ src: url('fonts/SourceSansPro.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/SourceSansPro.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/SourceSansPro.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/SourceSansPro.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/SourceSansPro.svg#svgFontName') format('svg'); /* Legacy iOS */ } @media only screen and (max-width: 768px) { /* iPad & Tabletsx */ #section2Index { width:100%; height:500px; background:white; background-size:cover; position:relative; } #section2ContentQuienesSomos { width:100%; height:49.9%; background:transparent; position:relative; float:left;} #section2ContentSeparador { width:100%; height: 2px; float:left; position:relative; background:transparent; } #lineSeparador { width:80%; height:100%; background:#e6e7e8; margin:0 auto;} #section2ContentEnfoques { width:100%; height:49.9%; background:transparent; position:relative; float:left; } #quienesSomosTitle { width:100%; height:50%; background:transparent; position: relative; text-align:center; float:left; } #quienesSomosTitle > h2 { font-family:SourceSansPro; font-size:2.3em; color:#39454b; font-weight:100; padding:50px 0 0 0; } #quienesSomosText { width:100%; height:50%; background:transparent; position:relative; text-align:center; float:left; } #quienesSomosText > p { font-family:SourceSansPro; font-size:1.2em; color:#39454b; font-weight:100; padding:15px 0 0 0; } /*--- Section 3 Index ---*/ #section3Index { width:100%; height:740px; background:transparent; background-size:cover; position:relative; } #section3ContentMision { width:100%; height: 50%; background:#232a33; float:left; } #section3ContentOrigenes { width:100%; height: 50%; background:#36404d; float:left; } #MisionImage { width:0; height:100%; background:#36404d; float:left; } #TextMisionBox { width: 100%; height: 100%; background:transparent; float:left; } /* Mision */ #MisionTitle { width:100%; height:100px; background:transparent; float:left; } #MisionTitle > p { font-family:SourceSansPro; font-size:3em; color: white; text-align: center; padding: 30px 10px 0 0px ; } #MisionText { width:100%; height:270px; background:transparent; float:left; } #MisionText > p { font-family:SourceSansPro; font-size:1.1em; color: white; text-align: justify; padding: 20px 15px 0 15px ; } /*--- Origenes ---*/ #OrigenesTitle { width:100%; height:150px; background:transparent; float:left; } #OrigenesTitle > p { font-family:SourceSansPro; font-size:3em; color: white; text-align: center; padding: 30px 0 0 0px ; } #OrigenesText { width:100%; height:300px; background:transparent; float:left; } #OrigenesText > p { font-family:SourceSansPro; font-size:1.1em; color: white; text-align: justify; padding: 20px 15px 0 15px ; } /*--- Section 4 Index ---*/ #section4index { width:100%; height:700px ; background:#f5f6f7; position:relative; } #section4Content { width:100%; height:35%; background:transparent; float:left; } #section4Header { width:100%; height:65%; background:transparent; float:left; } #section4Header > p { font-family:SourceSansPro; font-size: 2.3em; color:#232a33; text-align:center; padding:50px 0 0 0; } #seciton4subheader { width:100%; height:35%; background:transparent; float:left; } #seciton4subheader > p { font-family:SourceSansPro; font-size: 1.2em; color:#232a33; text-align:center; } #seciton4FormContent { width:100%; height:65%; background:transparent; float:left; } #section4FormBox { width:100%; height:100%; border-radius:5px 5px 0 0; background:white; margin: 0 auto; } /*--- Form Begin ---*/ #form { width:100%; height:100%; background:transparent; margin:0 auto; } /*--- Name and Mail ---*/ #nameAndEmailBox { width:100%; height:180px; background:transparent; } #nameInput { width: 100%; height:50%; background:transparent; text-align:center; float:left; } input.name { width:90%; height: 58px; border-radius:7px 7px 7px 7px; border: 2px #ededed solid; background:white; font-family:SourceSansPro; font-size:1em; color:#b6b6b6; margin:0 0 0 0; padding: 0 0 0 10px; } /*--- Message ---*/ #messageBox { width:100%; height:155px; background:transparent; text-align:center; } textarea.message { width: 95%; height:100%; background:white; border-radius:7px 7px 7px 7px; border: 2px #ededed solid; font-family:SourceSansPro; font-size:1.4em; color:#b6b6b6; padding: 10px 0 0 10px; resize: none; } /*--- Button Begin ---*/ #buttonBox { width: 100%; height:134.5px; background:transparent; position:relative; float:left; } input.sendButton { width:269px; height:58px; background:#18d533; position: absolute; left: 50%; top: 50%; margin-left: -133px; margin-top: -34px; float:left; border:none; border-radius:40px 40px 40px 40px; font-family:SourceSansPro; font-size:1.4em; color:white; } input.sendButton:hover { width:269px; height:58px; background:#13bd2c; position: absolute; left: 50%; top: 50%; margin-left: -133px; margin-top: -34px; float:left; border:none; border-radius:40px 40px 40px 40px; font-family:SourceSansPro; font-size:1.4em; color:white; } textarea:focus, input:focus { outline: 0; } /*--- Footer ---*/ #footer { width: 100%; height: 50px; background:#c7c7c7; position:relative; } #footerContent { display:none;} #footerRights { width: 100%; height: 50px; background:transparent; float:left; position:relative; } #footerRights > p { font-family:SourceSansPro; font-size:0.65em; color:#7c7c7c; text-align:center; line-height:3.6em; padding:5px 10px 0 10px; } /*------ Clinica Section ------*/ #clinicaSection { width:100%; height:900px; background:url(images/clinica/background.jpg); background-size:cover; position:relative; } #titleClinica { width:100%; height: 150px; background:transparent; margin:15% 0 0 0 ; float:left; } #titleClinica > p { font-family:SourceSansPro; font-weight:100; font-size:3em; color:white; padding: 80px 0 0 0 10px; line-height:1.5em; } #subtitleClinica { width: 100%; height:180px; background:transparent; float:left; } #subtitleClinica > p { font-family:SourceSansPro; font-weight:100; font-size:1.2em; color:white; padding: 15px 0 0 10px; line-height:1.4em; } #informationClinica { width:100%; height:400px; background:transparent; float:left; } #circlesClinica { width:20px; height:100%; background:transparent; float:left; margin:0 0 0 20px; } #dotsClinica { width:20px; height:10px; background:url(images/clinica/circle.png) no-repeat; float:left; margin:8px 0 10px 0; } #especializacionesClinica { width:90%; height:100%; background:transparent; float:left } #especializacionesClinica > p { font-family:SourceSansPro; font-weight:100; font-size:1.011em; color:white; line-height: 1.731em; } /*------ Lineamientos del Trabajo Section ------*/ #section1Lineamientos { width:100%; height: 100vh; background:url(images/lineamientos/background_lineamiento.jpg); background-size:cover; background-position:center center; } #section1LineamientosContent { width:100%; background:transparent; top:48%; position:relative; text-align:center; } #section1LineamientosContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100; } #section2Lineamientos { width:100%; height:300px; background:white; } #lineamientosText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #lineamientosText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:10px 30px 0 30px; line-height:1.9em; text-align:justify; } /*------ Tipos de Psicologia Section ------*/ #section1Psicologia { width:100%; height:100vh; background:url(images/psicologia/background_psicologia.jpg); background-size:cover; background-position:center -10%; position:relative; } #section1PsicologiaContent { width:100%; background:transparent; top:43%; position:relative; text-align:center; } #section1PsicologiaContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100;} #section1PsicologiaContent > h1 { font-family:SourceSansPro; font-size:1.5em; color:white; font-weight:200; } /*--- Individual ---*/ #individual { width: 100%; height:680px; background:#e9eff3; } #imageSectionIndividual { width:0%; height:100%; background:url(images/psicologia/background_psicologia_individual.jpg) no-repeat; background-size:cover; background-position: 10% center; float:left;} #textSection { width:100%; height: 100%; background:transparent; float:left; } #psicologiaTitle { width: 100%; background:transparent; float:left; margin:100px 0 0 0; } #psicologiaTitle > p { font-family:SourceSansPro; font-size:2em; color:#445158; text-align:left; font-weight:300; padding:0 10px 0 10px; } #psicologiaSubtitle { width:100%; background:transparent; float:left; margin: 10px 0 40px 0;} #psicologiaSubtitle > p { font-family:SourceSansPro; font-size:1.4em; color:#78868e; padding: 0 10px 0 10px; text-align:left; } #psicologiaText { width:100%; background:transparent; float:left; } #halbText { width:50%; float:left; } #halbText > p { font-family:SourceSansPro; font-size:1em; color:#2e393f; padding: 0 10px 0 50px; padding:10px 15px 0 15px; line-height:1.8em; } /*--- Familiar ---*/ #familiar { width:100%; height:550px; background:white; position:relative; } #imageSectionFamiliar { width:0%; height:100%; background:url(images/psicologia/background_psicologia_familiar.jpg) no-repeat; background-size:cover; background-position:center center; float:left; } /*--- infantil ---*/ #infantil { width:100%; height:580px; background:#e9eff3; position:relative; } #imageSectionInfantil { width:0%; height:100%; background:url(images/psicologia/background_psicologia_infantil.jpg) no-repeat; background-size:cover; background-position:center center; float:left; } /*--- pareja ---*/ #pareja { width:100%; height:530px; background:white; position:relative; } #imageSectionPareja { width:0%; height:100%; background:url(images/psicologia/background_psicologia_pareja.jpg) no-repeat; background-size:cover; background-position:center center; float:left; } /*--- Embarazo ---*/ #embarazo { width:100%; height:530px; background:#e9eff3; position:relative; } #imageSectionEmbarazo { width:0%; height:100%; background:url(images/psicologia/background_psicologia_embarazo.jpg) no-repeat; background-size:cover; background-position:30% center; float:left; } /*--- deporte ---*/ #deporte { width:100%; height:680px; background:white; position:relative; } #imageSectionDeporte { width:0%; height:100%; background:url(images/psicologia/background_psicologia_deporte.jpg) no-repeat; background-size:cover; background-position:30% center; float:left; } #wholeText { width:100%; float:left; } #wholeText > p { font-family:SourceSansPro; font-size:1.1em; color:#2e393f; padding: 0 10px 0 50px; padding:10px 10px 0 10px; line-height:1.8em; text-align:justify; } /*--- Psicooncologia ---*/ #section1Psicooncologia { width:100%; height:100vh; background:url(images/psicooncologia/background_psicooncologia.jpg); background-size:cover; background-position:center 95%; position:relative; } #section1PsicooncologiaContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1PsicooncologiaContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; font-weight:100; padding:0 0 0 0; text-align:center; } #section1PsicooncologiaContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 0; } #section2Psicooncologia { width:100%; height:440px; background:white; } #PsicooncologiaText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #PsicooncologiaText > p { font-family:SourceSansPro; font-size:1.2em; color:#a9a9a9; padding:50px 10px 0 20px; line-height:1.9em; } /*--- Area Laboral ---*/ #section1Laboral { width:100%; height:100vh; background:url(images/laboral/background_laboral.jpg); background-size:cover; background-position: 60% center; position:relative; } #section1LaboralContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1LaboralContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100; } #section1LaboralContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 50px; } #section2Laboral { width:100%; height:330px; background:white; } #LaboralText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #LaboralText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:30px 15px 0 20px; line-height:1.9em; } /*--- Privacidad ---*/ #section1AvisoPrivacidad { width:100%; background:#e9eff3; position:relative; } #section1AvisoPrivacidad > p { font-family:SourceSansPro; font-size:1em; color:#2e393f; padding: 100px 15px 80px 15px; text-align:justify;} /*--- Baterias ---*/ #section1Baterias { width:100%; height:100vh; background:url(images/baterias/background_baterias.jpg); background-size:cover; background-position:center 70%; position:relative; } #section1BateriasContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1BateriasContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100; } #section1BateriasContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 10px 0 10px; } #section2Baterias { width:100%; height:700px; background:white; } /*--- Tercera edad --- */ #section1TerceraEdad { width:100%; height:100vh; background:url(images/terceraedad/background_terceraedad.jpg); background-size:cover; background-position:center 30%; position:relative; } #section1TerceraEdadContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1TerceraEdadContent > h2 { font-family:SourceSansPro; font-size:2.7em; color:white; font-weight:100; } #section1TerceraEdadContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 50px; } #section2TerceraEdad { width:100%; height:720px; background:white; } #TerceraEdadText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #TerceraEdadText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:35px 10px 0 10px; line-height:1.9em; text-align:justify;} #TerceraEdadText > p strong { font-family:SourceSansPro; font-size:1em; color:#6e6e6e; padding:0px 30px 0 0px; line-height:1.9em; } /*--- Grupos de apoyo --- */ #section1GruposApoyo { width:100%; height:100vh; background:url(images/gruposApoyo/background_grupoapoyo.jpg); background-size:cover; background-position:center 10%; position:relative; } #section1GruposApoyoContent { width:100%; background:transparent; top:33%; position:relative; text-align:center; } #section1GruposApoyoContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; } #section1GruposApoyoContent > h1 { font-family:SourceSansPro; font-size:1.5em; font-weight:100; color:white; padding:0 0 0 10px; } /*--- Promociones --- */ #section1Promociones { width:100%; height:100vh; background:url(images/promociones/background_promociones.jpg); background-size:cover; background-position:center 10%; position:relative; } #section1PromocionesContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1PromocionesContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; font-weight:100; } #section1PromocionesContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 50px; } #section2Promociones { width:100%; height:205px; background:white; } #PromocionesText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #PromocionesText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:40px 20px 0 20px; line-height:1.9em; } /*--- Tanatologia --- */ #section1Tanatologia { width:100%; height:100vh; background:url(images/tanatologia/background_tanatologia.jpg); background-size:cover; background-position:center 55%; position:relative; } #section1TanatologiaContent { width:100%; background:transparent; top:37%; position:relative; text-align:center; } #section1TanatologiaContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; font-weight:100; } #section1TanatologiaContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 0px; } #section2Tanatologia { width:100%; height:330px; background:white; } #TanatologiaText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #TanatologiaText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:30px 15px 0 15px; line-height:1.9em; } } @media only screen and (max-width: 414px) { /* iPhone 6Plus */ #section2Index { width:100%; height:500px; background:white; background-size:cover; position:relative; } #section2ContentQuienesSomos { width:100%; height:49.9%; background:transparent; position:relative; float:left;} #section2ContentSeparador { width:100%; height: 2px; float:left; position:relative; background:transparent; } #lineSeparador { width:80%; height:100%; background:#e6e7e8; margin:0 auto;} #section2ContentEnfoques { width:100%; height:49.9%; background:transparent; position:relative; float:left; } #quienesSomosTitle { width:100%; height:50%; background:transparent; position: relative; text-align:center; float:left; } #quienesSomosTitle > h2 { font-family:SourceSansPro; font-size:2.3em; color:#39454b; font-weight:100; padding:50px 0 0 0; } #quienesSomosText { width:100%; height:50%; background:transparent; position:relative; text-align:center; float:left; } #quienesSomosText > p { font-family:SourceSansPro; font-size:1.2em; color:#39454b; font-weight:100; padding:15px 0 0 0; } /*--- Section 3 Index ---*/ #section3Index { width:100%; height:740px; background:transparent; background-size:cover; position:relative; } #section3ContentMision { width:100%; height: 50%; background:#232a33; float:left; } #section3ContentOrigenes { width:100%; height: 50%; background:#36404d; float:left; } #MisionImage { width:0; height:100%; background:#36404d; float:left; } #TextMisionBox { width: 100%; height: 100%; background:transparent; float:left; } /* Mision */ #MisionTitle { width:100%; height:100px; background:transparent; float:left; } #MisionTitle > p { font-family:SourceSansPro; font-size:3em; color: white; text-align: center; padding: 30px 10px 0 0px ; } #MisionText { width:100%; height:270px; background:transparent; float:left; } #MisionText > p { font-family:SourceSansPro; font-size:1.1em; color: white; text-align: justify; padding: 20px 15px 0 15px ; } /*--- Origenes ---*/ #OrigenesTitle { width:100%; height:150px; background:transparent; float:left; } #OrigenesTitle > p { font-family:SourceSansPro; font-size:3em; color: white; text-align: center; padding: 30px 0 0 0px ; } #OrigenesText { width:100%; height:300px; background:transparent; float:left; } #OrigenesText > p { font-family:SourceSansPro; font-size:1.1em; color: white; text-align: justify; padding: 20px 15px 0 15px ; } /*--- Section 4 Index ---*/ #section4index { width:100%; height:700px ; background:#f5f6f7; position:relative; } #section4Content { width:100%; height:35%; background:transparent; float:left; } #section4Header { width:100%; height:65%; background:transparent; float:left; } #section4Header > p { font-family:SourceSansPro; font-size: 2.3em; color:#232a33; text-align:center; padding:50px 0 0 0; } #seciton4subheader { width:100%; height:35%; background:transparent; float:left; } #seciton4subheader > p { font-family:SourceSansPro; font-size: 1.2em; color:#232a33; text-align:center; } #seciton4FormContent { width:100%; height:65%; background:transparent; float:left; } #section4FormBox { width:100%; height:100%; border-radius:5px 5px 0 0; background:white; margin: 0 auto; } /*--- Form Begin ---*/ #form { width:100%; height:100%; background:transparent; margin:0 auto; } /*--- Name and Mail ---*/ #nameAndEmailBox { width:100%; height:180px; background:transparent; } #nameInput { width: 100%; height:50%; background:transparent; text-align:center; float:left; } input.name { width:90%; height: 58px; border-radius:7px 7px 7px 7px; border: 2px #ededed solid; background:white; font-family:SourceSansPro; font-size:1em; color:#b6b6b6; margin:0 0 0 0; padding: 0 0 0 10px; } /*--- Message ---*/ #messageBox { width:100%; height:155px; background:transparent; text-align:center; } textarea.message { width: 95%; height:100%; background:white; border-radius:7px 7px 7px 7px; border: 2px #ededed solid; font-family:SourceSansPro; font-size:1.4em; color:#b6b6b6; padding: 10px 0 0 10px; resize: none; } /*--- Button Begin ---*/ #buttonBox { width: 100%; height:134.5px; background:transparent; position:relative; float:left; } input.sendButton { width:269px; height:58px; background:#18d533; position: absolute; left: 50%; top: 50%; margin-left: -133px; margin-top: -34px; float:left; border:none; border-radius:40px 40px 40px 40px; font-family:SourceSansPro; font-size:1.4em; color:white; } input.sendButton:hover { width:269px; height:58px; background:#13bd2c; position: absolute; left: 50%; top: 50%; margin-left: -133px; margin-top: -34px; float:left; border:none; border-radius:40px 40px 40px 40px; font-family:SourceSansPro; font-size:1.4em; color:white; } textarea:focus, input:focus { outline: 0; } /*--- Footer ---*/ #footer { width: 100%; height: 50px; background:#c7c7c7; position:relative; } #footerContent { display:none;} #footerRights { width: 100%; height: 50px; background:transparent; float:left; position:relative; } #footerRights > p { font-family:SourceSansPro; font-size:0.65em; color:#7c7c7c; text-align:center; line-height:3.6em; padding:5px 10px 0 10px; } /*------ Clinica Section ------*/ #clinicaSection { width:100%; height:900px; background:url(images/clinica/background.jpg); background-size:cover; position:relative; } #titleClinica { width:100%; height: 150px; background:transparent; margin:15% 0 0 0 ; float:left; } #titleClinica > p { font-family:SourceSansPro; font-weight:100; font-size:3em; color:white; padding: 80px 0 0 0 10px; line-height:1.5em; } #subtitleClinica { width: 100%; height:180px; background:transparent; float:left; } #subtitleClinica > p { font-family:SourceSansPro; font-weight:100; font-size:1.2em; color:white; padding: 15px 0 0 10px; line-height:1.4em; } #informationClinica { width:100%; height:400px; background:transparent; float:left; } #circlesClinica { width:20px; height:100%; background:transparent; float:left; margin:0 0 0 20px; } #dotsClinica { width:20px; height:10px; background:url(images/clinica/circle.png) no-repeat; float:left; margin:8px 0 10px 0; } #especializacionesClinica { width:90%; height:100%; background:transparent; float:left } #especializacionesClinica > p { font-family:SourceSansPro; font-weight:100; font-size:1.011em; color:white; line-height: 1.731em; } /*------ Lineamientos del Trabajo Section ------*/ #section1Lineamientos { width:100%; height: 100vh; background:url(images/lineamientos/background_lineamiento.jpg); background-size:cover; background-position:center center; } #section1LineamientosContent { width:100%; background:transparent; top:48%; position:relative; text-align:center; } #section1LineamientosContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100; } #section2Lineamientos { width:100%; height:340px; background:white; } #lineamientosText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #lineamientosText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:10px 30px 0 30px; line-height:1.9em; text-align:justify; } /*------ Tipos de Psicologia Section ------*/ #section1Psicologia { width:100%; height:100vh; background:url(images/psicologia/background_psicologia.jpg); background-size:cover; background-position:center -10%; position:relative; } #section1PsicologiaContent { width:100%; background:transparent; top:43%; position:relative; text-align:center; } #section1PsicologiaContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100;} #section1PsicologiaContent > h1 { font-family:SourceSansPro; font-size:1.5em; color:white; font-weight:200; } /*--- Individual ---*/ #individual { width: 100%; height:780px; background:#e9eff3; } #imageSectionIndividual { width:0%; height:100%; background:url(images/psicologia/background_psicologia_individual.jpg) no-repeat; background-size:cover; background-position: 10% center; float:left;} #textSection { width:100%; height: 100%; background:transparent; float:left; } #psicologiaTitle { width: 100%; background:transparent; float:left; margin:100px 0 0 0; } #psicologiaTitle > p { font-family:SourceSansPro; font-size:2em; color:#445158; text-align:left; font-weight:300; padding:0 10px 0 10px; } #psicologiaSubtitle { width:100%; background:transparent; float:left; margin: 10px 0 40px 0;} #psicologiaSubtitle > p { font-family:SourceSansPro; font-size:1.4em; color:#78868e; padding: 0 10px 0 10px; text-align:left; } #psicologiaText { width:100%; background:transparent; float:left; } #halbText { width:50%; float:left; } #halbText > p { font-family:SourceSansPro; font-size:1em; color:#2e393f; padding: 0 10px 0 50px; padding:10px 15px 0 15px; line-height:1.8em; } /*--- Familiar ---*/ #familiar { width:100%; height:60opx; background:white; position:relative; } #imageSectionFamiliar { width:0%; height:100%; background:url(images/psicologia/background_psicologia_familiar.jpg) no-repeat; background-size:cover; background-position:center center; float:left; } /*--- infantil ---*/ #infantil { width:100%; height:650px; background:#e9eff3; position:relative; } #imageSectionInfantil { width:0%; height:100%; background:url(images/psicologia/background_psicologia_infantil.jpg) no-repeat; background-size:cover; background-position:center center; float:left; } /*--- pareja ---*/ #pareja { width:100%; height:630px; background:white; position:relative; } #imageSectionPareja { width:0%; height:100%; background:url(images/psicologia/background_psicologia_pareja.jpg) no-repeat; background-size:cover; background-position:center center; float:left; } /*--- Embarazo ---*/ #embarazo { width:100%; height:550px; background:#e9eff3; position:relative; } #imageSectionEmbarazo { width:0%; height:100%; background:url(images/psicologia/background_psicologia_embarazo.jpg) no-repeat; background-size:cover; background-position:30% center; float:left; } /*--- deporte ---*/ #deporte { width:100%; height:840px; background:white; position:relative; } #imageSectionDeporte { width:0%; height:100%; background:url(images/psicologia/background_psicologia_deporte.jpg) no-repeat; background-size:cover; background-position:30% center; float:left; } #wholeText { width:100%; float:left; } #wholeText > p { font-family:SourceSansPro; font-size:1.1em; color:#2e393f; padding: 0 10px 0 50px; padding:10px 10px 0 10px; line-height:1.8em; text-align:justify; } /*--- Psicooncologia ---*/ #section1Psicooncologia { width:100%; height:100vh; background:url(images/psicooncologia/background_psicooncologia.jpg); background-size:cover; background-position:center 95%; position:relative; } #section1PsicooncologiaContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1PsicooncologiaContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; font-weight:100; padding:0 0 0 0; text-align:center; } #section1PsicooncologiaContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 0; } #section2Psicooncologia { width:100%; height:440px; background:white; } #PsicooncologiaText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #PsicooncologiaText > p { font-family:SourceSansPro; font-size:1.2em; color:#a9a9a9; padding:50px 10px 0 20px; line-height:1.9em; } /*--- Area Laboral ---*/ #section1Laboral { width:100%; height:100vh; background:url(images/laboral/background_laboral.jpg); background-size:cover; background-position: 60% center; position:relative; } #section1LaboralContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1LaboralContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100; } #section1LaboralContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 50px; } #section2Laboral { width:100%; height:330px; background:white; } #LaboralText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #LaboralText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:30px 15px 0 20px; line-height:1.9em; } /*--- Privacidad ---*/ #section1AvisoPrivacidad { width:100%; background:#e9eff3; position:relative; } #section1AvisoPrivacidad > p { font-family:SourceSansPro; font-size:1em; color:#2e393f; padding: 100px 15px 80px 15px; text-align:justify;} /*--- Baterias ---*/ #section1Baterias { width:100%; height:100vh; background:url(images/baterias/background_baterias.jpg); background-size:cover; background-position:center 70%; position:relative; } #section1BateriasContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1BateriasContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100; } #section1BateriasContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 10px 0 10px; } #section2Baterias { width:100%; height:700px; background:white; } /*--- Tercera edad --- */ #section1TerceraEdad { width:100%; height:100vh; background:url(images/terceraedad/background_terceraedad.jpg); background-size:cover; background-position:center 30%; position:relative; } #section1TerceraEdadContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1TerceraEdadContent > h2 { font-family:SourceSansPro; font-size:2.7em; color:white; font-weight:100; } #section1TerceraEdadContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 50px; } #section2TerceraEdad { width:100%; height:850px; background:white; } #TerceraEdadText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #TerceraEdadText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:35px 10px 0 10px; line-height:1.9em; text-align:justify;} #TerceraEdadText > p strong { font-family:SourceSansPro; font-size:1em; color:#6e6e6e; padding:0px 30px 0 0px; line-height:1.9em; } /*--- Grupos de apoyo --- */ #section1GruposApoyo { width:100%; height:100vh; background:url(images/gruposApoyo/background_grupoapoyo.jpg); background-size:cover; background-position:center 10%; position:relative; } #section1GruposApoyoContent { width:100%; background:transparent; top:33%; position:relative; text-align:center; } #section1GruposApoyoContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; } #section1GruposApoyoContent > h1 { font-family:SourceSansPro; font-size:1em; font-weight:100; color:white; padding:0 0 0 10px; } /*--- Promociones --- */ #section1Promociones { width:100%; height:100vh; background:url(images/promociones/background_promociones.jpg); background-size:cover; background-position:center 10%; position:relative; } #section1PromocionesContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1PromocionesContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; font-weight:100; } #section1PromocionesContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 50px; } #section2Promociones { width:100%; height:235px; background:white; } #PromocionesText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #PromocionesText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:40px 20px 0 20px; line-height:1.9em; } /*--- Tanatologia --- */ #section1Tanatologia { width:100%; height:100vh; background:url(images/tanatologia/background_tanatologia.jpg); background-size:cover; background-position:center 55%; position:relative; } #section1TanatologiaContent { width:100%; background:transparent; top:37%; position:relative; text-align:center; } #section1TanatologiaContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; font-weight:100; } #section1TanatologiaContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 0px; } #section2Tanatologia { width:100%; height:330px; background:white; } #TanatologiaText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #TanatologiaText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:30px 15px 0 15px; line-height:1.9em; } } @media only screen and (max-width: 375px) { /* iPhone 6 */ #section2Index { width:100%; height:500px; background:white; background-size:cover; position:relative; } #section2ContentQuienesSomos { width:100%; height:49.9%; background:transparent; position:relative; float:left;} #section2ContentSeparador { width:100%; height: 2px; float:left; position:relative; background:transparent; } #lineSeparador { width:80%; height:100%; background:#e6e7e8; margin:0 auto;} #section2ContentEnfoques { width:100%; height:49.9%; background:transparent; position:relative; float:left; } #quienesSomosTitle { width:100%; height:50%; background:transparent; position: relative; text-align:center; float:left; } #quienesSomosTitle > h2 { font-family:SourceSansPro; font-size:2.3em; color:#39454b; font-weight:100; padding:50px 0 0 0; } #quienesSomosText { width:100%; height:50%; background:transparent; position:relative; text-align:center; float:left; } #quienesSomosText > p { font-family:SourceSansPro; font-size:1.2em; color:#39454b; font-weight:100; padding:15px 0 0 0; } /*--- Section 3 Index ---*/ #section3Index { width:100%; height:740px; background:transparent; background-size:cover; position:relative; } #section3ContentMision { width:100%; height: 50%; background:#232a33; float:left; } #section3ContentOrigenes { width:100%; height: 50%; background:#36404d; float:left; } #MisionImage { width:0; height:100%; background:#36404d; float:left; } #TextMisionBox { width: 100%; height: 100%; background:transparent; float:left; } /* Mision */ #MisionTitle { width:100%; height:100px; background:transparent; float:left; } #MisionTitle > p { font-family:SourceSansPro; font-size:3em; color: white; text-align: center; padding: 30px 10px 0 0px ; } #MisionText { width:100%; height:270px; background:transparent; float:left; } #MisionText > p { font-family:SourceSansPro; font-size:1.1em; color: white; text-align: justify; padding: 20px 15px 0 15px ; } /*--- Origenes ---*/ #OrigenesTitle { width:100%; height:150px; background:transparent; float:left; } #OrigenesTitle > p { font-family:SourceSansPro; font-size:3em; color: white; text-align: center; padding: 30px 0 0 0px ; } #OrigenesText { width:100%; height:300px; background:transparent; float:left; } #OrigenesText > p { font-family:SourceSansPro; font-size:1.1em; color: white; text-align: justify; padding: 20px 15px 0 15px ; } /*--- Section 4 Index ---*/ #section4index { width:100%; height:700px ; background:#f5f6f7; position:relative; } #section4Content { width:100%; height:35%; background:transparent; float:left; } #section4Header { width:100%; height:65%; background:transparent; float:left; } #section4Header > p { font-family:SourceSansPro; font-size: 2.3em; color:#232a33; text-align:center; padding:50px 0 0 0; } #seciton4subheader { width:100%; height:35%; background:transparent; float:left; } #seciton4subheader > p { font-family:SourceSansPro; font-size: 1.2em; color:#232a33; text-align:center; } #seciton4FormContent { width:100%; height:65%; background:transparent; float:left; } #section4FormBox { width:100%; height:100%; border-radius:5px 5px 0 0; background:white; margin: 0 auto; } /*--- Form Begin ---*/ #form { width:100%; height:100%; background:transparent; margin:0 auto; } /*--- Name and Mail ---*/ #nameAndEmailBox { width:100%; height:180px; background:transparent; } #nameInput { width: 100%; height:50%; background:transparent; text-align:center; float:left; } input.name { width:90%; height: 58px; border-radius:7px 7px 7px 7px; border: 2px #ededed solid; background:white; font-family:SourceSansPro; font-size:1em; color:#b6b6b6; margin:0 0 0 0; padding: 0 0 0 10px; } /*--- Message ---*/ #messageBox { width:100%; height:155px; background:transparent; text-align:center; } textarea.message { width: 95%; height:100%; background:white; border-radius:7px 7px 7px 7px; border: 2px #ededed solid; font-family:SourceSansPro; font-size:1.4em; color:#b6b6b6; padding: 10px 0 0 10px; resize: none; } /*--- Button Begin ---*/ #buttonBox { width: 100%; height:134.5px; background:transparent; position:relative; float:left; } input.sendButton { width:269px; height:58px; background:#18d533; position: absolute; left: 50%; top: 50%; margin-left: -133px; margin-top: -34px; float:left; border:none; border-radius:40px 40px 40px 40px; font-family:SourceSansPro; font-size:1.4em; color:white; } input.sendButton:hover { width:269px; height:58px; background:#13bd2c; position: absolute; left: 50%; top: 50%; margin-left: -133px; margin-top: -34px; float:left; border:none; border-radius:40px 40px 40px 40px; font-family:SourceSansPro; font-size:1.4em; color:white; } textarea:focus, input:focus { outline: 0; } /*--- Footer ---*/ #footer { width: 100%; height: 50px; background:#c7c7c7; position:relative; } #footerContent { display:none;} #footerRights { width: 100%; height: 50px; background:transparent; float:left; position:relative; } #footerRights > p { font-family:SourceSansPro; font-size:0.65em; color:#7c7c7c; text-align:center; line-height:3.6em; padding:5px 10px 0 10px; } /*------ Clinica Section ------*/ #clinicaSection { width:100%; height:900px; background:url(images/clinica/background.jpg); background-size:cover; position:relative; } #titleClinica { width:100%; height: 150px; background:transparent; margin:15% 0 0 0 ; float:left; } #titleClinica > p { font-family:SourceSansPro; font-weight:100; font-size:3em; color:white; padding: 80px 0 0 0 10px; line-height:1.5em; } #subtitleClinica { width: 100%; height:180px; background:transparent; float:left; } #subtitleClinica > p { font-family:SourceSansPro; font-weight:100; font-size:1.2em; color:white; padding: 15px 0 0 10px; line-height:1.4em; } #informationClinica { width:100%; height:400px; background:transparent; float:left; } #circlesClinica { width:20px; height:100%; background:transparent; float:left; margin:0 0 0 20px; } #dotsClinica { width:20px; height:10px; background:url(images/clinica/circle.png) no-repeat; float:left; margin:8px 0 10px 0; } #especializacionesClinica { width:90%; height:100%; background:transparent; float:left } #especializacionesClinica > p { font-family:SourceSansPro; font-weight:100; font-size:1.011em; color:white; line-height: 1.731em; } /*------ Lineamientos del Trabajo Section ------*/ #section1Lineamientos { width:100%; height: 100vh; background:url(images/lineamientos/background_lineamiento.jpg); background-size:cover; background-position:center center; } #section1LineamientosContent { width:100%; background:transparent; top:48%; position:relative; text-align:center; } #section1LineamientosContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100; } #section2Lineamientos { width:100%; height:340px; background:white; } #lineamientosText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #lineamientosText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:10px 30px 0 30px; line-height:1.9em; text-align:justify; } /*------ Tipos de Psicologia Section ------*/ #section1Psicologia { width:100%; height:100vh; background:url(images/psicologia/background_psicologia.jpg); background-size:cover; background-position:center -10%; position:relative; } #section1PsicologiaContent { width:100%; background:transparent; top:43%; position:relative; text-align:center; } #section1PsicologiaContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100;} #section1PsicologiaContent > h1 { font-family:SourceSansPro; font-size:1.5em; color:white; font-weight:200; } /*--- Individual ---*/ #individual { width: 100%; height:820px; background:#e9eff3; } #imageSectionIndividual { width:0%; height:100%; background:url(images/psicologia/background_psicologia_individual.jpg) no-repeat; background-size:cover; background-position: 10% center; float:left;} #textSection { width:100%; height: 100%; background:transparent; float:left; } #psicologiaTitle { width: 100%; background:transparent; float:left; margin:100px 0 0 0; } #psicologiaTitle > p { font-family:SourceSansPro; font-size:2em; color:#445158; text-align:left; font-weight:300; padding:0 10px 0 10px; } #psicologiaSubtitle { width:100%; background:transparent; float:left; margin: 10px 0 40px 0;} #psicologiaSubtitle > p { font-family:SourceSansPro; font-size:1.4em; color:#78868e; padding: 0 10px 0 10px; text-align:left; } #psicologiaText { width:100%; background:transparent; float:left; } #halbText { width:50%; float:left; } #halbText > p { font-family:SourceSansPro; font-size:1em; color:#2e393f; padding: 0 10px 0 50px; padding:10px 15px 0 15px; line-height:1.8em; } /*--- Familiar ---*/ #familiar { width:100%; height:650px; background:white; position:relative; } #imageSectionFamiliar { width:0%; height:100%; background:url(images/psicologia/background_psicologia_familiar.jpg) no-repeat; background-size:cover; background-position:center center; float:left; } /*--- infantil ---*/ #infantil { width:100%; height:730px; background:#e9eff3; position:relative; } #imageSectionInfantil { width:0%; height:100%; background:url(images/psicologia/background_psicologia_infantil.jpg) no-repeat; background-size:cover; background-position:center center; float:left; } /*--- pareja ---*/ #pareja { width:100%; height:700px; background:white; position:relative; } #imageSectionPareja { width:0%; height:100%; background:url(images/psicologia/background_psicologia_pareja.jpg) no-repeat; background-size:cover; background-position:center center; float:left; } /*--- Embarazo ---*/ #embarazo { width:100%; height:650px; background:#e9eff3; position:relative; } #imageSectionEmbarazo { width:0%; height:100%; background:url(images/psicologia/background_psicologia_embarazo.jpg) no-repeat; background-size:cover; background-position:30% center; float:left; } /*--- deporte ---*/ #deporte { width:100%; height:1000px; background:white; position:relative; } #imageSectionDeporte { width:0%; height:100%; background:url(images/psicologia/background_psicologia_deporte.jpg) no-repeat; background-size:cover; background-position:30% center; float:left; } #wholeText { width:100%; float:left; } #wholeText > p { font-family:SourceSansPro; font-size:1.1em; color:#2e393f; padding: 0 10px 0 50px; padding:10px 10px 0 10px; line-height:1.8em; text-align:justify; } /*--- Psicooncologia ---*/ #section1Psicooncologia { width:100%; height:100vh; background:url(images/psicooncologia/background_psicooncologia.jpg); background-size:cover; background-position:center 95%; position:relative; } #section1PsicooncologiaContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1PsicooncologiaContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; font-weight:100; padding:0 0 0 0; text-align:center; } #section1PsicooncologiaContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 0; } #section2Psicooncologia { width:100%; height:440px; background:white; } #PsicooncologiaText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #PsicooncologiaText > p { font-family:SourceSansPro; font-size:1.2em; color:#a9a9a9; padding:50px 10px 0 20px; line-height:1.9em; } /*--- Area Laboral ---*/ #section1Laboral { width:100%; height:100vh; background:url(images/laboral/background_laboral.jpg); background-size:cover; background-position: 60% center; position:relative; } #section1LaboralContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1LaboralContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100; } #section1LaboralContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 50px; } #section2Laboral { width:100%; height:330px; background:white; } #LaboralText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #LaboralText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:30px 15px 0 20px; line-height:1.9em; } /*--- Privacidad ---*/ #section1AvisoPrivacidad { width:100%; background:#e9eff3; position:relative; } #section1AvisoPrivacidad > p { font-family:SourceSansPro; font-size:1em; color:#2e393f; padding: 100px 15px 80px 15px; text-align:justify;} /*--- Baterias ---*/ #section1Baterias { width:100%; height:100vh; background:url(images/baterias/background_baterias.jpg); background-size:cover; background-position:center 70%; position:relative; } #section1BateriasContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1BateriasContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100; } #section1BateriasContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 10px 0 10px; } #section2Baterias { width:100%; height:700px; background:white; } /*--- Tercera edad --- */ #section1TerceraEdad { width:100%; height:100vh; background:url(images/terceraedad/background_terceraedad.jpg); background-size:cover; background-position:center 30%; position:relative; } #section1TerceraEdadContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1TerceraEdadContent > h2 { font-family:SourceSansPro; font-size:2.7em; color:white; font-weight:100; } #section1TerceraEdadContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 50px; } #section2TerceraEdad { width:100%; height:850px; background:white; } #TerceraEdadText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #TerceraEdadText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:35px 10px 0 10px; line-height:1.9em; text-align:justify;} #TerceraEdadText > p strong { font-family:SourceSansPro; font-size:1em; color:#6e6e6e; padding:0px 30px 0 0px; line-height:1.9em; } /*--- Grupos de apoyo --- */ #section1GruposApoyo { width:100%; height:100vh; background:url(images/gruposApoyo/background_grupoapoyo.jpg); background-size:cover; background-position:center 10%; position:relative; } #section1GruposApoyoContent { width:100%; background:transparent; top:33%; position:relative; text-align:center; } #section1GruposApoyoContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; } #section1GruposApoyoContent > h1 { font-family:SourceSansPro; font-size:1em; font-weight:100; color:white; padding:0 0 0 10px; } /*--- Promociones --- */ #section1Promociones { width:100%; height:100vh; background:url(images/promociones/background_promociones.jpg); background-size:cover; background-position:center 10%; position:relative; } #section1PromocionesContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1PromocionesContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; font-weight:100; } #section1PromocionesContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 50px; } #section2Promociones { width:100%; height:235px; background:white; } #PromocionesText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #PromocionesText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:40px 20px 0 20px; line-height:1.9em; } /*--- Tanatologia --- */ #section1Tanatologia { width:100%; height:100vh; background:url(images/tanatologia/background_tanatologia.jpg); background-size:cover; background-position:center 55%; position:relative; } #section1TanatologiaContent { width:100%; background:transparent; top:37%; position:relative; text-align:center; } #section1TanatologiaContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; font-weight:100; } #section1TanatologiaContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 0px; } #section2Tanatologia { width:100%; height:330px; background:white; } #TanatologiaText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #TanatologiaText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:30px 15px 0 15px; line-height:1.9em; } } @media only screen and (max-width: 360px) { /* */ /*--- Section 2 Index ---*/ #section2Index { width:100%; height:500px; background:white; background-size:cover; position:relative; } #section2ContentQuienesSomos { width:100%; height:49.9%; background:transparent; position:relative; float:left; } #section2ContentSeparador { width:100%; height: 2px; float:left; position:relative; background:transparent; } #lineSeparador { width:80%; height:100%; background:#e6e7e8; margin:0 auto;} #section2ContentEnfoques { width:100%; height:49.9%; background:transparent; position:relative; float:left; } #quienesSomosTitle { width:100%; height:50%; background:transparent; position: relative; text-align:center; float:left; } #quienesSomosTitle > h2 { font-family:SourceSansPro; font-size:2.3em; color:#39454b; font-weight:100; padding:50px 0 0 0; } #quienesSomosText { width:100%; height:50%; background:transparent; position:relative; text-align:center; float:left; } #quienesSomosText > p { font-family:SourceSansPro; font-size:1.2em; color:#39454b; font-weight:100; padding:15px 0 0 0; } /*--- Section 3 Index ---*/ #section3Index { width:100%; height:780px; background:transparent; background-size:cover; position:relative; } #section3ContentMision { width:100%; height: 50%; background:#232a33; float:left; } #section3ContentOrigenes { width:100%; height: 50%; background:#36404d; float:left; } #MisionImage { width:0; height:100%; background:#36404d; float:left; } #TextMisionBox { width: 100%; height: 100%; background:transparent; float:left; } /* Mision */ #MisionTitle { width:100%; height:100px; background:transparent; float:left; } #MisionTitle > p { font-family:SourceSansPro; font-size:3em; color: white; text-align: center; padding: 30px 10px 0 0px ; } #MisionText { width:100%; height:270px; background:transparent; float:left; } #MisionText > p { font-family:SourceSansPro; font-size:1.1em; color: white; text-align: justify; padding: 20px 15px 0 15px ; } /*--- Origenes ---*/ #OrigenesTitle { width:100%; height:150px; background:transparent; float:left; } #OrigenesTitle > p { font-family:SourceSansPro; font-size:3em; color: white; text-align: center; padding: 30px 0 0 0px ; } #OrigenesText { width:100%; height:300px; background:transparent; float:left; } #OrigenesText > p { font-family:SourceSansPro; font-size:1.1em; color: white; text-align: justify; padding: 20px 15px 0 15px ; } /*--- Section 4 Index ---*/ #section4index { width:100%; height:700px ; background:#f5f6f7; position:relative; } #section4Content { width:100%; height:35%; background:transparent; float:left; } #section4Header { width:100%; height:65%; background:transparent; float:left; } #section4Header > p { font-family:SourceSansPro; font-size: 2.3em; color:#232a33; text-align:center; padding:50px 0 0 0; } #seciton4subheader { width:100%; height:35%; background:transparent; float:left; } #seciton4subheader > p { font-family:SourceSansPro; font-size: 1.2em; color:#232a33; text-align:center; } #seciton4FormContent { width:100%; height:65%; background:transparent; float:left; } #section4FormBox { width:100%; height:100%; border-radius:5px 5px 0 0; background:white; margin: 0 auto; } /*--- Form Begin ---*/ #form { width:100%; height:100%; background:transparent; margin:0 auto; } /*--- Name and Mail ---*/ #nameAndEmailBox { width:100%; height:180px; background:transparent; } #nameInput { width: 100%; height:50%; background:transparent; text-align:center; float:left; } input.name { width:90%; height: 58px; border-radius:7px 7px 7px 7px; border: 2px #ededed solid; background:white; font-family:SourceSansPro; font-size:1em; color:#b6b6b6; margin:0 0 0 0; padding: 0 0 0 10px; } /*--- Message ---*/ #messageBox { width:100%; height:155px; background:transparent; text-align:center; } textarea.message { width: 95%; height:100%; background:white; border-radius:7px 7px 7px 7px; border: 2px #ededed solid; font-family:SourceSansPro; font-size:1.4em; color:#b6b6b6; padding: 10px 0 0 10px; resize: none; } /*--- Button Begin ---*/ #buttonBox { width: 100%; height:134.5px; background:transparent; position:relative; float:left; } input.sendButton { width:269px; height:58px; background:#18d533; position: absolute; left: 50%; top: 50%; margin-left: -133px; margin-top: -34px; float:left; border:none; border-radius:40px 40px 40px 40px; font-family:SourceSansPro; font-size:1.4em; color:white; } input.sendButton:hover { width:269px; height:58px; background:#13bd2c; position: absolute; left: 50%; top: 50%; margin-left: -133px; margin-top: -34px; float:left; border:none; border-radius:40px 40px 40px 40px; font-family:SourceSansPro; font-size:1.4em; color:white; } textarea:focus, input:focus { outline: 0; } /*--- Footer ---*/ #footer { width: 100%; height: 50px; background:#c7c7c7; position:relative; } #footerContent { display:none;} #footerRights { width: 100%; height: 50px; background:transparent; float:left; position:relative; } #footerRights > p { font-family:SourceSansPro; font-size:0.65em; color:#7c7c7c; text-align:center; line-height:3.6em; padding:5px 10px 0 10px; } /*------ Clinica Section ------*/ #clinicaSection { width:100%; height:900px; background:url(images/clinica/background.jpg); background-size:cover; position:relative; } #titleClinica { width:100%; height: 150px; background:transparent; margin:15% 0 0 0 ; float:left; } #titleClinica > p { font-family:SourceSansPro; font-weight:100; font-size:3em; color:white; padding: 50px 0 0 0 10px; line-height:1.5em; } #subtitleClinica { width: 100%; height:180px; background:transparent; float:left; } #subtitleClinica > p { font-family:SourceSansPro; font-weight:100; font-size:1.2em; color:white; padding: 15px 0 0 10px; line-height:1.4em; } #informationClinica { width:100%; height:400px; background:transparent; float:left; } #circlesClinica { width:20px; height:100%; background:transparent; float:left; margin:0 0 0 10px; } #dotsClinica { width:20px; height:10px; background:url(images/clinica/circle.png) no-repeat; float:left; margin:8px 0 10px 0; } #especializacionesClinica { width:90%; background:transparent; float:left } #especializacionesClinica > p { font-family:SourceSansPro; font-weight:100; font-size:1.011em; color:white; line-height: 1.731em; } /*------ Lineamientos del Trabajo Section ------*/ #section1Lineamientos { width:100%; height: 100vh; background:url(images/lineamientos/background_lineamiento.jpg); background-size:cover; background-position:center center; } #section1LineamientosContent { width:100%; background:transparent; top:43%; position:relative; text-align:center; } #section1LineamientosContent > h2 { font-family:SourceSansPro; font-size:2.5em; color:red; font-weight:100; } #section2Lineamientos { width:100%; height:420px; background:white; } #lineamientosText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #lineamientosText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:10px 30px 0 30px; line-height:1.9em; text-align:justify; } /*------ Tipos de Psicologia Section ------*/ #section1Psicologia { width:100%; height:100vh; background:url(images/psicologia/background_psicologia.jpg); background-size:cover; background-position:center -10%; position:relative; } #section1PsicologiaContent { width:100%; background:transparent; top:43%; position:relative; text-align:center; } #section1PsicologiaContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100;} #section1PsicologiaContent > h1 { font-family:SourceSansPro; font-size:1.5em; color:white; font-weight:200; } /*--- Individual ---*/ #individual { width: 100%; height:900px; background:#e9eff3; } #imageSectionIndividual { width:0%; height:100%; background:url(images/psicologia/background_psicologia_individual.jpg) no-repeat; background-size:cover; background-position: 10% center; float:left;} #textSection { width:100%; height: 100%; background:transparent; float:left; } #psicologiaTitle { width: 100%; background:transparent; float:left; margin:100px 0 0 0; } #psicologiaTitle > p { font-family:SourceSansPro; font-size:2em; color:#445158; text-align:left; font-weight:300; padding:0 10px 0 10px; } #psicologiaSubtitle { width:100%; background:transparent; float:left; margin: 10px 0 40px 0;} #psicologiaSubtitle > p { font-family:SourceSansPro; font-size:1.4em; color:#78868e; padding: 0 10px 0 10px; text-align:left; } #psicologiaText { width:100%; background:transparent; float:left; } #halbText { width:50%; float:left; } #halbText > p { font-family:SourceSansPro; font-size:1em; color:#2e393f; padding: 0 10px 0 50px; padding:10px 15px 0 15px; line-height:1.8em; } /*--- Familiar ---*/ #familiar { width:100%; height:760px; background:white; position:relative; } #imageSectionFamiliar { width:0%; height:100%; background:url(images/psicologia/background_psicologia_familiar.jpg) no-repeat; background-size:cover; background-position:center center; float:left; } /*--- infantil ---*/ #infantil { width:100%; height:760px; background:#e9eff3; position:relative; } #imageSectionInfantil { width:0%; height:100%; background:url(images/psicologia/background_psicologia_infantil.jpg) no-repeat; background-size:cover; background-position:center center; float:left; } /*--- pareja ---*/ #pareja { width:100%; height:700px; background:white; position:relative; } #imageSectionPareja { width:0%; height:100%; background:url(images/psicologia/background_psicologia_pareja.jpg) no-repeat; background-size:cover; background-position:center center; float:left; } /*--- Embarazo ---*/ #embarazo { width:100%; height:720px; background:#e9eff3; position:relative; } #imageSectionEmbarazo { width:0%; height:100%; background:url(images/psicologia/background_psicologia_embarazo.jpg) no-repeat; background-size:cover; background-position:30% center; float:left; } /*--- deporte ---*/ #deporte { width:100%; height:950px; background:white; position:relative; } #imageSectionDeporte { width:0%; height:100%; background:url(images/psicologia/background_psicologia_deporte.jpg) no-repeat; background-size:cover; background-position:30% center; float:left; } #wholeText { width:100%; float:left; } #wholeText > p { font-family:SourceSansPro; font-size:1.1em; color:#2e393f; padding: 0 10px 0 50px; padding:10px 10px 0 10px; line-height:1.8em; text-align:justify; } /*--- Psicooncologia ---*/ #section1Psicooncologia { width:100%; height:100vh; background:url(images/psicooncologia/background_psicooncologia.jpg); background-size:cover; background-position:center 95%; position:relative; } #section1PsicooncologiaContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1PsicooncologiaContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; font-weight:100; padding:0 0 0 0; text-align:center; } #section1PsicooncologiaContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 0; } #section2Psicooncologia { width:100%; height:480px; background:white; } #PsicooncologiaText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #PsicooncologiaText > p { font-family:SourceSansPro; font-size:1.2em; color:#a9a9a9; padding:50px 10px 0 20px; line-height:1.9em; } /*--- Area Laboral ---*/ #section1Laboral { width:100%; height:100vh; background:url(images/laboral/background_laboral.jpg); background-size:cover; background-position: 60% center; position:relative; } #section1LaboralContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1LaboralContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100; } #section1LaboralContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 50px; } #section2Laboral { width:100%; height:380px; background:white; } #LaboralText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #LaboralText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:30px 15px 0 20px; line-height:1.9em; } /*--- Privacidad ---*/ #section1AvisoPrivacidad { width:100%; background:#e9eff3; position:relative; } #section1AvisoPrivacidad > p { font-family:SourceSansPro; font-size:1em; color:#2e393f; padding: 100px 15px 80px 15px; text-align:justify;} /*--- Baterias ---*/ #section1Baterias { width:100%; height:100vh; background:url(images/baterias/background_baterias.jpg); background-size:cover; background-position:center 70%; position:relative; } #section1BateriasContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1BateriasContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100; } #section1BateriasContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 10px 0 10px; } #section2Baterias { width:100%; height:800px; background:white; } /*--- Tercera edad --- */ #section1TerceraEdad { width:100%; height:100vh; background:url(images/terceraedad/background_terceraedad.jpg); background-size:cover; background-position:center 30%; position:relative; } #section1TerceraEdadContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1TerceraEdadContent > h2 { font-family:SourceSansPro; font-size:2.7em; color:white; font-weight:100; } #section1TerceraEdadContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 50px; } #section2TerceraEdad { width:100%; height:1200px; background:white; } #TerceraEdadText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #TerceraEdadText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:35px 10px 0 10px; line-height:1.9em; text-align:justify;} #TerceraEdadText > p strong { font-family:SourceSansPro; font-size:1em; color:#6e6e6e; padding:0px 30px 0 0px; line-height:1.9em; } /*--- Grupos de apoyo --- */ #section1GruposApoyo { width:100%; height:100vh; background:url(images/gruposApoyo/background_grupoapoyo.jpg); background-size:cover; background-position:center 10%; position:relative; } #section1GruposApoyoContent { width:100%; background:transparent; top:33%; position:relative; text-align:center; } #section1GruposApoyoContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; } #section1GruposApoyoContent > h1 { font-family:SourceSansPro; font-size:1em; font-weight:100; color:white; padding:0 0 0 10px; } /*--- Promociones --- */ #section1Promociones { width:100%; height:100vh; background:url(images/promociones/background_promociones.jpg); background-size:cover; background-position:center 10%; position:relative; } #section1PromocionesContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1PromocionesContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; font-weight:100; } #section1PromocionesContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 50px; } #section2Promociones { width:100%; height:220px; background:white; } #PromocionesText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #PromocionesText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:40px 20px 0 20px; line-height:1.9em; } /*--- Tanatologia --- */ #section1Tanatologia { width:100%; height:100vh; background:url(images/tanatologia/background_tanatologia.jpg); background-size:cover; background-position:center 55%; position:relative; } #section1TanatologiaContent { width:100%; background:transparent; top:37%; position:relative; text-align:center; } #section1TanatologiaContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; font-weight:100; } #section1TanatologiaContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 0px; } #section2Tanatologia { width:100%; height:360px; background:white; } #TanatologiaText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #TanatologiaText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:30px 15px 0 15px; line-height:1.9em; } } @media only screen and (max-width: 320px) { /* iPod Touch 1,2,3,4 & iPhone 3G, 3Gs, 4, 4s */ /*--- Section 2 Index ---*/ #section2Index { width:100%; height:500px; background:white; background-size:cover; position:relative; } #section2ContentQuienesSomos { width:100%; height:49.9%; background:transparent; position:relative; float:left;} #section2ContentSeparador { width:100%; height: 2px; float:left; position:relative; background:transparent; } #lineSeparador { width:80%; height:100%; background:#e6e7e8; margin:0 auto;} #section2ContentEnfoques { width:100%; height:49.9%; background:transparent; position:relative; float:left; } #quienesSomosTitle { width:100%; height:50%; background:transparent; position: relative; text-align:center; float:left; } #quienesSomosTitle > h2 { font-family:SourceSansPro; font-size:2.3em; color:#39454b; font-weight:100; padding:50px 0 0 0; } #quienesSomosText { width:100%; height:50%; background:transparent; position:relative; text-align:center; float:left; } #quienesSomosText > p { font-family:SourceSansPro; font-size:1.2em; color:#39454b; font-weight:100; padding:15px 0 0 0; } /*--- Section 3 Index ---*/ #section3Index { width:100%; height:780px; background:transparent; background-size:cover; position:relative; } #section3ContentMision { width:100%; height: 50%; background:#232a33; float:left; } #section3ContentOrigenes { width:100%; height: 50%; background:#36404d; float:left; } #MisionImage { width:0; height:100%; background:#36404d; float:left; } #TextMisionBox { width: 100%; height: 100%; background:transparent; float:left; } /* Mision */ #MisionTitle { width:100%; height:100px; background:transparent; float:left; } #MisionTitle > p { font-family:SourceSansPro; font-size:3em; color: white; text-align: center; padding: 30px 10px 0 0px ; } #MisionText { width:100%; height:270px; background:transparent; float:left; } #MisionText > p { font-family:SourceSansPro; font-size:1.1em; color: white; text-align: justify; padding: 20px 15px 0 15px ; } /*--- Origenes ---*/ #OrigenesTitle { width:100%; height:150px; background:transparent; float:left; } #OrigenesTitle > p { font-family:SourceSansPro; font-size:3em; color: white; text-align: center; padding: 30px 0 0 0px ; } #OrigenesText { width:100%; height:300px; background:transparent; float:left; } #OrigenesText > p { font-family:SourceSansPro; font-size:1.1em; color: white; text-align: justify; padding: 20px 15px 0 15px ; } /*--- Section 4 Index ---*/ #section4index { width:100%; height:700px ; background:#f5f6f7; position:relative; } #section4Content { width:100%; height:35%; background:transparent; float:left; } #section4Header { width:100%; height:65%; background:transparent; float:left; } #section4Header > p { font-family:SourceSansPro; font-size: 2.3em; color:#232a33; text-align:center; padding:50px 0 0 0; } #seciton4subheader { width:100%; height:35%; background:transparent; float:left; } #seciton4subheader > p { font-family:SourceSansPro; font-size: 1.2em; color:#232a33; text-align:center; } #seciton4FormContent { width:100%; height:65%; background:transparent; float:left; } #section4FormBox { width:100%; height:100%; border-radius:5px 5px 0 0; background:white; margin: 0 auto; } /*--- Form Begin ---*/ #form { width:100%; height:100%; background:transparent; margin:0 auto; } /*--- Name and Mail ---*/ #nameAndEmailBox { width:100%; height:180px; background:transparent; } #nameInput { width: 100%; height:50%; background:transparent; text-align:center; float:left; } input.name { width:90%; height: 58px; border-radius:7px 7px 7px 7px; border: 2px #ededed solid; background:white; font-family:SourceSansPro; font-size:1em; color:#b6b6b6; margin:0 0 0 0; padding: 0 0 0 10px; } /*--- Message ---*/ #messageBox { width:100%; height:155px; background:transparent; text-align:center; } textarea.message { width: 95%; height:100%; background:white; border-radius:7px 7px 7px 7px; border: 2px #ededed solid; font-family:SourceSansPro; font-size:1.4em; color:#b6b6b6; padding: 10px 0 0 10px; resize: none; } /*--- Button Begin ---*/ #buttonBox { width: 100%; height:134.5px; background:transparent; position:relative; float:left; } input.sendButton { width:269px; height:58px; background:#18d533; position: absolute; left: 50%; top: 50%; margin-left: -133px; margin-top: -34px; float:left; border:none; border-radius:40px 40px 40px 40px; font-family:SourceSansPro; font-size:1.4em; color:white; } input.sendButton:hover { width:269px; height:58px; background:#13bd2c; position: absolute; left: 50%; top: 50%; margin-left: -133px; margin-top: -34px; float:left; border:none; border-radius:40px 40px 40px 40px; font-family:SourceSansPro; font-size:1.4em; color:white; } textarea:focus, input:focus { outline: 0; } /*--- Footer ---*/ #footer { width: 100%; height: 50px; background:#c7c7c7; position:relative; } #footerContent { display:none;} #footerRights { width: 100%; height: 50px; background:transparent; float:left; position:relative; } #footerRights > p { font-family:SourceSansPro; font-size:0.65em; color:#7c7c7c; text-align:center; line-height:3.6em; padding:5px 10px 0 10px; } /*------ Clinica Section ------*/ #clinicaSection { width:100%; height:900px; background:url(images/clinica/background.jpg); background-size:cover; position:relative; } #titleClinica { width:100%; height: 150px; background:transparent; margin:15% 0 0 0 ; float:left; } #titleClinica > p { font-family:SourceSansPro; font-weight:100; font-size:3em; color:white; padding: 50px 0 0 0 10px; line-height:1.5em; } #subtitleClinica { width: 100%; height:180px; background:transparent; float:left; } #subtitleClinica > p { font-family:SourceSansPro; font-weight:100; font-size:1.2em; color:white; padding: 15px 0 0 10px; line-height:1.4em; } #informationClinica { width:100%; height:400px; background:transparent; float:left; } #circlesClinica { width:20px; height:100%; background:transparent; float:left; margin:0 0 0 10px; } #dotsClinica { width:20px; height:10px; background:url(images/clinica/circle.png) no-repeat; float:left; margin:8px 0 10px 0; } #especializacionesClinica { width:90%; height:100%; background:transparent; float:left } #especializacionesClinica > p { font-family:SourceSansPro; font-weight:100; font-size:1.011em; color:white; line-height: 1.731em; } /*------ Lineamientos del Trabajo Section ------*/ #section1Lineamientos { width:100%; height: 100vh; background:url(images/lineamientos/background_lineamiento.jpg); background-size:cover; background-position:center center; } #section1LineamientosContent { width:100%; background:transparent; top:43%; position:relative; text-align:center; } #section1LineamientosContent > h2 { font-family:SourceSansPro; font-size:2.5em; color:white; font-weight:100; } #section2Lineamientos { width:100%; height:440px; background:white; } #lineamientosText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #lineamientosText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:10px 30px 0 30px; line-height:1.9em; text-align:justify; } /*------ Tipos de Psicologia Section ------*/ #section1Psicologia { width:100%; height:100vh; background:url(images/psicologia/background_psicologia.jpg); background-size:cover; background-position:center -10%; position:relative; } #section1PsicologiaContent { width:100%; background:transparent; top:43%; position:relative; text-align:center; } #section1PsicologiaContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100;} #section1PsicologiaContent > h1 { font-family:SourceSansPro; font-size:1.5em; color:white; font-weight:200; } /*--- Individual ---*/ #individual { width: 100%; height:940px; background:#e9eff3; } #imageSectionIndividual { width:0%; height:100%; background:url(images/psicologia/background_psicologia_individual.jpg) no-repeat; background-size:cover; background-position: 10% center; float:left;} #textSection { width:100%; height: 100%; background:transparent; float:left; } #psicologiaTitle { width: 100%; background:transparent; float:left; margin:100px 0 0 0; } #psicologiaTitle > p { font-family:SourceSansPro; font-size:2em; color:#445158; text-align:left; font-weight:300; padding:0 10px 0 10px; } #psicologiaSubtitle { width:100%; background:transparent; float:left; margin: 10px 0 40px 0;} #psicologiaSubtitle > p { font-family:SourceSansPro; font-size:1.4em; color:#78868e; padding: 0 10px 0 10px; text-align:left; } #psicologiaText { width:100%; background:transparent; float:left; } #halbText { width:50%; float:left; } #halbText > p { font-family:SourceSansPro; font-size:1em; color:#2e393f; padding: 0 10px 0 50px; padding:10px 15px 0 15px; line-height:1.8em; } /*--- Familiar ---*/ #familiar { width:100%; height:770px; background:white; position:relative; } #imageSectionFamiliar { width:0%; height:100%; background:url(images/psicologia/background_psicologia_familiar.jpg) no-repeat; background-size:cover; background-position:center center; float:left; } /*--- infantil ---*/ #infantil { width:100%; height:800px; background:#e9eff3; position:relative; } #imageSectionInfantil { width:0%; height:100%; background:url(images/psicologia/background_psicologia_infantil.jpg) no-repeat; background-size:cover; background-position:center center; float:left; } /*--- pareja ---*/ #pareja { width:100%; height:750px; background:white; position:relative; } #imageSectionPareja { width:0%; height:100%; background:url(images/psicologia/background_psicologia_pareja.jpg) no-repeat; background-size:cover; background-position:center center; float:left; } /*--- Embarazo ---*/ #embarazo { width:100%; height:750px; background:#e9eff3; position:relative; } #imageSectionEmbarazo { width:0%; height:100%; background:url(images/psicologia/background_psicologia_embarazo.jpg) no-repeat; background-size:cover; background-position:30% center; float:left; } /*--- deporte ---*/ #deporte { width:100%; height:1050px; background:white; position:relative; } #imageSectionDeporte { width:0%; height:100%; background:url(images/psicologia/background_psicologia_deporte.jpg) no-repeat; background-size:cover; background-position:30% center; float:left; } #wholeText { width:100%; float:left; } #wholeText > p { font-family:SourceSansPro; font-size:1.1em; color:#2e393f; padding: 0 10px 0 50px; padding:10px 10px 0 10px; line-height:1.8em; text-align:justify; } /*--- Psicooncologia ---*/ #section1Psicooncologia { width:100%; height:100vh; background:url(images/psicooncologia/background_psicooncologia.jpg); background-size:cover; background-position:center 95%; position:relative; } #section1PsicooncologiaContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1PsicooncologiaContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; font-weight:100; padding:0 0 0 0; text-align:center; } #section1PsicooncologiaContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 0; } #section2Psicooncologia { width:100%; height:480px; background:white; } #PsicooncologiaText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #PsicooncologiaText > p { font-family:SourceSansPro; font-size:1.2em; color:#a9a9a9; padding:50px 10px 0 20px; line-height:1.9em; } /*--- Area Laboral ---*/ #section1Laboral { width:100%; height:100vh; background:url(images/laboral/background_laboral.jpg); background-size:cover; background-position: 60% center; position:relative; } #section1LaboralContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1LaboralContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100; } #section1LaboralContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 50px; } #section2Laboral { width:100%; height:380px; background:white; } #LaboralText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #LaboralText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:30px 15px 0 20px; line-height:1.9em; } /*--- Privacidad ---*/ #section1AvisoPrivacidad { width:100%; background:#e9eff3; position:relative; } #section1AvisoPrivacidad > p { font-family:SourceSansPro; font-size:1em; color:#2e393f; padding: 100px 15px 80px 15px; text-align:justify;} /*--- Baterias ---*/ #section1Baterias { width:100%; height:100vh; background:url(images/baterias/background_baterias.jpg); background-size:cover; background-position:center 70%; position:relative; } #section1BateriasContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1BateriasContent > h2 { font-family:SourceSansPro; font-size:3.5em; color:white; font-weight:100; } #section1BateriasContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 10px 0 10px; } #section2Baterias { width:100%; height:800px; background:white; } /*--- Tercera edad --- */ #section1TerceraEdad { width:100%; height:100vh; background:url(images/terceraedad/background_terceraedad.jpg); background-size:cover; background-position:center 30%; position:relative; } #section1TerceraEdadContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1TerceraEdadContent > h2 { font-family:SourceSansPro; font-size:2.7em; color:white; font-weight:100; } #section1TerceraEdadContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 50px; } #section2TerceraEdad { width:100%; height:1150px; background:white; } #TerceraEdadText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #TerceraEdadText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:35px 10px 0 10px; line-height:1.9em; text-align:justify;} #TerceraEdadText > p strong { font-family:SourceSansPro; font-size:1em; color:#6e6e6e; padding:0px 30px 0 0px; line-height:1.9em; } /*--- Grupos de apoyo --- */ #section1GruposApoyo { width:100%; height:100vh; background:url(images/gruposApoyo/background_grupoapoyo.jpg); background-size:cover; background-position:center 10%; position:relative; } #section1GruposApoyoContent { width:100%; background:transparent; top:33%; position:relative; text-align:center; } #section1GruposApoyoContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; } #section1GruposApoyoContent > h1 { font-family:SourceSansPro; font-size:1em; font-weight:100; color:white; padding:0 0 0 10px; } /*--- Promociones --- */ #section1Promociones { width:100%; height:100vh; background:url(images/promociones/background_promociones.jpg); background-size:cover; background-position:center 10%; position:relative; } #section1PromocionesContent { width:100%; background:transparent; top:47%; position:relative; text-align:center; } #section1PromocionesContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; font-weight:100; } #section1PromocionesContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 50px; } #section2Promociones { width:100%; height:250px; background:white; } #PromocionesText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #PromocionesText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:40px 20px 0 20px; line-height:1.9em; } /*--- Tanatologia --- */ #section1Tanatologia { width:100%; height:100vh; background:url(images/tanatologia/background_tanatologia.jpg); background-size:cover; background-position:center 55%; position:relative; } #section1TanatologiaContent { width:100%; background:transparent; top:37%; position:relative; text-align:center; } #section1TanatologiaContent > h2 { font-family:SourceSansPro; font-size:3em; color:white; font-weight:100; } #section1TanatologiaContent > h1 { font-family:SourceSansPro; font-size:1.4em; font-weight:100; color:white; padding:0 0 0 0px; } #section2Tanatologia { width:100%; height:320px; background:white; } #TanatologiaText { width:100%; background:transparent; margin:4% 0 0 0; position:relative; } #TanatologiaText > p { font-family:SourceSansPro; font-size:1em; color:#a9a9a9; padding:30px 15px 0 15px; line-height:1.9em; } }