/* CSS Document */ * { margin:0;padding:0; color:#868E91 } * a { color:#587986; text-decoration:none } * a:hover { color:#333366; text-decoration:underline; } body { background: url(img/bg.jpg) #fff no-repeat center top; } body, input { font:11px/18px "Trebuchet MS", Arial, Verdana,sans-serif; line-height:1.5em;margin:0; } /*body, input {font-family:Verdana,sans-serif;font-size:.7em;line-height:1.5em;margin:0}*/ #page {margin-right:auto; margin-left:auto; width:732px; margin-top:60px} img { border:0} #menu {width:152px; float:left;} #cabe {height:32px;} acronym { color:#979834; border-bottom:1px dotted #999999} #cont, #cabe {width:562px; float:right;} #pie {width:562px; float:left; text-align:right; margin:10px 0; font-size:9px; color:#CCCCCC } cite { background:url(img/ico-pluma.gif) 8px 6px no-repeat #FFF; padding:5px 5px 5px 30px; font-style:normal; border:1px solid #E4E3DE; display:block; margin-top:10px; clear:both } /* menu */ #marco1 {border:1px solid #e2e2e2; padding:1px } #marco2 {border:1px solid #a4b49c; } #marco3 { background:url(img/bg-01.jpg) top repeat-x; border:1px solid #fff; background-color:#fefefb; } #marco4 { background: url(img/bg-sello2.gif) no-repeat right bottom } #cabe a {text-decoration:none} #logo_dt { background: url(img/bg-logo.gif) center no-repeat; height:70px; text-indent: -9000px;} .titBox {height:35px;line-height: 1.85em; font-weight:bold; } #menu .titBox {height:22px;} #conteGen .titBox { background:url(img/bg-tit-conte.jpg) top left no-repeat } #captionTitulo {padding:2px 0 0 45px } #conteGen { background:url(img/bg-tit-conte2.jpg) top right no-repeat } #menu #marco3 #marco { background:url(img/bg-tit-conte2.jpg) top left no-repeat } #ico{display:inline; width:16px; height:16px; background:url(img/hd1.gif) top left no-repeat; float:left; margin-top:2px} #refres{display:inline; width:16px; height:16px; background:url(img/refresh1.gif) 20px no-repeat; float:right; margin:3px 2px 0 0; cursor:pointer} #conteGen #refres { margin:8px 8px 0 0 } #menu .titBox{background:url(img/bg-titulobox3.gif); } #menu .titBox a, #menu li a{ text-decoration:none; color: #868E91;} #menu .titBox a:hover, #menu li a:hover{ text-decoration:none; color: #333366; text-decoration:underline} #conteGen #ico, #ico2 {margin:2px 1px 0 3px; background:url(img/.gif) top left no-repeat; } #menu #marco4 {padding-bottom:7px } .tituloParte1 {color:#b4a20e; font-size:13px} .tituloParte2 {color:#666666; font-size:13px} #menu li { background:url(img/bg-titulobox3.gif); line-height: 1.85em; clear:both} #menu ul { list-style:none; margin:0; padding:0; margin-bottom:1px } #menu ul ul li{ margin-left:11px; padding:0; } #ico2 {display:inline; width:9px; height:9px; background:url(img/ico21.gif) top left no-repeat; float:left; margin:6px 0 0 6px} .contePie{clear:both; background-image:url(img/bg-titulobox2.gif); height:19px; padding-top:3px; line-height: 1.45em; font-size:9px; color:#BCBCBC; letter-spacing:2px; margin-top:5px; text-indent:5px} input,textarea { border-bottom:1px solid #EAEAEA; border-right:1px solid #EAEAEA; border-top:1px solid #AEAA97; border-left:1px solid #AEAA97; } .boton { height:16px; background:url(img/bg-boton.gif) top right; border:0px; padding:0 5px; color:#000; line-height: 0.7em; } #cabe #marco3 { padding:2px} #cabeOp { width:200px; float:right; padding:10px 2px 0 0; text-align:right} #contenido {padding:10px 20px; background: url(img/bg-sello1.gif) no-repeat right bottom; } #contenido p {margin-bottom:8px} /*#contenido img { border:1px solid #efefed; float:left; padding:2px; margin:0 10px 0 0; }*/ hr {height:10px; background:url(img/bg-linea.jpg) #fff center top no-repeat; border:0;} *body hr {height:1px; color:#CCCCCC; border-top:1px dashed #ccc; width:96%;} #contenido p:first-letter {margin-left:20px; font-weight:bolder; color:#718666; } .imgright {float:right; padding:1px; border:1px solid #d4dbd1; background-color:#fff; margin-left:10px;} .imgleft {float:left; padding:1px; border:1px solid #d4dbd1; background-color:#fff; margin-right:10px; display:table} .resaltar { color:#E29A2E} address { border:1px solid #F1F1ED; background-color:#ffffff; padding:5px; color:#336699; font-style:normal; margin:10px 0; } fieldset { padding:10px; margin-top:10px; border:1px solid #F1F1ED } legend { color:#333333; margin-bottom:5px} #frmContacto label {display:block; width:200px; color:#b4a20e} #frmContacto input,textarea { width:400px } #frmContacto .boton { width:auto; margin-top:5px } /* acerca - contacto */ #acerca h2, #contacto h2 {font-size:14px; height:20px; border-bottom:1px solid #e9e9e8; line-height: 1.5em; background:url(img/hd3.gif) #f8f9f4 3px 2px no-repeat; padding-left:20px; margin-bottom:10px; } /* end acerca */ /* portafolio*/ #webs p:first-letter {margin-left:0; font-weight:bolder;} #webs a {text-decoration:none; } #webs a:hover { color:#000; text-decoration:underline; } #webs .listaweb { list-style-position:inside; padding-left:10px; } #postConte li, #webs .listaweb li { clear:both; background-image:url(img/bg-bgli.gif); position:relative} #webs .listaweb li a { display:inline; *padding-left:4px;} #webs .websConte { margin:10px 0; position:relative; height:230px } #webs img { float:left } #webs #websConteDes { float:left; border:1px solid #ece8d5; background:url(img/bg-lineas.gif); margin-left:10px; width:155px; padding:0 10px 10px 10px; *padding-top:10px; margin-top:5px; height:199px; *height:190px} #webs #websConteDes span {font-weight:bold; } #webs #websConteDes ul {list-style:url(img/ico67.gif) outside; margin-left:15px} #webs #websConteDes li {padding-bottom:3px;} #webs #websConteDes a {background:url(img/ico-enlace.gif) top left no-repeat; padding-left:18px; margin-left:-2px} #webs h2 {font-size:14px; height:20px; border-bottom:1px solid #e9e9e8; line-height: 1.5em; background:url(img/hd3.gif) #f8f9f4 3px 2px no-repeat; padding-left:20px; margin-bottom:5px; } #postConte .fecha, #webs #fecha { display: block; position: absolute; top: 0; right: 5px; *right: 20px; } /*end portafolio*/ /*rss*/ #marcoRss1, #marcoRss2, #marcoRss3{ border:1px solid #e9e9e8; float:left;} #marcoRss2 h1, #marcoRss1 h1, #marcoRss3 h1 {font-size:14px; height:20px; border-bottom:1px solid #e9e9e8; line-height: 1.5em; background:url(img/hd3.gif) #f8f9f4 3px 2px no-repeat; padding-left:20px; } #marcoRss3 h1 {background:url(img/hd2.gif) -1px -15px no-repeat; padding-left:18px;border-bottom:5px} #marcoRss1 h1 {background:url(img/ico-lectorss.gif) #f8f9f4 3px 2px no-repeat;} #marcoRss3 h1234 {background:url(img/hd2.gif) 3px -13px no-repeat; } #marcoRss2 h1 { color:#94791a } #rssConte {overflow:auto; height:138px; padding:10px} #marcoRss1 { width:130px; height:180px } #marcoRss2 { width:380px; height:180px} #marcoRss3 { clear:both; width:512px } #marcoRss3 #rssConte { height:100%; padding:10px} #marcoRss3 #rssConte p:first-letter {margin-left:0; font-weight:normal; } #marcoRss3 #rssConte ul { margin-left:20px} #rssConte h1 { font-size:15px; color:#7C8C9C; margin-bottom:10px } #rssConte h2 { font-size:14px; color:#7c9c9c; background:url(img/hd1.gif) 0 -15px no-repeat; padding-left:20px; } #rssConte h3 { font-size:13px; color:#7f9c7c; background:url(img/hd1.gif) 0 -15px no-repeat; padding-left:20px; } #rssConte h4 { font-size:12px; color:#9c917c; background:url(img/hd1.gif) 0 -15px no-repeat; padding-left:20px; } #rssConte h5 { font-size:11px; color:#9c7c81; background:url(img/hd1.gif) 0 -15px no-repeat; padding-left:20px; } #marcoRss3 #rssFirma { border:1px solid #e9e9e8; background-color:#FFF; margin-top:10px; } #marcoRss3 #rssFirma li {display:block; float:left; border-left:10px solid #F5F5F3; margin-left:10px; } #marcoRss3 #rssFirma li a { background:url(img/ico-enlace.gif) 2px 1px no-repeat; padding-left:15px; } #marcoRss1 li {list-style:url(img/ico6.gif); line-height: 1.2em; margin-left:20px; *margin-left:12px; height:18px; *padding-left:5px} #marcoRss2 li {list-style:url(img/ico67.gif); line-height: 1.2em; margin-left:15px; *margin-left:12px; height:18px} body { scrollbar-arrow-color: #AA9E91; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #C6B8A9; scrollbar-face-color: #F4F1ED; scrollbar-highlight-color: #F4F1ED; scrollbar-shadow-color: #F4F1ED; } /* blog */ #postConte h1, #postConte h2, #postConte h3, #postConte h4, #postConte h5 {border-bottom:1px solid #e9e9e8; line-height: 1.5em; padding-left:20px; margin-bottom:10px; color:#9B9786; margin:10px 0 } #postConte .img_border { padding:2px; background:#FFFFFF; border:1px solid #e9e9e8; float:left; margin:3px 10px 0 0; } #postConte h1 { font-size:14px; } #postConte h2 { font-size:14px; background:url(img/hd3.gif) -1px 2px no-repeat; margin:0px 0 20px 0; position:relative} #postConte h3 { font-size:12px; background:url(img/hd1.gif) 0 -15px no-repeat; } #postConte h4 { font-size:11px; } #postConte h5 { font-size:10px; } #postConte ul { margin:5px 30px; } #postConte #fecha { font:8px Verdana, Arial, Helvetica, sans-serif Arial, Helvetica, sans-serif normal; text-transform:uppercase; letter-spacing:1px; ; display: block; position: absolute; top: 22px; left: 0px; *left: -20px; *top: 21px; } /*#postConte .lista li { position:relative}*/ #postComs { background-color:#FFFFFF; padding:5px; border:1px solid #E4E3DE; display:block; margin-top:10px } #postComs #postCom { margin:5px 5px 8px 10px; border-left:50px solid #f7f7f5; padding:0 5px 12px 10px; border-bottom:1px solid #ebebe2 } #postCom p:first-letter {margin-left:0;} #postComs .num { margin-left:-23px; display:inline; float:left; font-size:24px;} #postComs .num a { color:#dddeda; } #postComs .autor { background:url(img/ico-comment.gif) 0 no-repeat; padding-left:15px; font:8px Verdana, Arial, Helvetica, sans-serif bold; text-transform:uppercase; color:#472907; letter-spacing:2px; position:relative} #postComs .autor a { color:#472907; } #postComs .fecha { position:absolute; left:15px; *left:0; top:10px; letter-spacing:1px; border-top:1px solid #d6d6ce; font-size:7px; color:#0e1d29; } #comentar { clear:both; background:url(img/ico-comment.gif) 8px no-repeat #FFF; padding:5px 5px 5px 30px; font-style:normal; border:1px solid #E4E3DE; display:block; margin-top:10px; } #comentar a {color:#0876ad; background:url(img/hd2.gif) -18px right no-repeat; padding-right:12px } #postComEdit { background:url(img/ico-pluma.gif) 15px 10px no-repeat #FFF; padding:15px 5px 5px 50px; border:1px solid #E4E3DE; display:block; margin-top:10px; height:265px } #postComEdit label {width:70px; display:block; float:left; background-color:#FAFAFA; border-bottom:1px solid #EBEBE9; padding-left:2px } #postComEdit input, #postComEdit textarea{width:373px; float:left; margin:2px 0 } #postComEdit textarea{ height:140px } #postComEdit .boton { width:auto; float:right; margin-right:10px; padding:0 1px } #postComEdit h2, #postComs h2 {font-size:14px; height:20px; line-height: 1.2em; background:url(img/ico6.gif) 0 2px no-repeat; padding-left:20px; margin-bottom:10px; } /*#lightbox */ #lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(img/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #ADA59A; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }