* {
padding : 0;
margin : 0;
/*border: 1px solid;*/
}

body {
background : #fafafa;
font-family : Tahoma, Verdana, Arial, sans-serif;
font-size : 8pt;
color : #585858;
}



#content {
padding : 0;
margin : auto;
width : 780px;
background : #fafafa;
}

#preheader {
margin : 0;
padding : 0;
width : 100%;
background : inherit;
color : #585858;

}

#header {
margin : 0;
padding : 0;
width : 100%;
background : inherit;
color : #585858;
height : 80px;
}

#logo {
margin : 0;
padding : 0;
width : 245px;
background : inherit;
color : #585858;
float:left;
}

#logo img{
height : 79px;
}

#header .toptab{
background : #fafafa url(../images/topaff.jpg) no-repeat bottom;
height : inherit;
width : 159px;
float : right;
}

#header .pad{
padding : 15px 5px 0 30px;
}

#header .toptab .txt {
padding : 0;
color : #a5a5a5;
}

#header .toptab select {
text-align:center;
width:100px;
}

#header .toptab img {
border : none;
float : left;
margin-right : 10px;
}

#header .toptab a :hover{
opacity:0.4;
filter:alpha(opacity=40);
}

#header h4 {
font : bold 1em "Tahoma", verdana, Arial;
margin:0 0 10px 0;
}
#header h4 a {
color : #585858;
text-decoration : none;
}
#header h4 a:hover {
text-decoration : none;
}

/*#menu {
height : 30px;
border: 1px solid;
background:lightblue;
}*/

#maincontent{
	width: 780px;
	/*margin: 10px 0 0 0;*/
	position: relative;
}

#maincontent h2 {
font : bold 1.6em "Tahoma", verdana, Arial;
color : #585858;
background : transparent;
margin: 10px 0 4px 0;
border-bottom : 1px solid #e3eaef;
}
#maincontent h2 a {
color : #585858;
background : transparent;
}
#maincontent #introduction {
margin: 25px 0 40px 0;
width : 100%;
background : inherit;
color : #8e8e8e;
float:left;
}
#maincontent #rightside {
float : right;
width : 220px;
background : #f0f0f0;
padding : 5px;
margin :20px 0;
}
#maincontent #rightside h2 {
margin-bottom : 7px;
margin:0 0 10px;
}

#maincontent #rightside h5{
margin:15px 0 0;
}

#maincontent #leftside {
background : inherit;
margin-right : 10px;
width : 530px;
}
#maincontent #leftside p{
font : 1.2em "Tahoma", verdana, Arial;

margin:15px 0px 0px 5px;
/*color : #618FB5 !important;*/
}
#maincontent #categorias{
}

#maincontent #categorias  .cat{
float:left;
margin:0 10px 0 0;
}

#maincontent #categorias  .cat img{
max-width:70px;
border : 1px solid #d3d3d3;
}
#maincontent #categorias  .cat .name{
text-align:center;
}

#maincontent #productos  .prod {
margin:0 0 0 20px;
width:625px;
}


.contenido textarea {
height:200px;
width:100%;
}

#maincontent #productos  .prod  .image{
float:left;
}

#maincontent #productos  .prod  .image img{
	width: 118px;
}

#maincontent #productos  .prod  .descripcion{
float:left;
height:90px;
margin:0 0 0 20px;
overflow:hidden;
width:78%;
}
#maincontent #productos  .prod  .link{
float:right;
}

.empty{
color : #585858;
text-decoration : none;
background : transparent;
}

#maincontent #categorias a,
#maincontent #productos a{
color : #36be00;
text-decoration : none;
background : transparent;
}
#maincontent #categorias a:hover,
#maincontent #productos a:hover{
text-decoration : underline;
}

.arrow{
font : bold 0.5em "Tahoma", verdana, Arial;
color : #36BE00;
float:left;
margin:5px;
}


#producto #right {
float:left;
width:165px;
padding-right:15px;
}

#producto #right .price{
float:left;
}

#producto #right .image{
margin-top:20px;
margin-right : 10px;
margin-bottom : 15px !important;
}
#producto #right .promo_desc{
float:left;
}

#producto #right .image img{
width:149px;
border : 1px solid #d3d3d3;
}

#symbol_left{
float:left;
margin:0 5px 0 0;
}
#price{
float:left;
}
#symbol_right{
float:left;
}

#maincontent #producto{
margin:0 0 10px 0;
}
#maincontent #left{
float:left;
margin-top:20px;
width:600px;
}

#descripcion .contenido{
margin:10px;
width:95% !important;
min-height:20px !important;
}

#descripcion .image {
margin:20px 0 0 0;
float:right;
min-width:100px !important;
min-height: 20px !important;
}

#descripcion .image input{
width:100%;
}

#especificaciones .contenido{
min-width:100% !important;
min-height:30px !important;
}

#especificaciones table{
width:100%;
}
#especificaciones td{
width:50%;
}

#maincontent #earnings_public{
margin:5px 0 0 0;
}

#maincontent #model{
float:left;
min-width:40px !important;
min-height: 20px !important;
}

#maincontent #manufacturer{
float:left;
}

#folleto .image{
float:left;
min-height:150px;
min-width:120px;
width:120px;
}

#folleto .image input{
width:100%
}

#folleto .image img{
width:120px;
}

#folleto .contenido{
float:right;
width:440px;
}

#folleto .download{
margin:20px;
float:right;
}
#folleto .download a {
margin:0 0 0 5px;
color : #36be00 !important;
text-decoration : none;
background : transparent;
}

#folleto .download a:hover {
text-decoration : underline;
}


/* inicio estilo para cuadros de ofertas */

#slider {
background: transparent;
border:none;
margin:0 0 10px 0;
}

.panel {
padding: 0;
height: 192px;
width: 780px;
}

.mod3,
.mod2, 
.mod1 
{
background : #fafafa url(../images/topgreybox.jpg) no-repeat top;
height : 185px;
width : 258px;
float : left;
margin-top : 5px;
}
.mod3 img,
.mod2 img ,
.mod1 img 
{
height : 70px;
width : 70px;
border : 1px solid #d3d3d3;
float : left;
margin-right : 10px;
margin-bottom : 15px !important;
margin-bottom : 5px;
}

.padding .price{
float:left;
}

.price 
{
	color : #36be00;
	font : bold 1.7em "Tahoma", verdana, Arial;
	/*float : right;
	text-align : right;*/
}
.discontinued 
{
color : red;
font : bold 1.7em "Tahoma", verdana, Arial;
}
.only 
{
color : red;
font : bold 1.7em "Tahoma", verdana, Arial;

}
.oldprice
{
	color : black;
	font-weight: bold;
	font-size: 14px;
	text-decoration: line-through;
}
.newprice
{
	color : red;
	text-decoration: none;
	font-weight: bold;
}
.promo_desc
{
float:right;
width:135px;
margin:5px 0 0 0 ;
font : 0.8em "Tahoma", verdana, Arial;
}
.text
{
width : 100%;
float : left;
color : #9f9f9f;
/*text-align : justify;*/
}
.iva 
{
font : normal 0.5em "Tahoma", verdana, Arial;
}
.desc {
height:40px;
overflow:hidden;
width:100%;
}

h5
{
font : bold 1.2em "Tahoma", verdana, Arial;
color : #618fb5;
background : transparent;
margin-bottom : 4px;
}
h5 a
{
color : #618fb5;
background : transparent;
}
h5 a:hover
{
text-decoration : none;
color : #719fc5;
}

.padding {
padding : 13px 20px 10px 20px;
}

/* Fin estilo para cuadros de ofertas */

#footer {
bottom : 0;
clear : both;
text-align : left;
border-top : 2px solid #e5e5e5;
padding : 3px 0 0 0;
margin-top : 5px;
height : 50px;
width: 780px;
color : #888;
background : inherit;
}

#footer a {
color : #36be00;
text-decoration : none;
background : transparent;
}

#footer a:hover {
text-decoration : underline;
}

#footer .right {
float : right;
}

.clear{
clear:both;
}

div.message-ok {
	font-size: 16px;
	height: 150px;
	padding: 100px 35px 0;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; }


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Corner radius */
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }


/* Component containers
----------------------------------*/
#feature_tabs.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
#feature_tabs.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; }
#feature_tabs.ui-widget-content a { color: #222222; }
#feature_tabs .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold; }
#feature_tabs .ui-widget-header a { color: #222222; }

/* Tabs----------------------------------*/
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*reemplazar los estilos de la ui*/
#slider .ui-widget-header{
background: transparent;
border:none;
font-weight:bold;
}
#slider.ui-state-active, #slider.ui-widget-content .ui-state-active {
background:#FAFAFA;
border:1px solid;
}
#slider .ui-state-default, #slider .ui-widget-content .ui-state-default {
background:#D8D8D8;
border:1px solid;
border-bottom:1px solid;
}
#slider .ui-corner-top {
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-bottomleft:0px;
}
#slider .ui-tabs-panel{padding:0;}
#slider.ui-tabs .ui-tabs-nav {margin:auto;width:auto;}
#slider.ui-tabs .ui-tabs-nav li {border-bottom-width:1px !important;}
#slider.ui-tabs .ui-tabs-nav li a {padding:0.1em 0.4em;}
.ui-effects-transfer { border: 2px dotted gray;}