/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
                        general 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	font-family: "trebuchet ms", tahoma, arial, serif; font-size: 12px; font-weight: normal;
	margin: 0; padding: 0; 
}

* { margin: 0; padding: 0;}
table { border: 0; }
acronym {  border-bottom: 1px dashed #19630E; cursor: help; color:#19630E; font-family:Comic Sans MS, Tahoma, Verdana, Arial; font-size:11px; }
div.both { clear: both; font-size: 1px; line-height: 1px; height: 1px; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
                            links 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a { text-decoration: none; color:#000000; }
a:hover { text-decoration: underline; color:#000000; }
a:link { color:#000000; }
a:visited { color:#000000; }
a:active { color:#000000; }

a.gris { text-decoration: none; color:#666666; }
a:hover.gris { text-decoration: underline; color:#666666; }
a:link.gris { color:#666666; }
a:visited.gris { color:#666666; }
a:active.gris { color:#666666; }

H1 a { text-decoration: none; color:#795434; }
H1 a:hover { text-decoration: underline; color:#795434; }
H1 a:link { color:#795434; }
H1 a:visited { color:#795434  }
H1 a:active { color:#795434; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
                      imagenes 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */

img { border:0px; }
img.left { margin-right:5px; float:left; clear:left; }
img.right { margin-left:5px; float:right; clear:right; }
img.border { border:1px dotted #F56E00 }
img.middle { vertical-align: middle; }
img.arrow { margin:5px 5px 5px 0px; vertical-align:middle; }
img.icon { margin:0px 5px 0px 0px; vertical-align:middle; }
img.news { background-color: #FFCCE6; border:1px solid #CB049F }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
                  formato de texto 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */

H1 { font-family: "trebuchet ms", tahoma, serif; font-size: 25px; font-weight: normal; padding:  0 0 5px 0; color: #62ABD1 }
H2 { font-family: "trebuchet ms", tahoma, serif; font-size: 16px; font-weight: bold; padding: 0px 0px 1px 0px; color:#62ABD1 }
H3 { font-family: "Trebuchet MS", Tahoma, serif; font-size: 12px; font-weight: normal; padding: 0px 0px 1px 0px; line-height:14px; }
H4 { font-family: "Trebuchet MS", Tahoma, serif; font-size: 11px; font-weight: normal; padding: 0px 0px 1px 0px; color:#888888; }
H5 { font-family:"Trebuchet MS", tahoma, serif; font-size: 11px; padding:5px 0px 0px 0px; margin:0px; font-weight: normal; line-height:12px; color:#666666; }
H6 { font-family:Verdana, Tahoma, serif; font-size:9px; padding:0px; margin:0px; font-weight: normal; }
.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left }
.justify { text-align:justify; padding-right:10px; }
.abscenter { margin-left: auto; margin-right:auto; text-align:center; }
.top { vertical-align:top; }
.middle { vertical-align: middle; }
.bold { font-weight: bold; }
.italic { font-style: italic }
.unde { text-decoration: underline }
.tach { text-decoration: line-through }
.highlight { font-weight: bold; }
.b { font-weight: bold; }
.i { font-style:italic }
.u { text-decoration:underline }
.t { text-decoration:line-through }
.blue { color:#333399; }
.white { color:#FFFFFF; }
.red { color: #FF0000; }
.green { color:#006600; }
.orange { color:#F56E00; }
.black { color:#000000; }
.red { color:#EA3A00; }
.blue { color:#3333CC; }
.white { color: #FFFFFF }
.olive { color:#889F00 }
.gray { color: #C1C0BD; }
.graydark { color: #454545; }
.blacklight { color: #666666; }
.upp { text-transform: uppercase; }
.low { text-transform: lowercase; }
.resaltar { color:#CB049F; font-weight: bold; }
.smalltext { vertical-align:middle; font-size:12px; }
.smalltext1 { font-size:11px; }
.paginador { font-size:13px; font-family:verdana, tahoma, serif; }
.comment { font-size: 11px; }
.textleft { text-align: left; }
.textright { text-align: right; }
.bigtext { font-size: 38px; vertical-align: middle; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
                      formulaios 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */

input { 
	border: 1px solid #CCC; 
	font-family: "trebuchet ms", tahoma, verdana, serif; font-weight: normal;
	font-size: 11px; 
	padding: 2px 2px 3px 2px; margin: 0 5px 0 0;
	vertical-align: middle;
	color: #888787;
	background: #FFFDFF; 
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
                         cursores 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.hand { cursor:pointer; }
.hr { line-height:1px; height: 1px; background: url('../img/separador_h.gif') 0 0 repeat-x; width: 100%; margin: 5px 0 10px 0; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
                  tablas generales 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.tbl_cage { 
	margin: 0 auto 0 auto;
	text-align: center;
	background: url('../img/background.jpg') center center repeat-y;
}
#tbl_header {
	margin: 0 auto 0 auto; 
	width: 699px; height: 262px;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	background:url('../img/title.jpg') 0 0;
}

#tbl_header img { width:767px; height:182px; }
#tbl_header a { text-decoration: none; }

#tbl_mainmenu {
	float:left;
	margin: 0 0 0 10px !important; *margin: 0 0 0 5px;
	width: 485px;
	color: #CCCCCC; text-align: left;
	font-family: tahoma, verdana, serif; font-size: 10px; font-weight: normal;
}

#tbl_middle {
	margin: 0 auto 0 auto; 
	padding: 10px;
	text-align: left;
	width: 679px;
	font-size: 15px; font-weight: normal; color: #796B45;
}

#tbl_footer {
	margin: 0 auto 0 auto;
	clear: both;
	text-align: right;
	width: 700px;
	padding: 10px 0px 10px 0px;
	color: #90C3E0;
	border-top: 1px solid #8ABFE0;
	font-family: Tahoma, verdana, serif; font-size: 10px; font-weight: normal;
	background:  #FFFFFF;
}
#tbl_footer a { color: #83B5D4; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
       menu principal 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tbl_mainmenu ul {
	list-style-type: none;
}
#tbl_mainmenu li {
	float: left;
	text-align: right;
	padding: 0 10px 0 0x;
	color: #3B98C2;
}
#tbl_mainmenu li a {
	display: block;
	padding:15px 5px 2px 20px;
	text-decoration: none;
	border-right:1px solid #CCCCCC;
	color: #666666;
}
#tbl_mainmenu li a:hover {
	display: block;
	padding:15px 5px 2px 20px;
	text-decoration: none;
	border-right:1px solid #8ABFE0;
	color: #8ABFE0;
}

div.right { float: right; }
div.left { float: left; }

#cld_sidebar {
	float: left;
	width: 280px;
}
#cld_body {
	float: left;
	width: 390px;
}


#tbl_middle a { color: #AB9C75; text-decoration: underline}
#tbl_middle a:hover { color: #AB9C75; text-decoration: none}

div.caract {
	margin: 0 0 15px 15px;
	font-size: 13px;
	color: #454545; font-family: 'trebuchet ms', tahoma, serif;
}
.linkproduct {
	cursor: pointer;
	color: #AB9C75;
}

.producthidden {
	display: none;
}