/* 

PRJKT: Daniel Torres Portfolio.

Copyright 2008 Miguel Angel Sánchez Rubio (aka. XTENCIL). All rights reserved.
Website author: www.xtencil.com

*/

body, html { margin: 0; padding: 0; }
body { background-color: #000; color: #e4e4e4; font-size: 100%; font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Arial, sans-serif; }

h2 { color: #f8f8f8; padding-top: 0em; padding-left: 0em; padding-bottom: 0.5em; padding-right: 0em; letter-spacing: -1px; font-size: 1.6em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; }
h5 { font-size: 0.7em; font-weight: bold; text-transform: uppercase; color: #FFF; margin: 0 0 0.5em 0; padding: 0em; }

table { border: none; }
tr { vertical-align: top; }
td { padding-right: 10px }
.links td { width: 220px; }
.bibliografia tr { height: 235px; }
.menu ul { padding-bottom: 20px; }

.menu li { margin-bottom: 5px; }
p { font-size: .7em; line-height: 1.5em; margin-top: 0; margin-bottom: 1.3em; }
ul, ol { margin: 0; padding: 0; }
li { list-style-type: none; font-size: .7em; margin: 0; padding: 0; line-height: 1.2em; }
b, strong { font-weight: bold; color: #e4c432; }
acronym, abbr { border-bottom: dotted 1px #d59352; }
hr { clear: both; margin: 10px 0; }
cite { color: #fff; font-style: normal; }

#container a { color: #d59352; text-decoration: none; outline: none; }
#container a:hover { color: #fff; }
#footer a, #admin_data a { color: #999; text-decoration: none; outline: none; }
#footer a:hover, #admin_data a:hover { color: #ddd; }
#footer p { color: #666; }
a img { margin: 0; padding: 0; border: none; }

.img { padding: 4px; background-color: #FFF; border: solid 1px #333; }
.imgLeft, .noticias #col75 img, .reportajes #col75 img { padding: 4px; background-color: #FFF; border: solid 1px #333; }
a:hover>.imgLeft, .noticias #col75 a:hover>img, .reportajes #col75 a:hover>img { padding: 5px; background-color: #fff; }

#container { padding-left: 70px; padding-bottom: 30px; padding-top: 40px; padding-right: 0px; margin: 0; background: #171717 url(../img/bg.jpg) fixed no-repeat left top;  }
#container #header { position: relative; margin: 0; padding: 0; height: 160px; width: 900px; }


#container #header #logo {
	width: 105px;
	position: absolute;
	height: 130px;
	left: 0px;
	top: 0px;
}
#container #header #logo h1 {
	text-indent: -2000px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-top-width: 0px;
	border-top-style: none;
}
#container #header #logo span {
	background-image: url(../img/logo-trans.png);
	position: absolute;
	height: 130px;
	width: 105px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
* html #container #header #logo span { background-image: url(../img/logo.gif); }

#container #header #logo a:hover { cursor: pointer; }

#container #header #menu { position: absolute; top: 10px; left: 230px; width: 240px; height: 100px; }
#container #header #menu .menu { width: 100px; height: 100px; display: block; margin-right: 18px; float: left; }
#container #header #menu .menu li { margin-bottom: 10px; }
* html #container #header #menu .menu li { margin-bottom: 8px; }
#container #header #menu .menu a { text-transform: uppercase; padding-bottom: 2px; color: #CCC; text-decoration: none; }
* html #container #header #menu .menu a { padding-bottom: 1px; }
#container #header #menu .menu a:hover { color: #FFF; border-bottom: 2px solid #d59352; }

#container #header #lang { position: absolute; top: 10px; left: 680px; width: 220px; height: 100px; text-align: right; }
#container #header #lang .switcher { text-transform: uppercase; }
#container #header #lang .switcher a { margin-left: 0.5em; }

#container #content { margin: 0; padding: 0; width: 902px; position:relative; }
#container #content #titles { position: absolute; left: 500px; top: -82px; width: 400px; height: 20px; }

.col25, .col25r, .col33, .col33r, .col50, .col50r, .col66, .col75 { float: left; padding: 0; position: relative; }
.col33 { margin: 0 30px 15px 0; width: 280px; }
.col33r { width: 280px; margin: 0 0 15px 0; }
.col66 { width: 590px; margin: 0 0 15px 0; }

.col25 { margin: 0 30px 15px 0; width: 200px; }
.col25r { width: 200px; margin: 0 0 15px 0; }
.col75 { width: 670px; margin: 0 0 15px 0; position: relative; }

.col50 { margin: 0 30px 15px 0; width: 435px; }
.col50r { width: 435px; margin: 0 0 15px 0; }

.frame900 { background: url(../img/bg-slideshow.gif) no-repeat left top; }
.frame480 { background: url(../img/bg-gal.gif) no-repeat left top; padding: 13px 15px; position: relative; float: left; margin:0 10px 16px 10px; }
.frame480 .title { font-weight: bold; position: absolute; top:130px; left:15px; background-color: white; font-size: 0.8em; padding: 7px 7px 7px 16px; }
.frame480 a .title { color: #000; opacity: 0.6; }
.frame480 a:hover>.title { color: #666; border-bottom: 2px solid #d59352; opacity: 1; }
.frame280 { background: url(../img/bg-img.gif) no-repeat left top; padding: 8px; float: left; margin:0 11px 16px 11px; }

#prefooter { background: transparent url(../img/bg-footer.png) repeat-x left top; margin: 0; padding: 0; height: 20px; width: 105%; position: absolute; top: -14px; left: -70px; }
* html #prefooter { background-image: url(../img/bg-footer.gif); }
#footer { padding-left: 70px; padding-bottom: 0px; padding-right: 0px; padding-top: 15px; margin: 0; position: relative; }

#footer #norma { width: 101px; position: absolute; height: 41px; left: 0px; top: 0px; }
#footer #norma h3 { text-indent: -2000px; border-bottom-width: 0px; border-bottom-style: none; border-top-width: 0px; border-top-style: none; }
#footer #norma span { background-image: url(../img/logo-norma.jpg); position: absolute; height: 41px; width: 101px; left: 0px; top: 0px; background-repeat: no-repeat; background-position: left top; }
#footer #norma a:hover { cursor: pointer; }

.menu-footer { text-transform: uppercase; }
.menu-footer a { margin-right: 0.5em; }

.newscategories { font-size: 0.7em; color: #999; }
.newscategories li { float: left; margin: 4px 6px 0 0; font-size: 1em; }
.pagelist li { float: left; margin: 0 6px 0 0; }
.pagelist:after { clear: both; }
p p { font-size: 1em; }

/* Clases generales
------------------------------*/

.justify { text-align: justify; }
.hide { display: none; }
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
.clear { display: block }
.floatbox { overflow:hidden }
#ie_clearing { display: none }


/* Page Navigation
------------------------------ */
#container #content .page-switcher { margin: 1px; padding: 8px 0px 10px 0px; text-align: center; }
#container #content .page-switcher a { text-decoration: none; font-weight: normal;	padding: 3px 6px 4px 6px; color: #d59352; }
#container #content .page-switcher a:hover { color: #fff; background-color: #000; }
#container #content .page-switcher.current a { font-weight: bold; text-decoration: none;color: #663399; }


/* Admin Toolbox
------------------------------ */
#admin, #admin_data{
	position: fixed;
	right: 0px;
	top: 0px;
	width: 120px;
	border-bottom: 1px solid #444;
	border-left: 1px solid #444;
	background: #222;
    z-index: 2;
    font-size: 0.7em;
    text-align: center;
}
#admin_data{
	top: 0px;
	padding-top: 20px;
	z-index: 1;
	line-height: 1.6em;
}
#admin h3 {
	font-weight: normal;
	color: #aaa;
	margin:0;
	padding:0;
}
#admin h3:hover { color: #86a1b6; }

/* NOTAS para Hackear

1. #prefooter: margen negativo: COMPROBAR COMPATIBILIDAD

*/