/* reset */
h1,h2,h3,h4,h5,h6,ul,ol,li,form,dl,dt,dd,p,fieldset,body {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:1.6em; font-weight:normal;}
ul,li {list-style-type:none;}
fieldset,
a img {border:0;}
a {text-decoration:none; color:#fff;}
a:focus{outline: none;}
select,input,textarea {font-family: "Trebuchet MS",Geneva,Arial,Verdana,sans-serif; font-size:1.1em;}
input, select, textarea {background:#fff; border:0; padding:2px;}
html, body {margin:0; padding:0;}
body {font:14px 'Museo', 'Lucida-grande', Helvetica, Arial, verdana, sans-serif; background:#000; color:#fff; margin:0; padding:0;}
h2 {color:#f00; font-size:1.3em;}

@font-face {
	font-family: 'Museo';
	src: url('../img/fonts/museo300-regular-webfont.eot');
	src: local('☺'), url('../img/fonts/museo300-regular-webfont.woff') format('woff'), url('../img/fonts/museo300-regular-webfont.ttf') format('truetype'), url('../img/fonts/museo300-regular-webfont.svg#webfontUwHtMFpT') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* clases sueltas */
.error {border:1px solid #f00 !important;}
.left {float:left;}
.right: {float:right;}

/* general */
#container {width:950px; overflow:hidden; margin:0 auto;}
#header {background-color:#232323; margin-bottom:27px; height:146px; padding:65px 25px 25px 25px; overflow:hidden;}
	#header h1 {font-size:1.87em; text-transform:uppercase;}
	#header h2 {margin:5px 0;}
	#header h3 {margin-bottom:40px;}
		#header h3 a {font-size:0.7em; color:#999;}
	#header .main li {display:inline; margin-right:5px;}
		#header .main li a {color:#999; font-size:1.35em;}
		#header .main li.select a {color:#fff;}

#content {padding:0 0 135px 50px; overflow:hidden; background-color:#232323; padding:25px; overflow:hidden;}

/* index */
#index #header {margin-bottom:0; width:430px; position:relative; z-index:5;}
#index #content {padding:0; position:relative; margin-top:-235px; z-index:2;}
.contTxt {background:transparent url(../img/bg-transparent.png); position:absolute; width:390px; padding:40px; height:355px; z-index:9; bottom:0; right:0;}
.contentScroll {height:350px;}
.contentScroll p {margin-bottom:15px; font-family:"Lucida grande", Arial;}

/* bio */
#bio #content h2 {padding-left:5px; margin-bottom:15px;}
#bio img, #bio p, #bio #content h3 {float:left;}
#bio img {margin-right:25px;}
#bio p {width:500px; margin-bottom:1em;}
#bio #content h3 {margin-bottom:20px; font-size:1.3em;}
	#bio h3 span {font-style:italic; color:#999;}
	
/* contacto */
#contacto form {margin-top:5px;}
#contacto legend {font-size:1.2em; color:#999;}
#contacto fieldset div {width:700px; overflow:hidden;}
#contacto label {margin:20px 30px 20px 0; display:block; float:left; color:#999;}
	#contacto label strong {color:#fff;}
	#contacto label.check {clear:both; float:none; margin:5px 0;}
	#contacto label.check input {width:auto;}
	#contacto label.check span {display:inline;}
	#contacto input.send {background:red url(../img/bg-input-send.jpg) repeat-x top left; color:#000; width: 80px; cursor:pointer; margin-top:25px;}
#contacto label span {display:block; margin-bottom:5px;}
#contacto input, #contacto textarea {background:#333 url(../img/bg-input.jpg) repeat-x bottom left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:0.9em; width:260px; border:solid 1px #232323;}
#contacto textarea {width:900px;}

/* portfolio */
#portfolio #content, #portfolio-detail #content {padding:0;}
#portfolio #content h2, #portfolio-detail #content h2 {color:#fff; padding:5px 30px 3px 30px; border-bottom:1px solid #000;}
	#portfolio h2 span, #portfolio-detail h2 span {color:#999; }
.contModuleGallery {border-bottom:20px solid #000;}
.contentSlide {width:100%; height:187px; background:#000 url(../img/bg-slide.jpg) no-repeat;}
.contGallery {padding:15px 30px; position:relative; min-height:150px;}
	.contGallery .controlNext {display:block; width:35px; height:32px; text-indent:-9999px; position:absolute; top:45%; right:5%; background:transparent url(../img/next-prev.png) no-repeat 0 -65px;}
	.contGallery .controlPrev {display:block; width:35px; height:32px; text-indent:-9999px; position:absolute; top:45%; left:5%; background:transparent url(../img/next-prev.png) no-repeat;}
	.contGallery img {display: block; margin:0 auto 15px; min-height:700px;}
.divLoading {display:block; width:85px; height:70px; background:#fff url(../img/loading.gif) no-repeat center center; position:absolute; top:42%; left:45%; text-indent:-9999px; border:2px solid #666; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; opacity:0.8;}
.caption {display:block;}
	.caption a {display:block; color:#fff; position: absolute; right: 25px; top: -25px;}

/* portfolio detail */
#portfolio-detail #content, #portfolio-detail #container {overflow:visible;}
#portfolio-detail #container {width:auto;}
#portfolio-detail .contentSlide {display:none;}
#portfolio-detail #header {display: none;}