/*  
Theme Name: No Soy Delincuente
Theme URI: http://nosoydelincuente.org
Description: Theme para No Soy Delincuente
Version: 1.0
Author: The Estupendos feat. Tri
Author URI: http://estupendos.net

	Disegno: Tri de AyerViernes
	Codigo: Estupendos

*/


/* RESET CSS */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}
/* FIN RESET */

html {
        background: #E7E7DF;
}
body {
	text-align:center;
        font-family: arial, sans-serif;
}

#wrapheader {

}
#header1 {
   	margin-left:auto;
	margin-right:auto;
	width:950px;
	text-align:left;
        height: 105px;
}
#logo {
        float: left;
        height: 105px;
        width: 500px;
}
#menuysearch {
        float: left;
        height: 105px;
        width: 430px;
}
#search {
        width: 400px;
        height: 40px;
        position: relative;
        right: 0;
        float: right;
visibility: hidden;
}
#search input#s {
        width: 132px;
        border: 0;
        float: left;
        background: url(/images/bgsearch.png) white no-repeat left top;
        height: 17px;
        font-size: 13px;
        padding: 4px;
        display: inline;
}
#search input.lupa {
        float: left;
        display: inline;
}
#search form#searchform {
        background: url(/images/bgsearch2.png);
        height: 33px;
        width: 177px;
        padding-top: 7px;
        padding-left: 8px;
        float: right;
        display: inline;
}




#menu {
        width: 400px;
        height: 30px;
        float: right;
        text-align: right;
        padding-top: 20px;
}

#menu a {
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 800;
        font-size: 18px;
        letter-spacing: 1px;
}
#menu a.uno {
        color: #3790b3;
}
#menu a.dos {
        color: #e7891c;
}
#menu a.tres {
        color: #749f22;
}
#menu a.cuatro {
        color: #d0001b;
}


#header2 {
   	margin-left:auto;
	margin-right:auto;
	width:950px;
	text-align:left;
        height: 247px;
}
#textoapoyo {
        background: url(/images/bgtxt.png);
        width: 540px;
        height: 17px;
        margin-left: 390px;
        font-size: 11px;
        text-align: center;
        padding-top: 3px;
}
#textoapoyo strong {
        font-weight: 800;
}
#razones {
        width: 640px; 
        background: white url(/images/bgheadleft.png) no-repeat left;
        height: 226px;
        float: left;
}
#razon-texto {
        height: 22px;
        width: 590px;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 800;
        color: #999;
        padding-left: 50px;
        padding-top: 15px;
}
#razon-texto .oscuro {
        color: #333;
}
#razon-grande {}
#razon-numero {
        float: left;
        width: 128px;
        height: 163px;
        background: #398FB2 url(/images/bgnumero.png) no-repeat left;
	margin-left: 25px;
	display: inline;
        font-size: 190px;
        color: white;
        font-weight: 800;
        line-height: 160px;
        text-align: center;
}
#razon-content {
        float: left;
        width: 425px;
        height: 133px;
        background: #398FB2 url(/images/bgrazon.png) no-repeat right;
	display: inline;
	margin-left: 5px;
        padding: 15px 23px 15px 15px;
}
#razon-content .razon-tit {
        color: white;
        text-transform: uppercase;
        font-size: 26px;
        font-weight: 800;
        line-height: 27px;
}
#razon-content p {
        color: #123543;
        font-size: 16px;
        line-height: 17px;
}
#razon-content .numeritos {
        float: left;
        display: inline;
        width: 200px;
}
#razon-content .numeritos a {
        color: #73b2ca;
        text-decoration: none;
        font-weight: 800;
        font-size: 24px;
        margin-right: 5px;
}
#razon-content .numeritos a.on {
        color: #fff;
}
#razon-content .quierosaber {
padding-top: 10px;
}
#razon-content .quierosaber a {
        float: right;
        display: inline;
        text-decoration: none;
        text-transform: uppercase;
        color: #e7e7de;
        font-size: 10px;
        font-weight: 800;
        background: #143846;
        padding: 4px;
}



#acciones {
        width: 290px; 
        background: white url(/images/bgheadright.png) no-repeat right;
        height: 226px;
        float: left;
        padding-left: 20px;
}
#accion-titulo {
        height: 22px;
        font-size: 16px;
        font-weight: 800;
        text-transform: uppercase;
        color: #333;
        padding-top: 15px;

}
#accion1 {
        width: 130px;
        height: 21px;
        float: left;
        margin-right: 10px;
        text-align: center;
        display: inline;
}
#accion1 a {
        text-transform: uppercase;
        text-decoration: none;
        color: white;
        width: 130px;
        height: 21px;
        font-size: 14px;
        font-weight: 800;
        background: url(/images/informate.png) no-repeat;
        line-height: 20px;
        padding-top: 58px;
        display: block;
        overflow: hidden;
}
#accion2 {
        width: 130px;
        height: 79px;
        float: left;
        text-align: center;
}
#accion2 a {
        text-transform: uppercase;
        text-decoration: none;
        color: white;
        font-size: 14px;
        font-weight: 800;
        width: 130px;
        height: 21px;
        background: url(/images/firma.png) no-repeat;
        display: block;
        padding-top: 58px;
}
#accion3 {
        width: 130px;
        height: 79px;
        float: left;
        margin-right: 10px;
        margin-top: 6px;
        text-align: center;
}
#accion3 a {
        text-transform: uppercase;
        text-decoration: none;
        color: white;
        font-size: 14px;
        font-weight: 800;
        width: 130px;
        height: 21px;
        background: url(/images/expresate.png) no-repeat;
        display: block;
        padding-top: 58px;
}
#accion4 {
        width: 130px;
        height: 79px;
        float: left;
        margin-top: 6px;
        text-align: center;
}
#accion4 a {
        text-transform: uppercase;
        text-decoration: none;
        color: white;
        font-size: 14px;
        font-weight: 800;
        width: 130px;
        height: 21px;
        background: url(/images/difunde.png) no-repeat;
        display: block;
        padding-top: 58px;
}
#wrapborde1 {
        height: 45px;
        background: url(/images/bg1.png) repeat-x left top;
}
#borde1 {}
#wrapmain {
        background: url(/images/bg.png) #BCB9B3 left top;
        float: left;
        width: 100%;
        text-align: left;
        clear: both;
        display: block;
}
#main {
   	margin-left:auto;
	margin-right:auto;
	width:950px;
	text-align: left;
        display: block;
}
#content {
        width: 621px;
        background: #E7E7DF;
        float: left;
        display: inline;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        behavior:url(/border-radius.htc);
        border: 0px solid #E7E7DF;
}
#video {
        margin: 0 auto;
        text-align: center;
        margin-top: 22px;
        border-bottom: 4px solid #BCBCB4;
        padding-bottom: 19px;
        margin-bottom: 10px;
}
#tuiteos {
        width: 570px;
        margin-left: 26px;
}
#tuiteos #tituit {
        background: url(/images/tw.png) no-repeat left top;
        padding-left: 48px;
        font-size: 13px;
        color: #666;
        font-weight: 800;
        margin-bottom: 12px;
}
#tuiteos #tituit h2 {
         font-size: 18px;
         color: #000;
         font-weight: 800;
         text-transform: uppercase;
}

#tuiteos .tonto {
         background: white;
         margin-bottom: 3px;

         float: left;
         padding: 15px 25px;
         
}
#tuiteos .tonto .fotonto {
         float: left;
         display: inline;
         width: 48px;
         margin-right: 9px;
}
#tuiteos .tonto .txtonto {
         float: left;
         display: inline;
         width: 460px;
         font-size: 13px;
}
#tuiteos .tonto .txtonto a {
         text-decoration: none;
}
#tuiteos .tonto .txtonto a.gil {
         color: #0084b9;
         font-weight: 800;
}
#tuiteos .tonto .txtonto a.perma {
         font-size: 11px;
         color: #666;
}
.aux1 {
         height: 20px;
         clear: both;
}

#sidebar {
        width: 301px;
        background: #E7E7DF;
        float: left;
        display: inline;
        margin-left: 28px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        behavior:url(/border-radius.htc);
        border: 0px solid #E7E7DF;
}
#sidebar h4 {
        font-size: 18px;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 7px;

}
#masinfo {
        padding: 11px 13px;
        border-bottom: 2px solid #BEBEB6;
}



#siguenos {
        padding: 11px 13px;
        border-bottom: 2px solid #BEBEB6;
}
#siguenos .cont-soc {
        background: white;
        padding: 10px 0px 5px 10px;
}
#siguenos img {
        margin-right: 17px;
}
#fotales {
        padding: 11px 13px;
        border-bottom: 2px solid #BEBEB6;
}
#fotales p {
        font-size: 12px;
        color: #666;
        line-height: 13px;
        margin-bottom: 7px;
}
#fotales p a {
        text-decoration: none;
        color: #666;
        font-weight: 800;
}
#fotales h4 {
        margin-bottom: 0px;
}
#fotales .cont-fot {
        background: white;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 4px;
}
#fotales img {
        margin-bottom: 6px;
        margin-right: 6px;
}
#merca {
        padding: 11px 13px;
        border-bottom: 2px solid #BEBEB6;
}
#links {
        padding: 11px 13px;
}
#links a {
        text-transform: uppercase;
        text-decoration: none;
        color: #0084b9;
        font-size: 10px;
        font-weight: 800;
}
#links ul li {
        background: url(/images/li.png) no-repeat left center;
        padding-left: 18px;
        line-height: 16px;
}
#wrapmain .aux2{
        height: 20px;
        width: 100%;
        clear: both;
}
#wrapborde2 {
        height: 17px;
        clear: both;
        display: block;
        background: url(/images/bg2.png) repeat-x left top;

}
#borde2 {}
#wrapfooter {}
#footer {
   	margin-left:auto;
	margin-right:auto;
	width:950px;
	text-align:left;
        height: 80px;
        clear: both;
        padding-top: 20px;
        margin-bottom: 20px;
}
#loguito {
        float: left;
        display: inline;
        width: 165px; 
        padding-bottom: 20px;
}
#textito {
        float: left;
        display: inline;
        width: 470px; 
        padding-bottom: 20px;
        font-size: 12px;
        color: #666;
}
#textito a {
        color: #3790b3;
        font-size: 11px;
}
#menucito {
        float: left;
        display: inline;
        width: 235px;
        padding-left: 75px; 
        padding-bottom: 20px;
        padding-top: 15px;
}
#menucito a {
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 800;
        font-size: 12px;
}
#menucito a.uno {
        color: #3790b3;
}
#menucito a.dos {
        color: #e7891c;
}
#menucito a.tres {
        color: #749f22;
}
#menucito a.cuatro {
        color: #d0001b;
}




/* secciones escondidas */

#header2 {
 display: none;
}
#merca {
 display: none;
}




/* parse twitter */
#tuiteos ul li {
         background: white;
         margin-bottom: 3px;

         float: left;
         padding: 15px 25px;
         font-size: 12px;
         display: block;
         width: 517px;;
}


#tuiteos ul li a {
         color: #0084b9;
         font-weight: 100;
         text-decoration: none;
}
#tuiteos ul li a b {
         font-weight: 800;
}



/* el page estatico */



.elpage {
   padding: 10px 25px;
}
#main .elpage {
   width: 571px;
}
.elpage h2 a{
   text-transform: uppercase;
   font-size: 28px;
   font-weight: 800;
   text-decoration: none;
   color: #3790B3;
}

.elpage small {
   color: #666;
   font-weight: 800;
   font-size: 13px;
}
.elpage .entry {
   background: white;
   font-size: 13px;
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 25px;
   float: left;
   display: inline;
  width: 520px;
}


.infos {
   clear: both;
   display: block;

   
}
.nro {
   float: left;
   display: block;
   width: 90px;
   font-size: 80px;
   font-weight: 800;
   color: #3790B3;
   text-align: center;
   line-height: 70px;
}

.datos {
   float: left;
   display: block;
   width: 424px;
   padding-bottom: 20px;
}

.infos h4{
   font-weight: 800;
   text-transform: uppercase;
   color: #3790B3;
   font-size: 18px;
}


/* especiales */

h2.hhFirma a {
        color: #e7891c;
}

h2.hhParticipa a {
        color: #749f22;
}


.entry ul li a {
        text-transform: uppercase;
        text-decoration: none;
        color: #0084b9;
        font-size: 10px;
        font-weight: 800;
}
.entry ul li {
        background: url(/images/li2.png) no-repeat left top;
        padding-left: 18px;
        line-height: 16px;
}
.entry p {
margin-bottom: 10px;
}
.entry ul{
margin-bottom: 10px;

}

.entry a {
color: black;
}
.entry a:hover {
text-decoration: none;
}

.entry h3 {
font-weight: 800;
font-size: 16px;
margin-top: 30px;
margin-bottom: 15px;
text-align: center;
}

.entry h4 {
font-weight: 800;
font-size: 14px;
 color: #3790b3;
margin-bottom: 5px;
text-transform: uppercase;
}

.entry ol li{

list-style-type: decimal;
margin-bottom: 4px;
}

.entry ol {
padding-left: 20px;
margin-bottom: 30px;

}

.entry p em {
font-style: italic;
}

.entry strong {
font-weight: 800;
}

/* estilos expresate */
.mono {
   float: left;
   display: inline;
   width: 60px;
   background: red;
}
.txtcomm {
   float: left;
   display: inline;
   background: pink;
   width: 500px;
}

.singlecom {
   float: left;
   display: inline;
   margin-top: 10px;
}


.autor {
   float: left;
   display: inline;
   width: 400px;
   background: green;
}
.commentmetadata {
   float: left;
   font-size: 8px;
   width: 100px;
   background: brown;
}
form#commentform {
   float: left;
   display: inline;
   margin-top: 20px;
}