/* CSS Document created by Jorge Condomí*/ *{padding:0; margin:0;} /* ========= Html ========= */ body{ background-color: #fafafa; font-size:14px; font-family:"Trebuchet Ms", Verdana; text-align:center;} h1, h2, h3, h4, h5, h6, h7{} h2{ font-weight:normal; width:80%;} h2 img{ margin:0 0 7px 0 ;} h2.titulo{color:#666; border-bottom:1px solid #ccc; padding:0; margin:0; text-align:left; font-size:16px; width:100%;} h3{ color:#0066CC; font-size:18px; margin:20px; border-bottom:1px solid #990000;} h3 a, h3 a:link, h3 a:visited{ text-decoration:none; color:#0066CC;} h3 a:hover{ text-decoration:none;} h3 a:active, h3 a :focus{text-decoration:none;} fieldset{ border:none;} input, textarea{ border:1px solid #b0d0eb; background: #fff url(../images/shadow.png) bottom left repeat-x;} p.error{color:#FFFFFF; background:#990000; text-align:center; font-size:15px; font-weight:bold; margin:0 auto; width:500px; } .presentacion { margin:0 auto; text-align:center; border-bottom:none;} a {color:#003366;} td{padding:14px; border:3px double #ccc;} td ol{ margin-left:20px;} td + td{ background-color:#efefef;} td + td + td {background-color:#dddddd;} /* Rounded corners */ .rounded-box {margin: 0 0 0.75em 0; position: relative;} html>body b.cr { position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; background: url(../images/round.png) no-repeat; line-height: 1px; font-size: 1px; } html>body b.ul {top: -1px; left: -1px; background-position: top left;} html>body b.ur {top: -1px; right: -1px; background-position: top right;} html>body b.dl {bottom: -1px; left: -1px; background-position: bottom left;} html>body b.dr {bottom: -1px; right: -1px; background-position: bottom right;} #contenedor{ text-align:left;/* width:950px; */margin:0 auto;} #loading-alert{ background-color:#FF0000; color:#FFFFFF; font-size:16px; text-align:center; width: 200px; position:fixed; top: 50%; left:45%; display:none;} #navbar{position:relative;font-family:"Trebuchet Ms", Verdana; background:#fefefe url(../images/head.png) top left repeat-x; height:93px; border-bottom:3px solid #648ba7;border-left:1px solid #ddd;border-right:1px solid #ddd;} #navbar h1{font-size:32px; color:#006699; float:left; font-weight:normal; margin:2px 0 0 30px; width:280px; height:90px; background: transparent url(../images/logo2.gif) top center no-repeat; cursor:pointer;} #navbar h1 span{ overflow:hidden; text-indent:-999999px; display:block;} #topbar{ float:right;margin-right:20px; background: transparent url(../images/topbar.png) top center no-repeat; height:32px; width:329px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center;padding:8px;color:#660000;} #topbar a, #topbar a:link,#topbar a:active{color:#990000; text-decoration:none;} #topbar img{border:none; vertical-align:bottom;} #topbar a:hover{color:#446b97; text-decoration:underline;} #buscar{position:absolute; bottom:5px; right:30px; padding:0; } #buscar label{display:none;} #buscar .boton{ height:24px; width:57px; background: transparent url(../images/buscar.gif) center center no-repeat; outline:none; border:none;} #buscar input.search{font-size:16px; padding:2px; line-height:18px; color:#999; height:19px; width:120px; border:1px solid #ccc; font-family:"Trebuchet Ms"; margin:4px;} #main{position:relative;padding:20px;border-left:1px solid #ddd;border-right:1px solid #ddd; background-color:#fff; margin: 0 auto; max-width: 1000px;} #top{} #bottom{ clear:both;} /* ========= index ========= */ #infoup{ margin: 10px auto; border:1px solid #a9a9a9; padding:5px 10px 10px 10px;background-color:#FFFBF4; padding:10px;} #infoup p{ font-size:16px; text-align:center; line-height:20px;} #infoup a, #infoup a:link,#infoup a:active,#infoup a:visited{ color:#0066CC; text-decoration:none; font-style:italic; } #infoup b.cr{ background-image:url(../images/round-gray.gif);} #left-boxes{ width:50%; float:left;} #right-boxes{margin-left:52%;} #port-sopa{} .frame{ float:left; padding:0; margin:0 15px 0 0; border-bottom:1px solid #f3f3f3;} .frame span{ display:block;margin:2px 0 0 10px; padding:0;} .thumb0{background-color:#fff; padding:2px; border:1px solid #999; display:block;} .manitos{ float:right; margin:0; padding:0;} .manitos img{ margin-right:5px; cursor:pointer;} .index-link{ height:70px; clear:both;} #last-tags{text-align:center; margin: 10px auto; padding:5px 10px 10px 10px;background-color:#f4f4f4; border:1px solid #a9a9a9;} #last-tags b.cr{ background-image:url(../images/round-gray.gif);} #last-links{text-align:left; margin:10px auto; padding:5px 10px 15px 10px; background-color:#f8f8f8; border:1px solid #a9a9a9; } #last-links b.cr{ background-image:url(../images/round-gray.gif);} .link-tag{ padding:0 0 0 20px; margin:0; color:#999; font-size:11px;} .link-tag a{ color:#336699; } #last-links .url{ overflow:hidden;} #last-links h3{ text-align:left; font-size:15px; margin:15px 0 0 5px; background-color:#efefef; padding-top:2px; border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;} #publicidad{text-align:center; margin:10px auto; padding:5px 15px 10px 10px; background-color:#fffdfa; border:1px solid #9fd37f; } #publicidad b.cr{ background-image:url(../images/round-green.gif);} #publicidad2{text-align:center; margin:10px auto; padding:5px 15px 10px 10px; background-color:#fffdfa; border:1px solid #9fd37f; } #publicidad2 b.cr{ background-image:url(../images/round-green.gif);} #destacados{text-align:left; margin:10px auto; padding:5px 15px 10px 10px; background-color:#fffdfa; border:1px solid #9fd37f; } #destacados b.cr{ background-image:url(../images/round-green.gif);} #destacados .url{ overflow:hidden; } #destacados h3{text-align:left; font-size:15px; margin:15px 0 0 5px; background-color:#efefef; padding-top:2px; border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;} #sopa{ min-height:300px; text-align:center; margin:10px auto; padding:5px 10px 10px 10px; background-color:#fffdfa; border:1px solid #9fd37f; } #sopa b.cr{ background-image:url(../images/round-green.gif);} .tag{ padding:0; margin:1px 5px; text-align:center;} .tag a:link, .tag a:visited{text-decoration:none;} .tag a:active, .tag a:focus{ text-decoration:none;} #controles{ float:right;} #toolbar{ background: #f8f8f8; margin:5px auto; text-align:center; position:relative; border:1px solid #ccc; padding:5px;} #toolbar p{ margin-right:50px;} #toolbar img {border:none; position:relative; top:5px;} #filtro_form { position:absolute; right:23px; top:5px; margin:2px;} #filtro_form input{ border:none; } #anuncio{ background-color:#FFFFdd; border: 1px solid #ccc; text-align:center; width:580px; padding:10px; margin:10px auto;} #lista-links{ padding:10px 20px; margin:0; position:relative; margin-right:350px;} .link{ margin-bottom:20px; width:100%;} #tag-title{ border-bottom:3px solid #ddd; position:relative;} #desc-view span{ font-size:12px; color: #990000;margin:0 10px 5px 5px; background-color:#ffffe8} #tag-title img{ vertical-align:bottom;} #desc-view{ position:absolute; right:20px; bottom:3px;} #desc-view .salir{ color:#FF0000; text-decoration:none; font-size:11px; border:1px solid #ededed; padding:0 1px; margin:0 1px;} h2 span{ color:#990000; font-size:25px; padding:10px; font-style:italic;} .link h3{ font-size:16px; margin:0; border:none; /*background:#fff url(../images/vapor.png) top left no-repeat; */background-color:#f8f8f8; border:1px solid #ddd;padding:5px 0 0 15px; clear:both;} .link a:link, .link a:visited, .link a:active{ color:#004466; text-decoration:none;} .link a:hover{ text-decoration:underline; color:#003333;} .url{ padding:3px 0 0 20px; margin:0; color:#999; font-size:11px;} .url:hover{ background-color:#ffffee;} .all-tags{ padding:0 0 0 20px; margin:5px 0 0 0; color:#999; font-size:11px;} .all-tags span{border:1px solid #dadada; background-color:#efefef; padding:0 2px; text-decoration:none; color:#000000; margin:0 4px 0 0;} .all-tags a{border:1px solid #efefef; background-color:#ffffea; padding:0 2px; text-decoration:none;} .all-tags a:hover{ border:1px solid #dadada; text-decoration:none;} .extras{ margin:4px 0;} .extras img{border:none; margin:0 1px;} .extras span img {padding-bottom:1px;} .description{ color:#444; font-size:12px; padding:10px; margin-left:110px;} .comment-desc-1, .comment-desc-0{border-top:1px solid #efefef; padding: 3px 0 0 6px; margin-bottom:1px;} .comment-desc-0{ background-color:#fff;} .comment-desc-1{ background-color:#fdfdfd;} p.autor{ border-bottom:1px dotted #999;font-style:italic; text-align:right; padding:0 5px 0 0; background:none;} .autor img{ margin: 0;} .cuch{ margin-left:4px;} span.agregar-btn{display:block;text-indent:-9999px; overflow:hidden; background: transparent url(../images/descripcion_add.png) top left no-repeat; width:128px ; height:20px; cursor:pointer; } #listar-links fieldset{} /*Formulario de descripciones*/ .new-form{color:#336699; font-size: 13px; text-align:left; padding:2px; margin:10px auto; width:300px;} .cal-link{margin:2px 0 1px 0;} .new-form input{ width:100%; margin:1px 0 0 0 ; padding:1px;} .new-form .check{ width:auto;} .new-desc{width:300px;} .new-agregar{color:#666; border:none; background: #fff url(../images/btn_m.png) center center no-repeat; width:78px; height:20px; line-height:20px; font-size:12px;} #sidebar{ width: 320px; margin:10px; height:200px; position:absolute; top:210px; right:20px;} html >body #sidebar{ width: 320px; margin:10px; height:200px; position:absolute; top:210px; right:20px;} #sidebar h3{ margin:0 0 10px 0; border-bottom:3px solid #999; color:#CC0000; font-size:22px; padding:0; font-weight:normal;} .box{border:1px solid #a9a9a9; padding:10px; margin:10px auto 20px auto;background-color:#fcfffc;} .sabor{ width:250px; margin:0 auto; } .sabor div{background-color:#fafdff;} .sabor b.cr{ background-image:url(../images/round-gray.gif);} .sabor img{ width:150px; margin:0 auto; display:block;} .box b.cr{ background-image:url(../images/round-gray.gif);} .box-alt{border:1px solid #a9a9a9; padding:5px 10px; margin:10px auto 20px auto;background-color:#fcfffc; } .box-alt b.cr{ background-image:url(../images/round-gray.gif);} #sidebar ol{padding-left:20px;} #sidebar .info{ font-size:12px; color:#666666;} #sidebar a{ color:#990000; text-decoration:none;} #sidebar li{border-bottom:1px solid #999; } .peq-top{background: #fff url(../images/top-blue.gif) bottom left no-repeat; width: 300px; height:5px; margin:0 auto; padding:0;} .peq-cen{background: #fff url(../images/center-blue.png) top left no-repeat; width: 300px; margin:0 auto; padding:0;} .peq-bot{background: #fff url(../images/bottom-blue.gif) top left no-repeat; width: 300px; height:5px; margin:0 auto; padding:0;} .nav-pag{ color:#336699; font-size: 16px; text-align:right; padding:0; margin:5px 40px 5px 10px; clear:both;} .nav-pag a, .nav-pag a:link{ color:#336699; text-decoration:none; font-size:16px;} .nav-pag a:visited{ text-decoration:none;} .nav-pag a:hover{ text-decoration:none;} .nav-pag a:active, .nav-pag a:focus{ text-decoration:none;} .pagina{margin: 0 2px;} .pagina-select a:link, .pagina-select a:visited{color:#333333; font-size:22px;} .pagina-actual a{font-size:23px; color:#003366;} .med-top{background: transparent url(../images/top-green.gif) bottom left no-repeat;width: 679px; height:5px; margin:0 auto;} .med-cen{background: #9fbd92 url(../images/center-green.png) top left no-repeat;width: 679px; margin:0 auto;} .med-bot{background: transparent url(../images/bottom-green.gif) top left no-repeat;width: 679px; height:5px; margin:0 auto;} .informacion{ background: #fff url(../images/bg_box.png) top left repeat-x; width:80%; margin:20px auto; padding:10px; border:1px solid #999;} .informacion p{text-indent:20px;} .informacion ol{padding-left:20px;} .informacion li{ margin:10px auto;} code{ background:#efefef; border:1px solid #999; text-align:center; padding:3px; width:380px; display:block; margin:2px auto; font-size:12px } .informacion img{ border:1px solid #999; width:430px; margin:10px auto; display:block;} .informacion em{color:#003300;} .code-gen{ display:block; width:350px; margin:10px auto; position:relative; padding-bottom:30px;} .code-gen p{ margin:10px 1px;} .code-gen input, .code-gen select{ position:absolute; left:190px; width:120px;} #code { width:auto; padding:10px; overflow:scroll;} /* ========= Buscar ========= */ #left-boxes-buscar{ width:60%; float:left;} #results{text-align:left; margin:10px auto; padding:5px 10px 15px 10px; background-color:#fdfdfd; border:1px solid #a9a9a9; } #results h3{ text-align:left; font-size:15px; margin:15px 0 0 5px; background-color:#efefef; padding-top:2px; border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;} #results b.cr{ background-image:url(../images/round-gray.gif);} .resultado{ padding:3px;} #results ul{ list-style-type:none; padding:0 0 0 20px; margin:5px 0 0 0; color:#999; font-size:13px;} #results li{ display:inline; margin:3px;} #results li a, #results li a:link, #results li a:active{border:1px solid #efefef; background-color:#ffffea; padding:0 2px; text-decoration:none;} #results li a:hover{border:1px solid #dadada; text-decoration:none;} #results .comment-desc-0{ margin:10px; font-size:12px;} #results .comment-desc-1{margin:10px; font-size:12px;} #right-boxes-buscar{margin-left:62%; } #sopita{ text-align:center; margin:10px auto; padding:5px 10px 10px 10px; background-color:#fffdfa; border:1px solid #9fd37f; } #sopita b.cr{ background-image:url(../images/round-green.gif);} #info-sab{ margin:10px auto; padding:5px 10px 10px 10px; background-color:#fffdfa; border:1px solid #9fd37f; } #info-sab h3{ text-align:left; font-size:18px; margin:15px 0 5px 5px; padding-top:2px; border:none; font-weight:normal;} #info-sab b.cr{ background-image:url(../images/round-green.gif);} #info{text-align:left; margin:10px auto; padding:5px 10px 15px 10px; background-color:#f8f8f8; border:1px solid #a9a9a9; } #info h3{ text-align:left; font-size:18px; margin:15px 0 5px 5px; padding-top:2px; border:none; font-weight:normal;} #info ul{ margin:5px 0 5px 15px;} #info b.cr{ background-image:url(../images/round-gray.gif);} #search{ width:70px;font-size:10px; color:#CC0033; padding:0; margin:0; height:12px; font-family:serif, "Trebuchet Ms", Verdana; text-align:center;} html > body #search{ width:90px;font-size:12px; color:#CC0033; padding:0; margin:0; height:14px; font-family:serif, "Trebuchet Ms", Verdana; text-align:center;} #pie{ clear:both; text-align:center; background-color:#f8f8f8; padding:2px; border-top: 1px dotted #999; border-bottom: 1px dotted #999; margin:20px;} #lower{ height:10px; clear:both; padding:0; margin:0; border-top:3px solid #648ba7;}