/* @override http://nicohardy.com/styles.css */

/* CSS Document */

body
{
	background-color: #666;
	font: 'Lucida Grande', 'Lucida Sans Unicode', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	text-align: center;
	margin: 0;
	min-width: 600px;
}

html {
	background-color: #666;
}


a, a:link, a:link, a:link, a:hover
{
	background: transparent;
	text-decoration: underline;
	cursor: pointer;
}

a:link { color: white;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: white;
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:active { color: #cdff00;
	text-decoration: none;
	font-weight: bold;
}

p { font: .8em/1.4em 'Lucida Grande', 'Lucida Sans Unicode', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	color: silver;
}


h1
{
	color: #FFFFFF;
	font: normal 160% Georgia, Times New Roman, Times, serif;
}

h2
{
	color: #cdff00;
	font: normal 160% Georgia, Times New Roman, Times, serif;
	padding: 0;
	margin: 0;
}

.verde {
	color: #cdff00;
}


#container
{
	width: 600px;
	margin: 0px auto;
	background-color: #fff;
	color: #333;
	line-height: 130%;
	text-align: center;
}

.smaller {
	font-size: 10px;
	color: white;
}


#content
{
	width: 480px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#content_books
{
	width: 620px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height: 400px;
}

.imgnews
{
	margin-top: 20px;
}

.pastillas
{
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}

.pastillas p {
	padding: 0;
	margin-bottom: 0;
	margin-top: 2px;
}

#inicio
{
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	width: 460px;
	text-align: center;
	margin-top: 40px;
	background: url(images/nicohardy.gif) no-repeat;
}

#slideshow {
	
	margin:0 auto;
	width: 700px;
	text-align: center;
}



/*pie*/

div#pie {
	clear: both;
	margin: 45px 0 0;
	height: 15px;
}

div#pie_leyenda {
	height: 20px;
	background: #666666 url(images/pie.gif) no-repeat center;
	}


div#pie_bydocke {
	clear: both;
	height: 13px;
	padding-top: 0px;
	background-color: #666666;

}

div#pie_bydocke img {
	border-style: none;
}
	
/*fin pie*/



#footer
{
	clear: both;
	margin: 45px 0 0;
	height: 15px;
	
}

#footer p
{
	color: silver;
	font-size: 10px;
	padding: .5em;
	letter-spacing: .1em;
}

/*- Pastillas open window--------------------------- */

.thumbnail
{
float: left;
width: 90px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
font-family: "Lucida Grande", Arial, sans-serif;
font-size: 12px;
color: #CCCCCC;
}

.thumbnail p {
	padding: 0;
	margin-bottom: 0;
	margin-top: 0px;
	text-align: center;
}

.thumbnail a {
	display: block;
	color: silver;
	text-decoration: none;
}

.thumbnail a:hover {
	color: #cdff00;
}


.thumbnail_1
{
float: left;
width: 60px;
border: 1px solid #999;
margin: 0 15px 15px;
padding: 5px;
font-family: "Lucida Grande", Arial, sans-serif;
font-size: 12px;
color: #CCCCCC;
}

.thumbnail_1 p {
	padding: 0;
	margin-bottom: 0;
	margin-top: 0px;
	text-align: center;
}

.thumbnail_1 a {
	display: block;
	color: silver;
	text-decoration: none;
}

.thumbnail_1 a:hover {
	color: #cdff00;
}


.thumbnail_1
{
float: left;
width: 90px;
border: 1px solid #999;
margin: 0 15px 15px;
padding: 5px;
}

.clearboth { clear: both; }

/*- Menu Horizontal--------------------------- */
#top
{
	background-color: #666;
	height: 45px;
	padding-top: 8px;
	margin-top: 15px;
}

#navcontainer ul
{
	list-style-type: none;
	text-align: center;
	font: 12px 'Lucida Grande', 'Lucida Sans Unicode', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;

}

#navcontainer ul li
{
	display: inline;
	border-right: 1px solid silver;
}

#navcontainer ul li.pgsix
{
border-right: 0px solid silver;
}


#navcontainer ul li a
{
	text-decoration: none;
	color: silver;
	top: 2em;
	padding-right: 1em;
	padding-left: 1em;
}



#navcontainer ul li a:hover
{
	color: white;
}

/*- status ID--- */



body#pgzero #navcontainer ul li.pgzero a
{
	background-color: #66666;
	color: #cdff00;
}

body#pgone #navcontainer ul li.pgone a
{
	background-color: #66666;
	color: #cdff00;
}

body#pgtwo #navcontainer ul li.pgtwo  a
{
	background-color: #66666;
	color: #cdff00;
}

body#pgthree #navcontainer ul li.pgthree a
{
	background-color: #66666;
	color: #cdff00;
}

body#pgfour #navcontainer ul li.pgfour a
{
	background-color: #66666;
	color: #cdff00;
}

body#pgfive #navcontainer ul li.pgfive a
{
	background-color: #66666;
	color: #cdff00;
}

/*- thum books--------------------------- */

.thumbnail_books
	{
	margin: 0 0 0 10px;
	position:relative;
	z-index:9999;
	border: 1px solid silver;
	float:right;
	width:120px;
	padding:10px;
	background: #666;
	}

/*.thumbnail_books img
	{
	border: 1px solid #000;
	margin-right: 0px;
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	}*/
	
hr
{
	margin: 1em 0;
	background: silver;
	height: 1px;
	color: silver;
	border: 0;
}