/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:hidden;
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


/* RESET */

*{
	margin:0;
	padding-top: 0px;
}

body, html{
	background-image: url(../images/bg.gif);
	vertical-align:baseline;
	font-size:100%;
	font-family:Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
}

h1{ font-size:26px; }
h2{ font-size:20px; }
h3{ font-size:16px; }
h4{ font-size:14px; }
h5{ font-size:12px; }
h6{ font-size:10px; }

fieldset{ border: none; }

li{ list-style:none; }

a{text-decoration:underline; outline: none;}

a:hover{ text-decoration:underline }



/* ESTILOS GENERALES */


div#featured_content{
	height: 290px;
	clear: both;
}

div.featured_cols{
	float: left;
	margin: 0px 0 0 0px;
}

div.container{
	width: 950px;
	margin: 0 auto;
	background-color: #d5d5d5;
}

div.section{
	float: left;
	padding: 0 0px 20px 0;
	margin: 0px;
}

/*
div.clearfix{
width:1px;
height:1px;
display:block;
clear:both;
content:'.';
}

*/



/* FEATURED CONTENT */

div#featured_content div#col_one{
	width: 210px;
	padding-left: 30px;
	margin-top: 20px;
	padding-right: 5px;
	margin-bottom: 0px;
}

	div#featured_content div#col_one p{
	color:#333333;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

	div#featured_content div#col_one img{
	float: left;
	margin: 0 0px 0 0;
	}

	div#featured_content div#col_one h3{
	background:url("../images/arrow_aimme.png") no-repeat left center;
	margin: 0 0 0 92px;
	padding: 0 0px 0 10px;
	}

div#featured_content div#col_two{
	color: #fff;
	padding-right: 0;
}

	div#featured_content div#col_two h2{ margin: 0 0 10px 0; }

	div#featured_content div#col_two a{ color: #fff; text-decoration: underline; }

div#featured_content div#col_three { padding-right: 0; }

	div#featured_content div#col_three ul{
		background: #333;
		border: 1px solid #7b7b7b;
		width:226px;
		padding: 15px 0;
	}

	div#featured_content div#col_three li{
		background: url("../images/menu_arrow.jpg") no-repeat 5% ;
		border-bottom: 1px dotted #838383;
		padding: 5px 0 5px 0;
	}

	div#featured_content div#col_three li:last-child{ border:none;}

	div#featured_content div#col_three li.active{background: #686868 url("../images/menu_arrow.jpg") no-repeat 5%;}

	div#featured_content div#col_three a{
		padding: 0 97px 0 20px;
		margin: 0 0 0 10px;
		color:#fff;
	}



/* MAIN COTENT */

div#section_one{
	padding-left: 30px;
	width: 200px;
	padding-right: 15px;
	background-color: #D5D5D5;

}
#logo{
	padding:30px 0px 20px 0px;
}

div#section_two{
	width: 420px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 2px;

}

div#section_three{
	width: 240px;
	padding-left: 20px;
	padding-top: 20px;
}


div#section_three p{
	margin: 0 0 50px 0;
}

#popularity{
	background-color: #fff;
	height: 55px;
	padding: 5px;
	border:3px;
	margin-bottom:5px;
	border-color: #589442;
	border-style: solid;
}

#popularity img {
	float:left;
	margin:10px 5px 0 0;
	padding:0px;}
	
#popularity p {
	font-size:11px;
	margin:0px;
	padding:0px 0px 10px 0px;
	color:#589442;}
	
#popularity a {
	color:#202d95;}
		
.number {
	font-size:30px;
	margin:0px;
	padding:5px 0 10px 0px;
	color:#589442;
	font-family:Arial, Helvetica, sans-serif;
}	

#widgets{
	background-color: #d5d5d5;
	height: 60px;
	padding-top: 0px;
}

#map {
	margin: 10px 0;
}


/* FOOTER */

div#footer{
	background: #3a3939;
	height: 90px;
clear:left;
}
#footer-menu{
	width: 810px;
	float: left;}
#footer-menu a {
	color:#FFFFFF;
	text-decoration:none
}
#footer-menu a:hover {color:#fff;text-decoration:underline}	

#icons-card{
	width: 135px;
	float: right;
}

div#footer div#footer_nav{
	background: #3a3939;
	padding: 10px 0;
	width: 100%;
	height: 20px;
}

	div#footer div#footer_nav ul{
	margin: 0 50px;
	color: #CCCCCC;
}

	div#footer div#footer_nav li{
	display: inline;
	border-right: 1px dotted #fff;
	padding: 0 15px;
	margin: auto;
	color: #CCCCCC;
}

	div#footer div#footer_nav li:last-child{
	border:none;
	color: #CCCCCC;
}

	div#footer div#footer_nav  a{
	color:#FFFFFF;
}

div#credits{
	clear: both;
	color:#CCCCCC;
	text-align: center;
	padding: 5px 0;
	background-color: #666666;
}
#credits a {
	color:#cccccc;
	text-decoration:none
}
#credits a:hover {color:#ffffff;text-decoration:underline}


#book-button {margin:10px 0 0}
#book-button img {border:none}
#book-button a {text-decoration:none}

#design-credits {background:#3d3d3d;color:#888;padding:10px 0;text-align:center}
#design-credits a {
	color:#999999;
	text-decoration:none
}
#design-credits a:hover {color:#fff;text-decoration:underline}
#footer .container #credits .active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
}