@charset "utf-8";
/* © 2007 Carmen Vivas*/
/* CSS Document Author:Carmen Vivas  Date: 2 Agosto de 2007*/

/* Toda la web*/

body{margin:0; padding:0; font-family:"Georgia", Times New Roman, Times, serif; font-size: 14px; font-style:italic; font-weight:bold; color:#333}
h1{font-family:"Georgia", Times New Roman, Times, serif; font-size: 12px; text-decoration: none;margin:0 0 0 50px; padding:0; color:#666; font-weight:bold !important}
h2{font-family:"Georgia", Times New Roman, Times, serif; font-size: 20px; text-decoration: none; letter-spacing:1px; margin:0; padding:10px 0 10px 30px; color:#e6e4e4; font-weight:lighter !important}
h3{font-family:"Georgia", Times New Roman, Times, serif; font-size: 20px; text-decoration: none; letter-spacing:1px; margin:0; padding:0 0 0 30px; color:#CCC; font-weight:lighter !important}
h4{font-family:"Georgia", Times New Roman, Times, serif; font-size: 14px; text-decoration: none; letter-spacing:1px; margin:0; padding:0; color:#666; font-weight:lighter !important}
img{border:0; margin:0; padding:0}
div{margin:0; padding:0}
textarea {font-family:Verdana, Arial, Helvetica, sans-serif; margin:4px; font-size:12px; width:273px; background-color: #000; color:#FFF; border:0; font-weight:lighter}
input {font-family:Verdana, Arial, Helvetica, sans-serif; margin:4px; font-size:12px; font-size: 10px; background-color: #000; color:#FFF; border:0}
p{margin:0}
object{float:left}

/* Partes principales */

#altura{position: absolute;margin-top:-367px; top:50%;width: 100%}
#wrapper{width:992px; margin:auto}
#header{background:url(images/header.png) no-repeat; width:992px; height:138px}
#header a{ font-size:14px; font-weight:bold; color:#333; vertical-align:super; margin:0; padding:0}
#container{background-image:url(images/center.png); width:992px; height:474px; float:left}
#pastillacurri{background: url(images/pastilla_curriculum.png) no-repeat; position:relative; width:445px; height:447px; left:137px; top:1px}
#pastillacurri .cierre{float:right; margin:7px 18px 0 0}
#pastillacurri p{margin:0 30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; font-weight:normal !important}
#pastillacurri img{float:left}
#pastillacurri li{ list-style-type:circle}
#pastilla{background: url(images/pastilla.png) no-repeat; position:relative; width:429px; height:415px; left:137px; top:1px}
#pastilla .cierre{float:right; margin:7px 18px 0 0}
#pastilla .thumb {width:250px; height:240px; margin:auto}
#pastilla .thumb2 {width:150px; height:90px; margin:20px 20px 10px 20px; float:left}
#pastilla .thumbweb img{margin-top:30px; width:90px; height:69px;}
#pastilla .thumb img{margin-top:30px}
#pastilla  .ficha{width:450px; height:50px; margin:35px 0 0 90px}
#pastilla  .ficha2{width:450px; height:50px; margin:35px 0 0 40px}
#pastilla  .ficha2 p{font-size:11px; color:#000; line-height:15px}
#pastilla  .ficha p{font-size:11px; color:#000; line-height:15px}
#paginacion{position:relative; width:461px; height:60px; left:112px; margin:0 30px 0 30px}
#paginacion ul{ margin:0; padding:0; list-style:none}
#paginacion li{float:left; display:block; width:25px; height:60px; margin:0; padding:0; list-style:none;font-size:12px; background:url(images/cuadrado.png) top no-repeat}
#paginacion li a{margin:0; padding:0; text-decoration:none}
#paginacion li a:visited{background:#FFF !important}
#paginacion li a:hover{float:left; display:block; width:25px; height:60px; margin-top:-22px; list-style:none;font-size:12px; background:url(images/cuadrado_on.png) top no-repeat; padding:0 !important}
#sobre{position:absolute; top:600px; right:220px}
#paginacion .numero{padding-top:22px; text-align:center}
#formulario{width:280px; height:300px; margin:auto; padding:60px 0 20px 0; font-size:9px;}
#formulario p{margin-top:30px; font-size:11px; letter-spacing:1px}
#formulario .enviado{color:#C30; font-size:12px}
#formulario .correo{line-height:14px; text-align:right; vertical-align:top}
#foot{background: url(images/foot.png) no-repeat; width:992px; height:120px; text-align:center; font-size:14px; color:#999}
#mensajito{border:solid 1px silver;background:black;color:white;z-index:99;visibility:hidden;width:300px;position:absolute;top:100px;left:50%;margin-left:-150px;padding:10px}
#mensajito li{margin-top:10px}
#mensajito a{color:white}
#foot p{font-size:10px; color:#000 !important}

/* Menu principal*/

#menu{width:370px; float:right}
#menu p{margin:0 0 0 50px}
#menu ul{margin:0; padding:0; list-style:none}
#menu li{margin:24px 0 0 0; padding:0; list-style:none}
#menu .ilustracion{background: url(images/ilus_ico.png) left no-repeat}
#menu .ilusactive{background: url(images/ilus_ico_on.png) left no-repeat; color:#999}
#menu .ilusactive p{background-color:#000; width:100px; color:#fff}
#menu .web{background: url(images/web_ico.png) left no-repeat}
#menu .webactive{background: url(images/web_ico_on.png) left no-repeat; color:#999}
#menu .webactive p{background-color:#000; width:100px; color:#fff}
#menu .publicidad{background:url(images/publi_ico.png) left no-repeat}
#menu .publiactive{background: url(images/publi_ico_on.png) left no-repeat; color:#999}
#menu .publiactive p{background-color:#000; width:240px; color:#fff}
#menu .identidad{background: url(images/iden_ico.png) left no-repeat}
#menu .idenactive{background: url(images/iden_ico_on.png) left no-repeat; color:#999}
#menu .idenactive p{background-color:#000; width:200px; color:#fff}
#menu .papel{background: url(images/papel_ico.png) left no-repeat}
#menu .papelactive{background: url(images/papel_ico_on.png) left no-repeat; color:#999}
#menu .papelactive p{background-color:#000; width:80px; color:#fff}
#menu .icono{background: url(images/icono_ico.png) left no-repeat}
#menu .iconoactive{background: url(images/icono_ico_on.png) left no-repeat; color:#999}
#menu .iconoactive p{background-color:#000; width:100px; color:#fff}

/* Menu curriculum*/

#menu .formacion{background: url(images/forma_ico.png) left no-repeat}
#menu .formactive{background: url(images/forma_ico_on.png) left no-repeat; color:#999}
#menu .formactive p{background-color:#000; width:100px; color:#fff}
#menu .experiencia{background: url(images/expe_ico.png) left no-repeat}
#menu .expeactive{background: url(images/expe_ico_on.png) left no-repeat;  color:#999}
#menu .expeactive p{background-color:#000; width:100px; color:#fff}
#menu .articulos{background: url(images/arti_ico.png) left no-repeat}
#menu .artiactive{background: url(images/arti_ico_on.png) left no-repeat; color:#999}
#menu .artiactive p{background-color:#000; width:170px; color:#fff}

/* Clases*/

.logo{ float:left}
.curriculum{width:300px;height:16px; margin-top:90px; float:right; font-weight:normal !important}
.curriculum p{color:#006633; font-size:9px !important}
.curriculum a{color:#006633; text-decoration:none !important}
.curriculum a:link{color:#006633; text-decoration:none !important}
.curriculum a:hover{text-decoration:none; color:#666 !important}
.fuentegrande{font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; color:#999; font-weight:lighter}
.fuentemediana{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#333; font-weight:lighter !important}
.cristalab li{background:url(images/logo_clab.png) top left no-repeat; padding-left:22px; margin-bottom:15px; list-style:none !important}
.textohome{float:left; width:150px; margin-left:100px; margin-top:150px; font-size:13px; color:#003333 !important}

/* Enlace general*/

a:link{ color:#333; text-decoration:none}
a:visited{ color:#333; text-decoration:none}
a:hover{ color:#000; text-decoration:line-through}
a:active{ color:#000; text-decoration:line-through}