/* RESET BROWSER STYLES begin */
/* img, div, input { behavior: url(iepngfix.htc) } */

html { }

html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,blockquote { 
	margin:0;
	padding:0;
}
table { border-collapse:collapse; border-spacing:0; }
a:link,a:hover,a:visited,a:active, img,:link img,:visited img, img, span a img { border:0; padding:0; list-style:none; }
ul { list-style-type:none; margin:0; padding:0; }

q:before,q:after { content:''; }
abbr,acronym { border:0; }
:focus { outline:0; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
form { border:0; }

/* RESET BROWSER STYLES end */

/* GLOBAL PAGE STYLES begin */

body { font:10px/1.3 Arial, Helvetica, sans-serif; color:#333; background:url(../images/BG.gif) repeat-x fixed #ccc; padding:0; position:relative; }

a:link,
a:visited { color:#333; text-decoration:underline; }
a:hover,
a:active { text-decoration:none; }

.floatL { float:left!important; }
.floatR { float:right!important; }

.clr { clear:both; }
.clrL { clear:left; }
.clrR { clear:right; }
.clear { clear:both; }

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

.DisplayOn { }
.DisplayOff { display:none; }
.DisplayBlock { display:block; }
.VisibleOn { visibility:visible; }
.VisibleOff { visibility:hidden; }

.Center { text-align:center; }

/* GLOBAL PAGE STYLES end */

div#Version { position:absolute; top:0; right:0; width:130px; height:125px; background:url(../images/Version.gif) no-repeat top right; }

div#Main { /*background:#eeeeec;*/ margin:0; }
div#HMain { width:920px; padding:180px 0 20px 0; margin:0 auto; background:url(../images/Main_BG.png) no-repeat center bottom; }

div.HLeft { float:left; width:432px; padding:105px 0 0 0; text-align:right; position:relative; }
a.Home { width:230px; height:115px; display:inline-block; text-indent:-3000px; text-align:left; background:url(../images/Logotipo.png) no-repeat; position:absolute; top:-16px; right:-33px; }
span.HConstruction { display:block; margin:35px 0 0 0; color:#888; font-size:1.3em; }
ul.HMenu { }
ul.HMenu li { }
ul.HMenu li a:link,
ul.HMenu li a:visited { color:#999; /*color:#606060;*/ display:block; text-decoration:underline; font-size:1.8em; font-weight:bold; text-transform:uppercase; letter-spacing:-1px; line-height:0.8; text-decoration:none; }
ul.HMenu li a:hover,
ul.HMenu li a:active { text-decoration:none; color:#ccc; }
ul.HMenu li a.Active { color:#666; }

a.HCV:link,
a.HCV:visited { font-weight:bold; color:#999; display:inline-block; margin:28px 0 0 0; padding:5px 27px 5px 5px; text-decoration:none; font-size:1.2em; background:url(../images/HCV_BG.gif) no-repeat center right; }
a.HCV:hover,
a.HCV:active { text-decoration:underline; }


div.HRight { float:right; width:440px; padding:25px 0 0 0; text-align:left; }
ul.HSkils { font-size:1.3em; color:#757575; letter-spacing:-0.2px; }


/* Contacts */
div.Contacts div.Contacts-Message { padding:0 0 15px 0; font-size:1.4em; text-transform:uppercase; }
div.Contacts label { display:block; padding:0 0 5px 0; font-size:1.1em; }
div.Contacts label.Message { padding:5px 8px 5px 0; }
div.Contacts label span { display:block; padding:0 0 2px 0; }
div.Contacts input.Contacts { width:100%; padding:5px 3px; font-size:1em; background:#f1f1f1; border:none; /*border:1px solid #f1f1f1;*/ }
div.Contacts input.Contacts:focus { background:#fff; }

div.Contacts input.ContactsCode { width:200px; padding:5px 3px; font-size:1em; background:#f1f1f1; border:none; /*border:1px solid #f1f1f1;*/ }
div.Contacts input.ContactsCode:focus { background:#fff; }

div.Contacts textarea.Contacts { width:100%; vertical-align:top; font-size:1em; padding:5px 3px; background:#f1f1f1; border:none; /*border:1px solid #f1f1f1;*/ font-family:Arial, Helvetica, sans-serif; }
div.Contacts textarea.Contacts:focus { background:#fff; }

div.Contacts div.ContactsSubmit { padding:5px 0 5px 0; }
div.Contacts div.ContactsSubmit input.ContactsSubmit { font-size:1em; background:#f1f1f1; padding:5px; border:none; text-transform:uppercase; cursor:pointer; }


/* Portfolio */
div.Pfolio-Header { width:920px; height:110px; margin:0 auto 4px auto; /*background:url(../images/Header_BG.gif) no-repeat bottom center;*/ }
div.Pfolio-Header span.Logotipo { width:230px; height:115px; display:inline-block; text-indent:-3000px; text-align:left; background:url(../images/Logotipo.png) no-repeat; /*position:absolute; top:-16px; right:-33px;*/ }

div.Pfolio-All { width:1140px; height:441px; margin:0 auto; position:relative; background:url(../images/Pfolio-All_BG.gif) no-repeat top center; }

div.Pfolio-Photos { width:920px!important; height:441px; padding:0px 0 0 0; margin:0 110px 0 110px; }
div.Pfolio-Photos ul { list-style:none; height:441px; overflow:hidden; }
div.Pfolio-Photos ul li { list-style:none; height:441px; display:block; position:relative; background:url(../images/Pfolio-Photos_BG.gif) repeat-x bottom; /*border:1px solid red;*/ /*padding-bottom:2px; margin-bottom:3px;*/ /*background:#121212;*/ /*height:365px;*/ }
div.Pfolio-Photos ul li div.Actions { text-align:right; padding:0 15px 0 0; height:20px; }
div.Pfolio-Photos ul li div.Actions a { cursor:pointer; text-indent:-3000px; width:20px; height:20px; display:inline-block; background-repeat:no-repeat; }
div.Pfolio-Photos ul li div.Actions a.Prev { background-image:url(../images/PrevArrow.gif); background-position:0 0; }
div.Pfolio-Photos ul li div.Actions a.Next { background-image:url(../images/NextArrow.gif); background-position:0 0; }
div.Pfolio-Photos ul li div.Actions a.disabled { background-position:0 -20px; }

div.Pfolio-Photos ul li div.Details { width:920px; height:65px; position:absolute; left:0; bottom:-16px; text-align:right; }
div.Pfolio-Photos ul li div.Details div.ProjectTitle { font-size:15px; font-weight:bold; letter-spacing:-0.5px; text-transform:uppercase; color:#333; padding:10px 10px 0 0; margin:0 0 4px 0; line-height:1; }
div.Pfolio-Photos ul li div.Details div.ProjectDetails { font-size:11px; font-style:italic; color:#7f7e7e; padding:0 10px 0 0; line-height:1; }



div.Pfolio-Vertical { width:910px!important; height:370px; padding:0px 0 0 10px; background:#fff; overflow:hidden; position:relative; /*border:1px solid;*/ }
div.Pfolio-Items { position:absolute; margin:0; /*height:20000px;*/ }
div.Pfolio-Item { height:360px; margin:0; padding:10px 0 0 0; overflow:hidden; }
div.Pfolio-Item img { width:900px; }

.Pfolio-Prev { width:110px; height:45px; background:url(../images/Pfolio-Prev.gif) no-repeat bottom right; color:#fff; position:absolute; bottom:51px; left:0; z-index:1; text-indent:-3000px; cursor:pointer; }
.Pfolio-Next { width:110px; height:45px; background:url(../images/Pfolio-Next.gif) no-repeat bottom left; color:#fff; position:absolute; bottom:51px; right:0; z-index:1; text-indent:-3000px; cursor:pointer; }


.vertical { width:900px!important; height:356px; overflow:hidden; position:relative; border:1px solid; }
.items { position:absolute; margin:0; /*height:20000px;*/ }
.item { height:356px; margin:0; padding:0; border:1px solid red; overflow:hidden; }

.Portfolio { width:900px!important; /*height:365px; overflow:hidden;*/ border:1px solid red; position:relative; }
.Portfolio ul { list-style:none; padding-bottom:2px; margin-bottom:3px; /*background:#121212;*/ /*height:365px;*/ overflow:hidden; }
.Portfolio ul li { list-style:none; display:block; /*padding-bottom:2px; margin-bottom:3px;*/ /*background:#121212;*/ /*height:365px;*/ }
.Portfolio ul li div.HProject { position:relative; }
.Portfolio ul li img { }
.Portfolio ul li div.HProject-Title { padding:0.45em 0.45em 0.45em 0.91em; position:absolute; bottom:1.95em; right:0; background:#191919; color:#fff; font-size:2.2em; text-transform:uppercase; font-weight:bold; line-height:1; letter-spacing:-0.1em; }
.Portfolio ul li div.HProject-Excerpt { padding:0.82em 0.91em 0.82em 1.09em; position:absolute; bottom:1.2em; right:0; background:#191919; color:#febf00; font-size:1.1em; text-transform:uppercase; font-weight:bold; line-height:1; }

.SIprev { background:#000; color:#fff; position:absolute; bottom:10px; left:0; z-index:1; }
.SInext { background:#000; color:#fff; position:absolute; bottom:10px; right:0; z-index:1; }


/* Footer */
div#HFooter { color:#888; padding:22px 0 95px 480px; width:440px; margin:1px auto 0 auto; font-size:1.1em; background:url(../images/Footer_BG.png) center top; }
div#HFooter a:link,
div#HFooter a:visited { color:#888; }