/* CSS Document */
* {
margin: 0;
padding: 0;
border: 0;
}
html {}
body {
color: #000;
text-align: left;
background: #e6c194 url(../img/bg.jpg) repeat;
font-size: 62.5%;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
a {
color: #C00;
text-decoration: none;
}
a:hover {
color: #900;
text-decoration: underline;
}
ul {
list-style: none;
}
.design {
color: #336699;
}
.services {
color: #DB7900;
}
.price {
font-size: 140%;
color: #990000;
}
#main-wrapper {
background: #fff url(../img/contentbg-shadow.jpg) repeat-y;
position: relative;
}
#header-wrapper {
height: 86px;
background: #D28F4B url(../img/headerbg-shadow.jpg) repeat-y;
overflow: visible;
}
#header-wrapper-star {
height: 86px;
background: url(../img/headerbg-shadow-star.gif) repeat-y;
overflow: visible;
}
/*Encabezado*/
#header-logo {
width: 265px;
height: 86px;
float: left;
position: relative;
}
#header-nav {
width: 535px;
height: 86px;
float: left;
}
#header-logo h1 a {
background: transparent url("../img/logo.gif") no-repeat 0 0;
display: block;
bottom: 9px;
height: 68px;
line-height: 400px;
overflow: hidden;
position: absolute;
left: 19px;
width: 216px;
}
.wrapper {
width: 800px;
}
#mainbg {
background: transparent;
}
#headerbg {
background: transparent;
}
#banner {
height: 230px;
margin: 0 10px 0 10px;
z-index: 70;
}
#banLeft {
width: 523px;
height: 230px;
float: left;
background: url(../img/artexperu.png) no-repeat;
}
#banRight {
width: 257px;
height: 230px;
float: left;
background: url(../img/bg-sup.jpg) no-repeat;
}
#main {
width: 800px;
text-align: left;
overflow: hidden;
}
#main h4 {
font-size: 100%;
color: #494949;
font-weight: bold;
letter-spacing: -0.2px;
padding: 20px 0 0 10px;
margin: 0 30px 0 0px;
line-height: 1.5;
}

/* My Comment */

#main-left {
width: 514px;
float: left;
padding: 0 0 15px 10px;
overflow: hidden;
}

/* My Comment */

#mainnav-container {
position: relative;
width: 514px;
}

/* My Comment */

#meta-img-top {
position: absolute;
top: -3px;
right: 61px
}

/* My Comment */

#meta-img {
position: absolute;
top: 221px;
padding: 0 9px;
}
#news {
position: relative;
background-color: #F0F0F0;
width: 494px;
height: 20px;
padding: 4px 10px 0 10px;
color: #000;
}
#ajaxticker1 {
position: relative;
background-color: #F0F0F0;
}
#ajaxticker1 div {
background-color: #F0F0F0;
}
#page-content {
float: left;
text-align: left;
overflow: visible;
}
#sidebar {
background: url(../img/spotlight.jpg) no-repeat;
float: left;
width: 276px;
height: 520px;/* <---- */
}
.sidebar-content {
position: relative;
width: 170px;
padding: 0 20px 0 18px;
}
#sidebar-indent {
padding: 0 0 0 42px;
}
#sidebar h1 {
font-size: 1.5em;
color: #C00;
letter-spacing: -1px;
line-height: 1.6;
padding: 15px 0 10px 0
}
#sidebar h2 {
font-size: 1.4em;
letter-spacing: -0.5px;
line-height: 1.5;
padding-top: 10px;
}
#sidebar h3{
font-size: 1.2em;
color: #666666;
letter-spacing: -0.5px;
line-height: 26px;
}
#sidebar p {
font-size: 1.05em;
line-height: 1.25;
}
#content {
padding: 15px 14px 0 20px;
}
#content h1 {
font-size: 1.4em;
color: #AB421F;
letter-spacing: -1px;
line-height: 1.6;
padding: 10px 0 5px 0;
}
#content h2 {
font-size: 1.3em;
color: #A00;
font-weight: bold;
letter-spacing: -0.2px;
line-height: 26px;
}
/*Artículos*/
.art_title {
font-size: 1.5em;
margin: 5px 0;
}
.art_body {
margin: 0 0 20px 0;
}
.art_body h3 {
font-size: 1.1em;
color: #A00;
font-weight: bold;
letter-spacing: -0.2px;
line-height: 26px;
}
.art_body h3 a {
color: #C00;
}
.art_body p {
font-size: 1.15em;
color: #000;
padding: 3px 0 6px 0;
line-height: 1.2em;
}
.content-box {
width: 460px;
background: #FBF4E6;
padding: 10px;
margin-top: 10px;
overflow: hidden;
}
.content-box-img {
position: relative;
width: 90px;
float: left;
height: 90px;
border: 3px solid #FFF;
margin: 0 5px 0 0
}
.content-box-text {
position: relative;
width: 350px;
float: right;
}
.content-box-text h3 {
font-weight: bold;
font-size: 1.4em;
padding-bottom: 5px;
}
.content-list {
padding: 20px 2px 2px 170px;
text-transform: uppercase;
}
.content-list li a {
font-size: 75%;
text-decoration: none;
color: #000;
font-weight: bold;
}
.para-list ul {

}
.para-list li {
padding: 0 2px 0 14px;
background: url(../img/icons/list-bullet-purple.gif) no-repeat 0 4px;
font-size: 94%;
text-decoration: none;
}
.sitemap-list ul {

}
.sitemap-list li  a {
padding: 0 2px 0 14px;
background: url(../img/icons/list-bullet-purple.gif) no-repeat 0 4px;
font-size: 94%;
text-decoration: none;
}
.sitemap-list li a:hover {
background: url(../img/icons/list-bullet-gold.gif) no-repeat 0 4px;
font-size: 94%;
text-decoration: none;
color: #DB7900;
}
.relatedlist li a {
padding: 2px 2px 2px 14px;
background: url(../img/icons/list-bullet-purple.gif) no-repeat 0 4px;
font-size: 1.1em;
text-decoration: none;
color: #990000;
}
.relatedlist li a:hover {
background: url(../img/icons/list-bullet-gold.gif) no-repeat 0 4px;
text-decoration: none;
color: #DB7900;
}
/*Twitter*/
#twitter_update_list li {
padding: 2px 2px 2px 14px;
background: url(../img/icons/list-bullet-purple.gif) no-repeat 0 4px;
font-size: 1.05em;
text-decoration: none;
color: #000;
}
#twitter_update_list li a {
color: #900;
}
#footer-wrapper {
height: 56px;
background: #cc7e3e url(../img/footerbg-shadow.gif) repeat-y;
height: 150px;
}
#footer {
font-size: 0.8em;
line-height: 1.25;
padding: 105px 20px 0 20px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#footerbg {
background: transparent;
}
#footer-menu {
padding: 2px 60px 0 60px;
position: relative;
}
.footer-menuitem {
width: 160px;
position: absolute;
}
.footer-menutitle {
font-size: 0.9em;
color: #C00;
padding-top: 16px;
}
.footer-menutitle a {
color: #C00;
text-transform: uppercase;
}
.footer-menutitle a:hover {
color: #C00;
text-decoration: none;
}
#footer-menu1 {
position: absolute;
left: 60px;
}
#footer-menu2 {
left: 220px;
position: absolute;
}
#footer-menu3 {
left: 380px;
position: absolute;
}
#footer-menu4 {
left: 540px;
position: absolute;
}
.footer-menulist {
padding-left: 8px;
font: normal 0.9em Tahoma, Arial;
line-height: 14px;
}
.footer-menulist a {
color: #fdf5e6;
}
.footer-menulist a:hover {
color: #FA8072;
}
#footer-div {
width: 760px;
background: url(../img/footer-div.gif) repeat-x;
background-position: 10px;
height: 18px;
}
#footer-text, #footer-validator {
position: absolute;
}
#footer-text {
padding-left: 250px;
}
#footer-text, #footer-text a, #footer-validator a {
color: #000;
}
#footer-text a:hover, #footer-validator a:hover {
color: #c00;
}
#footer-validator {
font-size: 90%;
font-weight: bold;
color: #fff;
text-align: left;
z-index: 2;
}
#footer-validator a {
color: #fff;
}
.homebg {
background: url(../img/banner-home.jpg) no-repeat;
}
.alphabg {
background: url(../img/banner-alpha.gif) no-repeat;
}
.designbg {
background: #000;
}
.servicesbg {
background: url(../images/banner-services.jpg) no-repeat;
}
.solutionsbg {
background: url(../images/banner-solutions.jpg) no-repeat;
}
.portfoliobg {
background: url(../img/banner-portfolio.jpg) no-repeat;
}
.aboutbg {
background: url(../images/banner-about.jpg) no-repeat;
}
.errorbg {
background: url(../images/banner-error.jpg) no-repeat;
}
.orangebg {
background: url(../images/banner-orange.gif) no-repeat;
}
.stretcher {
margin: 0 0 15px 0;
}
.timg {
padding: 0px;
border: 3px solid #fc0;
margin: 2px 2px 2px 2px;
}
.timg:hover {
border: 3px solid #c00;
}
.txtm {
font-size: 15px;
}
/*extras*/
.sidenotes {
float: right;
width: 228px;
margin: 10px 0;
}
.desktop {
float: left;
padding: 8px;
margin: 0 5px 5px 0;
width: 170px;
}
.desktop img {
display: block;
margin: 0 0 4px 0;
}
.desktop p,  
.desktop a {
line-height: 1.3em;
margin: 3px 0 0 0;
}
div.float a:before {
content: ":: ";
}
/*Testimonios*/
#testy-box {
width: 175px;
padding: 30px 15px 10px 15px;
margin: 0;
height: 190px;
overflow: hidden;
color: #fff;
text-align: left;
float: left;
}
#testy-box p {
padding: 3px 0 2px 0;
}
/**/
#contact-box {
width: 52px;
height: 230px;
float: left;
}
/* ----- TXP contact form example ----- */
.zemContactForm fieldset {
border: none;
}
.zemContactForm label {
float: left;
width: 42px;
margin: 0 5px 0 0;
padding: 0;
text-align: right;
font: 0.9em Arial, Helvetica, sans-serif;
background: #000;
color: #fff;
}
.zemContactForm legend {
display: none;
}
.zemContactForm input {
background: #EED7B9 url(../img/bg-form.jpg) repeat-x;
width: 115px;
margin: 0 0 5px 0;
font: 0.9em Arial, Helvetica, sans-serif;
padding: 0 0 0 3px;
}
.zemContactForm textarea {
background: #EED7B9 url(../img/bg-form.jpg) repeat-x;
width: 159px;
height: 79px;
margin: 3px 0 0 0;
padding: 3px;
font: 0.9em Arial, Helvetica, sans-serif;
}
.zemContactForm br {
clear: left;
}
.zemContactForm .zemSubmit {
width: 65px;
margin: 0 0 0 100px;
}
.ifxElement {
background: url(../img/bg-contact.png) no-repeat;
padding: 0;
margin: 0;
position: absolute;
width: 257px;
height: 230px;
top: 0px;
left: 533px;
text-align: center;
letter-spacing: 0px;
overflow: hidden;
}
#contactBox {
width: 165px;
margin: 33px 10px 10px 10px;
padding: 10px;
float: left;
}
#contactBox p {
font: 1.1em Arial, Helvetica, sans-serif;
color: #fff;
}
#contactClose {
width: 52px;
height: 230px;
float: left;
text-align: right;
}
#zemError {
background: url(../img/ico-error.jpg) no-repeat;
position: absolute;
width: 165px;
height: 128px;
padding: 40px 10px 10px 10px;
text-align: left;
margin: 33px 0 0 10px;
top: 0px;
left: 0px;
color: #fff;
}
#zemClose a {
background: transparent url(../img/zemClose.gif) no-repeat;
position: absolute;
width: 61px;
height: 15px;
bottom: 5px;
left: 62px;
display: block;
line-height: 400px;
overflow: hidden;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}