/* ----------- general ------------ */
body, html {font-size:1em;font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;margin:0 auto;text-align:center;padding:0;color:#AAA;background-color:#000}
body {background:#000 url(images/back1.gif) repeat-y center top}
body.negro {background-image:none;background-color:#000}
img {border:0}
a {text-decoration:underline; color:#CCC}
a:hover {text-decoration:none;color:#999}
body.negro #wrap {width:692px; margin:0 auto;}
#wrap {width:692px; margin:0 auto;}
#wrap h1 {margin:0;}
#intro {font-size:.7em;padding-bottom:36px}
#intro a {font-weight:bold}

ul#enter {
	list-style-type:none;
	margin:0 0 0 487px;
	*margin:0 0 0 486px;
	_margin:0 0 0 486px;
	padding:0;
	text-indent:-9999px;
	width:154px;
}

ul#enter li {
	margin:0;
	display:block;
	width:154px;
}

#enter span {
	display:none;
}

#enter li a {
	height:21px;
	display:block;
	width:154px;
}

ul#enter li.eng a {background: url(images/english.gif) no-repeat;width: 154px;margin-bottom:8px;}
ul#enter li.esp a {background: url(images/espanol.gif) no-repeat;width: 154px}
ul#enter li.eng a:hover, ul#enter li.esp a:hover {background-position: 0px -21px}


/* ----------- vertical CSS align ------------ */
#outer {height:100%;overflow:visible;position:relative;background-color:#171717;width:960px;margin:0 auto;}
#outer[id] {display:table;position:static;}
#middle {position:absolute;top:50%;} /* for explorer only*/
#middle[id] {display:table-cell;vertical-align:middle;position:static;}
#inner {}
html, body#xwelcome {height:100%}
#inner h1 {height:74px;width:700px;margin:0 auto 16px;}
table {height:100%; margin:0 auto; background-color:#171717}
#welblock {background:url(images/welcome2.gif) no-repeat left top;height:52px;width:474px;float:left}
#centrar {margin:0 auto;width:640px;clear:both;}
#centrar p {margin:0;padding:0;font-weight:bold;font-size:.75em;}


/* ----------- logo ------------ */
#header h1 {margin:18px 0 10px!important; margin:18px 0 2px; height:30px;text-indent:-9999px;background:url(images/logo.gif) no-repeat left top}

/* ------------------------------ menú de navegación ------------------------------ */
ul#menu {
	list-style-type:none;
	margin:12px 0 12px; 
	padding:0 0 20px!important; padding:0 0 2px
}

ul#menu li {
	display:inline;
	margin:0;
}

#menu span {
	display:none;
}

#menu li a {
	height:11px;
	display:block;
	float:left;
	margin-bottom:22px
}

ul#menu li.mhome a {background: url(images/menu-home.gif) no-repeat;width: 34px}
ul#menu li.mrockin a {background: url(images/menu-rockin.gif) no-repeat;width: 74px}
ul#menu li.mtravel a {background: url(images/menu-travel.gif) no-repeat;width: 45px}
ul#menu li.mportrait a {background: url(images/menu-portrait.gif) no-repeat;width: 59px}
ul#menu li.mlast a {background: url(images/menu-last.gif) no-repeat;width: 65px}
ul#menu li.mblog a {background: url(images/menu-blog.gif) no-repeat;width: 31px}
ul#menu li.minfo a {background: url(images/menu-info.gif) no-repeat;width: 35px}

body.negro ul#menu li.mhome a {background: url(images/menu-home2.gif) no-repeat;width: 34px}
body.negro ul#menu li.mrockin a {background: url(images/menu-rockin2.gif) no-repeat;width: 74px}
body.negro ul#menu li.mtravel a {background: url(images/menu-travel2.gif) no-repeat;width: 45px}
body.negro ul#menu li.mportrait a {background: url(images/menu-portrait2.gif) no-repeat;width: 59px}
body.negro ul#menu li.mlast a {background: url(images/menu-last2.gif) no-repeat;width: 65px}
body.negro ul#menu li.mblog a {background: url(images/menu-blog2.gif) no-repeat;width: 31px}
body.negro ul#menu li.minfo a {background: url(images/menu-info2.gif) no-repeat;width: 35px}

body ul#menu li a:hover, body.negro ul#menu li a:hover {background-position: 0px -11px}

body#xhome ul#menu li.mhome a {background: url(images/menu-home.gif) no-repeat 0px -22px}
body#xrockin ul#menu li.mrockin a {background: url(images/menu-rockin.gif) no-repeat 0px -22px}
body#xtravel ul#menu li.mtravel a {background: url(images/menu-travel.gif) no-repeat 0px -22px}
body#xportrait ul#menu li.mportrait a {background: url(images/menu-portrait.gif) no-repeat 0px -22px}
body#xlast ul#menu li.mlast a {background: url(images/menu-last.gif) no-repeat 0px -22px}
body#xblog ul#menu li.mblog a {background: url(images/menu-blog.gif) no-repeat 0px -22px}
body#xinfo ul#menu li.minfo a {background: url(images/menu-info.gif) no-repeat 0px -22px}

body#xhome.negro ul#menu li.mhome a {background: url(images/menu-home2.gif) no-repeat 0px -22px}
body#xrockin.negro ul#menu li.mrockin a {background: url(images/menu-rockin2.gif) no-repeat 0px -22px}
body#xtravel.negro ul#menu li.mtravel a {background: url(images/menu-travel2.gif) no-repeat 0px -22px}
body#xportrait.negro ul#menu li.mportrait a {background: url(images/menu-portrait2.gif) no-repeat 0px -22px}
body#xlast.negro ul#menu li.mlast a {background: url(images/menu-last2.gif) no-repeat 0px -22px}
body#xblog.negro ul#menu li.mblog a {background: url(images/menu-blog2.gif) no-repeat 0px -22px}
body#xinfo.negro ul#menu li.minfo a {background: url(images/menu-info2.gif) no-repeat 0px -22px}

ul#menu li.mrockin a, ul#menu li.mtravel a, ul#menu li.mlast a, ul#menu li.mportrait a, ul#menu li.mblog a, ul#menu li.mworks a, ul#menu li.minfo a {
	margin-left:58px;
	*margin-left:57px;
	_margin-left:54px;
}


ul#submenu {
	list-style-type:none;
	margin:0; padding:2px 8px 16px!important; padding:0 0 2px;
	clear:both;
	background-color:#000;
}

ul#submenu li {
	display:inline;
	margin:0;
	text-transform:uppercase;
}

#submenu li a {
	height:11px;
	display:block;
	float:left;
	margin-bottom:22px;
	text-decoration:none;
	color:#999;
}

#submenu li a:hover {
	color:#DDD;
}

ul#submenu li.sars a {
	margin:0 44px
}

ul#submenu li.sfacebook a {
	margin:0 58px 0 158px
}

ul#submenu li.smyspace a {
	margin-right:16px;
}



/* ----------- contenido ------------ */
#content {padding:36px 0 12px;font-size:.7em;}
#content p {line-height:1.4em}
#ilust2 {padding-top:76px;text-align:left;background: url(images/spanishrock2.jpg) no-repeat top left;height:249px;width:199px;display:inline; float:right;}
#ilustmotor {float:left;width:493px;height:346px!important;height:315px;}
#ilustmotor2 {padding-top:96px;text-align:left;background: url(images/motorspecial2.jpg) no-repeat top left;height:250px;width:199px;display:inline; float:right;}


.diapos {
	margin-top:24px;
	font-size:.85em;
	font-family:Arial, Helvetica, sans-serif;
}

.diapos p {text-align:center;}

.diapos .thumb {
	background: url(images/marcodiapo.gif) no-repeat;
	width:182px;
	height:150px;
	padding-top:26px;
	float:left;
	margin:0 73px 20px 0
}

.diapos .thumb2 {
	background: url(images/marcodiapo.gif) no-repeat;
	width:182px;
	height:150px;
	padding-top:26px;
	float:left;
	margin:0 0 20px 0
}

.diapos .thumb3 {
	background: url(images/marcodiapo2.gif) no-repeat;
	width:182px;
	height:182px;
	padding-top:26px;
	float:left;
	margin:0 73px 20px 0
}

.diapos .thumb4 {
	background: url(images/marcodiapo2.gif) no-repeat;
	width:182px;
	height:182px;
	padding-top:26px;
	float:left;
	margin:0 0 40px 0
}

.diapos .thumb5 {
	background: url(images/marcodiapo3.gif) no-repeat;
	width:180px;
	height:232px;
	padding-top:20px;
	float:left;
	margin:0 73px 24px 0
}

.diapos .thumb6 {
	background: url(images/marcodiapo3.gif) no-repeat;
	width:182px;
	height:232px;
	padding-top:20px;
	float:left;
	margin:0 0 40px 0
}

.thumb p, .thumb2 p, .thumb3 p, .thumb4 p{
	margin: 30px 0 0 0
}

.thumb5 p, .thumb6 p {
	margin: 24px 0 0 0
}

.bottomlink {
	font-weight:bold;
	line-height:2.2em;
	padding-top:24px!important;padding-top:0;
	clear:both;
	text-align:center;
}

.bottomlink2 {
	font-weight:bold;
	line-height:2.2em;
	padding-top:64px!important;padding-top:0;
	clear:both;
	text-align:center;
}

a.cyan {color:#00cfff;text-decoration:none}
a:hover.cyan {color:#CCC}
a:visited.cyan {color:#00cfff;text-decoration:none}

p.textravel {width:580px;float:left;}
.il {padding-top:30px}
.il2 {padding-top:4px}
.il3 {padding-top:20px}

.name {color:#CCC;font-weight:bold;}
#bold {font-weight:bold;}
.metainfo {font-size:90%}

.randompic {
	border:1px solid #444;
}

.portra {
	margin-bottom:8px;
}

p.autor {
	text-align:right;
	font-style:italic;
	color:#777;
	margin:0;
}

#center {clear:both}
#center p {text-align:center}

.parrafo {
	clear:both;
	padding:14px 0 6px;
	*padding:6px 0 6px;
	_padding:6px 0 6px;
}

.parrafo span {
	color:#FFF
}

#seven {
	z-index:999;
	position:absolute;
	left: 44.1%;
	_left:-5.9%;
	top:509px;
}

#xinfo p.clear {
	text-align:left;
}

#xinfo #content {
	position:relative
}

.mail {
	font-size:90%;
	margin-top:34px;
	*margin-top:16px;
	margin-bottom:0;
	clear:both;
}

.mail a {
	color:#555
}

h3#title-miradas {background:url(images/portra-retrat.gif) no-repeat left 24px}
h3#title-retratos {background:url(images/portra-retrat2.gif) no-repeat left 24px}
h3#title-expre {background:url(images/portra-expre.gif) no-repeat left 24px}
h3#title-grasa {background:url(images/portra-grasa.gif) no-repeat left 16px}

h3#title-miradas, h3#title-retratos, h3#title-expre {
	margin:18px 0 6px!important; margin:18px 0 1px; height:86px!important;height:80px;text-indent:-9999px;border-top:1px solid #444
}

h3#title-grasa {
	margin:16px 0 8px!important; margin:18px 0 6px; height:68px;text-indent:-9999px;width:692px;border-top:1px solid #444
}

div.pleft {
	width:508px;
	float:left;
	margin:0 20px 0 0!important;
	margin:0 8px 0 0;
}

.pleft p {
	margin:0;
	padding:4px 4px;
	font-size:.9em;
	text-align:right;
	background-color:#000;
}

img.imgright {
	padding-bottom:17px!important; padding-bottom:15px;
}

.linkbottom {
	width:230px;float:left;padding-bottom:24px;margin-left:60px
}

#lasttrip {
	border-top:1px solid #333; border-bottom:1px solid #333;text-align:left;
}

#lasttrip p {
	font-size:.9em;
}

#lasttrip h4 {	
	margin:10px 0 3px!important; margin:14px 0 1px;
	font-size:1em;
}

#xportrait h2 {
	background:url(images/rockers.gif) no-repeat;height:96px;
	margin:10px 0!important;margin:0;
	text-align:right;
	color:#000;
}

.bigportrait {
	margin-top:16px!important;margin-top:6px;
	text-align:left;
}

p {
	text-align:left;
}

.bigportrait p {
	color:#666;
	text-align:left;
	padding:4px 0 0 200px!important;padding:4px 0 10px 200px;
	margin:0;
}

#xinfo p{
	text-align:center;
}

/* ------------------------------ clear ------------------------------ */
.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 */

/* ----------- footer ------------ */
#footer {font-family:Arial, Helvetica, sans-serif;color:#666;clear:both;font-size:.6em;width:692px;margin:0 auto;padding-top:4px!important; padding-top:2px;padding-bottom:0!important;padding-bottom:24px}
#footer p {padding-top:1px; padding-bottom:24px; text-align:center;text-transform:uppercase}

#footer p a {color:#666;text-decoration:none}
#footer p a:hover {color:#777}