/*[fmt]A010-100B-3*/
/*||||||||||||||||||||IMPORTANT|||||||||||||||||||||||
All code and design is Copyright 2008 Kemie Guaida
Feel free to look and learn from this stylesheet, but
please don't take it and use it as your own.
||||||||||||||||||||||||||||||||||||||||||||||||||||
-------------------- 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(../img/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(../img/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(../img/bg_main_in.png); padding: 0 15px 60px 20px; width: 590px;}

#sidebar
{ background-image: url(../img/bg_sidebar.png); background-repeat: no-repeat; float: right; width: 315px;}

#sidebar .in
{ background-image: url(../img/bg_sidebar_in.png); padding: 0 15px 75px;}

/*----------------------------------header -------------------------------*/
#header h2 a, #header h2 a:hover
{ background-image: url(../img/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(../img/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
{ background-color: transparent; background-image: url(../img/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;}

.lang
{ float: right; position: absolute; right: 328px; top: -5px; margin: 0; padding: 0;}

.lang li
{ margin: 0; padding: 0 10px; float: left;}

.lang li:first-child
{ border-right: 1px solid #9F4B19;}

.lang a
{ color: #FCFCFA; font-weight: bold;}

.currentlang
{ /*[disabled]display:none;*/ color: #E77733;}

/*----------------------------------Menu-------------------------------*/
.nav
{ background-image: url(../img/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 !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; float: left; width: 46%;}

#main .projectlist
{}

#main .projectlist li img, .homeblock img
{ padding: 5px;}

.catlist
{ border-top: 1px solid #DAD3C4; margin: 5px; padding: 0;}

.catlist ul
{ margin: 0; padding: 0;}

.catlist li
{ border-bottom: 1px solid #DAD3C4; font-size: 14px; margin: 0; padding: 4px 0;}

.catlist li a
{ background-image: url(../img/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; zoom: 1;}

#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(../img/bg_imgnav.png); background-repeat: repeat-x; border: 1px solid #DAD3C4; clear: both; height: 22px; margin: 0 auto; padding: 4px 0; position: relative; position: relative; text-align: center; top: -1px; width: 480px;}

#imgpag
{ float: right;}

#imgpag a
{ background-image: url(../img/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(../img/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(../img/bg_prev.png);}

#next
{ background-image: url(../img/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: -5px 0; padding-bottom: 0; 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(../img/bg_intro.png); background-repeat: no-repeat; float: left; height: 225px; overflow: hidden; padding: 5px 20px 10px; width: 584px;}

#intro h1, .homeblock h1
{ margin: 15px 10px 0px !important;}

.homeblock h3
{ margin: 25px 40px 10px 0 !important;}

#intro p
{ font-size: 13px; line-height: 120%; margin-left: 100px; padding: 3px 10px !important;}

#intro p:first-child
{ margin-left: 80px !important;}

.homeblock
{ background-image: url(../img/bg_homeblock.png); background-repeat: no-repeat; float: left; height: 225px; padding: 5px 20px 10px; position: relative; width: 272px;}

.homeblock.help p
{ padding: 0 10px !important;}

.homeblock img
{ margin-right: 15px;}

.homeblock h5
{ background-image: url(../img/bg_featured.png); background-repeat: no-repeat; height: 84px; margin: 0; padding: 0; position: absolute; right: 6px; text-indent: -9999px; top: 6px; width: 83px; z-index: 1;}

.homeblock h4
{ font-size: 17px; position: relative; z-index: 100;}

.homeblock a.btnlink
{ bottom: 20px; position: absolute; right: 15px;}

.feat p
{ margin-left: 122px; padding: 5px 0 !important; font-size: 14px;}

a.btnlink, a.btnlink:visited, .prevnext a, .prevnext a:visited
{ background-image: url(../img/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(../img/bg_btn2.png); background-position: top left; background-repeat: no-repeat; display: block; float: left; left: -10px; padding: 5px 0 9px 15px; position: relative;}

/*-------------------- 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;}