/*
THEME NAME: Jóvenes contra la Violencia
THEME URI: http://www.npixels.net/proyectos/jovenes-contra-la-violencia
DESCRIPTION: Tema para la organización contra la violencia
VERSION: 1.0
AUTHOR: <a href="http://npixels.net/">npixels estudio</a>
AUTHOR URI:
TAGS: jclv
*/

@import url('styles/reset.css');
@import url('styles/960.css');
@import url('styles/text.css');
@import url('styles/sIFR-screen.css');

body{
background:#a3e4ff url(images/background.gif) no-repeat top center;
}
#back-footer{
background:url(images/back-footer.gif) no-repeat top center;
position:relative;
width:100%;
padding-bottom:5px;
}
.container_12{
position:relative;
z-index:5;
}
.all{
position:relative;
width:980px;
margin:0 auto 40px;
background:#FFFFFF url(images/pestana-grande.jpg) no-repeat right bottom;
}
#twitter{
position:relative;
background:url(images/twitter-background.png) no-repeat top;
padding:40px 85px 0 30px;
font-style:italic;
font-size:16px;
width:560px;
height:100px;
float:right;
}
#twitter a, #twitter .twitter-timestamp{
color:#39a1c8;
text-decoration:none;
}
#twitter .siguenos{
position:absolute;
font-size:10px;
bottom:0;
right:10px;
}
#twitter .siguenos a{
color:#3b5997;
text-decoration:none;
}
#logo{
position:absolute;
top:80px;
z-index:2;
left:-40px;
width:272px;
height:222px;
}
#logo a{
text-indent:-9999em;
display:block;
width:100%;
height:100%;
background:url(images/jovenes-contra-la-violencia-logo.png) no-repeat;
}
/*@menu*/
#menu{
float:right;
margin-bottom:30px;
}
#main-menu{
margin-top:20px;
list-style:none;
margin-bottom:0;
}
#main-menu li{
float:left;
margin:0 15px 0 0;
}
#main-menu li a{
display:block;
height:32px;
background:url(images/menu-sprites.png) no-repeat;
text-indent:-9999em;
}
li#inicio a{
width:70px;
background-position:left 4px;
}
li#inicio a:hover{
background-position:left -30px;
}
li#proyectos a{
width:135px;
background-position:-85px 4px;
}
li#proyectos a:hover{
background-position:-85px -30px;
}
li#eventos a{
width:108px;
background-position:-232px 4px;
}
li#eventos a:hover{
background-position:-232px -30px;
}
li#blog a{
width:65px;
background-position:-355px 4px;
}
li#blog a:hover{
background-position:-355px -30px ; 
}
li#acerca-de a{
width:135px;
background-position:-433px 4px;
}
li#acerca-de a:hover{
background-position:-433px -30px;
}
li#contacto a{
width:124px;
background-position:-585px 4px;
}
li#contacto a:hover{
background-position:-585px -30px;
}
/*@campana*/
#main-anuncio{
background:url(images/plan-seguridad.jpg) no-repeat center top;
height:417px;
width:980px;
position:relative;
}
/*@ribbon*/
#ribbon{
background:url(images/ribbon-background.png) no-repeat;
width:1050px;
height:200px;
position:relative;
top:-35px;
left:-45px;
}
#involucrate{
background:url(images/involucrate-icon.png) no-repeat;
z-index:2;
display:block;
width:230px;
height:162px;
position:absolute;
top:-40px;
right:60px;
float:right;
text-indent:-9999em;
}
#miembros-login{
background:url(images/miembros-button.gif) no-repeat;
text-indent:-9999em;
width:156px;
height:33px;
display:block;
position:absolute;
bottom:50px;
right:80px;
}
/*@numeros*/
.numeros-grandes{
position:relative;
top:-10px;
background:url(images/numeros-reales.jpg) no-repeat;
width:310px;
height:85px;
float:left;
color:#FFFFFF;
text-align:center;
padding-top:120px;
line-height:25px;
margin-bottom:20px;
}
.numeros-grandes h2 span{
display:none;
}
.numeros-grandes a{
text-decoration:none;
color:#FFFFFF;
}
#panel1{
background-position:left top;
margin-right:15px;
}
#panel2{
background-position:-330px top;
margin-right:15px;
}
#panel3{
background-position:-660px top;
}
/*@blogportada*/
.blog-title{
font-size:50px;
background:url(images/blog-icon.gif) no-repeat left;
padding-left:70px;
}
.post-portada{
margin-bottom:20px;
border-bottom:1px dashed #cccccc;
}
.post-portada .thumb{
position:relative;
background:#d30000;
padding:7px;
width:206px;
margin-bottom:10px;
}
.post-portada .thumb .img-wrapper{
overflow:hidden;
position:relative;
}
.post-portada .thumb .img-wrapper img{
}
.post-portada .thumb .fecha{
position:absolute;
z-index:2;
background:url(images/pelotita-fecha.png) no-repeat;
height:53px;
width:53px;
top:-10px;
left:-10px;
text-align:center;
font-size:11px;
color:#FFFFFF;
padding-top:8px;
}
.post-portada .thumb .fecha span{
display:block;
line-height:10px;
}
.post-portada h3{
background:#ff8b00 url(images/colita-titulo.gif) no-repeat bottom right;
position:relative;
left:-20px;
padding:5px 30px 5px 25px;
margin:10px 0 10px;
line-height:20px;
width:345px;
color:#FFFFFF;
font-weight:normal;
text-transform:uppercase;
}
.post-portada h3 a{
text-decoration:none;
color:#FFFFFF;
}

.post-portada .post-meta{
margin-bottom:5px;
color:#ff8b00;
}
.post-portada .post-meta a{
color:#ff8b00;
text-decoration:none;
}
.post-portada .post-entry{
}
.post-portada .post-entry a{
text-decoration:none;
color:#000000;
}
#mas-blog{
background:#f1f1f1;
padding:0 0 5px 450px;
margin-bottom:60px;
}
#mas-blog a{
font-size:24px;
float:right;
color:#000000;
text-decoration:none;
}
/*@sidebar*/
#sidebar a{
color:#000000;
text-decoration:none;
}
.widget{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:5px dotted #CCCCCC;
}
.widget ul li:hover{
background:url(images/hover-proyectos.gif) no-repeat center right;
}
.widget .w-portada{
font-size:30px;
margin-bottom:10px;
}
#prensa .texto{
background:#f1f1f1;
padding:10px;
position:relative;
font-size:15px;
}
#prensa .texto a{
color:#00aff0;
text-decoration:none;
}
#prensa .texto ul{
list-style:none;
margin-bottom:0;
}
#prensa .texto ul li{
margin-left:0;
}
#prensa .texto span.colita{
display:block;
position:absolute;
background:url(images/colita-prensa.gif) no-repeat;
width:23px;
height:23px;
top:-23px;
left:50%;
}
.widget_recent_entries ul{
list-style:none;
}
.widget_recent_entries ul li{
margin:0 0 5px 0;
padding-bottom:5px;
border-bottom:1px dashed #CCCCCC;
}
/*suscribirme*/
#suscribirme-portada{
position:relative;
background:#00adee url(images/colita-suscribe.gif) no-repeat right -1px;
margin-bottom:20px;
}
#suscribirme-portada .titulo{
position:absolute;
top:-35px;
left:-10px;
background:url(images/mantente-al-tanto.gif) no-repeat;
width:307px;
height:56px;
text-indent:-9999em;
}
#suscribe-form{
padding:40px 40px;
}
#suscribe-form .text{
border:#17627e 5px solid;
padding:5px;
font-size:25px;
color:#CCCCCC;
}
#suscribe-form .button{
background:#17627e;
padding:4px;
margin-left:15px;
font-size:25px;
color:#FFFFFF;
border:#17627e 5px solid;
}
/*@sponsors*/
#patrocinadores{
margin-bottom:30px;
margin-top:20px;
}
#sponsors-list{
padding-bottom:50px;
margin-bottom:30px;
}
#sponsors-list img{
margin-right:20px;
}
#colaborar{
margin-top:10px;
text-indent:-9999em;
float:right;
background:url(images/colaborar-button.gif) no-repeat bottom left;
height:58px;
width:136px;
}
#colaborar:hover{
background-position:top left;
}
#facebook{
float:right;
margin:0 100px 10px 0;
}
/*@footer*/
#footer{
padding:20px 0;
}
#footer .widget{
border-bottom:none;
}
#footer h4, .h-sirf{
font-size:30px;
}
#comentarios{
}
#comentarios ul{
list-style:none;
}
#comentarios ul li{
margin:0;
padding:10px 0;
border-bottom:1px dashed #CCCCCC
}
#comentarios ul li a{
color:#00adee;
text-decoration:none;
}
#creditos{
text-align:right;
}
#creditos span a{
color:#000000;
font-size:10px;
text-decoration:none;
margin-bottom:20px;
display:block;
padding: 10px 55px 10px 0;
}
#menu-footer{
list-style:none;
font-size:12px;
}
#menu-footer li{
display:inline;
margin:0 3px 0 0;
}
#menu-footer li a{
color:#000000;
text-decoration:none;
}
#menu-footer li a:hover{
text-decoration:underline;
}
#proyectosf{
}
#proyectosf ol{
list-style:none;
}
#proyectosf ol li{
margin-left:0;
padding:5px 0;
border-bottom:1px dashed #CCCCCC;
}
#proyectosf ol li a{
text-decoration:none;
color:#000000;
display:block;
}
#proyectosf ol li a:hover{
background:url(images/hover-proyectos.gif) no-repeat right center;
}
#npixels a{
background:url(images/mini-npixels.gif) no-repeat right center;
}
#wordpress a{
background:url(images/mini-wp.gif) no-repeat right center;
}
#hosting a{
position:relative;
right:-10px;
padding-right:65px!important;
background:url(images/mini-mt.gif) no-repeat right center;
}
/*@fade-caracteristicas*/
#caracteristicas{
position:absolute;
top:70px;
left:420px;
}
#caracteristicas ul{
list-style:none;
margin-bottom:0;
}
#caracteristicas ul li{
margin:0;
width:326px;
height:40px;
}

#caracteristicas ul li span{
display:none;
}
/* @inner*/
body.inner #mini-anuncio{
height:100px;
width:980px;
}
/*@entry*/
.post{
margin-bottom:30px;
}
.post a{
color:#00adee;
}
.post .entry-meta{
color:#999999;
}
.post .entry-meta a{
color:#999999;
text-decoration:none;
}
.entry-title{
font-size:40px;
line-height:40px;
padding-bottom:10px;
border-bottom:5px dotted #CCCCCC;
}
.title-div{
margin-bottom:20px;
}
.title-div h2{
font-size:30px;
letter-spacing:-1px;
line-height:30px;
float:left;
width:520px;
border-bottom:5px dotted #CCCCCC;
padding-bottom:10px;
margin-bottom:0;
}
.entry-title a, .title-blog a{
color:#000000;
text-decoration:none;
}
.entry-content{
}
.entry-content a{
text-decoration:none;
color:#00adee;
}
.post .fecha{
float:right;
margin-right:10px;
background:#00adee url(images/mini-colita-azul.gif) right -1px no-repeat;
width:55px;
text-align:center;
font-size:11px;
color:#FFFFFF;
padding:10px;
}
.post .fecha a{
color:#FFFFFF;
text-decoration:none;
}
.fecha-left{
float:left!important;
}
.post .fecha span{
line-height:10px;
text-transform:uppercase;
}
.post .fecha span.comments{
text-align:left;
display:block;
background:url(images/mini-speech.gif) no-repeat left;
padding-left:20px;
margin-left:10px;
}
/*@navigation*/

.navigation{
text-transform:uppercase;
margin-bottom:30px;
}
.navigation a{
text-decoration:none;
color:#000000;
font-size:18px;
}
.nav-next{
float:right;
width:300px;
text-align:right;
}
.nav-previous{
float:left;
width:300px;
}
.nav-next a{
}
.nav-next a:hover{
color:#00aff0;
}
.nav-previous a{
}
.nav-previous a:hover{
color:#ff8b00;
}
/*@big-anuncio*/
.widget_calendar{
position:absolute;
z-index:3;
top:40px;
width:200px;
right:50px;
border-bottom:none;
}
.widget_calendar #calendar_wrap{
padding:10px;
background:#f1f1f1 url(images/back-portada-calendar.gif) no-repeat right -1px;
}
.widget_calendar #wp-calendar caption{
border-bottom:2px dotted #FFFFFF;
padding-bottom:5px;
margin-bottom:10px;
}
.widget_calendar #wp-calendar{
width:180px;
margin:0 auto;
text-align:center;
}
.widget_calendar #wp-calendar a{
color:#00ADEF;
}
/*@search*/
.blog-search{
}
.blog-search .text{
border:#17627e 5px solid;
padding:5px;
width:190px;
color:#999999;
margin-bottom:10px;
float:left;
}
.blog-search .button{
float:left;
background:#17627e;
padding:4px;
color:#FFFFFF;
border:#17627e 5px solid;
}
/*@comentarios*/

#comments-list{
}
#comments-list ol{
list-style:none;
}
#comments-list ol li{
margin:0 0 20px 0;
}
#comments-list ol li .comment-content{
background:#f8f7f7;
padding:10px;
float:left;
width:480px;
position:relative;
}
#comments-list ol li a{
text-decoration:none;
color:#000000;
}
#comments-list ol li p{
margin-bottom:10px;
}
#comments-list ol li .comment-content span.flechita{
display:block;
position:absolute;
top:10px;
left:-16px;
width:16px;
height:18px;
background:url(images/fleacha-clara.gif) no-repeat;
}
#comments-list ol li.alt .comment-content span.flechita{
background:url(images/flecha-gris.gif) no-repeat;
}
#comments-list ol li.byuser .comment-content span.flechita{
background:url(images/flecha-celeste.gif) no-repeat;
}
#comments-list ol li.alt .comment-content{
background:#e1e1e1;
}
#comments-list ol li.byuser{
}
#comments-list .comment-meta{
font-size:11px;
margin-bottom:10px;
float:right;
border-bottom:2px #FFFFFF dotted;
}
#comments-list .vcard{
float:left;
width:100px;
margin-right:20px;
font-size:11px;
text-align:center;
}
#comments-list .vcard img{
display:block;
width:32px;
margin:0 auto 10px;
}
#comments-list ol li.byuser .comment-content{
background:#a3e4ff;
}
#commentform{
margin-bottom:20px;
}
#commentform .text{
border:5px solid #333333;
margin-bottom:5px;
}
#commentform a{
color:#00aff0;
}
#commentform .button{
background:url(images/speech-button.gif) no-repeat;
width:150px;
height:105px;
color:#FFFFFF;
font-size:20px;
border:none;
margin-left:280px;
}
/*@eventos*/
.eventos .entry-meta span{
display:block;
border-bottom:1px dashed #CCCCCC;
padding-bottom:3px;
margin-bottom:3px;
}
.fecha-evento{
padding:10px;
margin-bottom:10px;
font-size:20px;
color:#FFFFFF;
background:#00adee url(images/mini-colita-azul.gif) right -1px no-repeat;
text-align:center;
}
.full-evento{
}
.fb-mini{
display:block;
color:#4E5A74!important;
background:url(images/facebook-mini.png) no-repeat left center;
padding:2px 0 2px 20px;
}
/*@tablas*/
.tabla-content{
border-color:#CCCCCC!important;
}
.tabla-content td{
padding:5px;
}
.tabla-content .bold{
font-weight:bold;
}
/*@detalles*/
.proyectos-rel{
padding:10px;
background:#F1F1F1;
border:1px solid #CCCCCC;
}
.proyectos-rel a{
color:#000000;
text-decoration:none;
}
.proyectos-rel a:hover{
color:#00ADEE;
text-decoration:underline;
}
.proyecto-list{
background:url(images/p-nums.gif) no-repeat;
padding:10px 0 10px 70px;
border-bottom:1px dotted #CCCCCC;
margin-bottom:30px;
font-size:24px;
line-height:24px;
text-transform:uppercase;
min-height:50px;
}
.proyecto-list a{
color:#000000;
text-decoration:none;
}
.proyecto-list a:hover{
color:#00ADEE;
}
#p1{
background-position:0 10px;
}
#p2{
background-position:0 -80px;
}
#p3{
background-position:0 -170px;
}
#p4{
background-position:0 -250px;
}
#p5{
background-position:0 -340px;
}
#p6{
background-position:0 -425px;
}
#p7{
background-position:0 -515px;
}
#p8{
background-position:0 -595px;
}
#p9{
background-position:0 10px;
}
/*@default*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin-right:10px;
}

.alignright {
   float: right;
   margin-left:10px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
/*@especiales*/
.full-download{
background:url(images/download-box.jpg) no-repeat left center;
text-decoration:none;
font-size:18px;
padding:15px 0 15px 60px;
}
a#toke{
text-indent:-9999em;
display:block;
background:url(images/boleto-toke.jpg) no-repeat top left;
width:300px;
height:180px;
}
a#toke:hover{
background-position:-1px -180px;
}