/* CSS Document Adaptado para el proyecto Exulaser.com de Los Angeles, Estados Unidos Esta adaptación es del 04 de Junio del primer año de M. Funes :) Osvaldo Osorio, osvaldo.osorio@gmail.com En las Oficinas de Oswosmedia en Ciudad Merliot, El Salvador. */ html { overflow-y: scroll; } html, body { height: 100%; } body, th, td { font-family:Arial, "Trebuchet MS", "Arial Narrow"; color:#333333; font-size:13px; line-height:1.4em;} body { background:#ddd; margin:0px 0 0 0; /*background:#ddd url(../images/bg.jpg) top center repeat-y;*/ } a:link, a:visited { color:#3188E7; text-decoration:none; } a:hover { color:#0D68CC; text-decoration:underline; } input[type="text"], input[type="password"], textarea, select { color:#3188E7; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.4em; padding:5px; margin:0 0 10px 0; width:340px;} h1, h2, h3 { margin:0; padding:0; line-height:normal; font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow"; text-align:left;} h1 { font-size:230%; margin:8px 0; text-transform:uppercase; letter-spacing:-2px; color:#000;} h2 { font-size:24px; margin:8px 0;} #global { width:960px; margin: 0px auto -50px auto; min-height: 100%; height: auto !important; height: 100%;} #top { clear:both; height:110px; background:#000; padding:0px; } #logo { padding:13px 0 0 10px; width:486px; height:86px; float:left;} #topoptions { color:#fff; width:327px; height:60px; float:right; text-align:right; font-size:12px; padding:10px 20px 0px 0px; } #topoptions a { text-decoration:none; padding:2px 10px 0 10px; color:#fff; /*background:#703319;*/} #topoptions a:hover { text-decoration:none; background:#9B1C22;} #menu { clear:both; height:36px; padding:0px 0 0 10px; /*background:#3188E7 url(../images/bgmenu.jpg) repeat-x top left;*/ background:#3188E7; border-top:4px solid #FA0000; border-bottom:2px solid #ddd;} #menu ul { margin:0; padding:0; list-style:none;} #menu ul li { float:left; padding:0px 14px 4px 14px; } #menu a:link, #menu a:visited { display:block; font-size:16px; color:#fff; text-decoration:none; font-weight:bold; font-family:"Arial", "Trebuchet MS", Tahoma; padding:8px 12px 8px 12px;} #menu a:hover { color: #FFCC00;} #current a:link, #current a:visited { background:#FA0000;} /* ********************** SUBMENU *****************/ #submenu { width:180px; float:left; margin:10px 14px 0 6px; padding:0; } #submenu h1 { color:#01B6E1; } #submenu ul { margin:0; padding:0 0 100px 0px; list-style:none; text-align:left;} #submenu li { padding:4px 0px; } #submenu a:link, #submenu a:visited { display:block; text-decoration:none; padding:2px 0px 2px 14px; color:#7F7F7F; border-bottom:1px solid #eee; font-size:13px; } #submenu a:hover { color:#FF9900; } #submenu #current a:link, #submenu #current a:visited { color:#0099CC; font-weight:normal; } /* *********************************************** HOME *****************/ #anim { clear:both; margin:0px 0px; width:704px; } #content { clear:both; height:auto !important; background:#fff; } .home { background-color:#fff; } .page { background-color:#fff; } #contentPage { width:720px; float:right;} #contentPage .textos { padding:20px;} .block { float:left; width:270px; padding:6px 12px 14px 6px; margin:0; } #bar { clear:both; padding:8px 0 0 0; height:148px; width:650px;} #bar .item1 { float:left; width:340px} #bar .item2 { float:right; width:308px; text-align:right;} /**************************************************** SEARCH ****************************************************/ #search { background:#FA0000; width:200px; height:590px; float:left;} #search .head { margin:0; height:91px; clear:both;} #search form { padding:4px 11px 0 11px;} #search ul { padding:10px 0 0 0px; list-style:none; margin:0; width:88px; float:left;} #search li { font-size:14px; padding:4px 0 4px 2px; color:#F7F5EE; margin:0 0 0 2px; border-bottom:1px solid #E70000; font-weight:bold; } #search li a { color:#fff; text-decoration:none; padding:2px 4px; display:block;} #search li a:hover { background:#FF9900;} #search input[type="text"] { padding:6px; width:160px; color:#666; background:#FEF5DA; border:1px solid #C6061A; font-size:18px; } #search .boton { padding:6px; width:160px; } #search #current a { background:#FF9900; } /************************************************************ Items como artículos o cosas a poner con imágenes... *************************************************************/ #item { float:left; width:296px; background:#fff; height:160px; padding:3px; margin:0 8px 8px 0; font-size:11px;} #item .head { clear:both; height:18px; margin:0 0 4px 0; border-bottom:1px dotted #ccc;} #item .head .fecha { width:120px; float:left} #item .head .comentarios { width:120px; float:right; text-align:right;} #item .head .fecha, #item .head .comentarios { font-size:10px; color:#999} #item .texto { clear:both; line-height:14px; height:118px; overflow:hidden; } #item .titulo { margin:0 0 5px 0;} #item .titulo a:link, #item .titulo a:visited { color:#1DB2EC; font-size:19px; text-decoration:none; padding:0 0 2px 0; line-height:18px; font-weight:bold; /*text-transform:lowercase;*/ } #item .titulo a:hover { color:#FF3399;} #item .img { width:120px; float:left; height:70px; overflow:hidden; margin:0 1px 0 0; border-bottom:4px solid #1DB2EC;} #item .img img { width:120px; padding:0px; } #item .textoholder { float:left; width:150px; padding:4px; } #item .moreinfo { clear:both; height:20px; text-align:left; /* border-top:1px dotted #eee; */} #item .moreinfo a:link, #item .moreinfo a:visited { background:#fff; color:#1DB2EC; text-decoration:none; padding:1px 12px 0px 0; font-weight:bold;} #item .moreinfo a:hover { color:#FF3399; } #item .cat { color:#FF9900; font-size:10px; font-weight:bold; } /********************************************************** Comentarios Enviados **************************/ #Comentario { clear:both; border-bottom:2px solid #eee;} #Comentario td, #Comentario th { padding:8px 8px 20px 8px; border-top:1px dashed #eee; margin:0 0 10px 0; } #Comentario td { background:#fff; border:1px dashed #eee; border-bottom:none; color:#3366CC;} #sidenews { border-left:1px solid #ddd; background:#eee; height:500px; width:200px;} #sidenews li { padding:10px 0;} table td { border-bottom:1px solid #eee; padding:14px;} .floatLeft { float:left; margin:0 20px 20px 0;} table#brands { margin:10px 0;} table#brands td h2 { padding:0 0 0px 0; margin:0;} #results { font-size:90%; clear:both;} #results table { width:100%; padding:0; margin:0;} #results th { padding:6px; text-align:left; font-weight:normal; background-color:#eee; text-transform:uppercase; color:#000; font-weight:bold; } #results td { padding:5px 6px 12px 6px; border-bottom:2px solid #eee; text-align:left; font-weight:normal; } .normal { background-color:#fff; } .over { background-color:#eee; color:#000; } .brandcolor { color:#666666;} /* PAGINACION */ #paginacion { clear:both; padding:4px 0; margin:5px 0;} #paginacion #info { float:left; padding:0 20 0 0; width:40%; height:30px;} #paginacion #nav { float:right; padding:0 20 0 0; width:40%; text-align:left; height:30px;} #paginacion #paginas { clear:both; padding:4px 0; margin:4px 0;} .num { margin:0 6px 20px 6px; float:left; background:#fff; } .num a:link, .num a:visited { text-decoration:none; color:#333; border:1px solid #ddd; padding:4px 6px; background:#fff;} .num a:hover { background:#FF9900;} .Over { margin:0 6px 20px 6px; float:left; background:#FA0000; } .Over a:link, .Over a:visited { text-decoration:none; color:#fff; border:1px solid #ddd; padding:4px 6px; background:#CB3D4C; } #nav a { border:1px solid #eee; padding:6px 10px;} #results .marca { clear:both; padding:6px 0 6px 0; margin:5px 0;} #results h2 { border-bottom:2px solid #ddd;} #results .marca .item { padding:6px; border-top:1px solid #eee; border-left:1px solid #eee; } #results .marca table td { border:none; } /******************* Pie de página *******************************************/ #pie { background:#ECE9D8 url(../images/bgpie.jpg) repeat-x bottom left; width:960px; height:90px; color:#F0F0F0; margin:0 auto; clear:both;} #pie a:link, #pie a:visited { color:#ddd;} .itemA { float:left; width:374px;} .itemB { float:left; width:259px;} .itemC { float:right; width:280px;}