/*************************************************/ /* GENERAL */ /*************************************************/ .clear {clear:both;} .hidden {display:none;} /*************************************************/ /* MARGINS/PADDINGS */ /*************************************************/ body {margin:0;padding:0} h1,h2,h3,h4,h5,h6 {margin:0} .block {margin:0} .item .date {margin-bottom:10px;} #title-header p {margin:0} /*************************************************/ /* TYPOGRAPHY */ /*************************************************/ body {font-size:85%;} h1 a:hover {text-decoration:none} a {text-decoration: none;} a:hover {text-decoration: underline;} a:active, a:focus {outline:none;} a img {border:0} /*bloquote {font-style:italic}*/ /*************************************************/ /* BACKROUND */ /*************************************************/ body {background-attachment:fixed;} /*************************************************/ /* FORMS */ /*************************************************/ form {margin:20px 0px;} form ul {margin:0px;padding:0px; list-style-type:none} form li {position:relative} form li div, form li span {margin:0px 0px 5px 0px; padding:0px 0px 8px 0px} input.text,textarea,select {padding:5px 0px 5px 5px; display:block; border:1px solid #bebebe} /* ----- ERRORS ----- */ ul.errors li {color:#c00;line-height:24px;} /* ----- SIZES ----- */ .third {width:32% !important;} .half {width:48% !important;} .full {width:100% !important;} input.small, select.small {width:25%;} input.medium, select.medium {width:60%;} input.large, select.large, textarea.textarea{width:70%;} textarea.small {height:5.5em;} textarea.medium {height:10em;} textarea.large {height:20em;} /* ----- BUTTONS ----- */ .buttons {clear:both; margin-top:10px;} .buttons input.btTxt {font-size:120%; padding:3px 7px; width:auto; overflow:visible;border:1px solid #ccc; border-radius:2px; cursor:pointer;} /*************************************************/ /* IDs - MAIN LAYOUT */ /*************************************************/ #page {position:relative;} #navigation {margin:0; overflow:hidden} #navigation-title {display:none} #navigation a {text-transform:uppercase;} #navigation ul {list-style-type:none; ;margin:0px;padding:0px; overflow:hidden} #navigation li {float:left;margin-right: 15px; text-decoration: none;} #navigation li.last {margin-right:0} #content {/*padding:0px;background:#c00*/} #content-wrapper {width:100%; overflow:auto} #footer {clear:both;} #footer-content a {margin-right:15px;text-decoration:none} .date {display:block;font-style:italic;font-size:85%} .block {clear:none;overflow:hidden;} .block.preview {float:left;} .block.nopreview {display:none} .block h2 {display:none;} .item {clear:both;} .item .extlinks {clear:both} .item-image {clear:none;float:left;height:auto} .close {clear:both;line-height:0px;} .readmore {clear:both;display:block;} .album .readmore {display:block} .extlinks .readmore {float:none;} .block .item-image img {width:100%;height:auto;} /*************************************************/ /* IMAGE */ /*************************************************/ .block.image-highlight img {max-width:100%;height:auto;} /*************************************************/ /* NEWS */ /*************************************************/ .block.news .content img {max-width:50%;float:left;margin: 0 5% 5% 0;} #comments {clear:both;margin-top:50px;border-top-width:1px; border-top-style:dashed;padding-top:30px} #comments ol {padding-left:20px} #comments .comment {margin-bottom:60px} #comments blockquote {font-size:100%;margin:0px;} #comments .title {font-weight:bold;font-size:110%;} #comments .date {font-weight:normal;display:inline;margin-left:10px;font-size:90%;} #comments .content {margin-bottom:0px} /*************************************************/ /* ALBUM */ /*************************************************/ .detail-view {clear:both; width:70%; float:left;} .detail-view .item-image {width:200px;height:200px;margin:0px 10px 10px 0px;} .detail-view .item-image img {} .detail-description .date {font-style:normal} .detail-view-reduced {clear:both; width:60%; float:left;} .detail-description {width:25%; float:right;clear:none} .detail-description-expanded {width:35%; float:right;clear:none} .detail-list {margin-top:50px} .detail-list ul {margin:0px;list-style-type:none;padding:0px;margin-top:10px;border-top-width:1px;border-top-style:dotted;} .detail-list li {padding:6px 0px 6px 0px;border-bottom-width:1px;border-bottom-style:dotted;} .detail-list a {text-decoration:none} .detail-list a:hover {text-decoration:underline} /*************************************************/ /* INFO */ /*************************************************/ .block.about img {max-width:100%;float:left;margin: 0 5% 5% 0;} /*************************************************/ /* PROJECTS */ /*************************************************/ .block img.icon-image {vertical-align:middle;} /*************************************************/ /* SPECIFIC */ /*************************************************/ /*.message {border:1px solid #999999;padding:10px;margin-bottom:30px;} #animated-message {position:absolute; border:0; padding: 10px 0; top:-200px; width:630px; left:-10px; z-index:10000; background: transparent url("/www/templates/admin/alert.png") no-repeat 0 bottom;} #animated-message-content {padding:10px 30px; color:#fff;} #animated-message-content p {color:#fff; font-size: 13px}*/ .private-module, .private-content {border:solid 1px #ccc; border-radius:3px; padding:0px 30px; background:#f8f8f8;} .private-module h3, .private-content h3 {font-size:130%; color:#555; display:inline; margin-left:7px;} .private-module h3 {margin-left:0;} .private-warning {padding:10px 20px; border-radius:3px;border:solid 1px #ccc; background:#f8f8f8;;opacity:0.7;margin-bottom:20px} .private-warning h3 {display:inline; color:#555;} /*************************************************/ /* PAGINATION */ /*************************************************/ div.paginate {height: 30px; width: 300px;margin:40px 0px; clear:both;} div.paginate ul {margin:0px;padding:0px;list-style-type: none;} div.paginate li {border: 1px solid #e4e4e4; display: block; float: left; height: 20px; text-align: center; margin-right: 10px; width: 20px;} div.paginate li.inactive {border: 1px solid #f2f2f2;} div.paginate li.inactive span {color: #d8d8d8; font-weight: bold; line-height: 20px;} div.paginate li.active {border-width:1px; border-style:solid;} div.paginate li.active a {} div.paginate li a:link, div.paginate li a:visited, div.paginate li a:active, div.paginate li a:hover {color: #686868; font-weight: bold; } div.paginate li a:hover {color: #ff7200;} div.paginate li a div {cursor: pointer; height: 100%; width: 100%; } /*************************************************/ /* E-COMMERCE */ /*************************************************/ #shop-cart a {position:fixed;right:0;top:40%;padding:10px;} #shop-cart a:hover {padding-right:14px;} #shop-checkout form {margin:0;} #shop-checkout .cart thead td {border-bottom:1px solid #4d4d4d;font-size:100%;height:26px;vertical-align:middle;} #shop-checkout .cart thead .price, #shop-checkout .cart thead .total {padding-right:16px;text-align:right;} #shop-checkout .cart tbody td {border-bottom:1px solid #4d4d4d;font-size:100%;height:60px;padding:16px 0;vertical-align:middle;} #shop-checkout .cart img {height:60px;width:60px;float:left;margin: 0 10px 0 7px;} #shop-checkout .cart td.name {width:40%;} #shop-checkout .cart td.name p {line-height:20px;} #shop-checkout .cart td.name a {font-size:110%;} #shop-checkout .cart td.name.extended {width:60%;} #shop-checkout .cart td.remove {text-align:center;width:10%;} #shop-checkout .cart td.taxes {text-align:center;width:20%;} #shop-checkout .cart tbody .price, #shop-checkout .cart tbody .total {padding-right:10px;text-align:right;width:15%;} #shop-checkout .cart tr.final td {border:0;font-weight:bold;font-size:12px;text-align:right;} #shop-checkout #data {margin-top:30px;} #shop-checkout .cart input {background:none;border:0;cursor:pointer;text-decoration:underline;} #shop-checkout .cart input.ico {background:transparent url("/www/images/icons.gif") no-repeat 0 0;height:16px;width:16px;overflow:hidden;padding:0;margin:0;text-decoration:none;} #shop-checkout .cart input.ico.delete {background-position:0 -64px;} #subtotalCart, #totalCart {font-size:12px;} .catalogue.preview .item-shop {float:left;width:180px;clear:none;} #catalogue-index .item-shop img {float:left;} #catalogueitem #gallery {clear:both;} #catalogueitem .item-image {width:auto;} #catalogueitem .item-image a {display:block;height:100px;width:100px;} #catalogueitem .item-image img {margin:0;} #catalogueitem .addcart label {border-bottom:1px solid #ccc;line-height:1.8em;} #catalogueitem .addcart select {padding:0;} #catalogueitem .price {margin-top:20px;} /*************************************************/ /* LINKS MENU */ /*************************************************/ .linksmenu ul {margin:0px;padding:0px;} .linksmenu li {list-style:none;margin-right:10px;} .linksmenu.horizontal li {float:left;} .linksmenu.vertical {} /*************************************************/ /* REDES SOCIALES */ /*************************************************/ .icono-red-social {float:left; margin-right:5px; width:23px; height:23px; margin-bottom:4px; } .icono-red-social a img {width:23px; height:23px; border:none; -moz-box-shadow:none; -webkit-box-shadow:none;box-shadow:none} .icono-red-social.googleplus {width:59px; margin-right:0; margin-top:2px;} #share-in-title {}