* {
margin: 0;
padding: 0;
}
html {
width:100%;
height:100%;
margin:0;
padding:0;
font:11px Arial, Helvetica, Geneva, Swiss, sans-serif;
background-image: url(images/background.jpg);
}
body {
font-size:1em;
color:#777;
width:100%;
height:100%;
margin:0;
padding:0;
}
/*-------------------CONTAINER----------------------*/
#content {
margin: 0px auto;
padding: 0px;
width: 902px;
background-image: url(images/fondo.jpg);
background-repeat: repeat;
}
.fondo_sup{
background-image: url(images/fondo_sup.jpg);
background-repeat: no-repeat;
width: 902px;
height:3px;
}
#header{
background-image:url(images/cabecera.jpg);
height: 146px;
background-repeat: no-repeat;
background-position: left;
}
#contenido{
background-image:url(images/fondo_contenido.jpg);
background-repeat: no-repeat;
background-position: top;
}
#contenido_clases{
background-image:url(images/fondo_clases.jpg);
background-repeat: no-repeat;
background-position: top;
}
#contenido_classes{
background-image:url(images/fondo_classes.jpg);
background-repeat: no-repeat;
background-position: top;
}
#contenido_publicidad{
background-image:url(images/fondo_publicidad.jpg);
background-repeat: no-repeat;
background-position: top;
}
#contenido2{
width: 470px;
padding-left: 400px;
}
#pie1{
width: 461px;
height: 34px;
padding-left: 400px;
background-image: url(images/pie1.jpg);
background-repeat: no-repeat;
background-position: right;
}
.fondo_inf{
background-image: url(images/fondo_inf.jpg);
background-repeat: no-repeat;
width: 902px;
height:2px;
}
div#pie{
margin: 0px auto;
width: 903px;
height: 30px;
background-image:url(images/pie.jpg);
background-repeat: no-repeat;
}
#contacto{
float:right;
width: 77px;
padding-top: 2px;
padding-right: 12px;
}
/*------------------MENU---------------------*/
#menu{
width: 304px;
height: 146px;
padding-right: 38px;
float:right;
}
.menu_principal {
list-style: none;
}
.menu_principal li {
float: left;
height: 146px;
}
li.web {
width: 76px;
background-color: inherit;
background: url(images/menu_web.png) no-repeat 0 0px;
color: inherit;
}
li.disseny {
width: 76px;
background-color: inherit;
background: url(images/menu_disseny.jpg) no-repeat 0 0px;
color: inherit;
}
li.clases {
width: 76px;
background-color: inherit;
background: url(images/menu_clases.png) no-repeat 0 0px;
color: inherit;
}
li.classes {
width: 76px;
background-color: inherit;
background: url(images/menu_classes.jpg) no-repeat 0 0px;
color: inherit;
}
li.publicidad {
width: 76px;
background-color: inherit;
background: url(images/menu_publicidad.png) no-repeat 0 0px;
color: inherit;
}
li.publicitat {
width: 76px;
background-color: inherit;
background: url(images/menu_publicitat.jpg) no-repeat 0 0px;
color: inherit;
}
li.clasez {
width: 76px;
background-color: inherit;
background: url(images/menu_clasez.png) no-repeat 0 0px;
color: inherit;
}
.menu_principal a {
display: block;
height: 146px;
}
.menu_principal a:link {}
.menu_principal a:visited {}
.menu_principal a:hover {}
.menu_principal a:active {}
li.web a {
background-color: inherit;
width: 76px;
background: url(images/menu_web.png) no-repeat 0 0px;
}
li.web a:hover, li.web a.qui {background-color: inherit;background: url(images/menu_web.png) no-repeat 0px 0px;}
li.disseny a {
background-color: inherit;
width: 76px;
background: url(images/menu_disseny.jpg) no-repeat 0 0px;
}
li.disseny a:hover, li.disseny a.qui {background-color: inherit;background: url(images/disseny.jpg) no-repeat 0px 0px;}
li.clases a {
background-color: inherit;
width: 76px;
background: url(images/menu_clases.png) no-repeat 0 0px;
}
li.classes a {
background-color: inherit;
width: 76px;
background: url(images/menu_classes.jpg) no-repeat 0 0px;
}
li.classes a:hover, li.classes a.qui {background-color: inherit;background: url(images/classes.jpg) no-repeat 0px 0px;}
li.clases a:hover, li.clases a.qui {background-color: inherit;background: url(images/menu_clases.png) no-repeat 0px 0px;}
li.publicidad a {
background-color: inherit;
width: 76px;
background: url(images/menu_publicidad.png) no-repeat 0 0px;
}
li.publicidad a:hover, li.publicidad a.qui {background-color: inherit;background: url(images/menu_publicidad.png) no-repeat 0px 0px;}
li.publicitat a {
background-color: inherit;
width: 76px;
background: url(images/menu_publicitat.jpg) no-repeat 0 0px;
}
li.publicitat a:hover, li.publicitat a.qui {background-color: inherit;background: url(images/publicitat.jpg) no-repeat 0px 0px;}
li.clasez a {
background-color: inherit;
width: 76px;
background: url(images/menu_clasez.png) no-repeat 0 0px;
}
li.clasez a:hover, li.clasez a.qui {background-color: inherit;background: url(images/menu_clasez.png) no-repeat 0px 0px;}
/*-------------------MENU WEBS----------------------*/
.menu_webs{
width: 125px;
padding-left: 423px;
padding-top: 20px;
line-height: 18px;
}
/*-------------------GLOBALES----------------------*/
h1 {
font-family: Arial;
font-size: 2.2em;
font-weight: bold;
text-transform: uppercase;
color: #777;
padding-left: 413px;
line-height: 18px;
}
h2{
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
}
.accesibilidad{
color: #ed767a;
background-image: url(images/fondo_h2.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}
.texto_rosa{
color: #ed767a;
}
.endcolumns {
clear: left;
}
#tamanyo_texto{
float:right;
padding-right: 35px;
}
.subr{
text-decoration: underline;
}
.cont{
padding-left: 30px;
line-height: 17px;
}
.listado {
list-style: none;
line-height: 20px;
padding-left: 40px;
}
#curriculum{
height: 224px;
}
.menu{
text-align:right;
margin-right: 10px;
vertical-align:bottom;
}
.amenu{
font-size:1em;
color:#777;
text-decoration: none;
font-weight: bold;
}
.amenu:hover {
font-size:1em;
color:#777;
text-decoration: underline;
font-weight: bold;
}
.amenu_pie{
font-size:1em;
color:#777;
text-decoration: none;
line-height: 25px;
}
.amenu_pie:hover {
font-size:1em;
color:#777;
text-decoration: underline;
}
.asitemap{
font-size:1em;
color:#777;
text-decoration: underline;
line-height: 25px;
}
.asitemap:hover {
font-size:1em;
color:#333;
text-decoration: underline;
}
.alink{
font-size:1em;
color:#777;
text-decoration: none;
}
.alink:hover {
font-size:1em;
color:#777;
text-decoration: underline;
}
.negrita{
font-weight: bold;
}
.imagen{
border: 0;
}
.img_dcha{
border: 0;
float: right;
padding-right: 5px;
}
.certificaciones{
padding-top: 5px;
border: 0;
}
#texto_gris{
font-size:0.7em;
color:#a9a7a7;
float:right;
padding-top: 25px;
padding-right: 30px;
font-style: italic;
}
.texto_pie{
padding-left: 20px;
color: #FFFFFF;
font-weight: bold;
font-size:1em;
line-height: 27px;
}
.apie{
font-size:1em;
color:#fff;
text-decoration: none;
}
.apie:hover {
font-size:1em;
color:#fff;
text-decoration: none;
}
.aenlaces{
font-size:1em;
color:#c00;
text-decoration: none;
}
.aenlaces:hover {
font-size:1em;
color:#c00;
text-decoration: underline;
}
.destacado{
font-size:2em;
color: #fe0201;
font-weight: bold;
text-align: center;
}
.ainscribete{
font-size:1em;
color:#777;
text-decoration: underline;
font-weight: bold;
}
.ainscribete:hover {
font-size:1em;
color:#777;
text-decoration: none;
font-weight: bold;
}
.derecha{
float: right;
padding-right: 20px;
}
/*------------CONTACTO-----------------*/
#contenido_contacto{
padding-top: 14px;
padding-left: 398px;
padding-right: 140px;
}
.i{
color: #fff;
background-color: #039;
font-weight: bold;
font-size: 1.2em;
padding: 0.1em 0.6em 0.1em 0.6em;
margin-right: 0.6em;
}
.obligatorio{
color: #c00;
}
.campo_form{
margin-top: 0.5em;
}
.campo_form label{
padding-left: 1em;
padding-right: 1em;
display: block;
width: 10em;
float: left;
text-align: right;
}
#submit{
text-align: left;
}
/* ---------- POST IT ----------------------- */
.gallery {
float: right;
list-style: none;
}
.gallery_image{
border: none;
}
.gallery li {
width: 161px;
position: relative;
}
.gallery span {
background: url(images/tape.png) no-repeat;
width: 77px;
height: 33px;
position: absolute;
left: 30px;
top: -8px;
}
.gallery em {
text-align: center;
width: 161px;
position: absolute;
right: 0;
top: 45px;
left: 7px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 80%;
font-style: normal;
color: #484848;
}
/*------------------EFECTO FOTOS-----------------------*/
.aPortafoli{
font-size:1em;
color:#333;
text-decoration: underline;
}
.aPortafoli:hover {
font-size:1em;
color:#333;
text-decoration: none;
}
.highslide {
cursor: url(highslide/graphics/zoomin.cur), pointer;
outline: none;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide img {
border: 0;
}
.highslide:hover img {
border: 0;
}
.highslide-wrapper {
background: white;
}
.highslide-image {
border: 0;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;
border-top: none;
padding: 10px;
background-color: white;
}
.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;
padding-left: 0px;
background-image: url(highslide/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move {
cursor: move;
}
.highslide-overlay {
display: none;
}
a.highslide-full-expand {
background: url(highslide/graphics/fullexpand.gif) no-repeat;
display: block;
margin: 0 0px 0px 0;
width: 34px;
height: 34px;
}
/* Controlbar example */
.controlbar {
background: url(highslide/graphics/controlbar4.gif);
width: 167px;
height: 34px;
}
.controlbar a {
display: block;
float: left;
/*margin: 0px 0 0 4px;*/
height: 27px;
}
.controlbar a:hover {
background-image: url(highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
width: 50px;
}
.controlbar .next {
width: 40px;
background-position: -50px 0;
}
.controlbar .highslide-move {
width: 40px;
background-position: -90px 0;
}
.controlbar .close {
width: 36px;
background-position: -130px 0;
}
/* Necessary for functionality */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
/*------------------Portafoli-----------------------*/
.menu_principale {
list-style: none;
}
.menu_principale li {
float: left;
height: 59px;
}
li.hospitalgrafiko {
width: 74px;
background-color: inherit;
background: url(images/webs/hospitalgrafiko.jpg) no-repeat 0 0px;
color: inherit;
}
li.clasez_web {
width: 74px;
background-color: inherit;
background: url(images/webs/clasez.jpg) no-repeat 0 0px;
color: inherit;
}
li.heladeria {
width: 74px;
background-color: inherit;
background: url(images/webs/heladeria.jpg) no-repeat 0 0px;
color: inherit;
}
li.sergio {
width: 74px;
background-color: inherit;
background: url(images/webs/sergio.jpg) no-repeat 0 0px;
color: inherit;
}
li.hamacas {
width: 74px;
background-color: inherit;
background: url(images/webs/parque_hamacas.jpg) no-repeat 0 0px;
color: inherit;
}
li.traductor {
width: 74px;
background-color: inherit;
background: url(images/webs/traductor.jpg) no-repeat 0 0px;
color: inherit;
}
li.espanole {
width: 74px;
background-color: inherit;
background: url(images/webs/espanole.jpg) no-repeat 0 0px;
color: inherit;
}
li.spanish {
width: 74px;
background-color: inherit;
background: url(images/webs/spanish.jpg) no-repeat 0 0px;
color: inherit;
}
li.medicos {
width: 74px;
background-color: inherit;
background: url(images/webs/medicos.jpg) no-repeat 0 0px;
color: inherit;
}
li.masmadalena {
width: 74px;
background-color: inherit;
background: url(img/webs/masmadalena.jpg) no-repeat 0 0px;
color: inherit;
}
li.salonsforcada {
width: 74px;
background-color: inherit;
background: url(img/webs/salonsforcada.jpg) no-repeat 0 0px;
color: inherit;
}
li.ihvalencia {
width: 74px;
background-color: inherit;
background: url(img/webs/ihvalencia.jpg) no-repeat 0 0px;
color: inherit;
}
li.prein {
width: 74px;
background-color: inherit;
background: url(img/webs/prein.jpg) no-repeat 0 0px;
color: inherit;
}
li.cuadro_gris{
background:url(images/cuadro_gris.png);
width: 74px;
height: 59px;
}
li.cuadro_rosa{
background:url(images/cuadro_rosa.png);
width: 74px;
height: 59px;
}
li.cuadro_rosa2{
background:url(images/cuadro_rosa2.png);
width: 74px;
height: 59px;
}
.menu_principale a {
display: block;
height: 59px;
}
.menu_principale a:link {}
.menu_principale a:visited {}
.menu_principale a:hover {}
.menu_principale a:active {}
li.hospitalgrafiko a {
background-color: inherit;
width: 74px;
background: url(images/webs/hospitalgrafiko.jpg) no-repeat 0 0px;
}
li.hospitalgrafiko a:hover, li.hospitalgrafiko a.qui {background-color: inherit;background: url(images/webs/hospitalgrafiko2.jpg) no-repeat 0px 0px;}
li.clasez_web a {
background-color: inherit;
width: 74px;
background: url(images/webs/clasez.jpg) no-repeat 0 0px;
}
li.clasez_web a:hover, li.clasez_web a.qui {background-color: inherit;background: url(images/webs/clasez2.jpg) no-repeat 0px 0px;}
li.heladeria a {
background-color: inherit;
width: 74px;
background: url(images/webs/heladeria.jpg) no-repeat 0 0px;
}
li.heladeria a:hover, li.heladeria a.qui {background-color: inherit;background: url(images/webs/heladeria2.jpg) no-repeat 0px 0px;}
li.sergio a {
background-color: inherit;
width: 74px;
background: url(images/webs/sergio.jpg) no-repeat 0 0px;
}
li.sergio a:hover, li.sergio a.qui {background-color: inherit;background: url(images/webs/sergio2.jpg) no-repeat 0px 0px;}
li.hamacas a {
background-color: inherit;
width: 74px;
background: url(images/webs/parque_hamacas.jpg) no-repeat 0 0px;
}
li.hamacas a:hover, li.hamacas a.qui {background-color: inherit;background: url(images/webs/parque_hamacas2.jpg) no-repeat 0px 0px;}
li.traductor a {
background-color: inherit;
width: 74px;
background: url(images/webs/traductor.jpg) no-repeat 0 0px;
}
li.traductor a:hover, li.traductor a.qui {background-color: inherit;background: url(images/webs/traductor2.jpg) no-repeat 0px 0px;}
li.gc a {
background-color: inherit;
width: 74px;
background: url(images/webs/gcrelocation.jpg) no-repeat 0 0px;
}
li.gc a:hover, li.gc a.qui {background-color: inherit;background: url(images/webs/gcrelocation2.jpg) no-repeat 0px 0px;}
li.divad a {
background-color: inherit;
width: 74px;
background: url(images/webs/divad.jpg) no-repeat 0 0px;
}
li.divad a:hover, li.divad a.qui {background-color: inherit;background: url(images/webs/divad2.jpg) no-repeat 0px 0px;}
li.miravete a {
background-color: inherit;
width: 74px;
background: url(images/webs/miravete.jpg) no-repeat 0 0px;
}
li.miravate a:hover, li.miravate a.qui {background-color: inherit;background: url(images/webs/miravate2.jpg) no-repeat 0px 0px;}
li.ph a {
background-color: inherit;
width: 74px;
background: url(images/webs/ph.jpg) no-repeat 0 0px;
}
li.ph a:hover, li.ph a.qui {background-color: inherit;background: url(images/webs/ph2.jpg) no-repeat 0px 0px;}
li.espanole a {
background-color: inherit;
width: 74px;
background: url(images/webs/espanole.jpg) no-repeat 0 0px;
}
li.espanole a:hover, li.espanole a.qui {background-color: inherit;background: url(images/webs/espanole2.jpg) no-repeat 0px 0px;}
li.spanish a {
background-color: inherit;
width: 74px;
background: url(images/webs/spanish.jpg) no-repeat 0 0px;
}
li.spanish a:hover, li.spanish a.qui {background-color: inherit;background: url(images/webs/spanish2.jpg) no-repeat 0px 0px;}
li.medicos a {
background-color: inherit;
width: 74px;
background: url(images/webs/medicos.jpg) no-repeat 0 0px;
}
li.medicos a:hover, li.medicos a.qui {background-color: inherit;background: url(images/webs/medicos2.jpg) no-repeat 0px 0px;}
li.masmadalena a {
background-color: inherit;
width: 74px;
background: url(images/webs/masmadalena.jpg) no-repeat 0 0px;
}
li.masmadalena a:hover, li.masmadalena a.qui {background-color: inherit;background: url(images/webs/masmadalena2.jpg) no-repeat 0px 0px;}
li.salonsforcada a {
background-color: inherit;
width: 74px;
background: url(images/webs/salonsforcada.jpg) no-repeat 0 0px;
}
li.salonsforcada a:hover, li.salonsforcada a.qui {background-color: inherit;background: url(images/webs/salonsforcada2.jpg) no-repeat 0px 0px;}
li.ihvalencia a {
background-color: inherit;
width: 74px;
background: url(images/webs/ihvalencia.jpg) no-repeat 0 0px;
}
li.ihvalencia a:hover, li.ihvalencia a.qui {background-color: inherit;background: url(images/webs/ihvalencia2.jpg) no-repeat 0px 0px;}
li.prein a {
background-color: inherit;
width: 74px;
background: url(images/webs/prein.jpg) no-repeat 0 0px;
}
li.prein a:hover, li.prein a.qui {background-color: inherit;background: url(images/webs/prein2.jpg) no-repeat 0px 0px;}
/* ---------- POSTITS ----------------------- */
.gallery {
float: right;
list-style: none;
}
.gallery_image{
border: none;
}
.gallery li {
width: 174px;
position: relative;
}
.gallery span {
background: url(images/pin.png) no-repeat;
width: 77px;
position: absolute;
left: 80px;
top: -10px;
}
.gallery em {
width: 174px;
position: absolute;
top: 40px;
left: 0px;
text-align: center;
font-size: 0.8em;
}
/* ---------- LISTADOS PUBLICIDAD----------------------- */
.list_publicidad {
list-style: none;
width: 175px;
height: 308px;
background-image: url(images/fondo_diseno.jpg);
}
.list_publicidad a{
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
padding-left: 10px;
font-style: normal;
width: 175px;
}
.list_publicidad a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
font-weight: bold;
color: #e2001a;
background-color:#fce0d6;
text-decoration: none;
padding-left: 10px;
width: 175px;
}
/* aiuta IE/Mac (rel lh) \*//*/
.linkinside {
display: block;
}
/**/
.nav a:hover {
color: #c00;
border-width: 0; /* IE */
}
#nav1 a .pop {
display: block;
color: #777;
background-color: #fce0d6;
width: 272px;
padding: 0.5em;
border: 0.5em #f00 solid;
position: absolute;
left: 756px;
z-index: 10; /* Saf */
visibility: hidden;
}
#nav1 a:hover .pop {
visibility: visible;
}
/*------------CONTACTO-----------------*/
#contenido_contacto{
padding-top: 14px;
padding-left: 398px;
padding-right: 140px;
}
.i{
color: #fff;
background-color: #039;
font-weight: bold;
font-size: 1.2em;
padding: 0.1em 0.6em 0.1em 0.6em;
margin-right: 0.6em;
}
.obligatorio{
color: #c00;
}
.campo_form{
margin-top: 0.5em;
}
.campo_form label{
padding-left: 1em;
padding-right: 1em;
display: block;
width: 10em;
float: left;
text-align: right;
}
#submit{
text-align: left;
}