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

body {
	margin: 0;
	padding: 0;
	border: 0;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	background: #675f5d url(images/bg.jpg) top repeat-x;
}

a {
	color:#F93;
	text-decoration: none;
}

h2 {
padding-top:5px;
margin: 2px auto;
color:#F30;
}

h5 {
padding:5px 0;
margin: 2px auto;
border-bottom: #CCC 1px solid;
}


div#contenedor {
	width:100%;
	bacground: #FFF;
}

div#interior {
	width:900px;
	margin: 0 auto;
	background:#fff;
}

div#header {
	width: 900px;
	height: 120px;
	padding: 0;
	background: #999 url(images/bgtop.jpg) no-repeat;
}

div#logo {
	width: 200px;
	float:left;
}

div#menu_top {
	width: 700px;
	float:right;
	font-size: x-small;
	text-align: right;
}

div#menu_top ul { 
	list-style: none;
	margin:0;
	padding:8px 0;
}

div#menu_top ul li {
	display:inline;
	margin: 0 1px 0 1px;
	padding: 0 10px;
	border-right: 1px solid #CCC;
}

div#menu_top ul li a {
	text-decoration: none;
	color: #333;
}

div#menu_top ul li a:hover {
	text-decoration: none;
	color: #F60;
}

div#social {
	padding-left: 640px;
	padding-top: 60px;
}

div#social ul { 
	list-style: none;
}

div#social ul li  {
	display:inline;
}

div#social ul li a {
	text-decoration: none;
}

div#social a.face {
	display:block;
	width: 46px;
	height: 49px;
	background:url(images/face_off.png) no-repeat;
	float:left;
}

div#social a.face:hover {
	width: 46px;
	height: 49px;
	background:url(images/face_on.png) no-repeat;
}
div#social a.twi {
	display:block;
	width: 46px;
	height: 49px;
	background:url(images/twi_off.png) no-repeat;
	float:left;
}

div#social a.twi:hover {
	width: 46px;
	height: 49px;
	background:url(images/twi_on.png) no-repeat;
}
div#social a.you {
	display:block;
	width: 46px;
	height: 49px;
	background:url(images/you_off.png) no-repeat;
	float:left;
}

div#social a.you:hover {
	width: 46px;
	height: 49px;
	background:url(images/you_on.png) no-repeat;
}


div#top {
	background: url(images/img_top.jpg) no-repeat;
	width: 900px;
	height: 221px;
}

div#top div#img_top {
	width: 900px;
	height: 195px;
}

div#top div#img_top div#image {
	width: 555px;
	height: 195px;
	float:left;
}

div#top div#img_top div#pub {
	width: 325px;
	height: 175px;
	float:right;
	padding:10px;
}

div#top div#img_top div#pub img {
	border: 1px solid #999;
	width: 325px;
	height: 85px;
	float:left;
	margin-top: 5px;
}
div#menu {
	width: 900px;
	height: 26px;
}

div#menu ul { 
	list-style: none;
	margin:0;
	padding:5px 0;
}

div#menu ul li {
	display:inline;
	margin: 0;
	float:left;
	padding: 0 10px;
	border-right: 1px solid #CCC;
}

div#menu ul li a:hover {
	color:#F60;
}

div#menu ul li a {
	text-decoration: none;
	color: #333;
	font-size:12px;
}

div#menu ul li a.active {
	color:#666;
}

div#contenido {
	width: 900px;
	float:left;
	background:#fff;
}

div#info {
	width: 520px;
	background:#FFF;
	float:left;
	padding: 15px;
}

div#sidebar {
	width: 350px;
	float:right;
	background:#fff;
}

div#search {
	width: 345px;
	height: 50px;
	background: url(images/bg_search.png) no-repeat;
	text-align:center;
	font-size:small;
	margin: 0;
}

div#search div#buscador {
	padding-top: 22px;
	padding-left: 30px;
	float: left;
}

div#enviar_spot {
	width: 345px;
	height: 30px;
	background: #FFF;
	text-align:center;
	font-size:small;
	margin-top: 10px;
}

div#chat {
	width: 345px;
	height: 350px;
	background: url(images/bg_msn.png) no-repeat;
	text-align:center;
	font-size:small;
	margin-top: 10px;
}

div#chat div#tagboard {
	padding-top: 25px;
	padding-left: 10px;
	float: left;
}


div#maps {
	width: 345px;
	height: 350px;
	margin-top: 3px;
	text-align:center;
	font-size:small;
	background: url(images/bg_maps.png) no-repeat;
}

div#maps div#mapa {
	padding-top: 25px;
	float: left;
	padding-left: 2px;
}


div#face {
	width: 345px;
	height: 350px;
	margin-top: 5px;
	text-align:center;
	font-size:small;
	background: url(images/bg_face.png) no-repeat;
}

div#face div#amigos {
	padding-top: 25px;
	float: left;
	padding-left: 12px;
}


div#stats {
	width: 345px;
	height: 50px;
	margin-top: 10px;
	background: url(images/bg_stats.png) no-repeat;
	text-align:center;
	font-size:small;
}

div#stats div#estadisticas {
	padding-top: 22px;
	padding-left: 20px;
	float: left;
	color:#666;
}

div#down {
	background: #675f5d url(images/img_foot.jpg) no-repeat;
	width: 900px;
	height: 27px;
	text-align:center;
	float:left;
	font-size:small;
	margin:0;
	padding:5px 10px;
}


div#footer {
	width: 900px;
	height: 15px;
	background: #675f5d;
	text-align:center;
	float:left;
	font-size:small;
	padding: 0;
}


div#contactos {
	width: 345px;
	height: 350px;
	color:#666;
	font-size: small;
	padding: 10px;
	background: url(images/bg_spot.png) no-repeat;
	margin-left: 50px;
}

div#contactos div#formu {
	padding-top: 22px;
	padding-left: 5px;
	float: left;
	color:#666;
}
/*  BOTONES Y CAMPOS  */

.enviar {
	color:#333;
	background: #FFF;
	border: 1px solid #666;
}

.enviar2 {
	color:#333;
	background: #FFF;
	border: 1px solid #666;
	margin-left: 170px;
}

.campo {
	border: 1px solid #999;
	background:#CCC;
	width: 170px;
	color:#333;
	font-size: small;
	font-family:Verdana, Geneva, sans-serif;
}

.campo2 {
	border: 1px solid #999;
	background:#CCC;
	width: 126px;
	color:#333;
	font-size: small;
	font-family:Verdana, Geneva, sans-serif;
}

.numero {
	border: 1px solid #999;
	background:#CCC;
	width: 40px;
	margin-left: 2px;
	color:#333;
	font-size: small;
	font-family:Verdana, Geneva, sans-serif;
}


/*  Eventos  */
div#evento {
	margin: 5px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
div#evento ul{
	list-style: none;
}
div#evento ul li {
	margin: 2px 5px 2px 40px;
}
div#evento img{
	margin: 2px 5px;
}
img.fecha {
	float:left;
	margin: 0 5px;
}