/**** CSS by Khiustin Tornés ***/

/** This Font-Face declaration has been generated by fontsquirrel.com and is based on the work of Paul Irish. **/
@font-face {
font-family: 'RoadwayRegular';
src: url('ROADWAY_.eot');
src: local('Roadway Regular'), local('Roadway'), url('ROADWAY_.ttf') format('truetype');
}
/*******/

/*** Globals ***/
body { background: #ccc; }
p.custom { color: #222; font-family: RoadwayRegular, Helvetica, Arial, sans-serif; font-weight: normal; margin-bottom: .2em; }
.bold-text { font-weight: bold; }
.container { background-color: #fff; border: 20px solid #fff; padding: 0; width: 920px; }
.home .container { /*margin-top: 1.5em;*/ }
.float-left { float: left;  margin-right: 15px; }
.float-right { float: right; }
.orange { color: #ff6500; }
.blue { color: #2f7bca; font-weight: bold;}
.margin-right-10 { margin-right: 10px; }

h2, h3 { font-family: RoadwayRegular, Helvetica, Arial, sans-serif; font-weight: normal; }
h3 { font-size: 1.6em; }

/*** Layout ***/
#logo { float: left; height: 106px; margin-top:10px;}
#logo a:hover { opacity: .7; filter: alpha(opacity = 70); }
#header { float: left; height: 192px; overflow: hidden; }

#navigation-spread { float: left; width: 580px;}
#navigation { float: left; margin-right: 15px;}
#navigation ul { list-style: none; margin: 0 5px 0 0; padding: 0; }
#navigation ul li { float: left;  }

#navigation ul li a {
color: #000;
display: block;
font-family: RoadwayRegular, Helvetica, Arial, sans-serif;
font-size: 2em;
margin-right: 5px;
padding: 1px 6px;
text-decoration: none;
text-transform: uppercase;
}

#navigation ul li a:hover, #navigation ul li a.active {
background-color: #ddd;
color: #ff6500;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#navigation .compra {
background-color: #ccc;
box-shadow: 4px 4px 5px #888;
border: 2px solid #999;
color: #777;
text-decoration: none;
text-align: center;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;

}

#navigation .compra:hover {
background: #999;
color: #fff;
box-shadow: 4px 4px 5px #888;
border: 2px solid #999;
text-decoration: none;
text-align: center;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

#recomendacion { border: 1px solid #ddd; float: left; padding: 0 2px 0 5px; width: 190px; }
#recomendacion p {
color: #666;
font-family: RoadwayRegular, Helvetica, Arial, sans-serif;
font-size: 2em;
float: left;
margin: 0;
padding: 0;
}

#recomendacion ul { list-style: none; float: left; margin: 0 0 0 5px; padding: 9px 0 0 0; }
#recomendacion ul li { float: left; }
#recomendacion ul li a { display: block; height: 20px; margin: 0 3px 0 0;  text-indent: -9999px; width: 20px; }
li#facebook-link a { background: url(../images/social-icons.gif) 0 0 no-repeat; }
li#linkedin-link a { background: url(../images/social-icons.gif) 0 -20px no-repeat; }
li#twitter-link a { background: url(../images/social-icons.gif) 0 -40px no-repeat; }

#aditional-content-header { float: right; height:192px; padding-right: 2px; width: 112px; }
#aditional-content-header img { border: 1px solid #ccc; }

#banner-content { background-color: #efefef; margin: 0 0 1.5em 0; float: left; height: auto; padding: 0; width: 670px; }

.picture { border: 1px solid #ccc; }
.cita { font-size: 1.8em; line-height: 1.2em;}

#sidebar { float:right; width: 195px; }
.foto-alvaro { height: 268px; width: 100%; }

#download-chapter { float: left; margin-bottom: 1em; margin-right: 0px; height: 80px; }
#download-chapter p { margin-bottom: .5em; line-height: 1.2em;}

p.dispo {color:#FF6500;font-size: 1.6em;text-align: right;width:90px;}

a.descargar {
background-color: #ccc;
box-shadow: 4px 4px 5px #888;
border: 2px solid #999;
color: #777;
display: block;
height: 34px;
margin:0;
padding: 5px;
font-family: RoadwayRegular, Helvetica, Arial, sans-serif;
font-size: 1.8em;
text-decoration: none;
text-align: center;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
width: 90px;
margin-top: 4px;
}

a.descargar:hover {
background: #999;
color: #fff;
}

.banner-link:hover { opacity: .7; filter: alpha(opacity = 70); }

#spotify-banner {
background: #7fb718 url(../images/logo-spotify.gif) 97% 97% no-repeat;
color: #fff;
float: left;
margin: 0 0 .5em 0;
padding: 3px 3px 5px 5px;
width: 188px;
}

#spotify-banner ul { margin: 0; padding: 0; }
#spotify-banner ul li a { color: #2f7bca; font-weight: bold; text-decoration: none;  }
#spotify-banner ul li a:hover { color: #fff; }
#spotify-banner ul li {height: 1.2em;}
#spotify-banner p {line-height: 1.2em;}

.connect-fb { float: left; width: 181px; }

#autor p {text-align: justify; }
#autor, #capitulos {padding: 2px;}
#content {margin-top: 20px;}