/*-------------------- clearing---------------------*/ 
.clearme:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
/*ie5 mac only*/
* html>body .clearme{ display: inline-block; overflow: visible; }
/*-------------------- common---------------------*/ 
.morelink{ background: url(images/bg_morelink.png) no-repeat right center; font-weight: bold; padding-right: 20px; }
.caps{ letter-spacing: 0.1em; }
/*----------------------------------Basic Layout-------------------------------*/
#container{ margin: 0px auto; }
#header{ height: 85px; margin-top: 15px; position: relative; }
#main{ background-image: url(images/bg_main.png); background-repeat: no-repeat; float: left; margin-left: 10px; padding-top: 14px; width: 625px; }
.in{ background-position: bottom; background-repeat: no-repeat; margin-top: 20px; }
#main .in{ background-image: url(images/bg_main_in.png); padding: 0 15px 60px 20px; width: 590px; }
#sidebar{ background-image: url(images/bg_sidebar.png); background-repeat: no-repeat; float: right; width: 315px; }
#sidebar .in{ background-image: url(images/bg_sidebar_in.png); padding: 0 15px 75px 15px; }
/*----------------------------------header -------------------------------*/
#header h2 a, #header h2 a:hover{ background-image: url(images/img_logo.png); background-repeat: no-repeat; bottom: 0; display: block; float: left; height: 85px; position: absolute; text-decoration: none; text-indent: -999999px; width: 420px; }
#search{ background-image: url(images/bg_search.png); background-position: bottom; background-repeat: no-repeat; height: 30px; margin: 0 !important; padding: 2px 20px !important; position: absolute; right: 0; text-align: center; top: -15px; width: 312px; }
#search input{ vertical-align: middle; }
.searchbutton, .zemSubmit { border: none; background-color: transparent; background-image: url(images/bg_searchbtn.png); background-repeat: no-repeat; border: none; color: #fafaf7; font-size: 14px; font-weight: bold; height: 22px; line-height: 2px; padding: 0 5px !important; width: 63px; }
.searchbutton:focus, .zemSubmit:focus { border: none; }
/*----------------------------------Menu-------------------------------*/
#nav{ background-image: url(images/bg_menu.png); background-repeat: no-repeat; bottom: 5px; font-size: 16px; margin: 0 -5px 0 0; padding: 5px 28px; position: absolute; right: 0; text-align: center; width: 466px; }
.skip { background-color: #ffffff; height: 0; margin: 0; overflow: hidden; position: absolute; width: 0; }
.skip:active, .skip:focus { font-size: 16px; height: auto; overflow: visible; position: absolute; right: 0px; top: 0px; width: auto; }
/*----------------------------------Sidebar-------------------------------*/
#sidebar h3{ margin: 30px 5px 10px 5px !important; }
.projectlist{ margin: 0; padding: 0 5px; }
.projectlist li{ border-bottom: 1px solid #dad3c4; list-style-image: none; list-style-type: none; margin: 0; overflow: auto; padding: 5px 0; }
/*ie5 mac only*/
* html>body .projectlist li{ display: inline-block; overflow: visible; }
.projectlist li img, .homeblock img{ background-color: #ffffff; border: 1px solid #b0a691; float: left; margin-right: 10px; padding: 2px; vertical-align: top; }
.projectlist li a:hover img{ border: 1px solid #cf3a05; }
.projectlist li h4{ margin: 0; padding: 0; }
.projectlist li p{ margin-left: 90px; text-align: right; }
#main .projectlist li{ padding: 10px; }
#main .projectlist li img, .homeblock img{ padding: 5px; }
.catlist{ border-top: 1px solid #dad3c4; margin: 5px; padding: 0; }
.catlist li{ border-bottom: 1px solid #dad3c4; font-size: 14px; margin: 0; padding: 4px 0; }
.catlist li a{ background-image: url(images/bg_catlist.gif); background-position: 5px 5px; background-repeat: no-repeat; padding: 2px 10px 2px 20px; }
.catlist li a:hover{ background-position: 5px bottom; }
.r{ clear: both; overflow: auto; text-align: right; }
#sidebar .r a{ font-weight: bold; }
#sidebar .r { margin-top: 15px; }
/*----------------------------------Portfolio-------------------------------*/
#images{ float: left; margin: 0 54px !important; min-height: 292px; width: 482px !important; }
/*.nonav{ padding: 0 27px; }
.noover{ overflow: hidden; height: 280px; }*/
#imgnav{ background-color: #f7f6f1; background-image: url(images/bg_imgnav.png); background-repeat: repeat-x; border: 1px solid #dad3c4; clear: both; height: 22px; margin: 0 auto; padding: 4px 0; position: relative; text-align: center; top: -1px; width: 480px; }
#imgpag{ float: right; }
#imgpag a{ background-image: url(images/bg_imgnav_num.png); background-repeat: no-repeat; float: left; font-weight: bold; margin: 0 2px; padding: 3px 7px; }
#imgpag a.activeSlide { background-image: url(images/bg_imgnav_num2.png); }
#prev, #next{ background-repeat: no-repeat; float: right; height: 22px; margin: 0 5px; overflow: hidden; text-indent: -9999px !important; width: 27px; }
#prev{ background-image: url(images/bg_prev.png); }
#next{ background-image: url(images/bg_next.png); }
#images img{ background: #ffffff; /* declare background color for container to avoid distorted fonts in IE while fading */ border: 1px solid #ede5da; padding: 5px; }
.philosophy{ min-height: 210px !important; /*	overflow:auto;*/ }
#main .philosophy img{ background-color: transparent; background-image: none; border: 0; padding: 0; }
.descripcion{ clear: both; margin: 10px auto; width: 512px; }
.portfolio p{ font-size: 14px; line-height: 1.4em; }
p.crumbs{ color: #b0a691; font-size: 11px; margin-top: -5px; padding-bottom: 5px; padding-top: 0; }
.static .in{ margin-top: 20px; }
p.crumbs a{ color: #b0a691; text-decoration: underline; }
p.crumbs a:hover{ color: #c6592b; text-decoration: underline; }
p.pagination{ font-size: 14px; font-weight: bold; margin-top: 5px; text-align: center; }
p.pagination a{ margin: 0 5px; }
/*----------------------------------footer-------------------------------*/
#footer{ clear: both; color: #e1c3b1; font-size: 11px; margin-top: 10px; padding: 5px 25px !important; }
#footer a, #footer a:visited{ color: #efece8; }
#footer a:hover, #footer a:visited:hover{ color: #f7f6f1; }
/*----------------------------------forms-------------------------------*/
form{ margin: 0; padding: 0; }
input, textarea { background-color: #efece8; border: 1px solid #665c48; }
input:focus, textarea:focus { background-color: #fafaf7; border: 1px solid #9a4723; }
.button, .button:focus{ background-color: #cf3a05; /*	background-image: url(../images/back_linkbutton.gif);*/ border: 1px solid #7e3617; color: #e5ccbd; font-size: 12px; font-weight: bold; margin: 5px 0; padding: 2px 8px; }
 .button:focus{ color: #ffffff; }
.buttons{ text-align: right; }
p.send{ padding-left: 360px !important; }
/*-------------------- home---------------------*/ 
#intro{ background-image: url(images/bg_intro.png); background-repeat: no-repeat; float: left; height: 225px; overflow: hidden; padding: 5px 15px 10px 20px; width: 589px; }
#intro h1, .homeblock h1{ margin: 15px 10px 0px 10px !important; }
.homeblock h3{ margin: 25px 0px 10px 0px !important; }
#intro p{ font-size: 13px; line-height: 120%; margin-left: 106px; padding: 2px 5px 3px 15px !important; }
.homeblock{ background-image: url(images/bg_homeblock.png); background-repeat: no-repeat; float: left; height: 225px; padding: 5px 20px 10px 20px; position: relative; width: 272px; }
.homeblock img{ margin-right: 15px; }
.homeblock li{ line-height: 110%; }
.help p{ padding: 5px 10px !important; }
.homeblock h5{ background-image: url(images/bg_featured.png); background-repeat: no-repeat; height: 84px; margin: 0; padding: 0; position: absolute; right: 6px; text-indent: -9999px; top: 6px; width: 83px; }
.homeblock a.btnlink{ bottom: 20px; position: absolute; right: 15px; border: none !important; }
.feat p{ margin-left: 122px; padding: 5px 0 !important; }
a.btnlink, a.btnlink:visited, .prevnext a, .prevnext a:visited{ border: none !important;background-image: url(images/bg_btn1.png); background-position: top right; background-repeat: no-repeat; color: #f7f6f1; float: right; font-size: 13px; font-weight: bold; line-height: 1em; padding: 0 5px; text-decoration: none; }
.prevnext{ overflow: auto; }
.prev{ float: left; }
.prev a{ float: left !important; }
.next{ float: right; width: 150px; }
a.btnlink:hover, a.btnlink:visited:hover,  .prevnext a:hover ,  .prevnext a:visited:hover{ color: #ffffff; }
.btnlink span, .prevnext a span{ background-image: url(images/bg_btn2.png); background-position: top left; background-repeat: no-repeat; /*	margin-left:-6px;*/ display: block; float: left; left: -10px; padding: 5px 0 9px 10px; position: relative; border:none; }
/*-------------------- CONTACT---------------------*/ 
.photo{ float: left; margin-right: 5px; }
fieldset{ border: none; padding: 10px; }
legend{ display: none; }
label{ clear: left; float: left; margin-right: 10px; text-align: right; width: 120px; }
.zemError{ background-color: #ede5da; border: 1px solid #e1c3b1; padding: 10px; }
.vcard{ line-height: 150%; }
.fn{ font-weight: bold; }
/*-------------------- sifr---------------------*/ 
/* These are standard sIFR styles... do not modify */
.sIFR-flash { margin: 0; position: relative; visibility: visible !important; }
.sIFR-flash span.sIFR-alternate { display: block; height: 0; left: 0; overflow: hidden; position: absolute; top: 0; width: 0; }
.sIFR-replaced embed.sIFR-flash[sifr=true] + div[adblocktab=true] { display: none !important; }
.sIFR-replaced  div[adblocktab=true] { display: none !important; }
.sIFR-replaced  div { display: none !important; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 { visibility: hidden; }
.sIFR-hasFlash h2{ visibility: hidden; }
.sIFR-hasFlash h3{ visibility: hidden; }