/* Free standard-compliant open source XHTML/CSS template provided by Eatlon.com */

body {
	background-image: url(imgs/body_bg.gif);
	background-repeat: repeat-x;
	background-color: #9faec2;
	font-family: arial, sans-serif;
	font-size: .7em;
	color: #8f8f8f;
	padding: 0;
	margin: 0;
}


a { text-decoration: none; color: #6d819d; padding: 0; margin: 0; }
a:hover { text-decoration: none; color: #a42929; border-bottom: 0px solid #6d819d; outline: 0; padding: 0; margin: 0; }

a.discrete { text-decoration: none; color: #7e7e7e; padding: 0; margin: 0; }
a.discrete:hover { text-decoration: underline; color: #7e7e7e; border-bottom: 0; outline: 0; padding: 0; margin: 0; }

a.title { text-decoration: none; color: #8f8f8f; padding: 0; margin: 0; }
a.title:hover { text-decoration: none; color: #8f8f8f; border-bottom: 0; outline: 0; padding: 0; margin: 0; }

h1 {
	font-family: georgia, serif;
	font-size: 5em;
	font-weight: 100;
	padding: 0;
	margin: 0;
}

h2 {
	font-size: 1.2em;
	font-style: italic;
	font-weight: 100;
	padding: 0;
	margin: 0;
}

h3 {
	font-family: georgia, serif;
	font-size: 2.3em;
	font-weight: 100;
	line-height: 1em;
	border-bottom: 1px solid #e0e0e0;
	padding: 0;
	margin: 0 0 5px 0;
}

h4 {
	font-size: 1.3em;
	font-weight: 100;
	padding: 0;
	margin: 0;
}

.in { text-indent: 20px; }



#wrap {
	width: 876px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	background-color: #fff;
	padding: 0;
	margin: 0 auto;
}

#header {
	width: 100%;
	height: 140px;
	background-image: url(imgs/head_bg.gif);
	background-repeat: repeat-x;
	background-position: top center;
}

	.title_tagline {
		width: 100%;
		height: 140px;
		background-image: url(imgs/logos/logo-shoenet-basura.gif);
		background-repeat: no-repeat;
		background-position: center;
		padding: 10px 0 px 30px;
		margin: 0;	
	}
	
	.description
	{
	    display:inline /*Fix IE floating margin bug*/; float:left; text-align: center; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
	    
	    margin-top:115px;
	    padding-left:350px;
	}


#menu {
	height: 60px;
	background-image: url(imgs/menu_bg.gif);
	background-repeat: repeat-x;
	font-size: 1.1em;
	padding: 11px 0 0 22px;
	margin: 0;
}

#menu a { text-decoration: none; color: #fafafa; font-weight: bold; padding: 0; margin: 0; }
#menu a:hover { text-decoration: none; color: #d0d0d0; outline: 0; padding: 0; margin: 0; }

	#menu ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	#menu ul li {
		float: left;
		padding: 0 0 0 0;
		margin: 0 10px 0 10px;
	}
	
#sitemap
{
    display:inline /*Fix IE floating margin bug*/; float:left; width:300px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
    margin: 20px 0 0 10px;
    
}
#sitemap a
{
    text-decoration: none;
    font-weight: bold;
    /*padding: 0;
    margin: 0;*/
    color:#6d819d;
}
#sitemap a:hover { text-decoration: none; color: #a42929; outline: 0; padding: 0; margin: 0; }



#content {
	background-color: #fff;
	margin: 10px 0 0 0;
	padding: 0 18px 0 20px;
}


/* The following CSS,
	"menu_left" and
	"content_right"
define the left-wing layout for index.html */

	.menu_left {
		float: left;
		width: 20%;
		padding: 0;
		margin: 0 0 0 10px;
	}

		.menu_left p {
			padding: 0;
			margin: 6px 0 0 0;
		}

		.menu_left ul {
			list-style-type: none;
			padding: 0;
			margin: 5px 0 25px 0;
		}

		.menu_left ul li {
			padding: 0;
			margin: 0;
		}

	.content_right {
		float: right;
		width: 71%;
		font-size: 1.1em;
		line-height: 1.5em;
		text-align: justify;
		padding: 0 20px 0 25px;
		margin: 0;
		border-left: 1px solid #e0e0e0;
	}

		.content_right p {
			padding: 0;
			margin: 7px 0 0 0;
		}

#sinlink{text-decoration:none;}
#sinlink a{text-decoration:none;}
#sinlink a:hover{text-decoration:none;}

.square {
	width: 160px;
	border-top: 1px solid #bcc6d4;
	/*border-bottom: 1px solid #bcc6d4;*/
	padding: 10px 8px 0 0;
	margin: 0 0 10px 0;
}
  
.post { padding: 0 0 20px 0; }

.layouts { text-align: center; padding: 10px 0 0 0; }

#bottom {
	clear: both;
	width: 100%;
	height: 163px;
	background-image: url(imgs/bottom_bg.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0 auto;
}

	.footer {
		width: 100%;
		text-align: center;
		padding: 40px 0 0 0;
		margin: 0;
	}
	
	
/*css para videos*/
#videos{ border: solid 0px black; margin-top:8px; width:150px; height:450px; padding: 2px 5px 2px 5px; float:left; z-index:1;}
#videos li{list-style-image: url(../images/li-flecha-naranja.jpg);}
#videos a{text-decoration:none; color: #444F51;font-weight:bold;}
#videos a:hover{text-decoration:none; color: #a42929;font-weight:bold;}
.menuVideos{text-decoration:none;}

#reproductores{border: solid 0px black; margin-top:8px; margin-left:10px; width:400px; height:450px; padding: 2px 5px 2px 5px; float:left; z-index:1;}

.hr1{color: Black; height:1px;}