/** BASIC */
html, body {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
background: #FFFFFF;
}
/** FORMS */
form {
margin: 0px;
padding: 0px;
}
/** HEADINGS */
h1, h2, h3, h4, h5, h6 {
margin: 0px;
color: #434343;
}
h1, h2 {
height: 22px;
padding: 15px 0px 0px 12px;
background: url( images/homepage08.gif) repeat-x left top;
text-transform: uppercase;
font-size: 11px;
color: #FF9300;
}
h1 span, h2 span {
color: #434343;
}
h2.text1, h3 {
height: auto;
padding: 0px;
background: none;
text-transform: none;
font-size: 11px;
color: #6E6E6E;
}
/** TEXTS */
body, th, td, input, textarea, select {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #6E6E6E;
}
p, blockquote, ul, ol, dl {
margin-top: 0px;
margin-bottom: 1em;
text-align: justify;
}
.list1 {
margin: 0px;
padding: 0px;
list-style: none;
}
.list1 li {
padding: 5px 0px;
background: url( images/homepage10.gif) repeat-x left top;
}
.list1 a {
padding-left: 27px;
background: url( images/homepage11.gif) no-repeat 12px 50%;
text-decoration: none;
color: #6E6E6E;
}
.list1 a:hover {
text-decoration: underline;
}
.list1 .first {
background: none;
}
/** LINKS */
a {
color: #FF9300;
}
a:hover {
text-decoration: none;
}
/** STYLES */
.style1 {
}
.style1 a {
}
.style1 a:hover {
}
/** BACKGROUNDS */
.bg1 {
}
/** MISC */
.align-justify { text-align: justify; }
.align-right { text-align: right; }
.aviso {
background: #fffddc url(url de imagen de aviso) no-repeat 10px;
padding: 7px 10px 7px 37px;
border: 1px solid #f0ea8b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size:10px;
width: 580px;
}
.correcto {
background: #dfffe4 url(/verified.jpg) no-repeat 20px;
padding: 7px 10px 7px 37px;
border: 1px solid #94d19e;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size:20px;
width: 580px;
}
.error {
background: #ffe8e8 url( /bad.gif) no-repeat 20px;
padding: 7px 10px 7px 37px;
border: 1px solid #ff8a8a;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size:20px;
width: 580px;
}
img { border: none; }
img.left {
float: left;
margin: 3px 15px 0px 0px;
}
img.right {
float: right;
margin: 3px 0px 0px 15px;
}
hr { display: none; }
.hr1 {
height: 1px;
}
.padded {
padding: 20px;
}
/** WRAPPER */
#wrapper {
background: url( images/subpage3_01.gif) repeat-y left top;
}
/** HEADER */
#header {
background: url( images/homepage01.gif) repeat-x left top;
}
#cart-summary strong {
color: #FF9300;
}
#cart-summary a {
float: left;
width: 76px;
height: 18px;
margin-left: 4px;
padding-top: 4px;
background: url( images/homepage04.gif) no-repeat left top;
text-decoration: none;
text-align: center;
font-weight: bold;
color: #3A73C4;
}
/** MENU */
#menu {
background: url( images/homepage05.gif) repeat-x left top;
}
#menu a {
text-decoration: none;
font-weight: bold;
color: #4C4C4C;
}
#menu a {
position: relative;
padding: 8px 18px 7px 18px;
}
#menu .active, #menu .active a {
background: url( images/homepage06.gif) repeat-x left top;
color: #FFFFFF;
}
/** CONTENT */
#content {
}
#content-wide h1, #content-wide h2 {
padding-left: 20px;
}
#content-wide h2.text1 {
padding: 0px;
}
/** SIDEBAR */
#sidebar {
border-right: 1px solid #E8E8E8;
}
#sidebar h2 {
color: #3A73C4;
}
/** PRODUCT */
.product {
background: url( images/homepage18.gif) repeat-x left bottom;
}
.product .image {
text-align: center;
}
.product .name {
height: auto;
margin: 0px;
padding: 0px;
background: none;
text-transform: none;
font-size: 12px;
}
.product .name a {
text-decoration: none;
color: #FF9300;
}
.product .name a:hover {
text-decoration: underline;
}
.product .desc {
margin: 0px;
line-height: normal;
font-size: 9px;
color: #7D7D7D;
}
.product .links a {
float: left;
width: 49px;
height: 18px;
padding: 4px 0px 0px 27px;
text-decoration: none;
font-weight: bold;
color: #3A73C4;
}
.product .links .cart {
background: url( images/homepage19.gif) no-repeat left top;
}
.product .links .info {
background: url( images/homepage20.gif) no-repeat left top;
}
/** PRODUCT LIST VIEW */
.listview {
margin: 0px;
padding: 0px 20px;
list-style: none;
line-height: normal;
}
.listview .product {
display: block;
clear: left;
padding: 20px 0px 10px 0px;
background: url( images/homepage10.gif) repeat-x left top;
}
.listview .first {
background: none;
}
.listview .image {
float: left;
background: red;
}
.listview .name {
}
.listview .desc {
margin-bottom: 10px;
}
.listview .links {
height: 30px;
}
.listview .cart {
margin-right: 3px;
}
/** PRODUCTS */
#products {
padding-left: 6px;
}
/** FOOTER */
#footer {
background: url( images/subpage3_02.gif) no-repeat left top;
}
#footer p {
margin: 0px;
text-align: center;
line-height: normal;
color: #A7A7A7;
}
#footer a {
color: #A7A7A7;
}
#footer .links {
padding-top: 15px;
}
#footer .links a {
padding: 0px 10px;
}
.inputError
{
border:1px solid #FF0000;
background-color:#FFF4F0;
color:#FF0000;
}
.inputbig
{
width:220px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
border:1px solid;
}
.inputsm
{
width:100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
border:1px solid;
}
.bigerror
{
width:220px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
border:1px solid #FF0000;
background-color:#FFF4F0;
color:#FF0000;
}
.inputazul { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #000000; background-color: #FFEAC4; border: #000099; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.select { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #FFFFFF; background-color: #6699CC; border: #000099; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.ayuda { width:50px; text-align:center; }
#footer .legal {
padding-top: 40px;
}