/* ::::: http://www.luisportafolio.com ::::: */
body {
background-color: #3b3b3b;
margin: 0px;
padding:0px;
}
hr {
width:590px;
border: 1px #206dd8 solid;
}
div, h2, p, ul, li, h1, h3 {
margin:0px;
padding:0px;
}
ul {
list-style:none;
margin:0px;
padding:0px;
}
@font-face {
font-family: 'BebasNeueRegular';
src: url('data_fontface/bebas_neue/BebasNeue-webfont.eot');
src: url('data_fontface/bebas_neue/BebasNeue-webfont.eot?iefix') format('eot'),
         url('data_fontface/bebas_neue/BebasNeue-webfont.woff') format('woff'),
         url('data_fontface/bebas_neue/BebasNeue-webfont.ttf') format('truetype'),
         url('data_fontface/bebas_neue/BebasNeue-webfont.svg#webfontj1CI1MAi') format('svg');
}
/* ::::: ID HEADERS ::::: */
#body_header {
height:120px;
margin: 0px;
padding:0px;
background-color: #232323;
min-width: 996px;
}
#header {
width:960px;
height:120px;
margin: 0px auto 0px auto;
background-color: #232323;
}
/* ::::: ID HEADERS/ NAV ::::: */
#nav {
min-width: 996px;
height:38px;
margin: 0px auto 0px auto;
padding:0px;
background-image: url(image/bg_topnav.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
}
#topnav {
width:960px;
height:38px;
margin: 0px auto 0px auto;
}
#topnav ul {
width:670px;
margin: 0px;
}
#topnav ul li {
float:left;
}
#topnav ul li a {
width:110px;
height:38px;
text-align: center;
display:block;
text-decoration:none;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color: #4d4d4d;
font-weight: bold;
line-height: 33px;
}
#topnav ul li a:hover {
color: #fafafa;
background-image: url(image/nav_link_hover.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
/* ::::: ID BODY ::::: */
#body {
width:996px;
margin: 0px auto 0px auto;
position: relative;
}
/* ::::: ID BODY/COLUMN_LEFT ::::: */
#body div.column_left {
float:left;
width:688px;
height:100%;
background-image: url(image/body_bg_corner_left.jpg);
background-repeat: repeat-y;
background-position: left top;
margin:0px;
position: relative;
}
#body div.column_left div#head_session {
width:630px;
height:52px;
margin: 20px 20px 2px 38px;
}
#body div.column_left div.post {
width:630px;
margin: 0px 20px 10px 38px;
padding: 0px;
background-color: #FAFAFA;
}
#body div.column_left div.advertising_banner {
width:468px;
text-align:center;
margin: 0px 20px 10px 38px;
padding: 0px 81px 0px 81px;
background-color: #4f4f4f;
}
#body div.column_left div.advertising_banner a {
text-decoration: none;
color: #4f4f4f;
border: none;
}
#body div.column_left div.advertising_bannerdpfree {
width:468px;
height:190px;
margin: 0px 20px 10px 38px;
padding: 0px 81px 0px 81px;
background-color: #4f4f4f;
background-image: url(advertising/campaign_dpfree7days/depositphotos468x190.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#body div.column_left div.advertising_bannerdpfree ul {
width:468px;
}
#body div.column_left div.advertising_bannerdpfree ul li {
float:left;
}
#body div.column_left div.advertising_bannerdpfree ul li a {
width:110px;
height:110px;
display:block;
margin: 36px 12px 43px 9px;
}
#body div.column_left div.advertising_bannerdpfree ul li a:hover {
width:110px;
height:110px;
display:block;
margin: 34px 10px 41px 7px;
border: 2px #cc0066 solid;
}
#body div.column_right div.sidebar_advertisingdpfree234 {
width:234px;
height:200px;
margin: 15px 44px 15px 28px;
background-color: #4f4f4f;
background-image: url(advertising/campaign_dpfree7days/depositphotos234x200.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#body div.column_right div.sidebar_advertisingdpfree234 ul {
width:234px;
}
#body div.column_right div.sidebar_advertisingdpfree234 ul li {
float:left;
}
#body div.column_right div.sidebar_advertisingdpfree234 ul li a {
width:110px;
height:110px;
display:block;
margin: 43px 0px 47px 11px;
}
#body div.column_right div.sidebar_advertisingdpfree234 ul li a:hover {
width:110px;
height:110px;
display:block;
margin: 41px 0px 45px 9px;
border: 2px #cc0066 solid;
}
#body div.column_right div.sidebar_advertisingdpfree160 {
width:160px;
height:600px;
margin: 15px 81px 15px 65px;
background-color: #4f4f4f;
background-image: url(advertising/campaign_dpfree7days/depositphotos160x600.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#body div.column_right div.sidebar_advertisingdpfree160 ul {
width:160px;
}
#body div.column_right div.sidebar_advertisingdpfree160 ul li {
float:left;
}
#body div.column_right div.sidebar_advertisingdpfree160 ul li.first a {
width:110px;
height:110px;
display:block;
margin: 175px 25px 3px 24px;
}
#body div.column_right div.sidebar_advertisingdpfree160 ul li.first a:hover {
width:110px;
height:110px;
display:block;
margin: 173px 23px 1px 22px;
border: 2px #cc0066 solid;
}
#body div.column_right div.sidebar_advertisingdpfree160 ul li a {
width:110px;
height:110px;
display:block;
margin: 10px 25px 3px 24px;
}
#body div.column_right div.sidebar_advertisingdpfree160 ul li a:hover {
width:110px;
height:110px;
display:block;
margin: 8px 23px 1px 22px;
border: 2px #cc0066 solid;
}
#body div.column_left div.post div#portafolio {
width:440px;
height:750px;
}
#body div.column_left div.post div#descargas {
width:440px;
height:400px;
}
#body div.column_left div.post div#contacto {
width:450px;
height:276px;
}
#body div.column_left div.post table {
width:610px;
margin: 10px 10px 20px 10px;
border-spacing: 0px 0px;
border: 1px #a2a2a2 solid;
}
#body div.column_left div.post table tr th.article_block {
width:290px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height:15px;
font-weight: bold;
color: #232323;
background-color: #e6e6e6;
padding: 5px 0px 5px 0px;
border-bottom: 1px #a2a2a2 solid;
}
#body div.column_left div.post table tr th.author_block, th.comments_block, th.date_block {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height:15px;
font-weight: bold;
color: #232323;
background-color: #e6e6e6;
padding: 5px 0px 5px 0px;
border-left: 1px #a2a2a2 solid;
border-bottom: 1px #a2a2a2 solid;
}
#body div.column_left div.post table tr th.article_name_block {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height:15px;
font-weight: bold;
color: #232323;
background-color: #d2d7de;
padding: 8px 5px 8px 5px;
}
#body div.column_left div.post table tr th.article_name_block a {
color: #c1272d;
text-decoration:none;
}
#body div.column_left div.post table tr th.article_name_block a:hover {
color: #1471b4;
text-decoration: underline;
}
#body div.column_left div.post table tr th.author_name_block, th.num_comments_block, th.date_name_block {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height:15px;
font-weight: bold;
color: #232323;
background-color: #d2d7de;
padding: 8px 0px 8px 0px;
border-left: 1px #a2a2a2 solid;
}
#body div.column_left div.post table tr th.num_comments_block a {
color: #c1272d;
text-decoration:none;
}
#body div.column_left div.post table tr th.num_comments_block a:hover {
color: #1471b4;
text-decoration: underline;
}
#body div.column_left div.post div.post_contact {
width:630px;
padding: 20px 0px 0px 0px;
display:block;
}
#body div.column_left div.post div.post_contact h1.ico_contact_hireme {
width:510px;
height:50px;
display:block;
margin: 0px 20px 20px 20px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #2e3192;
text-align: left;
background-image: url(image/ico_contact_hireme.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 15px 0px 0px 80px;
}
#body div.column_left div.post div.post_contact h1.ico_contact_info {
width:510px;
height:51px;
display:block;
margin: 0px 20px 20px 20px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #2e3192;
text-align: left;
background-image: url(image/ico_contact_info.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 15px 0px 0px 80px;
}
#body div.column_left div.post div.post_contact h2 {
width:590px;
display:block;
padding: 0px 0px 10px 0px;
margin: 20px 20px 20px 20px;
font-family: sans-serif;
font-size: 14px;
color: #1a1a1a;
text-align: justify;
text-indent: 10px;
border-bottom: 3px #d2d7de solid;
}
#body div.column_left div.post div.post_contact h2 a {
color: #c1272d;
text-decoration:none;
}
#body div.column_left div.post div.post_contact h2 a:hover {
color: #c1272d;
text-decoration:underline;
}
#body div.column_left div.post div.post_contact ul {
width:450px;
display:block;
margin: 0px auto 0px auto;
padding: 8px 0px 8px 0px;
}
#body div.column_left div.post div.post_contact ul li.yes {
height:20px;
margin: 7px 0px 7px 0px;
padding: 4px 0px 0px 30px;
background-image: url(image/ico_contact_li_yes.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
font-family: sans-serif;
font-size: 14px;
color: #1a1a1a;
text-align: left;
display:block;
}
#body div.column_left div.post div.post_contact ul li.face_happy {
height:20px;
margin: 7px 0px 7px 0px;
padding: 4px 0px 0px 30px;
background-image: url(image/ico_contact_li_happy.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
font-family: sans-serif;
font-size: 14px;
color: #1a1a1a;
text-align: left;
display:block;
}
#body div.column_left div.post div.post_contact ul li.face_wrong {
height:20px;
margin: 7px 0px 7px 0px;
padding: 4px 0px 0px 30px;
background-image: url(image/ico_contact_li_wrong.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
font-family: sans-serif;
font-size: 14px;
color: #1a1a1a;
text-align: left;
display:block;
}
#body div.column_left div.post div.title {
width:630px;
padding: 20px 0px 20px 0px;
display:block;
background-image: url(image/bg_post_title.gif);
background-repeat: repeat-y;
background-position: 0px 0px;
}
#body div.column_left div.post div.title h3 {
width:610px;
display:block;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
line-height:15px;
font-weight: bold;
color: #d0d1d3;
margin: 0px 10px 0px 10px;
}
#body div.column_left div.post div.title h3 span {
color: #f2f4f5;
}
#body div.column_left div.post div.title h3 a {
color: #c1272d;
text-decoration: none;
}
#body div.column_left div.post div.title h3 a:hover {
color: #c1272d;
text-decoration: underline;
}
#body div.column_left div.post div.title h1 {
width:610px;
display:block;
margin: 0px 10px 10px 10px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
color: #ffffff;
padding: 0px;
text-align: left;
}
#body div.column_left div.post div.title h1 a {
color: #ffffff;
text-decoration: none;
}
#body div.column_left div.post div.title h1 a:hover {
color: #ffffff;
text-decoration: underline;
}
#body div.column_left div.post img.luis {
float:left;
display:block;
padding: 20px 10px 50px 20px;
}
#body div.column_left div.post p.share {
width:590px;
display:block;
margin: 14px 20px 14px 20px;
font-family: sans-serif;
font-size: 13px;
color: #1a1a1a;
position: static;
text-align: justify;
text-indent: 10px;
letter-spacing: .5px;
word-spacing: 2px;
}
#body div.column_left div.post h2.share {
display:block;
padding: 20px 0px 0px 0px;
margin: 0px 20px 10px 20px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #2e3192;
text-align: left;
}
#body div.column_left div.post p.short {
text-align: left;
text-indent: 0px;
}
#body div.column_left div.post p {
width:590px;
display:block;
margin: 14px 20px 14px 20px;
font-family: sans-serif;
font-size: 14px;
color: #1a1a1a;
position: static;
text-align: justify;
text-indent: 10px;
letter-spacing: 1px;
word-spacing: 2px;
}
#body div.column_left div.post p a {
color: #c1272d;
text-decoration:none;
font-weight: bold;
}
#body div.column_left div.post p a:hover {
text-decoration: underline;
}
#body div.column_left div.post p strong {
color: #333333;
font-weight: bold;
}
#body div.column_left div.post p span.gray {
color: #7a7525;
font-weight: bold;
}
#body div.column_left div.post p span.blue {
color: #03F ;
font-weight: bold;
}
#body div.column_left div.post li span.blue {
color: #03F ;
font-weight: bold;
}
#body div.column_left div.post img.post_img_inside {
display:block;
border: none;
margin: 0px auto 0px auto;
}
#body div.column_left div.post h2.bebas {
display:block;
padding: 10px 0px 0px 0px;
margin: 0px 20px 10px 20px;
font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
color: #2e3192;
text-align: left;
letter-spacing: 3px;
word-spacing: 3px;
}
#body div.column_left div.post h2 {
display:block;
padding: 10px 0px 0px 0px;
margin: 0px 20px 10px 20px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #2e3192;
text-align: left;
}
#body div.column_left div.post h4 {
display:block;
padding: 20px 0px 20px 40px;
margin: 0px 20px 0px 20px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #990000;
text-align: left;
text-transform: uppercase;
background-image: url(image/warning.png);
background-repeat: no-repeat;
background-position: 0px 20px;
line-height: 30px;
}
#body div.column_left div.post h5 {
display:block;
padding: 20px 0px 20px 40px;
margin: 0px 20px 0px 20px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #339900;
text-align: left;
text-transform: uppercase;
background-image: url(image/bg_great.png);
background-repeat: no-repeat;
background-position: 0px 20px;
line-height: 30px;
}
#body div.column_left div.post div.img_post {
width:610px;
margin: 20px 10px 20px 10px;
text-align: center;
}
#body div.column_left div.post div.img_post_blue {
width:610px;
margin: 20px 10px 20px 10px;
padding: 10px 0px 10px 0px;
background-color: #ecf2f2;
text-align: center;
}
#body div.column_left div.post div.img_post_captify {
width:590px;
margin: 20px 20px 20px 20px;
text-align: center;
}
#body div.column_left div.post img.img_border_blue {
border: none;
padding:10px 10px 10px 10px;
background-color: #f3feff;
}
#body div.column_left div.post img.img_border {
border: none;
}
#body div.column_left div.post h6.keep_read {
width:112px;
height:24px;
display:block;
margin: 20px 20px 10px 20px;
background:url(image/bg_keep_read.gif) 0 0 repeat-x;
padding: 0px 0px 10px 478px;
}
#body div.column_left div.post h6.keep_read a {
display:block;
width:112px;
height:14px;
background-color: #0071bc;
color: #ffffff;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
text-align: left;
line-height: 14px;
text-indent: 5px;
font-weight: bold;
}
#body div.column_left div.post h6.keep_read a:hover {
background-color: #1c3a74;
text-indent: 17px;
}
#body div.column_left div.post p q {
font-weight: bold;
font-style: italic;
}
#body div.column_left div.post blockquote {
width:330px;
display:block;
padding: 10px 20px 10px 20px;
margin: 20px 130px 20px 130px;
font-family: cursive;
font-size: 14px;
color: #4c66a4;
text-align: center;
letter-spacing: 1px;
word-spacing: 2px;
background-image: url(image/bg_blockquote.jpg);
background-repeat: repeat;
background-position: 0px 0px;
font-weight: bold;
border-top: 3px #000000 solid;
}
#body div.column_left div.post div.temas_relacionados {
width:630px;
padding:5px 0px 20px 0px;
background-image: url(image/bg_temas_relacionados.jpg);
background-repeat: repeat-x;
background-position: 0px 0px;
background-color: #BCC4CE;
}
#body div.column_left div.post div.temas_relacionados ul.related_topics {
width:630px;
height:250px;
display: block;
}
#body div.column_left div.post div.temas_relacionados ul.related_topics li {
width:125px;
height:230px;
margin: 5px 5px 5px 5px;
padding: 5px 10px 5px 10px;
display: block;
float: left;
}
#body div.column_left div.post div.temas_relacionados ul.related_topics li img {
border: 4px #1a3f57 solid;
}
#body div.column_left div.post div.temas_relacionados ul.related_topics li a {
margin: 5px 0px 5px 0px;
display: block;
color: #c1272d;
text-decoration:none;
font-weight: bold;
line-height: 12px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
}
#body div.column_left div.post div.temas_relacionados ul.related_topics li a:hover {
text-decoration: underline;
}
#body div.column_left div.post ul.checkbox {
margin: 10px 20px 10px 20px;
padding-left: 20px;
list-style: none;
}
#body div.column_left div.post ul.checkbox li {
margin: 5px 0px 5px 0px;
padding-left: 35px;
font-weight: normal;
line-height: 30px;
font-family: sans-serif;
font-size: 14px;
color: #1a1a1a;
display:block;
letter-spacing: 1px;
word-spacing: 2px;
text-align: justify;
background: url(image/list_checkbox.png) 0 0 no-repeat;
}
#body div.column_left div.post ul.checkbox li strong {
color: #333333;
font-weight: bold;
}
#body div.column_left div.post ul.checkbox li a {
color: #c1272d;
text-decoration:none;
font-weight: bold;
}
#body div.column_left div.post ul.checkbox li a:hover {
text-decoration: underline;
}
#body div.column_left div.post ul.asterisk {
margin: 10px 20px 10px 20px;
padding-left: 20px;
list-style: none;
}
#body div.column_left div.post ul.asterisk li {
margin: 5px 0px 5px 0px;
padding-left: 17px;
font-weight: normal;
line-height: 20px;
font-family: sans-serif;
font-size: 14px;
color: #1a1a1a;
background: url(image/asterisco.png) no-repeat 0px 8px;
display:block;
text-align: justify;
letter-spacing: 1px;
word-spacing: 2px;
}
#body div.column_left div.post ul.asterisk li strong {
color: #333333;
font-weight: bold;
}
#body div.column_left div.post ul.asterisk li a {
color: #c1272d;
text-decoration:none;
font-weight: bold;
}
#body div.column_left div.post ul.asterisk li a:hover {
text-decoration: underline;
}
/* ::::: ID BODY/COLUMN_LEFT/NAVIGATION ::::: */
#body div.column_left div.navigation {
width:630px;
height:50px;
display:block;
margin: 30px 20px 40px 38px;
background-color: #3b3b3b;
}
#body div.column_left div.navigation a.anterior {
width:120px;
height:27px;
padding: 17px 5px 5px 55px;
float:left;
display:block;
text-decoration:none;
background-image: url(image/prev_a.jpg);
background-repeat: repeat-y;
background-position: left 0px;
text-align:left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}
#body div.column_left div.navigation a.anterior:hover {
text-decoration:none;
background-image: url(image/prev_hover.jpg);
background-repeat: repeat-y;
background-position: left 0px;
color: #333333;
}
#body div.column_left div.navigation a.posterior {
width:120px;
height:27px;
padding: 17px 55px 5px 5px;
float:right;
display:block;
text-decoration:none;
background-image: url(image/next_a.jpg);
background-repeat: repeat-y;
background-position: right 0px;
text-align:right;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}
#body div.column_left div.navigation a.posterior:hover {
text-decoration:none;
background-image: url(image/next_hover.jpg);
background-repeat: repeat-y;
background-position: right 0px;
color: #333333;
}
#body div.column_left div.social_links {
width:620px;
height:39px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
background-image: url(image/bg_social_links.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#body div.column_left div.social_links ul {
width: 590px;
height:39px;
}
#body div.column_left div.social_links ul li.social_comment {
float: left;
height:26px;
margin: 7px 20px 6px 0px;
background-image: url(image/ico_comment.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#body div.column_left div.social_links ul li.social_print {
float: left;
height:26px;
margin: 7px 20px 6px 0px;
background-image: url(image/ico_print.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#body div.column_left div.social_links ul li.social_share {
float: left;
height:26px;
margin: 7px 8px 6px 0px;
}
#body div.column_left div.social_links ul li.social_share label {
font-weight: bold;
text-align: left;
font-size: 12px;
font-family: Arial;
display: block;
color: #4d4d4d;
margin: 0px 0px 0px 30px;
line-height: 26px;
letter-spacing: .5px;
}
#body div.column_left div.social_links ul li.social_comment a, ul li.social_print a {
text-decoration: none;
font-weight: bold;
text-align: left;
font-size: 12px;
font-family: Arial;
display: block;
color: #4d4d4d;
margin: 0px 0px 0px 30px;
line-height: 26px;
letter-spacing: .5px;
}
#body div.column_left div.social_links ul li.social_comment a span {
color: #c1272d;
}
#body div.column_left div.social_links ul li.social_comment a:hover,ul li.social_print a:hover {
text-decoration: underline;
}
#body div.column_left div.social_links ul li.ico_facebook, ul li.ico_delicious, ul li.ico_twitter, ul li.ico_tuenti, ul li.ico_espacio, ul li.ico_plusone, ul li.ico_bitacoras, ul li.ico_plus {
float: left;
margin: 7px 7px 6px 0px;
}
#body div.column_left div.social_links ul li.ico_facebook a {
height:26px;
width:26px;
background-image: url(image/ico_facebook.png);
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
margin: 0px 0px 0px 0px;
cursor: pointer;
}
#body div.column_left div.social_links ul li.ico_delicious a {
height:26px;
width:26px;
background-image: url(image/ico_delicious.png);
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
margin: 0px 0px 0px 0px;
cursor: pointer;
}
#body div.column_left div.social_links ul li.ico_twitter a {
height:26px;
width:26px;
background-image: url(image/ico_twitter.png);
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
margin: 0px 0px 0px 0px;
cursor: pointer;
}
#body div.column_left div.social_links ul li.ico_tuenti a {
height:26px;
width:26px;
background-image: url(image/ico_tuenti.png);
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
margin: 0px 0px 0px 0px;
cursor: pointer;
}
#body div.column_left div.social_links ul li.ico_plus a {
height:26px;
width:26px;
background-image: url(image/ico_plus.png);
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
margin: 0px 0px 0px 0px;
cursor: pointer;
}
#body div.column_left div.social_links ul li.ico_bitacoras a img {
display: block;
padding: 3px 0px 0px 0px;
cursor: pointer;
}
#body div.column_left div.social_links ul li.ico_plusone a {
width:70px;
height:24px;
display: block;
padding: 0px;
margin:0px;
cursor: pointer;
}
/* ::::: ID BODY/COLUMN_LEFT/COMMENTS_CONTAINER ::::: */
#body div.column_left div.comments_container {
width:630px;
margin: 0px 20px 10px 38px;
background-color: #1c1c1c;
}
#body div.column_left div.comments_container h1 {
width:610px;
height:40px;
display:block;
margin: 10px 10px 10px 10px;
padding: 10px 0px 10px 0px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 22px;
line-height:40px;
font-weight: bold;
color: #b2b2b2;
text-align: left;
border-bottom: 3px #333333 solid;
}
#body div.column_left div.comments_container div.comment_metadata {
padding: 10px 10px;
border-bottom: 5px #d2d7de solid;
}
#body div.column_left div.comments_container div.comment_metadata p {
display:block;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
line-height:16px;
font-weight: bold;
color: #e6e6e6;
background-color: #333333;
margin: 10px 0px 30px 0px;
padding: 15px 10px 15px 30px;
background-image: url(image/bg_boxcomments.jpg);
background-repeat: repeat-y;
background-position: 0px 0px;
}
#body div.column_left div.comments_container div.comment_metadata p img {
width:570px;
height:55px;
margin: 0px 0px 10px 0px;
}
#body div.column_left div.comments_container div.comment_metadata p span.red {
color: #f33d55;
}
#body div.column_left div.comments_container div.comment_metadata p a {
color: #0071bc;
text-decoration:none;
}
#body div.column_left div.comments_container div.comment_metadata p a:hover {
color: #0071bc;
text-decoration:underline;
}
#body div.column_left div.comments_container div.comment_metadata h4 {
display:block;
padding: 20px 0px 20px 40px;
margin: 0px 20px 0px 20px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #ffff00;
text-align: left;
text-transform: uppercase;
background-image: url(image/warning.png);
background-repeat: no-repeat;
background-position: 0px 20px;
line-height: 30px;
}
#body div.column_left div.comments_container div.comment_metadata h3 {
width:610px;
display:block;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
line-height:13px;
font-weight: bold;
color: #ffffff;
}
#body div.column_left div.comments_container div.comment_metadata h3 span.blue {
color: #0071bc;
}
#body div.column_left div.comments_container div.comment_metadata h3 span.await {
color: #c1272d;
}
#body div.column_left div.comments_container div.comment_metadata h3 a {
color: #0071bc;
text-decoration: none;
}
#body div.column_left div.comments_container div.comment_metadata h3 a:hover {
color: #0071bc;
text-decoration: underline;
}
#body div.column_left div.comments_container div.form_div {
width:610px;
padding: 0px 10px 10px 10px;
display:block;
}
#body div.column_left div.comments_container div.form_div form#form_comments {
width:540px;
margin:0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
margin-top: 0px;
}
#body div.column_left div.comments_container div.form_div form#form_comments h4 {
font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #c1272d;
margin: 10px 0px 10px 0px;
display:block;
}
#body div.column_left div.comments_container div.form_div form#form_comments h4 span {
color: #e6e6e6;
}
#body div.column_left div.comments_container div.form_div form#form_comments h4 a {
color: #c1272d;
text-decoration:underline;
}
#body div.column_left div.comments_container div.form_div form#form_comments h4 a:hover {
color: #1471b4;
text-decoration:underline;
}
#body div.column_left div.comments_container div.form_div form#form_comments label {
font:normal 15px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #e6e6e6;
margin: 10px 0px 5px 0px;
display:block;
font-weight: bold;
}
#body div.column_left div.comments_container div.form_div form#form_comments label span {
color: #c1272d;
}
#body div.column_left div.comments_container div.form_div form#form_comments input {
width:540px;
height:20px;
background-color: #262627;
border:none;
font:normal 13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000000;
margin: 5px 0px 25px 0px;
}
#body div.column_left div.comments_container div.form_div form#form_comments input.gosubmit {
width:150px;
height:20px;
font:normal 13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #ffffff;
margin: 0px 0px 10px 180px;
background-color: #339966;
border: none;
}
#body div.column_left div.comments_container div.form_div form#form_comments textarea {
width:540px;
height:100px;
background-color:#262627;
border:none;
font:normal 13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000000;
margin: 5px 0px 25px 0px;
}
#body div.column_left div.comments_container div.form_div form#form_comments input:hover {
background-color: #527a82;
}
#body div.column_left div.comments_container div.form_div form#form_comments textarea:hover {
background-color: #527a82;
}
#body div.column_left div.comments_container div.form_div form#form_comments textarea:focus {
background-color: #d2d7de;
}
#body div.column_left div.comments_container div.form_div form#form_comments input:focus {
background-color: #d2d7de;
}
#body div.column_left div.comments_container div.form_div form#form_comments img.captcha {
margin: 14px 15px 14px 195px;
padding: 5px 5px 5px 5px;
width:100px;
height:30px;
background-color: #262627;
border: 1px #9e9e9e solid;
}
/* ::::: ID BODY/COLUMN_RIGHT ::::: */
#body div.column_right {
float: right;
width:308px;
position: relative;
margin:0px;
background-image: url(image/column_right_bg.gif);
background-repeat: repeat-y;
background-position: top left;
}
#body div.column_right ul.social_media {
width:238px;
height:60px;
display:block;
margin: 15px 43px 15px 27px;
background: url(image/sidebar_social_media_background.png) no-repeat 0px 0px;
}
#body div.column_right ul.social_media li.social1 {
width:40px;
height:40px;
float:left;
margin: 10px 10px 10px 25px;
}
#body div.column_right ul.social_media li.social1 a {
display:block;
width:40px;
height:40px;
background: url(image/rss.png) no-repeat 0px 0px;
}
#body div.column_right ul.social_media li.social2 {
width:40px;
height:40px;
margin: 10px 10px 10px 0px;
float:left;
}
#body div.column_right ul.social_media li.social2 a {
display:block;
width:40px;
height:40px;
background: url(image/shadowness.png) no-repeat 0px 0px;
}
#body div.column_right ul.social_media li.social3 {
width:40px;
height:40px;
margin: 10px 10px 10px 0px;
float:left;
}
#body div.column_right ul.social_media li.social3 a {
display:block;
width:40px;
height:40px;
background: url(image/facebook.png) no-repeat 0px 0px;
}
#body div.column_right ul.social_media li.social4 {
width:40px;
height:40px;
margin: 10px 10px 10px 0px;
float:left;
}
#body div.column_right ul.social_media li.social4 a {
display:block;
width:40px;
height:40px;
background: url(image/shadowness.png) no-repeat 0px 0px;
}
#body div.column_right ul.social_media li.social5 {
width:40px;
height:40px;
margin: 0px 10px 0px 0px;
float:left;
}
#body div.column_right ul.social_media li.social5 a {
display:block;
width:40px;
height:40px;
background: url(image/buzz.png) no-repeat 0px 0px;
}
#body div.column_right ul.social_media li.social6 {
width:40px;
height:40px;
margin: 10px 10px 10px 0px;
float:left;
}
#body div.column_right ul.social_media li.social6 a {
display:block;
width:40px;
height:40px;
background: url(image/twitter.png) no-repeat 0px 0px;
}
#body div.column_right div.sidebar {
width:236px;
margin: 15px 44px 15px 28px;
}
#body div.column_right div.sidebar h2.title {
width:236px;
height:30px;
margin:0px;
font: bold 12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #527a82;
background-image: url(image/sidebar_title_bg.png);
background-repeat: no-repeat;
background-position: 0px 0px;
text-align: center;
letter-spacing: 1px;
}
#body div.column_right div.sidebar h3.edge {
width:236px;
height:30px;
margin:0px;
background-image: url(image/sidebar_edge_bg.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#body div.column_right div.sidebar ul.list_cat {
width:236px;
height:100%;
margin:0px;
background-color: #212121;
}
#body div.column_right div.sidebar ul.list_cat li {
width:216px;
height:30px;
border-bottom: 1px #4d4d4d solid;
margin: 0px 10px 0px 10px;
}
#body div.column_right div.sidebar ul.list_cat li a {
width:190px;
display:block;
padding: 0px 0px 0px 26px;
font: bold 11px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #e6e6e6;
text-decoration:none;
background: url(image/sidebar_a_arrow.gif) no-repeat 0px 8px;
}
#body div.column_right div.sidebar ul.list_cat li a:hover {
color: #1471b4;
background: url(image/sidebar_ahover_arrow.gif) no-repeat 0px 8px;
text-indent: 5px;
}
#body div.column_right div.sidebar form {
width:236px;
height:30px;
margin:0px;
background-color: #212121;
}
#body div.column_right div.sidebar form select {
width:190px;
height:20px;
margin: 15px 23px 5px 23px;
background-color: #FFFFFF;
color:#1471b4;
border: none;
}
#body div.column_right div.sidebar_videos {
width:236px;
margin: 15px 44px 15px 28px;
}
#body div.column_right div.sidebar_advertising {
width: 236px;
height:100%;
margin: 15px 44px 15px 28px;
text-align:center;
}
#body div.column_right div.sidebar_advertising a {
text-decoration: none;
color: #4f4f4f;
border:none;
}
#body div.column_right div.sidebar div.wikio_news {
width: 216px;
height:100%;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
text-align: justify;
background-color: #E8F1F9;
}
#body div.column_right div.sidebar div.wikio_news_topedge {
width: 236px;
height:69px;
background-image: url(image/wikio_news_topedge.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#body div.column_right div.sidebar div.wikio_news_bottomedge {
width: 236px;
height:31px;
background-image: url(image/wikio_news_bottomedge.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#body div.column_right div.sidebar div.foroalfa_news {
width: 236px;
height:100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: justify;
background-color: #37393b;
}
#body div.column_right div.sidebar div.foroalfa_news_topedge {
width: 236px;
height:69px;
background-image: url(image/foroalfa_news_topedge.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#body div.column_right div.sidebar div.foroalfa_news_bottomedge {
width: 236px;
height:32px;
background-image: url(image/foroalfa_news_bottomedge.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#body div.column_right img.advertising_dineromail {
width:200px;
height:50px;
margin: 15px 61px 15px 47px;
border:none;
display:block;
}
#body div.column_right_topedge {
float:right;
position:relative;
width:290px;
height:30px;
margin: 20px 18px 0px 0px ;
background-image: url(image/column_right_topedge.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#body div.column_right_edge {
float:right;
position:relative;
width:290px;
height:30px;
margin: 0px 18px 0px 0px ;
background-image: url(image/column_right_edge.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
/* ::::: ID FOOTER ::::: */
#footer {
min-width: 996px;
height:189px;
margin:0px;
padding:0px;
background-color: #212121;
background-image: url(image/footer_bg.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
clear: both;
}
/* ::::: ID FOOTER/FOOTER_NAV ::::: */
#footer div.footer_nav {
width:996px;
height:70px;
margin: 0px auto 0px auto;
}
#footer div.footer_nav ul.nav2 {
width:700px;
margin: 0px auto 0px auto;
display:block;
}
#footer div.footer_nav ul.nav2 li {
float:left;
margin: 25px 0px 25px 0px;
border-right: 1px #a0a0a0 solid;
}
#footer div.footer_nav ul.nav2 li.none_border {
float:left;
margin: 25px 0px 25px 0px;
border-right: none;
}
#footer div.footer_nav ul.nav2 li a {
width:110px;
height:20px;
text-align: center;
display:block;
text-decoration: none;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color: #808080;
font-weight: bold;
line-height: 20px;
}
#footer div.footer_nav ul.nav2 li a:hover {
color: #fafafa;
text-decoration: underline;
}
/* ::::: ID FOOTER/FOOTER_MAIN ::::: */
#footer div.footer_main {
width:440px;
height:119px;
margin: 0px auto 0px auto;
}
#footer div.footer_main ul.list_note {
width:170px;
margin: 0px auto 0px auto;
}
#footer div.footer_main ul.list_note li {
float:left;
margin: 5px auto 5px auto;
border-right: 1px #808080 dashed;
}
#footer div.footer_main ul.list_note li.none_border {
float:left;
margin: 5px auto 5px auto;
border-right: none;
}
#footer div.footer_main ul.list_note li a {
width:80px;
height:15px;
text-align: center;
display:block;
text-decoration: none;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color: #c1272d;
line-height: 15px;
}
#footer div.footer_main ul.list_note li a:hover {
text-decoration: underline;
color: #1471b4;
}
#footer div.footer_main ul.list_validation {
width:250px;
margin: 0px auto 0px auto;
}
#footer div.footer_main ul.list_validation li {
float:left;
margin: 5px 6px 5px 6px;
background-image: url(image/validation_bg.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#footer div.footer_main ul.list_validation li a {
width:113px;
height:24px;
text-align: left;
display:block;
text-decoration: none;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:10px;
color: #ffffff;
line-height: 24px;
font-weight: bold;
text-indent: 6px;
}
#footer div.footer_main ul.list_validation li a:hover {
text-decoration: none;
color: #29abe2;
}
#footer div.footer_main p.copyright {
clear:both;
display:block;
width:440px;
height:50px;
margin: 5px auto 5px auto;
text-align:center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color: #808080;
}
#footer div.footer_main a {
color: #c1272d;
text-decoration:none;
}
#footer div.footer_main a:hover {
color: #1471b4;
text-decoration:underline;
}
.tool-tip {
z-index: 50;
width: 162px;
height:42px;
}
.tool-text {
font-size: 11px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background: url(image/bg_tip.png) 0px 0px;
width:142px;
height:16px;
color: #ffffff;
font-weight: bold;
padding: 16px 8px 10px 12px;
text-transform: uppercase;
}