@charset "utf-8";
/* CSS Document */


*{
padding:0;
margin:0;
border:0;
}

/*---------------------------Navegacion Superior*/


#top_nav{
height:90px;
width:auto;
padding: 20px 30px 15px 30px;
position:fixed;
top:0px;
left:0px;
right:0px;
z-index:50;
background-image:url(../img/top2.png);
background-position:top left;
background-repeat:repeat-x;
}

#top_nav img{
float: left;
display: block;
}

#top_nav ul{
float: right;
margin-top: 7px;
margin-right: 25px;
}

#top_nav ul li{
float: left;
list-style: none;
margin-left: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.5em;
font-weight:bold;
padding: 5px;
}

#top_nav ul li a{
color:#000000;
text-decoration:none;
font-weight:bold;
}

#top_nav ul li a:hover{
text-decoration:underline;
}

/*---------------------------Wrapper*/

#list_wrap{
width: 900px;
min-width:900px;
padding: 120px 0px 30px 30px;
_padding: 0px 27px 27px 27px;
}


/*---------------------------Listado*/

ul.list{
margin: 0 auto;
margin-bottom: 30px;
}

ul.list li{
float: left;
list-style: none;
width: 200px;
height:370px;
padding: 15px 10px 15px 10px;
margin: 0px 0px 0px 0px;
background-color:#FFFFFF;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

/*---------------------------Titulo*/

ul.list li h1{
background-color:#000000;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding:10px 10px 10px 10px;
line-height:1.9em;
height:27px;
overflow:hidden;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
}

ul.list li h1 a{
color:#ffffff;
text-decoration:none;
}

ul.list li h1 a:hover{
color:#ffffff;
text-decoration:underline;
}

/*---------------------------Contenedor*/

ul.list li div.container{
position:relative;
height:260px;
}

/*---------------------------Thumb*/

ul.list li div.container img.thumb{
position:absolute;
z-index:1;
}

/*---------------------------BottomIcons&text*/

ul.list li div.container img.icon{
margin-right:6px;
}

ul.list li div.container h4.comentarios{
position:absolute;
width:100%;
margin-top:260px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:1.5em;
padding-bottom:5px;
padding-top:5px;
border-bottom-color:#999999;
border-bottom-style:dotted;
border-bottom-width:1px;
border-top-color:#999999;
border-top-style:dotted;
border-top-width:1px;
}

ul.list li div.container h5.liga{
position:absolute;
width:100%;
margin-top:293px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:1.5em;
padding-bottom:5px;
border-bottom-color:#999999;
border-bottom-style:dotted;
border-bottom-width:1px;
}

ul.list li div.container h4.comentarios a{
text-decoration:none;
color:#000000;
}

ul.list li div.container h5.liga a{
text-decoration:none;
color:#000000;
}

ul.list li div.container h4.comentarios a:hover{
text-decoration:underline;
}

ul.list li div.container h5.liga a:hover{
text-decoration:underline;
}

/*---------------------------100%anchor*/

ul.list li div.container a.link{
display:block;
position:absolute;
width:100%;
height:100%;
z-index:5;
}

/*---------------------------infobox*/

ul.list li div.container div.info{
position:absolute;
z-index:4;
visibility:hidden;
color:#FFFFFF;
bottom:0px;
background-image:url(../img/hack2.png);
}

/*---------------------------Infobox Estilos*/

ul.list li div.container div.info p{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:15px 0px 15px 0px;
line-height:1.5em;
padding:10px;
}

ul.list li div.container div.info h3{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:10px;
line-height:1.7em;
overflow:hidden;
}

ul.list li div.container div.info h3 a{
background-color:#8cd924;
color:#000000;
text-decoration: none;
padding: 4px;
margin-right:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}


div.tags h3{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:1.9em;
overflow:hidden;
}

div.tags h3 a{
background-color:#8cd924;
color:#000000;
text-decoration: none;
padding: 5px;
margin-right:7px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}



/*---------------------------Estilos Pageview*/


div .postbody{
clear:both;
width:870px;
padding-top:15px;
}

div .postbody h1{
font-size:28px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 15px 0px 0px 0px;
padding:0px;
line-height:1.9em;
margin: 15px 0px 0px 0px;
}

div .postbody h2{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin: 0px 0px 10px 0px;
padding:0px;
line-height:1.3em;
}

div .postbody h2 a{
text-decoration: underline;
color:#333;
}

div .postbody p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 20px 0px 10px 0px;
line-height:1.7em;
color:#333;
}

div .postbody p ol{
list-style:none;
}

div .postbody ol li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
list-style:none;
border-bottom-color:#CCC;
border-bottom-style:dotted;
border-bottom-width:1px;
padding-bottom:5px;
margin:5px 0px 5px 0px;
}

div .postbody ol li a{
text-decoration:none;
color:#333333;
font-weight:bold;

}


/*---------------------------Estilos Pageview*/

div .titlebelowp h1{
font-size:28px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 15px 0px 0px 0px;
padding:0px;
line-height:1.9em;
}


/*---------------------------Estilos Pageview*/


.comentarios ol{
margin: 20px 0px 20px 0px;
padding:20px;
background-color:#e7e7e7;
border-style:solid;
border-color:#cacaca;
border-width:1px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width:830px;
}

.comentarios ol li{
margin: 10px 0px 30px 0px;
list-style: none;
}

.comentarios ol img.avatar{
float:left;
display:inline;
margin: 0px 15px 5px 0px;
padding:0px;
}

.comentarios ol li h1{
margin:5px 0px 0px 0px ;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 1.4em;
color:#000000;
!important;
}

.comentarios ol li h2{
margin:15px 0px 0px 0px ;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 1.4em;
color:#333333;
!important;
}


.comentarios ol li h1 a{
text-decoration: none;
color:#ffffff;
font-weight:bold;
background-color:#000000;
padding:3px;
font-size:12px;
}

.comentarios ol li h1 a:hover{
color:#ffffff;
background-color:#333333;
}

.comentarios ol li p{
padding:10px 0px 0px 0px ;
overflow: hidden;
text-overflow: ellipsis;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.7em;
color:#666666;
!important;
}


#commentform input{
width: 380px;
border-color:#cacaca;
border-style: solid;
border-width: 1px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 0px 0px 15px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:lighter;
padding:10px;
}

#commentform{
padding-top:15px;
}


#commentform input.button{
width: 150px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 0px 0px 15px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:lighter;
padding:10px;
background-color:#000000;
color:#FFFFFF;
border-color:#cacaca;
border-style: none;
border-width: 0px;
}

#commentform textarea#comment{
width: 380px;
height: 100px;
border-color:#cacaca;
border-style: solid;
border-width: 1px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 0px 0px 15px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:lighter;
padding:10px;
}


/* Related Posts */  
ol.related-posts {clear:both; margin:10px 0px 0px 0px; padding:0;}  
ol.related-posts li{width:120px; float:left; display:inline; margin-right:15px; padding:0; margin-bottom: 20px;}  
ol.related-posts img{clear:both; padding:7px; background:#F7F7F7; border:1px solid #cccccc;width:100px;}
ol.related-posts img:hover{background:#cccccc;}  
ol.related-posts a{font-family:Arial, Helvetica, sans-serif; font-size:9px;clear:both; display:block; border:none; text-decoration:none; color:#666;line-height:1.6em;}  

#gallery-1 img {padding:7px; background:#F7F7F7; border:1px solid #cccccc;!important;}

#gallery {
margin: auto;
}
#gallery .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
}
#gallery img {
padding:7px; background:#F7F7F7; border:1px solid #cccccc;margin-right:20px;
}
#gallery .gallery-caption {
margin-left: 0;
}