@import url("../css/reset.css");



/*  Globals

--------------------------------------------------------------------------------------------------- */

/*listas*/

* {margin:0; padding:0;}

ul.listas li { list-style:disc; margin:0 0 0 12px }

hr { display: none; }


/*tablas*/
div.row {float: left; margin: 0; padding: 0; width: 98.5%; font-style:italic; /*border:1px #FFFFFF solid*/ }
div.cols2 {float: left; width: 46%; margin: 0; padding: 0 0 24px 20px; color: #d3a358 /*border:1px #FFFFFF solid*/}

/*tablas color*/
.colsColor {float: left; width: 46%; margin: 0; padding: 0 0 24px 20px; /*background:#000000  border:1px #FFFFFF solid*/}

/*5 columnas*/
div.rowNoIt {float: left; margin: 0; padding: 0; width: 98.5%; /*display:block; height:200px;*/ }
div.cols5 {float: left; width: 19%; margin: 0; padding: 10px 0 10px 0 0;  /*background-color:#FF0000;*/ text-align:center}

/*7 columnas*/
div.cols7 {float: left; width: 14%; margin: 0; padding: 10px 0 10px 0 0; border:1px #FFFFFF solid;  /*background-color:#FF0000;*/ text-align:center}



strong, b { font-weight: bold; }

em, i { font-style: italic; }

.small {

	font-size: 11px;

}

.imagenes {display: block; border: solid 1px #FFFFFF}

.more_btn {

	position: absolute; 

	top: 0;

	right: 30px;

	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	text-decoration: none;

	padding: 2px 5px;

	background: #000;

	border-bottom: 1px solid #555;

	border-left: 1px solid #555;

	border-right: 1px solid #555;

}

.more_btn:hover {

	background: #6D070D;

}

.promo {

	margin: 0 0 20px 0;

}

.highlite {

	color: #f0bb6d;

	background: #6D070D;

	padding: 0 5px;

}

#wrapper .last {

	border: none;

}

blockquote .small {

	font-weight: bold;

}

a {

	color: #f0bb6d;

	text-decoration: underline;

}

a:hover {

	color: #fff;

	background:  #400500;

}


.boldText {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #d3a358;
}
.pieText {
	font-family: Arial, Helvetica, sans-serif;
	color: #d3a358;
	font-size: 10px;
	font-style: italic;
}
h1 {

	font: 30px Arial, Helvetica, sans-serif;

	text-align: left;

	margin: 0 0 5px 0;

	color: #9a6f2f;

	line-height: 35px;

	padding: 0 0 10px 0;

	border-bottom: 1px dotted #666;
}

h2 {

	font: 40px Georgia, "Times New Roman", Times, serif;

	text-align: left;

	margin: 0 0 5px 0;

	/*color: #9f6e25;*/

	color: #c69853;

	line-height: 40px;

	padding: 0 0 10px 0;

	border-bottom: 1px dotted #666;

}

h3 {

	font: 20px Arial, Helvetica, sans-serif;

	color: #6d2407;

}
h4 {

	font: 24px Arial, Helvetica, sans-serif;

	margin: 0 0 5px 0;
	
	line-height: 30px;

	color: #6d3707;


}

h5 {

	font: 20px Georgia, "Times New Roman", Times, serif;

}





/* Form

--------------------------------------------------------------------------------------------------- */	
.contactfield {
	padding: 10px 0;
}
.contactfield label {
	font-size: 14px;
	float: left;
	width: 130px;
}
input, textarea {
	background: #000;
	border: 1px solid #444;
	padding: 2px;
	color:  #C69853;
}
.validation-advice {
color: red;
padding: 5px 0;
} 

/* GLOBAL containers

--------------------------------------------------------------------------------------------------- */	

#wrapper {

	width: 990px;

	height: 450px;

	margin: 0 auto;

	position: relative;

}

#logo p, #head_logo h1 {

	text-indent: -9999px;

}

#logo {

	position: absolute;

	width: 160px;

	height: 234px;

	top: 0;

	left: 0;

	/*background:url(../gfx/logo.png) no-repeat 0 0;*/

}

#head_logo {

	position: absolute;

	width: 558px;

	height: 193px;

	top: 40px;

	left: 210px;

	/*background:url(../gfx/head_logo.png) no-repeat 0 0;*/

}

#global_body {

	padding: 240px 0 0 0;

}

#primary {

	width: 160px;

	float: left;

}

#secondary {

	width: 670px;

	float: left;

}

#sidebar {
	padding: 150px 0 0 0; /*este es el padding del panel de la derecha donde estan las noticias y demas. eliminar si lo kiero alineado arriba*/

	width: 160px;

	float: left;

}





/* Container Boxes

--------------------------------------------------------------------------------------------------- */

#wrapper .round_box { 

	width: 630px;

	margin: 0 auto 20px auto;

	position: relative;

}

#wrapper .round_box .rounded_body p {

	line-height: 20px;

	margin: 0 0 20px 0;

}

#wrapper .round_box .rounded_body {

	background:url(../gfx/box-bg.png);

	padding: 0 35px;

}

#wrapper .round_box .rounded_top {

	height: 14px;

	background:url(../gfx/top-box.png);

}

#wrapper .round_box .rounded_bottom {

	height: 14px;

	background:url(../gfx/bt-box.png);

}



#wrapper .round_box .rounded_body .tema_right {

	display: block;

	float: right;

	padding: 5px;

	background: #333;

	margin: 0 0 15px 15px;

}

#wrapper .round_box .rounded_body .tema_left {

	display: block;

	float: left;

	padding: 5px;

	background: #333;

	margin: 0 15px 15px 0;

}

#wrapper .round_box .rounded_body .tema_right:hover, #wrapper .round_box .rounded_body .tema_left:hover {

	background: #f0bb6d;

}



/* SMALL BOX */

#wrapper #sidebar .round_box, #wrapper #primary .round_box { 

	width: 160px;

	position: relative;

}

#wrapper #sidebar .round_box h3,#wrapper #primary .round_box h3  {

	font: 15px Georgia, "Times New Roman", Times, serif;

	color: #fff;

	padding: 0 5px 5px 5px;

	border-bottom: 1px dotted #777;

}

#wrapper #sidebar .round_box .rounded_body p {

	margin: 0;

}

#wrapper #sidebar .round_box .rounded_body {

	background:url(../gfx/160_box-bg.png);

	padding: 0 10px 15px 10px;

	position: relative;

}

#wrapper #primary .round_box .rounded_body {

	background:url(../gfx/160_box-bg.png);

	padding: 5px 1px;

	position: relative;

}

#wrapper #sidebar .round_box .rounded_top,#wrapper #primary .round_box .rounded_top {

	height: 6px;

	background:url(../gfx/160_top-box.png);

}

#wrapper #sidebar .round_box .rounded_bottom, #wrapper #primary .round_box .rounded_bottom {

	height: 6px;

	background:url(../gfx/160_bt-box.png);

}



#wrapper #sidebar ul {

	padding: 10px 0;

	list-style-type: disc;

	margin: 0 0 0 5px;

}



#wrapper #sidebar ul li {

	margin: 10px 0 10px 15px;

}





/* PATROCINADORES */

#wrapper #primary #patro ol {

	/*margin: 5px 0;*/

}

#wrapper #primary #patro ol li {

	/*margin: 5px 0;*/

	border-bottom: 1px solid #333;

}

#wrapper #primary #patro ol li a {

	display: block;

	width: 125px;

	/*margin: 0 auto;*/

}



#wrapper #sidebar .round_box .follow_btn {

	position: absolute; 

	bottom: -1px;

	right: 10px;

	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	text-decoration: none;

	padding: 2px 5px;

	background: #000;

	border-top: 1px solid #555;

	border-left: 1px solid #555;

	border-right: 1px solid #555;

}

#wrapper #sidebar .round_box .follow_btn:hover {

	background: #6D070D;

}

#wrapper #sidebar .round_box .rounded_body .date {

	font-size: 10px;

	background: #6D070D;

	padding: 0 5px;

}



#wrapper #sidebar .round_box .rounded_body .feat_img {

	display: block;

	padding: 5px;

	background: #333;

	margin: 5px 0;

}

#wrapper #sidebar .round_box .rounded_body .feat_img:hover {

	background: #f0bb6d;

}

#wrapper #sidebar .round_box .rounded_body .feat_title {

	font-size: 16px;

	padding: 2px 5px;

	background: #6D070D;

}



#wrapper #global_body #secondary #galeria_items li {
	width: 150px;
	float: left;
	margin: 0 25px 10px 0;
}
#wrapper #global_body #secondary #galeria_items li h3 {
	font-size: 14px;
}
#wrapper #global_body #secondary #galeria_items li a {
	width: 130px;
}

#wrapper #global_body #secondary a.galeria_preview {

	display: block;
	padding: 10px;
	background: #000;
	margin: 0 0 20px 0;
	border: 1px solid #333;

}

#wrapper #global_body #secondary a.galeria_preview:hover {

	background: #6D070D;

	border: 1px solid #6D070D;

}



/* SUB Navigation

--------------------------------------------------------------------------------------------------- */	

#wrapper #primary .round_box ul li {

	border-bottom: 1px dotted #555;

}

#wrapper #primary .round_box ul li a {

	width: 128px;

	display: block;

	font-size: 14px;

	text-decoration: none;

	padding: 5px 0 5px 30px;

	background: url(../gfx/menu_bullet_white.gif) no-repeat 2% 50%;

}

#wrapper #primary .round_box ul li a:hover,#wrapper #primary .round_box ul li.active a {

	background: url(../gfx/menu_bullet.gif) no-repeat 2% 50% #6D070D;

}

#wrapper #primary .round_box ul li.last {

	border: none;

}





/* Navigation

--------------------------------------------------------------------------------------------------- */	

#navigation {

	width: 790px;

	height: 27px;

	position: absolute;

	top: 6px;

	right: 0;

}

#navigation ul li a.g_nav {

	display: block;

	height: 27px;

	text-indent: -9999px;

}

#navigation ul li {

	float: left;

	margin: 0;

	height: 39px;

	position: relative; /* this is for the drop-down menu functionality */

}



/* ------| Drop-Down Menu Resets |------ */

#navigation ul li ul {

	margin: 0;

	padding: 0;

}

#navigation ul li ul li {

	margin: 0;

	padding: 0;

	height: auto;

}





/* ---- HOME ----- */

#navigation #nav_home a.g_nav {

	width: 51px;

	background:url(../gfx/menu.png) no-repeat 0 0;

}

#navigation #nav_home a.g_nav:hover {

	background:url(../gfx/menu.png) no-repeat 0 -27px;

}

body#home #navigation #nav_home a.g_nav {

	background:url(../gfx/menu.png) no-repeat 0 -27px;

} 

#navigation #nav_home.sfHover a.g_nav {

	background: url(../gfx/menu.png) no-repeat 0 -27px;

}



/* ---- STCR ----- */

#navigation #nav_stcr a.g_nav {

	width: 53px;

	background:url(../gfx/menu.png) no-repeat -51px 0;

}

#navigation #nav_stcr a.g_nav:hover {

	background:url(../gfx/menu.png) no-repeat -51px -27px;

}

body#stcr #navigation #nav_stcr a.g_nav {

	background:url(../gfx/menu.png) no-repeat -51px -27px;

} 

#navigation #nav_stcr.sfHover a.g_nav {

	background: url(../gfx/menu.png) no-repeat -51px -27px;

}



/* ----  TOLKIEN ----- */

#navigation #nav_tolkien a.g_nav {

	width: 96px;

	background:url(../gfx/menu.png) no-repeat -104px 0;

}

#navigation #nav_tolkien a.g_nav:hover {

	background:url(../gfx/menu.png) no-repeat -104px -27px;

}

body#tolkien #navigation #nav_tolkien a.g_nav {

	background:url(../gfx/menu.png) no-repeat -104px -27px;

}

#navigation #nav_tolkien.sfHover a.g_nav {

	background: url(../gfx/menu.png) no-repeat -104px -27px;

}



/* ----  TIERRA MEDIA ----- */

#navigation #nav_media a.g_nav {

	width: 103px;

	background:url(../gfx/menu.png) no-repeat -200px 0;

}

#navigation #nav_media a.g_nav:hover {

	background:url(../gfx/menu.png) no-repeat -200px -27px;

}

body#tierra_media #navigation #nav_media a.g_nav {

	background:url(../gfx/menu.png) no-repeat -200px -27px;

}

#navigation #nav_media.sfHover a.g_nav {

	background: url(../gfx/menu.png) no-repeat -200px -27px;

}



/* ----  CUARTA EDAD ----- */

#navigation #nav_cuarta a.g_nav {

	width: 100px;

	background:url(../gfx/menu.png) no-repeat -303px 0;

}

#navigation #nav_cuarta a.g_nav:hover {

	background:url(../gfx/menu.png) no-repeat -303px -27px;

}

body#cuarta_edad #navigation #nav_cuarta a.g_nav {

	background:url(../gfx/menu.png) no-repeat -303px -27px;

}

#navigation #nav_cuarta.sfHover a.g_nav {

	background: url(../gfx/menu.png) no-repeat -303px -27px;

}



/* ----  NOTICIAS ----- */

#navigation #nav_noticias a.g_nav {

	width: 105px;

	background:url(../gfx/menu.png) no-repeat -403px 0;

}

#navigation #nav_noticias a.g_nav:hover {

	background:url(../gfx/menu.png) no-repeat -403px -27px;

}
body#arda_noticias #navigation #nav_noticias a.g_nav {

	background:url(../gfx/menu.png) no-repeat -403px -27px;

}

#navigation #nav_noticias.sfHover a.g_nav {

	background: url(../gfx/menu.png) no-repeat -403px -27px;

}



/* ----  FORO ----- */

#navigation #nav_foro a.g_nav {

	width: 42px;

	background:url(../gfx/menu.png) no-repeat -508px 0;

}

#navigation #nav_foro a.g_nav:hover {

	background:url(../gfx/menu.png) no-repeat -508px -27px;

}

#navigation #nav_foro.sfHover a.g_nav {

	background: url(../gfx/menu.png) no-repeat -508px -27px;

}



/* ----  Chat ----- */

#navigation #nav_chat a.g_nav {

	width: 42px;

	background:url(../gfx/menu.png) no-repeat -550px 0;

}

#navigation #nav_chat a.g_nav:hover {

	background:url(../gfx/menu.png) no-repeat -550px -27px;

}

#navigation #nav_chat.sfHover a.g_nav {

	background: url(../gfx/menu.png) no-repeat -550px -27px;

}





/* ---- Descargas ---- */

#navigation #nav_descargas a.g_nav {

	width: 80px;

	background:url(../gfx/menu.png) no-repeat -592px 0;

}

#navigation #nav_descargas a.g_nav:hover {

	background:url(../gfx/menu.png) no-repeat -592px -27px;

}

body#descargas #navigation #nav_descargas a.g_nav {

	background:url(../gfx/menu.png) no-repeat -592px -27px;

}

#navigation #nav_descargas.sfHover a.g_nav {

	background: url(../gfx/menu.png) no-repeat -592px -27px;

}



/* ---- Links ---- */

#navigation #nav_links a.g_nav {

	width: 50px;

	background:url(../gfx/menu.png) no-repeat -672px 0;

}

#navigation #nav_links a.g_nav:hover {

	background:url(../gfx/menu.png) no-repeat -672px -27px;

}


body#links #navigation #nav_links a.g_nav {

	background:url(../gfx/menu.png) no-repeat -672px -27px;

}

#navigation #nav_links.sfHover a.g_nav {

	background: url(../gfx/menu.png) no-repeat -672px -27px;

}



/* ---- Contact ---- */

#navigation #nav_contacto a.g_nav {

	width: 68px;

	background:url(../gfx/menu.png) no-repeat -722px 0;

}

#navigation #nav_contacto a.g_nav:hover {

	background:url(../gfx/menu.png) no-repeat -722px -27px;

}

#navigation #nav_contacto.sfHover a.g_nav {

	background: url(../gfx/menu.png) no-repeat -722px -27px;

}









/* FOOTER

--------------------------------------------------------------------------------------------------- */	

#footer {

	font-size: 10px;

	text-align: center;

	margin: 0 0 25px 0;

	position: relative;

}

#footer ul {

	/*position: absolute;

	top: 0;*/

	width: 415px;

	margin: 0 auto;

	padding: 10px 0;

}

#footer ul li {

	float: left;

	padding: 0 15px;

	border-right: 1px solid #9f6e25;

}





/* Helpers 

--------------------------------------------------------------------------------------------------- */

.clear {

	clear: both;

}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */