/* CSS Document */ /*------- // global reset //-----*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style-type: none; } .parrafo ol, .parrafo ul { list-style-type: disc; margin-left:20px;padding-bottom:15px;} .parrafo ol, .parrafo ul li ul {padding-bottom:0px;} .parrafo ul {font-size:120%;} .parrafo ul li ul {font-size:100%;} blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } acronym { cursor: help; } /*------- // general //-----*/ html { font-size: 100.01%; } body { font-size: 62.5%; line-height:1.2em; } input, select, textarea { font-size: 100%; } input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; } .submit { cursor/**/: /**/pointer; } select > option { padding: 0 5px 0 3px; } .ul, .ol { margin: 0 0 1em 2em; } .ul li, .ol li { margin: .2em 0; padding: 0; } .flR { float: right; } .flL { float: left; } .alR { text-align: right; } .alC { text-align: center; } .vlT {vertical-align:top;} .vlB {vertical-align:bottom;} .hide { display: none; } .clear { clear: both; height:1px; line-height:1px; } .ir { position: relative; overflow: hidden; } .ir span { position: absolute; width: 100%; height: 100%; left: 10px; top: -4px; text-indent: -1000em; } a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; } a:link:hover, a:visited:hover { text-decoration: underline; } a.inv:link, a.inv:visited { text-decoration: underline; } a.inv:link:hover, a.inv:visited:hover { text-decoration: none; } .cols { overflow: hidden; margin: 0; } .cols .col { float: left; width: 50%; } #page .cols .last { margin-right: 0; } .clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*------- // Globals //-----*/ body{ font-family:Arial, Helvetica, sans-serif; color:#8c8c8c; background-color:#333131;} /*---------- Page Layout ---------*/ /*---------- Wrapper ---------*/ div.wrapper{width:968px; margin:0 auto;} /*---------- Container ---------*/ div#container{background-color:#FFF;} /*---------- Header ---------*/ div#header{ background:url(../images/header/header_bg.jpg) left top repeat-x; height:144px;} /*---------- Navigation ---------*/ div#navigation{ height:31px; background-color:#333131; border-bottom:1px solid #7F7F7F; border-top:1px solid #7F7F7F;} /*---------- Sidebar ---------*/ div#sidebar{width:325px;} /*---------- Main ---------*/ div#main{width:621px; padding:0px 0px 20px 0px;;} /*---------- Footer ---------*/ div#footer{background-color:#333131; padding:10px;} /*---------- Common Page Content ---------*/ h1{font-size:340%; color:#858585; font-weight:normal; line-height:1.2em;} h1 span, h2 span { color:#CE0466;} h2{font-size:180%; color:#7a7a7a; font-weight:normal; line-height:1.2em;} h2 span{color:#fff;} p{ line-height:1.2em; font-size:120%;} span{ color:#D20066;} /*---------- Header ---------*/ div#header div.logo{padding:10px 0px 0px 145px ;} div#header div.logo h1 a{ background:url(../images/header/logo_sentidocomun_trans.gif) center top no-repeat; height:94px; width:660px; display:block;} /*---------- Navigation ---------*/ div#navigation ul{width:100%; overflow:hidden; margin-left:25px;} div#navigation ul li{ float:left; padding-right:21px; color:#B0B0B0; line-height:31px; font-size:150%;} div#navigation ul li.pipe { font-size:200%; line-height:29px; } div#navigation ul li span{ text-decoration:none; color:#B0B0B0; padding-right:16px;} div#navigation ul li a{padding-left:16px;} div#navigation ul li.active a{background:url(../images/navigation/hover_left.jpg) left center no-repeat; height:18px; text-decoration:none; padding-left:16px;} div#navigation ul li.active a span{background:url(../images/navigation/hover_right.jpg) right center no-repeat; height:18px; color:#FFF; text-decoration:none; padding-right:16px;} div#navigation ul li a:hover{background:url(../images/navigation/hover_left.jpg) left center no-repeat; height:18px; text-decoration:none; padding-left:16px;} div#navigation ul li a:hover span{background:url(../images/navigation/hover_right.jpg) right center no-repeat; height:18px; color:#FFF; text-decoration:none; padding-right:16px;} /*---------- Footer ---------*/ div#footer p{ margin:15px 0px 0px 24px;} div#footer a{ color:#FFFFFF; font-size:100%; font-weight:normal; line-height:1.2em;} div#footer div.logo h1 a{ display:block; background:url(../images/footer/logo.jpg) left top no-repeat; width:258px; height:40px; margin-right:25px;} /*------------Page Wise Content ------------*/ /*-----------Index Page Content ----------*/ /*---------- Content ---------*/ div#content div.wrapper{ background: #fff url(../images/content/content_bg.jpg) right top repeat-y; padding:35px 0px 0px 0px;} /*---------- Main ---------*/ div#main div.parrafo{ font-size:120%; color:#858585; font-weight:normal; line-height:1.2em;} div#main div.parrafo a{ color:#CE0466; text-decoration:none; font-weight:normal; line-height:1.2em;} div#main div.parrafo li{ list-style-type: disc; list-style-image:none ;text-decoration:none; font-weight:normal; line-height:1.5em;} div#main div.parrafo img{ border:thin; border:#858585; border-spacing:2px;} div#main img.left{padding-bottom:23px;} div#main img.right{padding-bottom:20px; margin-left:25px;} div#main p.eco{padding-right:45px; color:#666; line-height:1.2em;} div#main div.instructions {padding:20px 0px 0px 25px; margin-bottom:54px; width:596px; overflow:hidden;} div#main div.instructions div.left { width:240px; border-right:1px solid #ccc; padding:10px 0px;} div#main div.instructions div.left p{ font-size:130%; color:#000; font-weight:bold; font-style:italic;} div#main div.instructions div.right{ width:327px; padding:10px 0px;} div#main div.instructions div.right p{ color:#707070; font-size:130%; font-style:italic;} div#main div.heading{ float:left; margin-bottom:20px;} div#main div.clients{margin:0px 0px 15px 20px;;} div#main div.clients img{ margin:0px 28px 6px 0px;} div#main div.clients p{text-decoration:underline;} div#main div.clients a{color:#494747; font-size:100%; font-weight:normal; line-height:1.2em;} div#main div.box_middle div.box_top div.box_bottom h1{ color:#494747; font-size:130%; font-weight:normal; line-height:1.2em;} div#main div.box_middle div.box_top div.box_bottom h1 a{ color:#494747; font-size:130%; font-weight:normal; line-height:1.2em;} div#main div.box_middle div.box_top div.box_bottom span{ color:#d30066; font-size:100%; line-height:1.6em; } div#main div.heading div.heading_middle{ background:url(../images/content/heading_box-middle.jpg) left top repeat-x; float:left;} div#main div.heading div.heading_middle div.heading_left{background:url(../images/content/heading_box_left.jpg) left top no-repeat; float:left;} div#main div.heading div.heading_middle div.heading_left div.heading_right{background:url(../images/content/heading_box_right.jpg) right top no-repeat; height:29px; padding:3px 12px 0px 12px; float:left;} div#main div.boxes{ margin-bottom:52px;} div#main div.box{width:600px; clear:left; padding-left:13px;} div#main div.box_middle{background:url(../images/content/box_middle.jpg) left top repeat-y; overflow:hidden; width:100%; } div#main div.box_middle div.box_top{background:url(../images/content/box_top.jpg) left top no-repeat;} div#main div.box_middle div.box_top div.box_bottom{background:url(../images/content/box_bottom.jpg) left bottom no-repeat; padding:16px 15px 30px 20px; width:565px; overflow:hidden;} div#main div.box_middle div.box_top div.box_bottom div.visitor{width:234px; float:left;} div#main div.box_middle div.box_top div.box_bottom div.visitor img.photo{float:left; width:82px; margin-right:10px;} div#main div.box_middle div.box_top div.box_bottom div.visitor div.description{ margin-left:83px;} div#main div.box_middle div.box_top div.box_bottom div.visitor div.description h1{font-size:130%; color:#000; margin-top:9px; font-weight:bold;} div#main div.box_middle div.box_top div.box_bottom div.visitor div.description span{ font-size:120%; line-height:1.3em;} div#main div.box_middle div.box_top div.box_bottom div.visitor div.description p{ font-size:110%; color:#999;} div#main div.box_middle div.box_top div.box_bottom div.comment_box{float:right; width:330px;} div#main div.box_middle div.box_top div.box_bottom div.comment_box_middle{ background:url(../images/content/comment_box_middle.jpg) right top repeat-y;} div#main div.box_middle div.box_top div.box_bottom div.comment_box_middle div.comment_box_top{background:url(../images/content/comment_box_top.jpg) right top no-repeat;} div#main div.box_middle div.box_top div.box_bottom div.comment_box_middle div.comment_box_top div.comment_box_bottom{background:url(../images/content/comment_box_bottom.jpg) left bottom no-repeat; padding:15px 20px 5px 30px; overflow:hidden; width:280px; } div#main div.box_middle div.box_top div.box_bottom div.comment_box_middle div.comment_box_top div.comment_box_bottom h1{ font-size:160%; font-weight:bold; color:#797777; margin-bottom:5px;} div#main div.box_middle div.box_top div.box_bottom div.comment_box_middle div.comment_box_top div.comment_box_bottom a{color:#797777; text-decoration:none;} div#main div.box_middle div.box_top div.box_bottom div.comment_box_middle div.comment_box_top div.comment_box_bottom a:hover{color:#797777; text-decoration:none;} div#main div.box_middle div.box_top div.box_bottom div.comment_box_middle div.comment_box_top div.comment_box_bottom p{ color:#8c8c8c; margin-bottom:10px; line-height:1em;} div#main div.box_middle div.box_top div.box_bottom div.comment_box_middle div.comment_box_top div.comment_box_bottom p.postmetadata{ color:#797777;} div#main div.box_middle div.box_top div.box_bottom p a.visitor{background:url(../images/content/button_visitor.gif) left top no-repeat; width:76px; height:20px; display:block; margin-right:20px; vertical-align:top;} div#main div.box_middle div.box_top div.box_bottom p a.canel{background:url(../images/content/button_ver_canal.gif) left top no-repeat; width:76px; height:20px; display:block; margin-right:20px; vertical-align:top;} div#main div.box_middle div.box_top div.box_bottom div.inner_box_top_left{background:#FFF url(../images/content/inner_box_top_left.gif) left top no-repeat;} div#main div.box_middle div.box_top div.box_bottom div.inner_box_top_left div.inner_box_top_right{background:url(../images/content/inner_box_top_right.gif) right top no-repeat; height:12px;} div#main div.box_middle div.box_top div.box_bottom div.inner_box_middle{background-color:#FFF; padding:0px 10px 0px 10px;} div#main div.box_middle div.box_top div.box_bottom div.inner_box_middle h1{margin-bottom:5px;} div#main div.box_middle div.box_top div.box_bottom div.inner_box_middle h1 a{color:#797777; text-decoration:none;} div#main div.box_middle div.box_top div.box_bottom div.inner_box_middle h1 a:hover{color:#797777; text-decoration:none;} div#main div.box_middle div.box_top div.box_bottom div.inner_box_bottom_left{background:#FFF url(../images/content/inner_box_bottom_left.gif) left bottom no-repeat;} div#main div.box_middle div.box_top div.box_bottom div.inner_box_bottom_left div.inner_box_bottom_right{background:url(../images/content/inner_box_bottom_right.gif) right bottom no-repeat; height:12px;} /*---------- Sidebar ---------*/ div#sidebar div.heading{margin-top:7px; width:100%; overflow:hidden;} div#sidebar div.heading div.heading_middle{ background:url(../images/content/heading_box-middle.jpg) left top repeat-x; float:left;} div#sidebar div.heading div.heading_middle div.heading_right{background:url(../images/content/sidebar_heading_box_right.jpg) right top no-repeat; height:29px; padding:3px 30px 0px 30px; float:left;} div#sidebar h1{font-size:160%; font-weight:bold; font-style:italic; color:#707070; margin:30px 0px 18px 44px;} div#sidebar ul{ margin-left:10px; margin-bottom:87px;} div#sidebar ul li{ font-style:italic; background:url(../images/content/sing.gif) left top no-repeat;line-height:12px; padding-left:25px; padding-bottom:14px; font-size:130%;} div#sidebar div.tag_clouds{ background:url(../images/content/cloud.png) left top no-repeat; width:283px; height:253px; margin:45px 0px 0px 0px; padding:5px 0px 10px 30px;} div#sidebar div.tag_clouds a{ color:#333131;} div#sidebar div.tag_clouds a:hover{ text-decoration:underline;} div#sidebar div.tag_clouds a.tag-link-6{ color:#333131;} div#sidebar div.tag_clouds a.tag-link-7{ color:#D41F79;} div#sidebar div.tag_clouds a.tag-link-8{ color:#999;} div#sidebar div.tag_clouds a.tag-link-9{ color:#D41F79;} div#sidebar div.tag_clouds a.tag-link-10{ color:#333131;} div#sidebar div.tag_clouds a.tag-link-11{ color:#333131;} div#sidebar div.tag_clouds a.tag-link-12{ color:#999;} div#sidebar div.tag_clouds a.tag-link-13{ color:#333131;} div#sidebar div.tag_clouds a.tag-link-14{ color:#999;} div#sidebar div.tag_clouds a.tag-link-15{ color:#333131;} div#sidebar div.tag_clouds a.tag-link-16{ color:#333131;} div#sidebar div.tag_clouds span.span1{ font-size:230%; color:#D41F79; line-height:1.2em;} div#sidebar div.tag_clouds span.span1 a{ color:#D41F79;} div#sidebar div.tag_clouds span.span1 a:hover{ text-decoration:none;} div#sidebar div.tag_clouds span.span2{ font-size:160%; color:#333131; margin-left:77px; line-height:1.2em;} div#sidebar div.tag_clouds span.span2 a{ color:#333131;} div#sidebar div.tag_clouds span.span2 a:hover{ text-decoration:none;} div#sidebar div.tag_clouds span.span3{ font-size:180%; color:#999; line-height:1.2em;} div#sidebar div.tag_clouds span.span3 a{ color:#999;} div#sidebar div.tag_clouds span.span3 a:hover{ text-decoration:none;} div#sidebar div.tag_clouds span.span4{ font-size:180%; color:#333131; margin-left:20px; line-height:1.4em;} div#sidebar div.tag_clouds span.span4 a{ color:#333131;} div#sidebar div.tag_clouds span.span4 a:hover{ text-decoration:none;} div#sidebar div.tag_clouds span.span5{ font-size:220%; color:#D41F79; line-height:1.2em; } div#sidebar div.tag_clouds span.span5 a{ color:#D41F79;} div#sidebar div.tag_clouds span.span5 a:hover{ text-decoration:none;} div#sidebar div.tag_clouds span.span6{ font-size:250%; color:#999; margin-left:15px; line-height:1.2em;} div#sidebar div.tag_clouds span.span6 a{ color:#999;} div#sidebar div.tag_clouds span.span6 a:hover{ text-decoration:none;} div#sidebar div.tag_clouds span.span7{ font-size:270%; color:#333131; line-height:1.2em; margin-left:70px;} div#sidebar div.tag_clouds span.span7 a{ color:#333131;} div#sidebar div.tag_clouds span.span7 a:hover{ text-decoration:none;} .parrafo p {padding-bottom:10px;} div#main div.box_middle div.box_top div.box_bottom div.comment_box_middle div.comment_box_top div.comment_box_bottom h1.twit{font-size:1.2em;} img.alignleft{float:left;padding-right:10px;} img.alignright{float:right;padding-left:10px;}