/*CSS Modificado a partir de: http://do.davebsd.com/*/

html {
    background: #f2f2f2;
}

body, a {
    color: #444444;
}

p {
    font-size: 93%;
    line-height: 1.4em;
}

h1 {
    font-size: 240%;
    color: #666;
    margin: 25px 0 0 0;
}

h2 {
    font-size: 145%;
    letter-spacing: -1px;
    font-weight: bold;
    margin: 20px 0 12px 0;
    color: #666;
}

h3 { font-size: 110%; font-weight: 600; letter-spacing: 0px; color: #333; }

h3 a { text-decoration: none; }
h3 a:hover { text-decoration: underline; }


hr {
    border: 0;
    height: 1px;
    background-color: #dcdcd4;
    margin: 30px 0 6px 0;
}

strong { font-weight: 600; }

em { font-style: italic; }


#top {
    padding: 0 0 5px 0;
}

#top .navigation ul {
    float: right;
    font-size: 100%;
    margin: 50px 0 0 0;
}

#top .navigation ul a {
    padding: 2px 4px;
}

#top .navigation ul a:hover,
#top .navigation ul a.active {
    color: #FFFFFF;
    background: #C5973F;
}

#top .navigation ul li {
    margin: 0 0 0 8px;
}

.bottom .navigation ul li {
    margin: 0 8px 0 0;
}

.bottom .navigation a:hover,
.bottom .navigation a.active {
    text-decoration: underline;
}

#ft p {
    color: #aaa;
    font-size: 93%;
    padding: 8px 0;
}

#ft a {
    color: #aaa;
}

#motto {
    text-align: right;
    font-size: 85%;
    color: #aaa;
}

.screenshots{
    width: 338px;
    height:350px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.navigation ul li {
    float: left;
    list-style-type: none;
    display: block;
}

.navigation ul li a {
    color: inherit;
    text-decoration: none;
}

#main {
    height: 265px;
    background-image: url(../images/gradient.jpg);
}

#main a {
    color: #fafafa;
}

#shot_first{
		display: inline;  
        padding: 2px 7px; /*Separar el texto*/  
        margin:5px; /* Separar los botones */  
        background-color:#E4E4E4; /* Color de fondo */   
}
#main .first { text-align: center; }
#main .first img { position: relative; top: -2px;}


#main p {
    margin: 14px 20px 0 0;
    color: #fafafa;
    font-size: 116%;
}
#shot {margin: 45px 0 0 0;
		height: 150px;
}

#main li {
	font-size: 120%;
	list-style-type: square;
	margin: 5px 0 5px 50px;
}

#download {
    display: block; margin: 20px 0 0 0; padding: 0; width: 254px; height: 54px;
	font-size: 80%;
    line-height: 54px; text-indent: -1000em;
    background: url(../images/download_button.png) no-repeat top left;
}

#download:hover { background-position: bottom left; }

.highlight, .plugin { padding: 0 10px 0 60px; margin-top: 1em; position: relative; }
.highlight img, .plugin img { position: absolute; top: 0px; left: 0;}

#announcements { position: relative; }
#announcements .more { text-align: right; }
#announcements .more a { color: #999; }
#announcements .rss { position: absolute; top: 1.5em; right: 0; }
#announcements .rss a { width: 14px; height: 14px; display: block; background: url(../images/rss.png) no-repeat 0 0; text-indent: -1000em; }