* {margin: 0; padding: 0;}

body {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #818181;
	text-align: center;
	margin: 0;
	cursor: default;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
	background-attachment: fixed;
	background-color: #000000;
	background-image: url(../imagenes/bg_paintballejido.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div {text-align: left;}

h1, h2, h3, h4 {font-weight: normal; color: #fff;}
h1 {display: none;}
h2 {
	height: 30px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
}
h3 {font-size: 16px;}
h4 {font-size: 11px;}

a {color: #ffcc00; text-decoration: none;}
a:hover {color: #fff;}

li {list-style: none;}

address { 
 line-height: 18px;
 font-size: 12px;
 font-style: normal;
 color: #fff;
 padding: 3px 0;
 float: right;
}

p {margin-top: 15px; line-height: 16px;}

strong {color: #fff;}

fieldset {border: 0 solid transparent;}
legend, label {display: none;}

input, textarea {
 font: 12px Tahoma, Arial, Helvetica, sans-serif;
 padding: 2px;
 margin: 3px 0 0 0;
 border: 3px solid #333;  
 overflow: auto;
 background: #fff url('../imagenes/bg-field.gif') repeat-x 0 0;
}

input:focus, 
textarea:focus, 
.error {border: 3px solid #ffcc00;}

.err {font-weight: bold; color: #ffcc00;}

input.small {
 width: 190px;
 width/**/: 180px !important;
 padding: 2px;
}

input.large, 
textarea {
 width: 396px;
 width/**/: 386px !important;
 padding: 2px;
}

/*--------------------------------------------------------------------------
Navigation Active State
--------------------------------------------------------------------------*/

body.home #nav a.navhome,
body.about #nav a.navabout,
body.showcase #nav a.navshowcase,
body.getintouch #nav a.navgetintouch {
 background: #ffcc00 none !important;
 background: #ffcc00;
 color: #000;
 margin: 0 3px 0 0;
 border-bottom: 3px solid #ffcc00;
 cursor: default;
}

body.home #footnav a.navhome,
body.about #footnav a.navabout,
body.showcase #footnav a.navshowcase,
body.getintouch #footnav a.navgetintouch {color: #fff; cursor: default;}

/*--------------------------------------------------------------------------
Accessibility
--------------------------------------------------------------------------*/

#accessibility {display: none;}

/*--------------------------------------------------------------------------
Header
--------------------------------------------------------------------------*/

#head {
 background: transparent url('../imagenes/bg-dark.png') !important;
 background: #1e1e1e;
 margin: 0 0 10px 0;
 padding: 25px;
}

#head p {margin: 0; padding: 0;}

#head .brand {
	width: 260px;
	height: 60px;
	display: block;
	background: transparent url('../imagenes/a-logo.png') no-repeat 0 0 !important;
	background: transparent url('../imagenes/a-logo.gif') no-repeat 0 0;
	float: left;
	margin-top: 3px;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 5px;
	position: static;
}

#head .brand:hover {background-position: 0 -60px !important;}

#head #client {width: 460px; float: right;}
#head #client p {margin: 1px 15px 3px 0;}
#head #client h3 {font-size: 14px;}

#head ul {float: right;}
#head ul li {float: left; margin-left: 15px;}

/*--------------------------------------------------------------------------
Navigation
--------------------------------------------------------------------------*/

#nav {
 border-bottom: 10px solid #ffcc00; 
 margin: 0 0 10px 0;
}

#nav li {display: inline;}

#nav li a {
 font-size: 13px;
 float: left;
 display: block;
 color: #fff;
 background: transparent url('../imagenes/bg-dark.png') !important;
 background: #2c2c2c;
 padding: 6px 15px;
 margin: 0 3px 3px 0;
}

#nav li a:hover {
 background: transparent url('../imagenes/bg-light.png') repeat 0 0 !important; 
 background: #ffcc00;
}

#nav h3 {display: none;}

/*--------------------------------------------------------------------------
Template
--------------------------------------------------------------------------*/

#container {width: 950px; margin: 0 auto;}

#wrapper {
	margin: 0 0 10px 0;
	padding: 25px;
	border-top-color: #FFCC00;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #FFCC00;
	background-color: #1e1e1e;
	background-image: url(../imagenes/bg-f.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#content {width: 525px;}

/*--------------------------------------------------------------------------
Work Status
--------------------------------------------------------------------------*/

#workstatus {
 width: 85px;
 background: #2b2b2b;
 float: right;
 padding: 12px;
}

#workstatus p {margin: 0; padding: 0;}

/*--------------------------------------------------------------------------
Get in Touch
--------------------------------------------------------------------------*/

#form {
 width: 396px; 
 float: left;
 padding: 15px 0 0 0;
}

#form label {color: #fff; display: block;}

#form p.col, 
#client p.col {width: 189px;}

#form p {
 width: 396px;
 margin: 0; 
 padding: 0 0 15px 0;
}

/*--------------------------------------------------------------------------
Skills & Involvement
--------------------------------------------------------------------------*/

.skills {
 width: 150px;
 padding: 0 37px 0 0;
 float: left;
}

.skills h3 {font-size: 14px;}
.skills h4 {
 width: 150px;
 color: #fff;
 padding: 10px 0;
}

.skills li {
 font-size: 11px;
 color: #666;
 margin: 5px 0;
 padding-left: 15px;
 background: transparent url('../imagenes/li-bullet.gif') no-repeat 0 60%;
}

/*--------------------------------------------------------------------------
Showcase Preview
--------------------------------------------------------------------------*/

.showpreview {width: 250px;}
.showpreview img {border: 0 none;}

.showpreview a {
 margin: 8px 0 0 0;
 border: 3px solid #2c2c2c;
 background: #000;
 display: block;
}
.showpreview a:hover {border: 3px solid #ffcc00;}

.showpreview h3 {font-size: 14px;}

/*--------------------------------------------------------------------------
Showcase Details
--------------------------------------------------------------------------*/

.showdetails {
 background: #000;
 border: 3px solid #2c2c2c;
 margin: 15px 0 0 0;
 float: left;
}

.showdetails img {border: 0 none; float: left;}

/*--------------------------------------------------------------------------
Record Paging & Additional Options
--------------------------------------------------------------------------*/

/*Numbers*/
#numbers li {float: left;}
#numbers li a {
 float: left;
 background: #2c2c2c;
 padding: 3px 5px;
 border: 0 none;
 color: #fff;
}
#numbers li a:hover {background: #ffcc00; color: #000;}
#numbers li.disabled {
 background: #ffcc00;
 padding: 3px 5px;
 border: 0 none;
 color: #000;
 cursor: default;
}

/*Options and Paging*/
#options li a,
#paging li a {
 background: #2c2c2c;
 padding: 3px 5px;
 border: 0 none;
 color: #fff;
 float: left;
}
#options li a:hover,
#paging li a:hover {
 background: #ffcc00; 
 color: #000;
}
#options li.disabled,
#paging li.disabled {
 background: #212121;
 padding: 3px 5px;
 border: 0 none;
 color: #4b4b4b;
 cursor: default;
}

/*--------------------------------------------------------------------------
Involvement
--------------------------------------------------------------------------*/

#involvement h3 { 
 width: 150px;
 font-size: 14px;
 color: #fff;
 padding: 0 0 10px 0;
}

#involvement li {
 font-size: 11px;
 color: #666;
 margin: 5px 0;
 padding-left: 15px;
 background: transparent url('../imagenes/li-bullet.gif') no-repeat 0 60%;
}

/*--------------------------------------------------------------------------
General Classes
--------------------------------------------------------------------------*/

.clear {clear: both;}

.hr {
	width: 525px;
	height: 1px;
	font-size: 1px;
	padding: 15px 0;
	clear: both;
	background-color: transparent;
	background-image: url(../imagenes/back_hmenu.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

.nopadding {padding: 15px 0 0 0;}

.left {float: left;}
.right {float: right;}

/*Buttons*/
.submit {
 width: 50px;
 height: 24px;
 border: 0 none;
 cursor: pointer;
 display: block; 
 margin: 4px 0 0 0;
 background: #2b2b2b url('../imagenes/btn-submit.gif') no-repeat 0 0;
}

.profile {
 width: 69px;
 background: #2b2b2b url('../imagenes/btn-profile.gif') no-repeat 0 0;
}

.logout {
 width: 56px;
 background: #2b2b2b url('../imagenes/btn-logout.gif') no-repeat 0 0;
}

.request {
 margin: 20px 0 0 15px; 
 float: left;
}

.hide {display: none;}

.required {color: #ffcc00;}
.last {padding: 0; margin: 0;}

/*--------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------*/

#foot {
 background: transparent url('../imagenes/bg-dark.png') !important;
 background: #1e1e1e;
 margin: 0 0 10px 0;
 padding: 25px;
}

#foot #footnav li.first {padding: 5px 12px 5px 0; background: none;}
#foot #footnav li {
 font-size: 12px;
 background: transparent url('../imagenes/li-divider.gif') no-repeat 0 50%;
 padding: 5px 12px 5px 14px;
 float: left;
}

/*--------------------------------------------------------------------------
W3C Standards
--------------------------------------------------------------------------*/

#w3c p {
 margin: 0;
 padding: 0;
 color: #fff;
 float: left;
}

#w3c .top {
	display: block;
	background: #1e1e1e;
	color: #fff;
	float: right;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
}

#w3c .top:hover {background: #ffcc00; color: #000;}
#wrapper_contenidos {
	margin: 0 0 10px 0;
	padding: 25px;
	border: 1px solid #FFCC00;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-image: url(../imagenes/bg-dark.png);
}
#content_2 {
	width: 900px;
	background-color: #1E1E1E;
}