/* reset */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; border: none;}

a {color:#5B5B5B; text-decoration:none;}
a:hover {text-decoration:underline;}

body{ margin: 10px 0; color: #666; text-align: center; background: #E7E7E7; font-size: 96%; font-family: tahoma;}

#page{ margin:0 auto; max-width: 1000px; min-width:770px; width:94%; background: #fff url(../img/center_left.png) repeat-y left; text-align:left;}
#container{	background: transparent url(../img/center_right.png) repeat-y right; text-align:justify; overflow: hidden;}

#header { margin-bottom:8px; background: transparent url(../img/header_left.png) no-repeat top left;}
#header-logo{background: transparent url(../img/header_right.png) no-repeat top right; text-align:center;}

#sidebar{ float: left; width: 165px; padding:0 10px 0 0; margin: 0 0 0 18px; background: transparent url(../img/linea.png) repeat-y right;}
#content{ margin: 0 20px 0 204px;  overflow: hidden;}
#footer{ clear:both; background: transparent url(../img/footer_left.png) no-repeat bottom left; }
#footer-content {height:33px;padding-top: 30px; text-align: center; background: transparent url(../img/footer_right.png) no-repeat bottom right; }

#powered { margin: 10px 0; text-align:center;}
#powered ul { margin: 0 0 10px 0;}
#powered li { display: inline; list-style-type: none; font-size: 85%; color: #999; padding: 0 2px 0 6px; border-left: 1px solid #c6c6c6;}
#powered li:first-child { border-left: none;}
#powered li a { color: #555; }

.block { margin-bottom: 15px;}
.block h3 { color:#fff; height: 26px; padding: 12px 0 0 15px; background-color:#5B9ED5; font-weight: bold; font-size: 0.9em;}
.block h3 a { color: #fff; display: block; }
.block h3 a:hover { text-decoration: none; }
h3.menu_main { background:transparent url(../img/menu_blue.png) left top no-repeat; }
h3.menu_games { background:transparent url(../img/menu_orange.png) left top no-repeat; }
h3.menu_videos { background:transparent url(../img/menu_red.png) left top no-repeat; }
h3.menu_exchanges { background:transparent url(../img/menu_green.png) left top no-repeat; }
h3.menu_webs { background:transparent url(../img/menu_yellow.png) left top no-repeat; }

.block ul { margin:0 7px 0 5px; padding:5px 0 0 0; list-style:none;}
.block ul li {padding: 0.3em 0 0.3em 0.5em; background: transparent url(../img/line_1.png) bottom repeat-x; font-size: 0.8em}
.block ul li a {padding-left: 0.8em; background: transparent url(../img/arrow_1.png) left center no-repeat;}


/* pager begin */
.pager { padding: 0.3em; margin: 2em 0 0 0; text-align:center; font-size: 0.9em; }
.pager a { padding: 0.25em 0.6em; margin-right: 0.2em; border: 1px solid #ccc; color: #777; }
.pager span.current { padding: 0.25em 0.6em; margin-right: 0.2em; border: 1px solid #555;   }
.pager a:hover { text-decoration: none; border: 1px solid #555; color: #555; }
.pager a.nextprev { }
.pager span.nextprev { padding: 0.25em 0.6em; margin-right: 0.2em; border: 1px solid #ccc; color: #999;}
.pager .nextprev-next { float: right;}
/* pager end */


/* videos & games begin */
#home { clear: both; overflow: hidden;}
.section-description { margin: 1em 0; color: #000;}
div.element {margin: 0 0.8em 1em 0; overflow: hidden; clear:both; font-size: 0.85em; }
div.element h3 { font-weight: bold;}
div.element img {float:left; margin:0 5px 0 0;border:1px solid #333; width:120px; height:100px;}
div.element h4.today {color:#96b221; font-weight: bold;}

.column { float:left; width:49.0%; margin: 0 0 0 0; }
.column-first { background: transparent url(../img/linea.png) repeat-y right bottom; margin: 0 10px 0 0;}

#tops { overflow: hidden; margin: 0;}
#top-rated, #top-games { border-right: 1px dotted #ccc; }
#top-rated h2 { color: #4096ee;}
#top-viewed h2 { color: #008c00;}
#top-games h2 { color: #ff7400;}
#top-videos h2 { color: #ff0000;}

.top { float: left; width: 49%; margin: 0 0 1.5em 0; padding: 0; overflow: hidden; }
.top h2 { margin: 0 0 0.5em 1em; font-weight: bold; font-size: 1.3em;  }

.top ul {list-style-type: square;}
ol li, ul li { line-height: 1.3em; font-size: 0.85em;  }
* html ol li, * html ul li { position: relative;} /* IE Hack */
li.column-1 { margin-left: 1.9em; }
li.column-2 { margin-left: 16.7em; }
li.reset { margin-top: -6.5em;}
li span { font-weight: bold; }

#tags li  { width: 30%; float: left; margin: 0 0 0 1.1em;}

.more { float: right; margin: 0 20px 0 0; padding: 1px 8px; font-size: 0.8em; font-weight: bold; text-align: right; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.more a { color: #ff7400;}
.more a:hover { text-decoration: none; color: #4096ee; }
#last-videos .more a { color: #f00;}
#last-videos .more a:hover { color: #008c00;}

/* videos & games end */

/* videos begin */
h2.videos { margin: 0.2em 0 0.5em 0.5em; color:#f00; text-transform: lowercase; font-weight: bold; font-size: 1.3em;}
#videos { overflow: hidden;}
#video h2 { margin: 1em 0 0 0; text-align: center; color:#f00; text-transform: lowercase; font-weight: bold; font-size: 1.3em;}
#video-description { margin: 1em auto; width: 80%;}
#video-player { text-align: center;}
#video-info { width: 60%; margin:1em auto; font-size: 0.9em; }
#video-info strong { font-weight: bold;}
/* videos end */

/* games begin */
h2.games { margin: 0.2em 0 0.5em 0.5em; color:#ff7400; text-transform: lowercase; font-weight: bold; font-size: 1.3em;}
#games { overflow: hidden;}
#game h2 { margin: 1em 0 0 0; text-align: center; color: #ff7400; text-transform: lowercase; font-weight: bold; font-size: 1.3em;}
#game-description { margin: 1em auto; width: 80%;}
#game-player { text-align: center;}
#game-info { width: 60%; margin:1em auto; font-size: 0.9em; }
#game-info strong { font-weight: bold;}
/* videos end */


.publi468 { width: 468px; margin: 1em auto;}
.publi336 { width: 336px; margin: 1em auto;}


.page h2 { margin: 0 0 0.6em 0; font-weight: bold; font-size: 1.3em;}
.page h3 { margin: 1em 0 0.5em 0; font-weight: bold; font-size: 1.1em;}
.page p { margin: 1em 0; font-size: 0.9em;}
.page li { margin: 0 0 0 3.5em; font-size: 0.9em;}

/* contacto begin */
#contact { margin: 1em 0 0 1em; overflow: hidden;}
#contact input[type=text], #contact textarea { width: 400px; padding: 4px; }
#contact h2 { font-size: 1.3em; font-weight: bold;}
#contact strong { font-weight: bold;}
#contact label { font-weight: bold;}
#contact div.input { margin: 0.5em 0;}
#contact label.error { color: #f00;}
#contact .form-actions { margin: 1em 0 0 0;}
#contact .form-actions input {  font-size: 1.0em; }
#contact label.error { }
#contact p { margin: 0 0 1em 0; }
/* contacto end */

.loading {
	margin: 0 auto;
	text-align: center;
	background-color: #2B5792; 
	color: #fff;
	padding: 30px 0 0 0;
	font-style: italic;
	font-weight: bold;
}

#intercambios {
	margin: 2em 0 0 0;
	text-align: center;
}
#intercambios ul li {
	display: inline;
	margin: 0 0.3em;
}
#intercambios ul li:last a {
	text-decoration: underline;
}
#intercambios #reciprocos {
	color: #f00;
	font-weight: bold;
}
#mas-enlaces ul {
	float: left;
	margin: 0 2em;
}