/* Estilo General para www.alvaroweb.com */
/* Por Alvaro Fernandez 2005 */
/* www.alvaroweb.com  |  info@alvaroewb.com */

/*General*/
body {margin: 0;}
td {font-family: tahoma, arial, sans serif; font-size: 10px; padding: 0;}
img {border: 0;}
table {border-collapse:collapse; border: none;}
b {font-weight: normal;}
.bold {font-weight: normal;}
hr {border: dotted black;}
h1 {font-size: 10px; display: inline; color: white;}
h2 {font-size: 12px; display: inline; font-weight: bold;}
h3 {font-size: 12px; display: inline; font-weight: bold;}
h4 {font-size: 10px; display: inline; font-weight: normal;}
h5 {font-size: 10px; display: inline; font-weight: bold;}

A:link {text-decoration: none; color: black; font-size: 10px; font-weight: bold;}
A:visited {text-decoration: none; color: black; font-size: 10px; font-weight: bold;}
A:active {text-decoration: none; color: black; font-size: 10px; font-weight: bold;}
A:hover {text-decoration: overline underline; color: black; font-size: 10px; font-weight: bold;}

A.bco:link {text-decoration: none; color: white; font-size: 10px; font-weight: normal;}
A.bco:visited {text-decoration: none; color: white; font-size: 10px; font-weight: normal;}
A.bco:active {text-decoration: none; color: white; font-size: 10px; font-weight: normal;}
A.bco:hover {text-decoration: overline underline; color: white; font-size: 10px; font-weight: normal;}

A.negro:link {text-decoration: none; color: black; font-size: 10px; font-weight: normal;}
A.negro:visited {text-decoration: none; color: black; font-size: 10px; font-weight: normal;}
A.negro:active {text-decoration: none; color: black; font-size: 10px; font-weight: normal;}
A.negro:hover {text-decoration: overline underline; color: black; font-size: 10px; font-weight: normal;}

/*Especifico*/
#version_obsoleta { position: absolute; bottom: 0; right: 0; zoom: 1;}
#version_obsoleta a,  #version_obsoleta a:hover { text-decoration: none; }

#fondo {width: 100%; height: 100%;}
#celdaFondo {vertical-align: top;}
.tablaGeneral {width: 700px;}
#espacioIzda {width: 23px;}
#espacioDcha {width: 36px;}
.espacioVertical {padding-bottom: 3px}
.espacioVerticalHand {padding-bottom: 3px; cursor: pointer; font-weight: bold;}
.espacioVerticalVinculo {padding-bottom: 3px; cursor: pointer; text-decoration: overline underline; font-weight: bold;}
.raton {cursor: pointer;}
.vinculo {cursor: pointer; text-decoration: overline underline;}
#celdaCentral {width: 641px; vertical-align: top; background-color: #E8E0D5;}
#tablaCentral {width: 639px; border-left: 1px solid #660000; border-right: 1px solid #660000;}

#cabezaIzda {height: 40px; background-image: url("../imagenes/portada/disenador-web.jpg");
padding-top: 7px; padding-left: 17px; color: white; vertical-align: top; text-align: left; width: 250px;}
#cabezaCentro {height: 40px; background-image: url("../imagenes/portada/disenador-web-freelance.jpg");
padding-top: 7px; padding-left: 7px; color: white; vertical-align: top; text-align: left; width: 251px;}
#cabezaDcha {height: 40px; background-image: url("../imagenes/portada/disenador-web-freelance-madrid.jpg");
padding-top: 7px; padding-left: 7px; color: white; vertical-align: top; text-align: left; width: 132px;}
#cabezaDoble {height: 40px; background-image: url("../imagenes/portada/disenador-web-grafico-freelance.jpg");
padding-top: 7px; padding-left: 7px; color: white; vertical-align: top; text-align: left; width: 386px;}
#cabezaIzdaFoto {height: 40px; background-image: url("../imagenes/portada/fotografo-freelance-madrid.jpg");
padding-top: 7px; padding-left: 17px; color: white; vertical-align: top; text-align: left; width: 132px;}
#cabezaDobleFoto {height: 40px; background-image: url("../imagenes/portada/alvaroweb.jpg");
padding-top: 7px; padding-left: 7px; color: white; vertical-align: top; text-align: left; width: 504px;}
.espacioDentro {width: 3px; /*border-left: 1px solid white; border-right: 1px solid white;*/}
.celdaContenidoScroll {
vertical-align: top; height: 180px; width: 250px;
scrollbar-base-color: #660000/*oscuro*/;
scrollbar-3d-light-color: #E8E0D5;/*claro*/
scrollbar-arrow-color: #E8E0D5;
scrollbar-darkshadow-color: #660000;
scrollbar-face-color: #660000;
scrollbar-highlight-color: #F0F0E0;/*claro*/
scrollbar-shadow-color: #F0F0E0;
scrollbar-track-color: #E8E0D5;
}
.celdacontenido {vertical-align: top; /*height: 180px;*/ width: 250px; padding: 7px; 
padding-top: 4px; padding-bottom: 10px; padding-left: 16px;}
.celdacontenidoSin {vertical-align: top; /*height: 180px;*/ width: 250px; padding: 0;}
.celdaContenidoSangre {vertical-align: top; width: 250px;}
#cajaScroll {width: 250px; height: 180px; overflow: auto;}
#cajaScrollPortada {width: 250px; height: 182px; overflow: auto;}
#cajaScrollFoto {width: 504px; height: 180px; overflow: auto; text-align: center;}
.miniFoto {padding: 5px; cursor: pointer;}
.miniFotoTop {padding: 5px; padding-top:10px; cursor: pointer;}
.miniFotoBottom {padding: 5px; padding-bottom:10px; cursor: pointer;}
.tablaPadding {padding: 10px;}
.webIr {text-align: right; padding-right: 9px;}
.celdaContenidoCentro {padding: 9px; padding-top: 4px; padding-bottom: 2px; vertical-align: top; background-color: #F0F0E0;}
.celdaContenidoCentroSangre {vertical-align: top; background-color: #F0F0E0;}
.celdaContenidoCentroScroll {
background-color: #F0F0E0;
vertical-align: top; height: 180px; width: 250px;/*width: 504px;*/
scrollbar-base-color: #660000/*oscuro*/;
scrollbar-3d-light-color: #E8E0D5;/*claro*/
scrollbar-arrow-color: #E8E0D5;
scrollbar-darkshadow-color: #660000;
scrollbar-face-color: #660000;
scrollbar-highlight-color: #F0F0E0;/*claro*/
scrollbar-shadow-color: #F0F0E0;
scrollbar-track-color: #E8E0D5;
}
#cajaScrollVisitas {width: 386px; height: 180px; overflow: auto; text-align: center;}
.celdaContenidoDobleScroll {
vertical-align: top; height: 180px; width: 386px;
scrollbar-base-color: #660000/*oscuro*/;
scrollbar-3d-light-color: #E8E0D5;/*claro*/
scrollbar-arrow-color: #E8E0D5;
scrollbar-darkshadow-color: #660000;
scrollbar-face-color: #660000;
scrollbar-highlight-color: #F0F0E0;/*claro*/
scrollbar-shadow-color: #F0F0E0;
scrollbar-track-color: #E8E0D5;
}


.celdaContenidoDcha {vertical-align: top; padding: 9px; padding-top: 4px; padding-bottom: 0px; }
.celdaContenidoDchaSangre {vertical-align: top;}

/*Franjas (Cabecero, Centro y Pie)*/
#celdaCabeza {height: 19px; background-image: url("../imagenes/comunes/disenador.gif"); 
padding-right: 67px; text-align: right;}
#idiomas {width: 245px; text-align: right;}
#vinculos {width: 455px; text-align: right; padding-right: 60px; color: white;}
#celdaSeccion {height: 21px; background-image: url("../imagenes/comunes/web.gif");}
.indicadorSeccion {text-align: left; padding-left: 42px; color: white; width: 400px;}
.otrosVinculos {text-align: right; padding-right: 50px; color: white; width: 300px;}
#celdaPie {height: 19px; background-image: url("../imagenes/comunes/freelance.jpg");}

/*Fotos*/
.fondoNegro {background-color: black;}

/*Curriculum*/
.franja {width: 100%; background-color: black; color: white; padding-left: 9px; height: 15px}
.dato {padding-left: 9px; padding-top: 5px; padding-bottom: 7px; padding-right: 9px;}

/*Formulario*/
form {margin: 0; padding: 0; display: inline;}
.boton {background-color: black; color: white; font-family: tahoma, arial, sans serif; font-size: 10px;}
.campo {
font-family: tahoma, arial, sans serif; color: #660000; font-size: 10px;
scrollbar-base-color: #660000/*oscuro*/;
scrollbar-3d-light-color: #E8E0D5;/*claro*/
scrollbar-arrow-color: #E8E0D5;
scrollbar-darkshadow-color: #660000;
scrollbar-face-color: #660000;
scrollbar-highlight-color: #F0F0E0;/*claro*/
scrollbar-shadow-color: #F0F0E0;
scrollbar-track-color: #E8E0D5;
}

/*Paginas de contenido*/
.textoCont {width: 272px; vertical-align: top; padding: 20px;}
.textoContAncho {width: 700px; vertical-align: top; padding: 20px;}
.imgCont {width: 428px; vertical-align: top;}
.contFotos {width: 100%; height: 100%; vertical-align: middle; text-align: center;}