Web Design
Por Arriba
<title>" designcs-ics "</title> <link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/2486998032-widget_css_bundle.css' /> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=821343966345510071&zx=9c894c59-8953-469b-a911-f7d0464569c5"/> <style type="text/css">#navbar-iframe { display:block } </style> <script src='http://www.templatemo.com/templates/templatemo_243_web_design/js/jquery.min.js' type='text/javascript'></script> <script src='http://www.templatemo.com/templates/templatemo_243_web_design/js/piroBox.1_2.js' type='text/javascript'></script> <script type='text/javascript'>
$(document).ready(function() {
$().piroBox({my_speed: 600, //animation speedbg_alpha: 0.5, //background opacityradius: 4, //caption rounded corner
scrollImage : false, // true == image follows the page, false == image remains in the same open position
pirobox_next : 'piro_next', // Nav buttons -> piro_next == inside piroBox , piro_next_out == outside piroBox
pirobox_prev : 'piro_prev',// Nav buttons -> piro_prev == inside piroBox , piro_prev_out == outside piroBox
close_all : '.piro_close',// add class .piro_overlay(with comma)if you want overlay click close piroBox
slideShow : 'slideshow', // just delete slideshow between '' if you don't want it.
slideSpeed : 4 //slideshow duration in seconds(3 to 6 Recommended)
});
});
</script> <style> .post-footer-line-1 {display:none;} .post-footer-line-3 {display:none;} .post-labels {display:none;} </style> <script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head> <body> <div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script> <div></div></div></div> <div id='templatemo_body_wrapper'> <div id='templatemo_wrapper'> <div id='tempaltemo_header'> <span id='header_icon'></span> <div id='header_content'> <div id='site_title'> <a href='http://katek.es.tl/' _fcksavedurl='http://katek.es.tl/'><img alt='LOGO' src='http://3.bp.blogspot.com/_MkGBVwDEF84/TF0j0c4SkzI/AAAAAAAAD88/cvkGVx8xorc/s1600/templatemo_logo.png' _fcksavedurl='http://3.bp.blogspot.com/_MkGBVwDEF84/TF0j0c4SkzI/AAAAAAAAD88/cvkGVx8xorc/s1600/templatemo_logo.png'/></a></div> <p>Puedes Escribir lo que desees aquí. Por Ejemplo: <br/>Esta Plantilla la Tengo Gracias a KATEKO.ES.TL =D</p> <a class='detail float_r' href='http://www.kateko.es.tl/' _fcksavedurl='http://www.kateko.es.tl/'>Detalles</a> </div> </div> <!-- end of header --> <div id='templatemo_main_top'></div> <div id='templatemo_main'><span id='main_top'></span><span id='main_bottom'></span> <div id='templatemo_sidebar'> <div id='templatemo_menu'> <ul> <li><a class='current' href='http://katek.es.tl/' _fcksavedurl='http://katek.es.tl/' target='_parent'>Menu</a></li> <li><a href='http://katek.es.tl/' _fcksavedurl='http://katek.es.tl/' target='_parent'>Menu</a></li> <li><a href='http://katek.es.tl/' _fcksavedurl='http://katek.es.tl/' target='_parent'>Menu</a></li> <li><a href='http://katek.es.tl/' _fcksavedurl='http://katek.es.tl/' target='_parent'>Menu</a></li> <li><a href='http://katek.es.tl/' _fcksavedurl='http://katek.es.tl/' target='_parent'>Menu</a></li> <li><a href='http://katek.es.tl/' _fcksavedurl='http://katek.es.tl/' target='_parent'>Menu</a></li> <li><a href='http://katek.es.tl/' _fcksavedurl='http://katek.es.tl/' target='_parent'>Menu</a></li> </ul> </div> <!-- end of templatemo_menu --> <div class='sidebar_box'> <div class='sidebar section' id='sidebar'> </div> </div> <div class='cleaner'></div> </div> <!-- end of sidebar --> <div id='templatemo_content'> <div id='casing'> <div id='content'> <br/> <div class='main section' id='main'><div class='widget Blog' id='Blog1'>
Por Abajo
</div></div> </div> </div> </div> <div class='cleaner'></div> </div> <div id='templatemo_main_bottom'></div> </div> <!-- end of wrapper --> </div> <div id='templatemo_footer_wrapper'> <div id='templatemo_footer'> <center> © <strong>Tu Web Aquí.</strong> Todos los Derechos Reservados. || <a href='http://designcs-ics.es.tl/' _fcksavedurl='http://designcs-ics.es.tl/' target='_blank'><strong>Plantilla Gracias a designs-iCS.ES.TL</strong></a> </center> </div> </div> </body> </html>
Css
#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} /* ----------------------------------------------- Plantilla por Designcs-ics.ES.TL ----------------------------------------------- */ #navbar-iframe{display:none;}*{padding:0;margin:0} body {margin: 0px;padding: 0px;color: #666;font-family: Tahoma, Geneva, sans-serif;font-size: 12px;line-height: 1.7em; background: url(http://4.bp.blogspot.com/_MkGBVwDEF84/TF0Gv9OJKjI/AAAAAAAAD6k/4C1cp8UYU9w/s1600/templatemo_body.jpg); background-color: #dbdbdd;background-position: top;background-repeat: repeat-x;} a, a:link, a:visited { color: #777700; text-decoration: none; } a:hover { color: #0066FF; text-decoration: underline; } p { margin: 0 0 10px 0; padding: 0; } img { border: none; } h1, h2, h3, h4, h5, h6 { color: #252323; font-weight: normal } h1 { font-size: 34px; margin: 0 0 30px 0; padding: 5px 0; } h2 { font-size: 26px; margin: 0 0 30px 0; padding: 0; } h3 { font-size: 21px; margin: 0 0 25px; padding: 0; } h4 { font-size: 18px; margin: 0 0 15px; padding: 0; } h5 { font-size: 16px; margin: 0 0 5px; padding: 0; color: #606711; } h6 { font-size: 14px; margin: 0 0 5px; padding: 0; } .cleaner { clear: both } .h10 { height: 10px } .h20 { height: 20px } .h30 { height: 30px } .h40 { height: 40px } .h50 { height: 50px } .h60 { height: 60px } a.detail { display: block; width: 128px; height: 51px; padding: 9px 0 0 0; text-align: center; color: #ffc; font-size: 18px; background: url(http://4.bp.blogspot.com/_MkGBVwDEF84/TF0HC611_II/AAAAAAAAD6s/Bi3auiHJtFA/s1600/templatemo_button_01.png) } a.detail:hover { color: #fff; text-decoration: none } .float_l { float: left } .float_r { float: right } .image_wrapper { display: inline-block; border: 5px solid #a0a93c; margin-bottom: 5px } .image_fl { float: left; margin: 3px 30px 0 0 } .image_fr { float: right; margin: 3px 0 0 30px } blockquote { font-style: italic; margin-left: 10px} cite { font-weight: bold; color:#000 } cite span { color: #333 } em { color: #000; } .testimonial { font-size: 16px; line-height: 30px; } .tmo_list { margin: 0 0 0 10px; padding: 0; list-style: none } .tmo_list li { color:#666; margin:0 0 2px; padding: 0 0 3px 25px; background: transparent url(http://3.bp.blogspot.com/_MkGBVwDEF84/TF0HVMBDEJI/AAAAAAAAD60/4WalsGbeKAc/s1600/templatemo_list.png) no-repeat scroll 0 3px } .tmo_list li a { color: #666 } .tmo_list li a:hover { color: #666 } #templatemo_body_wrapper {width: 100%;background: url(http://2.bp.blogspot.com/_MkGBVwDEF84/TF0HxjQ44TI/AAAAAAAAD68/GjbvVYfc2PU/s1600/templatemo_header.jpg) center top no-repeat;} #templatemo_wrapper {width: 984px;margin: 0 auto;background: url(http://2.bp.blogspot.com/_MkGBVwDEF84/TF0HxjQ44TI/AAAAAAAAD68/GjbvVYfc2PU/s1600/templatemo_header.jpg) center top no-repeat;} #tempaltemo_header { position: relative;width: 984px;height: 325px;background: url(http://2.bp.blogspot.com/_MkGBVwDEF84/TF0HxjQ44TI/AAAAAAAAD68/GjbvVYfc2PU/s1600/templatemo_header.jpg) no-repeat center top} #header_icon {position: absolute;top: 130px;left: 660px;width: 220px;height: 197px; background: url(http://2.bp.blogspot.com/_MkGBVwDEF84/TF0IPXMNW_I/AAAAAAAAD7E/_RHmm6MVxSI/s1600/monitor_icon.png);} #header_content {float: left;margin: 130px 0 0 90px;width: 460px; } #site_title a {display: block;margin-bottom: 10px;font-size: 24px;color: #fff;font-weight: normal;text-decoration: none} #header_content p {font-size: 18px;color: #fff;text-align: justify;} /* Main Content*/ #content {float:left;width: 660px;height:100%;padding:0px 0px 0px 0px;margin-left:-25px;display:inline;overflow:hidden;margin-top:-35px;} .post {margin: 10px 0px 10px 0px;height:100%;color:#59666f; font: 13px Tahoma, century gothic,Arial,verdana, sans-serif;background:#F5F5F5 url(http://3.bp.blogspot.com/_0Nr--qemD8Y/TBk3eKknoBI/AAAAAAAAAGM/SILSXXmZtwM/s1600/fade.png) repeat-x;padding:5px;border:1px solid #ddd;} .title h2 {margin: 0px 0 0px 0;padding: 10px 0px 10px 10px;text-align: left; font: 28px Arial,century gothic,verdana, sans-serif;font-weight:normal;overflow:hidden;} .title h2 a, .title h2 a:link, .title h2 a:visited {color:#111; background-color: transparent;} .title h2 a:hover {color: #111;background-color: transparent;} .title{margin: 0 0 0 0px;padding: 0px 0px 0px 0px;} .data {font-size:10px;font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif;padding:4px 5px 4px 0px;color:#ca680b; text-transform: uppercase;margin:5px 10px;} .author{color:#000;padding:5px 5px 5px 60px;margin-left:5px; background:url(http://2.bp.blogspot.com/_MkGBVwDEF84/TF0rHb4pEyI/AAAAAAAAD9E/6cFVgK1rwZc/s1600/templatemo_menu_hover.png) no-repeat;} .clock{color:#000;padding:5px 5px 5px 60px;margin-left:5px; background:url(http://2.bp.blogspot.com/_MkGBVwDEF84/TF0rHb4pEyI/AAAAAAAAD9E/6cFVgK1rwZc/s1600/templatemo_menu_hover.png) no-repeat;} .comm{color:#fff;padding:5px 5px 5px 60px;margin-left:5px; background:url(http://2.bp.blogspot.com/_MkGBVwDEF84/TF0rHb4pEyI/AAAAAAAAD9E/6cFVgK1rwZc/s1600/templatemo_menu_hover.png) no-repeat;} .comm a:link,.comm a:visited {color:#000; } .comm a:hover{color:#000;text-shadow:1px 1px 1px #ccc;} .cover {margin:0 0;padding: 0px 10px ;} .entry {margin:0 0;padding: 0px 0px ;} .entry a:link, .entry a:visited {color:#0177CB;background-color: transparent;} .entry a:hover {color:#E53F0C;background-color: transparent;text-decoration: none;} .entry ul, .entry ol{margin: .4em 0 1em;line-height: 150%;} .entry ul li, .entry ol li{list-style-position:outside;margin-left: 1.6em;} .entry p{margin:5px 0px;padding:5px 0px;line-height:22px;} /* Sidebar Content*/ .sidebar h2 { width: 175px;height: 20px;padding: 9px 30px;font-size: 18px;color: #666666;background: url(http://2.bp.blogspot.com/_MkGBVwDEF84/TF0Kdz33DMI/AAAAAAAAD70/9bqoVRRTGrw/s1600/templatemo_sidebar_box_top.jpg) no-repeat top left;} .sidebar .widget-content {padding:0px;} .sidebar ul {list-style-type: none;margin-left:17px;} .sidebar li{list-style-type: none;margin: 0 ;padding: 5px 0px 5px 0px;} .sidebar .widget{background:#ffffff;margin-bottom:10px;border:1px solid #ddd;} .sidebar a:link, .sidebar a:visited {color:#6f6f6f;} .sidebar a:hover {color: #004C7F;} /* Comment Content*/ #comments h4 {font-weight:bold;letter-spacing:0;line-height:1.4em; margin:1em 0;text-transform:none;font-size:16px;} #comments-block {line-height:1.6em;margin:1em 0 1.5em;} #comments-block .comment-author { background:#f5f5f5 none repeat scroll 0 0;margin:0.5em 0;padding-bottom:4px;padding-left:8px;padding-top:4px;} #comments-block .comment-body {border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;margin-top:-8px;padding-left:10px;padding-top:10px;} #comments-block .comment-footer {border-bottom:1px solid #f5f5f5;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;font-size:11px;line-height:1.4em;margin:-0.25em 0 2em;padding-bottom:5px;padding-left:10px;text-transform:none;} #comments-block .comment-body p {margin:0;padding-bottom:15px;} .post-footer {margin-top:10px;padding: 0px 10px;line-height:18px;color:#888;border-top:1px dotted #ddd;} #templatemo_main_top {width: 984px;height: 30px;background: url(http://3.bp.blogspot.com/_MkGBVwDEF84/TF0Ifzz4C5I/AAAAAAAAD7M/3yj5QK7oxeg/s1600/templatemo_content_top.png) no-repeat } #templatemo_main_bottom {width: 984px;height: 30px;background: url(http://1.bp.blogspot.com/_MkGBVwDEF84/TF0IwqTzzBI/AAAAAAAAD7U/JcoRoj21SNA/s1600/templatemo_content_bottom.png) no-repeat } #templatemo_main {position: relative;width: 900px;padding: 10px 42px;background: url(http://4.bp.blogspot.com/_MkGBVwDEF84/TF0JEwfVTtI/AAAAAAAAD7c/wA6g3Jw26tY/s1600/templatemo_content_middle.png) repeat-y} #main_top { position: absolute; left: 289px; top: 0px; width: 13px; height: 364px; background: url(http://4.bp.blogspot.com/_MkGBVwDEF84/TF0JZtre-7I/AAAAAAAAD7k/ou8psHpb4q4/s1600/templatemo_sidebar_top.jpg) 0 -30px no-repeat } #main_bottom { position: absolute; left: 289px; bottom: 0px; width: 13px; height: 364px; background: url(http://1.bp.blogspot.com/_MkGBVwDEF84/TF0Jr7cC2fI/AAAAAAAAD7s/neQ8mubPrZM/s1600/templatemo_sidebar_bottom.jpg) 0 scroll no-repeat } #templatemo_sidebar {float: left;width: 235px;} .sidebar_box { clear: both; width: 235px; margin-bottom: 30px; } .sb_title {width: 175px;height: 20px;padding: 9px 30px;font-size: 18px;color: #666666;background: url(http://2.bp.blogspot.com/_MkGBVwDEF84/TF0Kdz33DMI/AAAAAAAAD70/9bqoVRRTGrw/s1600/templatemo_sidebar_box_top.jpg) no-repeat top left;} .sb_content { padding: 20px 30px;background: url(http://1.bp.blogspot.com/_MkGBVwDEF84/TF0LH7lmorI/AAAAAAAAD8E/lN2tv1bZEec/s1600/templatemo_sidebar_box_middle.jpg) repeat-y left;} .sb_bottom {height: 8px;background: url(http://2.bp.blogspot.com/_MkGBVwDEF84/TF0K22ErRwI/AAAAAAAAD78/n2o4CRotdW0/s1600/templatemo_sidebar_box_bottom.jpg) no-repeat top left} /* menu */ #templatemo_menu {width: 235px;margin-bottom: 20px;} #templatemo_menu ul {margin: 0;padding: 0;list-style: none;} #templatemo_menu ul li {padding: 10px 0 0;margin: 0;display: block;height: 36px;background: url(http://1.bp.blogspot.com/_MkGBVwDEF84/TF0LevpnuZI/AAAAAAAAD8M/9gZKeCbuSBc/s1600/templatemo_menu_divider.jpg) left bottom no-repeat} #templatemo_menu ul li a {display: block;height: 36px;padding: 0 0 0 30px;font-size: 16px;color: #444444; text-decoration: none;font-weight: normal;outline: none;border: none;} #templatemo_menu ul li a:hover, #templatemo_menu ul .current {padding-left: 60px;color: #777700;background: url(http://3.bp.blogspot.com/_MkGBVwDEF84/TF0LsKKX5AI/AAAAAAAAD8U/n5fOyta07gE/s1600/templatemo_menu_hover.png) left top no-repeat} /* end of menu */ #templatemo_content {float: right;width: 610px;} .content_box {padding-bottom: 30px;margin-bottom: 30px;background: url(http://4.bp.blogspot.com/_MkGBVwDEF84/TF0MAlo2JEI/AAAAAAAAD8c/Z6KH35usrNw/s1600/templatemo_horizontal_divider.jpg) center bottom no-repeat;} h2.title_icon { padding: 15px 0 15px 60px; margin-bottom: 15px } h2.why_choose_us { background: url(http://3.bp.blogspot.com/_MkGBVwDEF84/TF0MMau2k0I/AAAAAAAAD8k/vz7VwzQujMc/s1600/icon_01.png) center left no-repeat } h2.new_services { background: url(http://3.bp.blogspot.com/_MkGBVwDEF84/TF0MVJRHsGI/AAAAAAAAD8s/SRVwHkJEXXs/s1600/icon_02.png) center left no-repeat } .col_w290 {width: 260px;padding-right: 30px;background: url(http://4.bp.blogspot.com/_MkGBVwDEF84/TF0Mji0S9zI/AAAAAAAAD80/8R3de2RYTqg/s1600/templatemo_vertical_divider.jpg) center right no-repeat} .cw290_last { background: none } #gallery a { display: block; float: left; margin-right: 30px } #gallery a img { border: 5px solid #ccc } /* footer */ #templatemo_footer_wrapper {clear: both;width: 100%;border-left: none; border-right: none;background: #252525;} #templatemo_footer {width: 984px;margin: 0 auto;text-align: center;color: #CCCCCC;padding: 5px 0;} #templatemo_footer a {color: #CCCCCC;} /* end of footer */ /*::::: PIROBOX WHITE RULES::::::::_position: absolute;*/ .piro_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:black; display: none; z-index:99997; } .loading span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;display:block;z-index:100008; background:url(bg_load.png) center no-repeat!important;background:url(bg_load.gif) center no-repeat } .loading span span{position:absolute; display:block; width:30px;height:30px; z-index:100009;background: url(ajax-loader_w.gif) center center no-repeat!important;background: url(ajax-loader_b.gif) center center no-repeat;} .caption{position:absolute;bottom:0;left:0;margin:0;display:block; padding:2px; cursor:text; background:white;} .piro_nav{position:absolute;bottom:0;left:50%;margin:0;display:block; padding:0; background:black;} .caption p{ display:block; margin:0;padding:4px 28px 4px 38px; text-align:center; font-weight:normal; background:black; color:white; font-size:12px;} .piro_close{position:absolute;top:-10px;right:-10px;height:35px;width:35px;background:url(close_btn3.png) no-repeat;cursor:pointer;z-index:100006;} a.piro_next{position:absolute;bottom:-33px;width:34px; height:35px;right:-37px;text-indent:-999em;outline:none; display:block;background:url(next.png) no-repeat; border:none;cursor:pointer;} a:hover.piro_next{position:absolute;height:35px;width:34px;display:block; background:url(next_h.png) no-repeat; border:none;} a.piro_prev{position:absolute;bottom:-33px;width:34px; height:35px;left:-35px; text-indent:-999em; outline:none;display:block;background: url(prev.png) no-repeat;border:none; cursor:pointer;} a:hover.piro_prev{position:absolute;height:35px;width:34px;display:block; background:url(prev_h.png) no-repeat;border:none;} a.piro_next_out{position:absolute; z-index:2000000;top:50%; width:100px; height:250px; right:0;text-indent:-999em;outline:none; display:block; background: url(nextoutside.png) no-repeat; border:none;cursor:pointer;} a:hover.piro_next_out{position:absolute;display:block; width:100px; height:250px; background: url(nextoutside_h.png) no-repeat; border:none;} a.piro_prev_out{position:absolute;z-index:2000001; width:100px; top:50%; height:250px; left:0; text-indent:-999em; outline:none;display:block; background: url(prevoutside.png) no-repeat;border:none; cursor:pointer;} a:hover.piro_prev_out{position:absolute; width:100px; height:250px; display:block; background: url(prevoutside_h.png) no-repeat; border:none;} .pirobox_content {position:absolute; top: 50%; left: 50%; padding:0; width: 400px; height: 200px; margin: -100px 0 0 -200px; display: block; z-index:99998;font-family:Trebuchet MS,Arial;} .pirobox_content table,tbody,tr,th,td{margin:0;padding:0;border:none;} .pirobox_content img{ margin:0; padding:0; border:none;} .t_l{background:url(t_l.png) no-repeat; width:10px; height:10px;} .t_r{background: url(t_r.png) no-repeat; width:10px; height:10px;} .t_c{height:10px; background:url(t_c.png) repeat-x;} .c_l{width:10px; background: url(c_l.png) repeat-y;} .c_c{background:url(img_bg.png) repeat; margin:0; padding:0;} .c_c div{width:380px; height:180px; margin:0; padding:0;} .c_r{width:10px; background: url(c_r.png) repeat-y;} .b_c{height:10px; background:url(b_c.png) repeat-x;} .b_l{background:url(b_l.png) no-repeat; width:10px; height:10px;} .b_r{background:url(b_r.png) no-repeat; width:10px; height:10px;} .box_img{ position:absolute; z-index:99995; background: url(img_bg.png);width: 100%; top:30px; left:30px; height: 100%; padding:0;} .err_mess{ position:absolute;bottom:20px; color:black; padding:0; margin:0 0 0 20px; display:block;} .err_mess a{color:red; font-weight:700;} .number{position:absolute;margin-left:3px;height:18px;width:30px; padding:3px;left:0;color:#666;top:2px; font-size:11px;} a.link_to {position:absolute;margin-right:6px;height:21px;width:21px;right:0;color:#999;top:4px; background:url(link_out.png) no-repeat!important;background:url(link_out.gif) no-repeat; text-indent:-999em;} a:hover.link_to { background:url(link_out_h.png) no-repeat!important;background:url(link_out_h.gif) no-repeat; border:none;} a.play{position:absolute;bottom:10px!important;bottom:2px;right:10px!important;right:2px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(play.png) no-repeat; text-indent:-999em; border:none;cursor:pointer;} a:hover.play{background:url(play_h.png) no-repeat;} a.stop{position:absolute;bottom:10px!important;bottom:2px;right:10px!important;right:2px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(pause.png) no-repeat;text-indent:-999em; border:none;cursor:pointer;} a:hover.stop{background:url(pause_h.png) no-repeat;}
