@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: "EastMarket";
  src: url("EastMarket.eot");
  }

@font-face {
  font-family: "EastMarket";
  src: url("EastMarket.ttf");
  }
  
@font-face {
  font-family: "CartoGothicBold";
  src: url("CartoGothicStd-Bold.eot");
  }

@font-face {
  font-family: "CartoGothicBold";
  src: url("CartoGothicStd-Bold.ttf");
  }
  
@font-face {
  font-family: "CartoGothicBook";
  src: url("CartoGothicStd-Book.eot");
  }

@font-face {
  font-family: "CartoGothicBook";
  src: url("CartoGothicStd-Book.ttf");
  }
  
@font-face {
  font-family: "CartoGothicItalic";
  src: url("CartoGothicStd-Italic.eot");
  }

@font-face {
  font-family: "CartoGothicItalic";
  src: url("CartoGothicStd-Italic.ttf");
  }
  
a {
	color:#FFF;
	text-decoration:none;

}

a:hover {
	color:#069;
	text-decoration:none;
}

a img {
		border-width:0px;
	}
  
body{
	background-image:url(images/cos_bg.jpg);
	background-attachment:fixed;
	text-align:center;
	margin:0px;
}

#main {
	margin: 0 auto;
	width:800px;
	margin-top:30px;
}

#header{
	width:800px;
	height:90px;
	background-image:url(images/header.jpg);
}

#header h1{
	font-family:"EastMarket";
	color:#FFF;
	font-size:50px;
}

#header h2{
	font-family:"CartoGothicBold";
	color:#FFF;
	font-size:18px;
}

#titlebox{
	float:left;
	margin-top:-33px;
	margin-left:50px;
	margin-bottom:-30px;
}

#title{
	margin-bottom:-45px;
	}
	
#subtitle{
	
	}

#menu{
	clear:both;
	background-color:#333333;
	width:800px;
	height:30px;
}

div.boton {
	height:27px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	background-color:#333333;
	font-family:"CartoGothicBold";
	color:#CCC;
}
div.boton:hover {
	background-color:#069;
	margin-top:-2px;
}

#contenedor{
	clear:both;
	width:800px;
}

#post{
	background-image:url(images/bg_post.png);
	float:left;
    width:472px;
	padding:20px;
	height:438px;
	text-align:center;
	

}

#post_titulo{
	background-color:#333333;
	position:relative;
	z-index:20;
	width:472px;
	height:25px;
	padding-top:5px;
	margin-top:-10px;
	font-family:"CartoGothicBold";
	color:#CCC;
}

#post_titulo:hover{
	background-color:#069;
}


#info {
	background-image:url(images/bg_thumb.png);
	position:absolute;
	z-index:20;
	width:452px;
	padding:10px;
	text-align:left;
	font-family:"CartoGothicItalic";
	color:#CCC;
}


#img {
	z-index:15;
	height:420px;
	width:inherit;
	display: table-cell;
	vertical-align:middle;
}

#otro {
	background-image:url(images/bg_thumb.png);
	float:right;
	width:248px;
	height:438px;
	padding:20px;
}

#otro h2 {
	font-family:"EastMarket";
	color:#FFF;
	font-size:25px;
	margin-top:5px;
}

#otro ul{
	padding: 0px;
	margin: 0px;
	border: 0px;
	list-style: none;
	text-align: center;
}

#otro ul li {
	display: inline;
	padding: 0;
	border: 0;
	margin: 0;
	}
	
#otro ul li a img {
	border: none;
	padding: 6px;
	}
	
#otro ul li a:hover img {
	background: #069;
	}	
#Searchresult{
	margin-top:-20px;
	height:340px;
}

/*page styles*/
#page_post {
	background-image:url(images/bg_thumb.png);
	padding:20px;
	text-align:center;
	color:#FFF;
	height:auto;
}

#page_post h2 {
	font-family:"EastMarket";
	color:#FFF;
	font-size:25px;
	margin-top:5px;
}

#page_post p {
	font-family:"CartoGothicBook";
	color:#FFF;
}
	
#closer{
	clear:both;
	position:relative;
	background-color:#333333;
	width:800px;
	height:20px;
}

#footer {
	clear:both;
	background-image:url(images/footer.png);
	background-repeat:repeat-x;
	width:100%;
	height:40px;
	position:fixed;
	bottom:0px;
	/*font-family:"CartoGothicBold";
	font-size:10px;
	color:#036;
	padding-top:20px;*/
	
}
#power {
	width:200px;
	float:left;
	font-family:"CartoGothicBold";
	font-size:10px;
	color:#036;
	margin-top:25px;
	margin-left: 25%;
}

#redes {
	width:200px;
	float:right;
	margin-top:-10px;
	margin-right:25%;

}

#redes ul {
	list-style: none;
	text-align: center;
}

#redes ul li {
	display: inline;
}