* {
margin : 0;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
html, body {
font-size : 12px;
line-height : 150%;
background : #353535 url(images/bg.jpg) repeat-x 0% 0%;
color : #555;
}
#wrapper {
width : 960px;
margin : 0 auto 20px auto;
}
#wrapper-inner {
background : #fff;
border : 1px solid #333;
overflow : hidden;
clear : both;
}
#content {
margin : 20px;
padding-top : 1px;
overflow : hidden;
clear : both;
border-top : 1px solid #fff;
}
#content-sub {
float : right;
width : 320px;
}
#content-main {
float : left;
width : 580px;
}
.product {
float : left;

margin-right : 5px;
}
.product .product-img a {
display : block;
border : 1px solid #c2c3c2;
}
.product .product-img a:hover {
border-color : #ff00cc;
}
.product a img {
border : none;
margin-left : auto;
margin-right : auto;
display : block;
}
.product p a {
border : none;
}
.product p {
margin-bottom : 10px;
font-size : 14px;
}
#footer {
clear : both;
overflow : hidden;
background : #353535;
margin : 10px 20px 20px 20px;
border : 1px solid #484a47;
color : #a4a4a4;
font-size : 10px;
}
#footer-inner {
border : 1px solid #555;
overflow : hidden;
}
h1 {
font-size : 18px;
margin : 20px 0;
color : #405a4b;
}
h2 {
font-size : 16px;
margin : 20px 0;
color : #405a4b;
}
h3 {
font-size : 15px;
color : #405a4b;
margin-top : 0;
margin-right : 0;
margin-bottom : 5px;
margin-left : 0;
}
h1 span, h2 span, h3 span, h4 span {
display : block;
font-size : 10px;
font-weight : normal;
line-height : 125%;
color : #555;
}
hr {
border : none;
background : #ccc;
height : 1px;
margin : 20px 0;
}
p {
margin-top : 15px;
margin-right : 0;
margin-bottom : 10px;
margin-left : 0;
}
ul {
margin : 20px;
}
ol {
margin : 20px 20px 20px 25px;
}
a {
text-decoration : none;
color : #000;
font-weight : bold;
}
blockquote {
background : #efeff4;
border-left : 4px solid #6363a0;
border-top : 1px solid #b2b3ce;
border-bottom : 1px solid #b2b3ce;
border-right : 1px solid #b2b3ce;
font-size : 11px;
color : #38394b;
margin : 8px 2px 10px 6px;
padding : 10px 10px 10px 6px;
}
a:hover {
text-decoration : underline;
font-weight : bold;
color : #ffffff;
background-color : #3c3c3c;
}
blockquote {
margin : 20px 20px 0 20px;
}
cite {
margin : 5px 20px 20px 20px;
text-align : right;
display : block;
}
img {
border : 1px solid #808080;
}
img.float-left {
float : left;
display : inline;
margin : 0 20px 0 0;
}
img.float-right {
float : right;
display : inline;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 20px;
}
h1#logo {
float : left;
height : 91px;
width : 555px;
text-indent : -9000px;
background : url(images/logo.png) no-repeat 0% 50%;
margin : 0 0 0 15px;
}
#feature {
clear : both;
height : 270px;
background : url(images/bg_feature.jpg) repeat-x 0% 100%;
border-bottom : 1px solid #808080;
overflow : hidden;
}
#feature span {
color : #555;
}
#feature p {
color : #555;
margin : 10px 0;
}
#feature h3 {
margin : 0;
}
.feature-content {
height : 170px;
overflow : hidden;
padding : 20px;
}
#feature p.caption {
width : 450px;
}
#menu {
margin : 0;
}
#menu li {
list-style : none;
float : left;
width : 239px;
}
#menu li.first {
width : 241px;
margin-left : -1px;
}
#menu li.last {
width : 240px;
}
#menu li a {
padding : 7px 10px;
font-size : 10px;
font-weight : normal;
line-height : 125%;
color : #555;
height : 50px;
display : block;
background : #b5b5b5 url(images/bg_feature-option.jpg) repeat-x 0% 0%;
border-left : 1px solid #808080;
border-top : 1px solid #808080;
}
#menu li a:hover {
background : none;
text-decoration : none;
border-top : 1px solid transparent;
}
#menu li a.selected {
background : none;
border-top : 1px solid transparent;
}
#menu li.first a {
padding-left : 20px;
}
#menu li.last a {
padding-right : 10px;
}
#menu li a span {
font-weight : bold;
display : block;
line-height : 150%;
font-size : 12px;
color : #000;
}
.block {
background : #ddd;
border : 1px solid #ccc;
margin-bottom : 20px;
}
.block-inner-banner {
border : 1px solid #fff;
text-align : center;
padding : 10px;
}
.block-inner {
border : 1px solid #fff;
padding-bottom : 20px;
}
.block-inner blockquote {
margin : 5px 20px;
}
.block-inner cite {
margin-bottom : 0;
}
.block-inner p {
margin : 0 20px 0 20px;
}
.block-inner a.more {
display : block;
text-align : right;
margin : 0 20px;
font-size : 10px;
background : url(images/icon_arrow-more.gif) no-repeat 100% 50%;
padding-right : 8px;
}
.block-inner h4 {
color : #353535;
margin : 20px 20px 0 20px;
}
.block-inner ul {
list-style : none;
margin : 5px 20px 0 20px;
}
.block-inner ul a {
padding-left : 10px;
background : url(images/icon_arrow.gif) no-repeat 0% 50%;
color : #405a4b;
}
.block-inner ul a:hover {
color : #000;
}
.block-inner ul.news li {
border-bottom : 1px solid #bbb;
padding : 5px 10px 5px 12px;
font-size : 10px;
background : url(images/icon_article.gif) no-repeat 0% 9px;
}
.block-inner ul.news li a {
display : block;
background : none;
padding : 0;
font-size : 10px;
font-weight : bold;
}
#footer h4 {
color : #fff;
font-size : 12px;
}
#footer a {
color : #fff;
}
#footer p {
margin : 0 0 10px 0;
}
.footer-left {
height : 75px;
float : left;
width : 416px;
border-right : 1px solid #555;
margin : 20px 0 20px 20px;
padding-right : 20px;
}
.footer-right {
height : 75px;
float : left;
width : 406px;
border-left : 1px solid #222;
margin : 20px 20px 20px 0;
padding-left : 20px;
}
.clear {
clear : both;
}
#nav {
float : left;
width : 768px;
padding-left : 1px;
}
ul.dropdown {
border-right : 1px solid #2c4239;
border-left : 1px solid #718d82;
}
ul.dropdown a {
padding : 12px 10px 8px 10px;
text-transform : uppercase;
color : #fff;
text-decoration : none;
}
ul.dropdown li {
border-right : 1px solid #718d82;
border-left : 1px solid #2c4239;
}
ul.dropdown li.hover {
background : url(images/bg_nav-hover.jpg) repeat-x 0% 0%;
cursor : pointer;
}
ul.dropdown li:hover {
background : url(images/bg_nav-hover.jpg) repeat-x 0% 0%;
cursor : pointer;
}
ul.dropdown *.parent {
padding-right : 20px;
background : url(images/bg_nav-dropdown.gif) no-repeat 100% 0%;
}
ul.dropdown *.parent:hover {
background : url(images/bg_nav-dropdown.gif) no-repeat 100% -200px;
}
ul.dropdown ul {
width : 150px;
}
ul.dropdown ul *.parent {
padding-right : 15px;
background : #405a4b url(images/bg_nav-flyout-arrow.gif) no-repeat 95% 50%;
}
ul.dropdown ul *.parent:hover {
background : #496957 url(images/bg_nav-flyout-arrow_hover.gif) no-repeat 95% 50%;
}
ul.dropdown ul li {
background : #405a4b;
background-image : none;
border-top : 1px solid #738a84;
border-bottom : 1px solid #2c4239;
}
ul.dropdown ul li.hover {
border-top : 1px solid #718d82;
background : #496957;
}
ul.dropdown ul li:hover {
border-top : 1px solid #718d82;
background : #496957;
}
ul.dropdown {
list-style : none;
position : relative;
z-index : 597;
float : left;
margin : 0;
}
ul.dropdown a {
display : block;
}
ul.dropdown li {
float : left;
padding : 0;
}
ul.dropdown li.hover {
position : relative;
z-index : 599;
}
ul.dropdown li:hover {
position : relative;
z-index : 599;
}
ul.dropdown ul {
list-style : none;
visibility : hidden;
position : absolute;
top : 100%;
left : -1px;
z-index : 598;
margin : 0 0 0 0;
}
ul.dropdown ul li {
float : none;
}
ul.dropdown ul ul {
top : -2px;
left : 149px;
margin : 1px 0 0 0;
}
ul.dropdown li:hover > ul {
visibility : visible;
}
ul.dropdown li.hover > ul {
visibility : visible;
}
form li {
list-style : none;
margin : 20px 0;
}
form li ul {
margin-left : 220px;
}
form li ul li {
margin : 0;
}
label.description {
display : block;
font-weight : bold;
float : left;
width : 150px;
text-align : right;
margin : 0 20px 0 0;
}
label.choice {
padding-left : 5px;
}
input.text {
width : 290px;
font-size : 12px;
background : #e6e6e6;
border : 1px solid #aaa;
color : #555;
padding : 5px;
margin-top : -5px;
}
input.submit {
margin-left : 400px;
}
textarea {
width : 290px;
height : 100px;
font-size : 12px;
background : #e6e6e6;
border : 1px solid #aaa;
color : #555;
padding : 5px;
margin-top : -4px;
}
select {
width : 300px;
}
a {
outline : none;
}
.boxcontenido {
width : 545px;
border : 1px solid #cfcfc7;
padding : 15px;
}
.floatRightcontenido {
float : right;
}
.floatLeftcontenido {
float : left;
}
.imageLeftcontenido {
background : #fff;
padding : 5px 5px;
margin : 0 15px 0 0;
border : 1px solid #ddddda;
}
.imageRightcontenido {
background : #fff;
padding : 5px 5px;
margin : 0 0 0 15px;
border : 1px solid #ddddda;
}
.floatLeftcontenido1 {
float : left;
}
.imageLeftcontenido1 {
padding : 5px;
margin-top : 10px;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
background-image : url(/images/comillas.jpg);
background-repeat : no-repeat;
height : 32px;
width : 35px;
}
#entry_pagination {
text-align : center;
background : #fff;
border : 1px solid #999999;
margin-top : 5px;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
padding-top : 5px;
padding-right : 0;
padding-bottom : 5px;
padding-left : 0;
}
#entry_pagination a {
margin : 0 0 0 1px;
padding : 3px 5px;
text-align : center;
border : 1px solid #666666;
color : #000;
text-decoration : none;
position : relative;
line-height : 1.3em;
background-color : #628571;
}
#entry_pagination a:hover {
border : 1px solid #999999;
color : #fff;
background-color : #ffcc00;
}
#entry_pagination a.active, #entry_pagination a.active:hover {
font-weight : bold;
border : 1px solid #999999;
color : #fff;
background-color : #999999;
}
.bacio {
width : 545px;
padding : 1px;
height : 10px;
}
#footer1 {
clear : both;
overflow : hidden;
border : 1px solid #484a47;
color : #a4a4a4;
font-size : 10px;
background-color : #000000;
margin-top : 10px;
margin-right : 20px;
margin-bottom : 20px;
margin-left : 20px;
}
#footer1-coment {
border : 1px solid #555;
overflow : hidden;
}
#footer1-coment label {
display : block;
font-weight : bold;
text-align : right;
width : 220px;
float : left;
}
#footer1-coment .small {
color : #666666;
display : block;
font-size : 11px;
font-weight : normal;
text-align : right;
width : 220px;
}
#footer1-coment input {
float : left;
font-size : 12px;
border : 1px solid #666666;
width : 250px;
margin-top : 2px;
margin-right : 0;
margin-bottom : 20px;
margin-left : 10px;
padding-top : 4px;
padding-right : 2px;
padding-bottom : 4px;
padding-left : 2px;
}
#footer1-coment textarea {
float : left;
font-size : 12px;
padding : 4px 2px;
border : 1px solid #666666;
width : 200px;
margin : 2px 0 20px 10px;
}
#footer1-coment button {
clear : both;
margin-left : 150px;
width : 125px;
height : 31px;
background : #666666 url(img/button.png) no-repeat;
text-align : center;
line-height : 31px;
color : #ffffff;
font-size : 11px;
font-weight : bold;
}
.yform {
background : #f4f4f4;
border : 1px solid #ddd;
margin-top : 0;
margin-right : 0;
margin-bottom : 0.2em;
margin-left : 0;
padding-top : 2px;
padding-right : 10px;
padding-bottom : 10px;
padding-left : 10px;
}
.yform fieldset {
border : 1px solid #ddd;
background : #fafafa;
margin : 0 0 1em 0;
padding : 0.5em;
}
.yform legend {
font-size : 125%;
font-weight : normal;
color : #000;
}
.yform label {
color : #666;
}
.yform input, .yform textarea, .yform select, .yform optgroup {
font-family : Arial, Helvetica, sans-serif;
}
.yform .type-text input, .yform .type-text textarea, .yform .type-select select {
border : 1px solid #ddd;
}
.yform div input:focus, .yform div select:focus, .yform div textarea:focus, .yform div input:hover, .yform div select:hover, .yform div textarea:hover, .yform div input:active, .yform div select:active, .yform div textarea:active {
border : 1px solid #a66;
background : #fff;
}
.yform div.type-check input:focus, .yform div.type-check input:hover, .yform div.type-check input:active {
border : 0 none;
}
.yform .type-button input {
border-top : 1px solid #ddd;
border-left : 1px solid #ddd;
border-right : 1px solid #444;
border-bottom : 1px solid #444;
color : #000;
background : #454545 url(images/button_gray.png) repeat-x left top;
padding : 0.5em 1.2em;
}
.yform .type-button input[type="reset"] {
color : #300;
background : #661717 url(images/button_red.png) repeat-x left top;
}
.yform .type-button input[type="submit"] {
color : #330;
background : #5e5607 url(images/button_yellow.png) repeat-x left top;
}
.yform .type-button input.reset {
color : #300;
background : #661717 url(images/button_red.png) repeat-x left top;
}
.yform .type-button input.submit {
color : #330;
background : #5e5607 url(images/button_yellow.png) repeat-x left top;
}
.yform div.type-button input:focus, .yform div.type-button input:hover, .yform div.type-button input:active {
border-top : 1px solid #444;
border-left : 1px solid #444;
border-right : 1px solid #ddd;
border-bottom : 1px solid #ddd;
color : #fff;
background : #555;
}
.yform div.type-button input.reset:focus, .yform div.type-button input.reset:hover, .yform div.type-button input.reset:active {
background : #800;
color : #fff;
}
.yform div.type-button input.submit:focus, .yform div.type-button input.submit:hover, .yform div.type-button input.submit:active {
background : #880;
color : #fff;
}
.yform {
overflow : hidden;
}
.yform fieldset {
overflow : hidden;
}
.yform label {
display : block;
cursor : pointer;
}
.yform legend {
background : transparent;
border : 0;
padding : 0 0.5em;
}
.yform .message {
display : block;
margin-bottom : 0.5em;
color : #666;
}
.yform input[type="hidden"] {
display : none !important ;
}
.yform sup {
color : #800;
font-weight : bold;
}
.yform div.type-text, .yform div.type-select, .yform div.type-check, .yform div.type-button {
margin : 0.5em 0;
padding : 3px 0.5em;
position : relative;
overflow : hidden;
}
.yform div.type-button {
padding : 3px 0;
}
.yform .type-text input, .yform .type-text textarea {
display : block;
position : relative;
padding : 0.3em 0.3em;
width : 58.5%;
}
.yform .type-select select {
display : block;
position : relative;
padding : 0.3em 2px 0.3em 1px;
width : 60%;
cursor : pointer;
}
.yform .type-select select optgroup {
font-style : normal;
font-weight : bold;
}
.yform .type-check input {
cursor : pointer;
}
.yform .type-check label {
display : inline;
}
.yform .type-button input {
width : auto;
cursor : pointer;
}
.yform div.error {
border : 1px dashed #a00;
background : #faf4f4;
padding : 0.5em;
}
.yform div.error label {
color : #000;
font-weight : bold;
}
.yform div.error .message {
color : #800;
}
.full div.type-text input, .full div.type-text textarea {
width : 95.5%;
}
.full div.type-select select {
width : 97%;
}
* html .full div.type-text input, * html .full div.type-text textarea {
width : 95.5%;
}
* html .full div.type-select select {
width : 97%;
}
.columnar .type-text label, .columnar .type-select label {
float : left;
width : 30%;
}
.columnar div.type-check input {
margin-left : 30%;
}
.columnar div.error .message {
margin-left : 30%;
}
.columnar div.type-text input, .columnar div.type-text textarea {
float : left;
width : 67.8%;
}
.columnar div.type-select select {
float : left;
width : 69.4%;
}
* html .columnar div.type-text input, * html .columnar div.type-text textarea {
float : left;
width : 67.2%;
}
* html .columnar div.type-select select {
float : left;
width : 68.8%;
}
.yform fieldset {
padding : 0;
}
* html .yform {
padding-top : 10px;
}
#entry_pagination {
text-align : center;
padding : 5px 0 5px 0;
margin : 40px 0 0 0;
background : #fff;
border : 1px solid #999999;
}
#entry_pagination a {
margin : 0 0 0 1px;
padding : 3px 5px;
text-align : center;
border : 1px solid #666666;
color : #000;
text-decoration : none;
position : relative;
line-height : 1.3em;
background-color : #8ea4c6;
}
#entry_pagination a:hover {
border : 1px solid #999999;
color : #fff;
background-color : #ffc56c;
}
#entry_pagination a.active, #entry_pagination a.active:hover {
font-weight : bold;
border : 1px solid #999999;
color : #fff;
background-color : #999999;
}
p.icaption_left {
float : left;
display : inline;
margin : 0 1em 0.15em 0;
}
p.icaption_right {
float : right;
display : inline;
margin : 0 0 0.15em 1em;
}
p.icaption_left img, p.icaption_right img {
padding : 0;
border : 1px solid #888;
}
p.icaption_left strong, p.icaption_right strong {
display : block;
overflow : hidden;
margin-top : 2px;
padding : 0.3em 0.5em;
background : #eee;
font-weight : normal;
font-size : 91.667%;
}
.highlight {
color : #c30;
}
.dimmed {
color : #888;
}
.info {
background : #f8f8f8;
color : #666;
padding : 10px;
margin-bottom : 0.5em;
font-size : 91.7%;
}
.note {
background : #efe;
color : #040;
border : 2px solid #484;
padding : 10px;
margin-bottom : 1em;
}
.important {
background : #ffe;
color : #440;
border : 2px solid #884;
padding : 10px;
margin-bottom : 1em;
}
.warning {
background : #fee;
color : #400;
border : 2px solid #844;
padding : 10px;
margin-bottom : 1em;
}
.float_left {
float : left;
display : inline;
margin-right : 1em;
margin-bottom : 0.15em;
}
.float_right {
float : right;
display : inline;
margin-left : 1em;
margin-bottom : 0.15em;
}
.center {
display : block;
text-align : center;
margin : 0.5em auto;
}
table {
width : auto;
border-collapse : collapse;
margin-bottom : 0.5em;
border-top : 2px solid #888;
border-bottom : 2px solid #888;
}
table caption {
font-variant : small-caps;
}
table.full {
width : 100%;
}
table.fixed {
table-layout : fixed;
}
th, td {
padding : 0.5em;
}
thead th {
color : #000;
border-bottom : 2px solid #800;
}
tbody th {
background : #e0e0e0;
color : #333;
}
tbody th[scope="row"], tbody th.sub {
background : #f0f0f0;
}
tbody th {
border-bottom : 1px solid #fff;
text-align : left;
}
tbody td {
border-bottom : 1px solid #eee;
}
tbody tr:hover th[scope="row"], tbody tr:hover tbody th.sub {
background : #f0e8e8;
}
tbody tr:hover td {
background : #fff8f8;
}