BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: small; BACKGROUND: url(../images/bodyBG.jpg) #d9e6ed repeat-x left top; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #50697b; LINE-HEIGHT: 1.3em; PADDING-TOP: 0px; FONT-FAMILY: Helvetica, Arial, Tahoma, sans-serif
}
#header {
	BACKGROUND: url(../images/header.jpg) no-repeat left top; MARGIN: 0px auto; WIDTH: 618px; POSITION: relative; HEIGHT: 133px
}
#header H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#header H1 A {
	DISPLAY: block; LEFT: 30px; WIDTH: 220px; TEXT-INDENT: -9000px; POSITION: absolute; TOP: 20px; HEIGHT: 70px
}
#header UL {
	MARGIN-TOP: 92px; PADDING-LEFT: 274px; FLOAT: left; WIDTH: 308px; LIST-STYLE-TYPE: none; HEIGHT: 34px
}
#header UL LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-INDENT: -9999px; PADDING-TOP: 0px
}
#header UL LI A {
	BACKGROUND: url(../images/mainNav.gif) no-repeat; FLOAT: left; COLOR: #afad92; TEXT-DECORATION: none
}
#header LI#work A {
	WIDTH: 104px; HEIGHT: 34px
}
#header LI#links A {
	WIDTH: 104px; HEIGHT: 34px
}
#header LI#contact A {
	WIDTH: 100px; HEIGHT: 34px
}
#header LI#links A:link {
	BACKGROUND-POSITION: -104px 0px
}
#header LI#links A:visited {
	BACKGROUND-POSITION: -104px 0px
}
#header LI#contact A:link {
	BACKGROUND-POSITION: -208px 0px
}
#header LI#contact A:visited {
	BACKGROUND-POSITION: -208px 0px
}
#header LI#work A:hover {
	BACKGROUND-POSITION: 0px -34px
}
#header LI#work A:unknown {
	BACKGROUND-POSITION: 0px -34px
}
#header LI#links A:hover {
	BACKGROUND-POSITION: -104px -34px
}
#header LI#links A:unknown {
	BACKGROUND-POSITION: -104px -34px
}
#header LI#contact A:hover {
	BACKGROUND-POSITION: -208px -34px
}
#header LI#contact A:unknown {
	BACKGROUND-POSITION: -208px -34px
}
.workPage #header LI#work A {
	BACKGROUND-POSITION: 0px -34px
}
.linksPage #header LI#links A {
	BACKGROUND-POSITION: -104px -34px
}
#leftShadow {
	WIDTH: 9px; POSITION: absolute; TOP: 0px; HEIGHT: 454px
}
#rightShadow {
	WIDTH: 9px; POSITION: absolute; TOP: 0px; HEIGHT: 454px
}
#leftShadow {
	BACKGROUND: url(../images/containerDropShadow.gif) repeat-x left top; LEFT: 0px
}
#rightShadow {
	RIGHT: 0px; BACKGROUND: url(../images/containerDropShadow.gif) repeat-x right top
}
#container {
	FONT-SIZE: 98%; BACKGROUND: url(../images/containerBG.gif) #aac0cd repeat-y left top; MARGIN: 0px auto; WIDTH: 618px; POSITION: relative
}
#container .gutter {
	PADDING-RIGHT: 18px; PADDING-LEFT: 18px; BACKGROUND: url(../images/containerGradient.gif) repeat-x left top; PADDING-BOTTOM: 18px; MARGIN: 0px 11px; PADDING-TOP: 27px; POSITION: relative
}
#container #intro {
	BACKGROUND: url(../images/introBG.jpg) no-repeat left top;
	WIDTH: 560px;
	COLOR: #3b505e;
	POSITION: relative;
	HEIGHT: 259px;
	background-image: url(cosas/introBG.jpg);
}
#container #intro H2 {
	WIDTH: 240px; POSITION: relative
}
#container #intro P {
	WIDTH: 240px; POSITION: relative
}
#container #intro H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 170%; LEFT: 20px; TOP: 15px
}
#container #intro P {
	FONT-SIZE: 110%; LEFT: 20px; TOP: 20px
}
#container #intro P A {
	MARGIN-TOP: 5px; DISPLAY: block; PADDING-LEFT: 14px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(../images/kor_icon.gif) no-repeat left center; COLOR: #1d323e; POSITION: relative
}
#container #intro P A:hover {
	BACKGROUND: url(../images/kor_icon.gif) no-repeat left center; COLOR: #000
}
#container #intro A {
	DISPLAY: block;
	WIDTH: 155px;
	COLOR: #badfe7;
	LINE-HEIGHT: 29px;
	POSITION: absolute;
	left: 419px;
	top: 230px;
}
#container #intro A:hover {
	COLOR: #87eaff
}
#container #intro A#QuienSoy {
	LEFT: 418px; TOP: 150px
}
#container #intro A#Disenyo {
	LEFT: 418px; TOP: 170px
}
#container #intro A#Programacion {
	LEFT: 418px; TOP: 190px
}
#container #intro A#Hardware {
	LEFT: 418px; TOP: 210px
}
#container #intro A#Contacto {
	LEFT: 418px; TOP: 230px
}
#container DL {
	MARGIN-TOP: 28px; BACKGROUND: url(../images/workBG.gif) #d7e9f3 repeat-y left top; COLOR: #50697b; POSITION: relative
}
#container DL DT {
	BACKGROUND: url(../images/workTitleBG.gif) #c5e7f9 no-repeat left top; LINE-HEIGHT: 41px; POSITION: relative; HEIGHT: 41px
}
#container DL DT SPAN {
	PADDING-LEFT: 37px; FONT-SIZE: 140%; COLOR: #63727a
}
#container DL DT A {
	PADDING-RIGHT: 16px; RIGHT: 15px; BACKGROUND: url(../images/topArrow.gif) no-repeat right center; COLOR: #879eab; POSITION: absolute; TOP: 0px
}
#container DL DT A:hover {
	COLOR: #45535c
}
#container DL DD {
	FLOAT: left; WIDTH: 100%; POSITION: relative
}
#container DL DD UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FLOAT: left; PADDING-BOTTOM: 13px; WIDTH: 204px; PADDING-TOP: 10px
}
#container DL DD UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 11px; BORDER-BOTTOM: #a8c3ce 1px solid
}
#container DL DD UL LI.viewBtn {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#container DL DD LI STRONG {
	COLOR: #394f5f
}
#container DL DD LI A {
	MARGIN-TOP: 15px; DISPLAY: block; PADDING-LEFT: 24px; FONT-SIZE: 95%; BACKGROUND: url(../images/viewBtn.gif) no-repeat left center; WIDTH: 110px; COLOR: #466b7f; LINE-HEIGHT: 25px
}
#container DL DD LI A:hover {
	BACKGROUND-IMAGE: url(../images/viewBtnHover.gif); COLOR: #fff
}
#container DL DD A.thumb {
	FLOAT: right; MARGIN: 10px 11px 11px 0px
}
#container DL DD.desc {
	CLEAR: both; BACKGROUND: url(../images/descBG.gif) #c4dce9 repeat-y center top; FLOAT: none; MARGIN: 0px
}
#container DL DD.desc DIV {
	BACKGROUND: url(../images/descLine.gif) repeat-x left top; MARGIN-LEFT: 1px; WIDTH: 558px
}
#container DL DD.desc DIV P {
	PADDING-RIGHT: 18px; PADDING-LEFT: 18px; BACKGROUND: url(../images/descLine.gif) repeat-x left bottom; PADDING-BOTTOM: 20px; MARGIN: 0px; PADDING-TOP: 20px
}
 HTML #container DL DD.desc DIV P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 20px 18px 25px; PADDING-TOP: 0px
}
#container DL DD.desc DIV P A {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: normal; PADDING-TOP: 0px
}
#container DL DD.desc DIV P A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
#container DL DD.desc A {
	DISPLAY: block; PADDING-LEFT: 50px; BACKGROUND: url(../images/viewDescBtn.gif) #d0e0e9 no-repeat left top; CURSOR: pointer; COLOR: #698290; LINE-HEIGHT: 30px
}
#container DL DD.desc A:hover {
	BACKGROUND: url(../images/viewDescBtn.gif) #d0e0e9 no-repeat left bottom; COLOR: #45535c
}
#container #contactWrapper {
	MARGIN-TOP: 35px; BACKGROUND: url(../images/contactBG.gif) #d7e9f3 repeat-y left top; FLOAT: left; WIDTH: 100%; POSITION: relative
}
#container #contactWrapper #contactInfo {
	BACKGROUND: url(../images/contactInfoDropShadow.gif) no-repeat right top; FLOAT: left; WIDTH: 228px; HEIGHT: 350px
}
#container #contactWrapper #contactInfo H2 {
	PADDING-LEFT: 14px; FONT-SIZE: 140%; BACKGROUND: url(../images/contactInfoTop.gif) no-repeat left top; COLOR: #394f5f; PADDING-TOP: 34px
}
#container #contactWrapper #contactInfo H3 {
	MARGIN-LEFT: 16px
}
#container #contactWrapper #contactInfo P {
	MARGIN-LEFT: 16px
}
#container #contactWrapper #contactInfo H3 {
	BORDER-TOP: #c6d7e1 1px solid; MARGIN-TOP: 8px; FONT-SIZE: 110%; MARGIN-BOTTOM: 3px; COLOR: #26353d; MARGIN-RIGHT: 23px; PADDING-TOP: 27px
}
#container #contactWrapper #contactInfo P {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px
}
#container #contactWrapper #contactInfo A {
	FONT-WEIGHT: bold; COLOR: #5bb3dd
}
#container #contactWrapper #contactForm {
	BACKGROUND: url(../images/contactFormTop.gif) repeat-x left top; FLOAT: right; WIDTH: 332px; POSITION: relative
}
#container #contactWrapper #contactForm A {
	DISPLAY: block; BACKGROUND: url(../images/contactTopBtn.gif) no-repeat right top; LEFT: 295px; WIDTH: 26px; TEXT-INDENT: -9000px; POSITION: relative; TOP: 12px; HEIGHT: 19px
}
#container #contactWrapper FORM {
	PADDING-RIGHT: 17px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 3px; PADDING-TOP: 22px
}
 HTML #container #contactWrapper FORM {
	PADDING-RIGHT: 17px; PADDING-LEFT: 10px; PADDING-BOTTOM: 14px; PADDING-TOP: 36px
}
#container #contactWrapper FORM .btn {
	FLOAT: left
}
#container #contactWrapper FORM #formStatus {
	MARGIN-TOP: 7px; FLOAT: right; WIDTH: 210px
}
#container #contactWrapper FORM #formStatus P {
	MARGIN-TOP: 0px; PADDING-LEFT: 19px
}
#container #contactWrapper FORM #formStatus .error {
	BACKGROUND: url(../images/errorIcon.gif) no-repeat left center; COLOR: red
}
#container #contactWrapper FORM #formStatus .success {
	BACKGROUND: url(../images/successIcon.gif) no-repeat left center
}
#container #footer {
	FONT-SIZE: 98%; BACKGROUND: url(../images/footer.jpg) #6f8592 no-repeat left bottom; COLOR: #b9ccd8; HEIGHT: 65px
}
#container #footer P {
	PADDING-LEFT: 29px; PADDING-TOP: 20px
}
#container #footer A {
	COLOR: #8bd3ff
}
BODY.linksPage #container #protolize {
	BACKGROUND: url(../images/protolize.jpg) no-repeat left top; MARGIN-BOTTOM: 28px; WIDTH: 560px; POSITION: relative; HEIGHT: 200px
}
BODY.linksPage #container #protolize H2 A {
	DISPLAY: block; WIDTH: 300px; TEXT-INDENT: -9000px; HEIGHT: 80px
}
BODY.linksPage #container #protolize P {
	LEFT: 30px; WIDTH: 275px; COLOR: #fff; POSITION: absolute; TOP: 100px
}
BODY.linksPage #container #protolize P A {
	MARGIN-TOP: 7px; DISPLAY: block; COLOR: #b2e4f0
}
BODY.linksPage #container DL {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: -1px
}
BODY.linksPage #container DL.first {
	MARGIN-TOP: 10px
}
BODY.linksPage #container DL DD {
	FLOAT: none; BORDER-BOTTOM: #8bafc5 1px solid
}
BODY.linksPage #container DL DD UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: none; PADDING-BOTTOM: 0px; MARGIN: 21px 11px 27px; PADDING-TOP: 0px; HEIGHT: 100%
}
BODY.linksPage #container DL DD UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
BODY.linksPage #container DL DD UL LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(../images/linksBox.gif) #e2ecf1 no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 538px; PADDING-TOP: 0px
}
BODY.linksPage #container DL DD UL LI A:hover {
	BACKGROUND: url(../images/linksBoxHover.gif) #e2ecf1 no-repeat left top
}
BODY.linksPage #container DL DD UL LI A:hover STRONG {
	COLOR: #293d4b
}
BODY.linksPage #container DL DD UL LI A:hover SPAN {
	BACKGROUND: url(../images/linksBoxHover.gif) #e2ecf1 no-repeat left bottom; COLOR: #293d4b
}
BODY.linksPage #container DL DD UL LI A STRONG {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 12px; BACKGROUND: url(../images/blueBullet.gif) no-repeat 0px 17px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 16px; COLOR: #476274; PADDING-TOP: 8px
}
BODY.linksPage #container DL DD UL LI A.hot STRONG {
	BACKGROUND: url(../images/redBullet.gif) no-repeat 0px 17px
}
BODY.linksPage #container DL DD UL LI A SPAN {
	PADDING-RIGHT: 15px; MARGIN-TOP: 0px; DISPLAY: block; PADDING-LEFT: 28px; BACKGROUND: url(../images/linksBox.gif) #e2ecf1 no-repeat left bottom; MARGIN-BOTTOM: -1px; PADDING-BOTTOM: 10px; COLOR: #50697b; LINE-HEIGHT: 1.3em; PADDING-TOP: 0px
}
 HTML BODY.linksPage #container DL DD UL LI A SPAN {
	MARGIN-BOTTOM: 0px
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
A {
	outline: none
}
A:link {
	COLOR: #618191; TEXT-DECORATION: none
}
A:visited {
	COLOR: #618191; TEXT-DECORATION: none
}
A:hover {
	COLOR: #45535c
}
A:active {
	COLOR: #45535c
}
IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
INPUT {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 110%; PADDING-BOTTOM: 4px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; FONT-FAMILY: Helvetica, Arial, Tahoma, sans-serif; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
TEXTAREA {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 110%; PADDING-BOTTOM: 4px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; FONT-FAMILY: Helvetica, Arial, Tahoma, sans-serif; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
LABEL {
	FONT-WEIGHT: bold; COLOR: #394f5f
}
TEXTAREA {
	FONT-FAMILY: Helvetica, Arial, Tahoma, sans-serif; HEIGHT: 130px
}
.txt {
	BACKGROUND: #abcadb; WIDTH: 296px; COLOR: #517990; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.inputHighlighted {
	WIDTH: 296px; COLOR: #fff; BACKGROUND-COLOR: #6f8b9b
}
.clear {
	CLEAR: both
}