/* reset styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup 
table {
    border-collapse: separate;
    border-spacing:0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align:top;
}*/
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* end reset styles */

* { padding: 0; margin: 0; }

a {color:#003399; text-decoration:none;}

body {
 margin: 0 20px 0 0;
 padding: 0;
 background: #eccdce url(images/fondo1.png) repeat-y;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color: #fff;
}
body.fondo2{background: #f0ced3 url(images/fondo2.png) repeat-y;}
body.fondo3{background: #eccdce url(images/fondo3.png) repeat-y;}
body.fondo4{background: #f8e1c8 url(images/fondo4.png) repeat-y;}

#wrapper {
 position: relative;
 margin:0;
 padding:0;
 width:100%
}
#header {
 top:0;
 background: url('images/img2.png') no-repeat;
 height: 105px;
 padding:10px 0 0 0;
 margin-right:0.5em;
 min-width:910px;
}
#headerleft
{
    float:left;
    width:515px;
    height:105px;
    background-image:url(images/LOGOpart1.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    }

#headtitle {
    float:right;
    width:300px;
    height:70px;
    background-position:left bottom;
    background-repeat:no-repeat;
    margin-top:30px;
    }
#headtitle.title1 {background-image:url(images/title1.png);}
#headtitle.title2 {background-image:url(images/title2.png);}
#headtitle.title3 {background-image:url(images/title3.png);}
#headtitle.title4 {background-image:url(images/title4.png);}
#headtitle.title5 {background-image:url(images/title5.png);}

#headeright {
	width: 380px;
	height:100px;
	padding:0 10px 0 0;
	float:right;
    margin:0;
    border:none;
}

#logo
{
    background-image: url(images/logo.png);
    background-repeat:no-repeat;
    background-position: right top;
    width:370px;
    height:100px;
    float:right;
    padding:0;
    margin:0;
    border:none;
}

/* Fuste */
#fuste {min-width:975px; width:100%; margin:0; padding:0; line-height: 1.7em; position:relative;
 display:block;}
#fuste p{padding-bottom:0.5em;}
#fuste h2{ font-size:1.5em; padding:15px 0 5px 0;}

/* Left Column */
#leftcolumn { 
 position: relative;
 float: left;
 width: 200px;
 margin:0;
 padding:0;
 z-index:2;
}
#leftrowmid {
 width: 200px;
 position: relative;
}
#lhead {
 width:200px;
 overflow:hidden;
 /*overflow-x:hidden;*/
 height:480px;
 position:relative;
}
#lscroll {}
#leftrowbottom {
 position:absolute;
 width:16px;
 height:128px;
 top:3px;
 left:3px;
 z-index:3;
}
#leftrowbottom a { width:16px; height:64px; position:relative;}
#leftrowbottom .up {background-image:url(images/up.png);
 background-position:left top;
 background-repeat:no-repeat;
    display: block;
    cursor:pointer;width:16px; height:16px; padding-bottom:48px;}
#leftrowbottom .down {background-image:url(images/down.png);
 background-position:left top;
 background-repeat:no-repeat;
    display: block;
    cursor:pointer;width:16px; height:16px; padding-top:48px;}
#leftrowbottom a:hover span {background-position: -16px top;} 

/* Right Column */
#rightcolumn { 
 position:relative;
 float: right;
 width: 100%;
 margin-left: -210px;
 background-image:url(images/LOGOpart2.png);
    background-position: left top;
    background-repeat:no-repeat;
    z-index:1;
 display:block;
}
#rightrowmid {
 position:relative;
 float: right;
 margin: 0 0 0 215px;
 padding:0;
 min-width:775px;
 max-width:1200px;
 display:block;
}
#rhead {}
#rscroll {
 padding:0;
 overflow:auto;
 overflow-x:hidden;
 height:480px;
 position: relative;
 line-height:1.2em;
 width:100%;
}
#rightrowbottom {}

#example {
    float:left;
    position:relative;
    padding:0;
    margin:0;
    max-width:550px;
}


/* Footer */
#footer { 
 position: relative;
 width:100%;
 min-width:975px;
 height:70px;
 padding-bottom:4px;
 color: #fff;
 font-size:11px;
 line-height:1.25em;
 /*clear:both;*/
}

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

#footleft {
 float: left;
 position:relative;
 padding-left:15px;
 padding-top:18px;
 text-align: left;
 width:185px;
}

#footright {
 float: right;
 color:#4d040a;
 height:60px;
 padding-left:15px;
 position:relative;
}

.direc {float:right; text-align:right; color:#fff; }

/** MENU PIE*/
#menupie {margin:0;	padding:5px; float:left; height:36px;}
#menupie * {margin:0; padding:0;}
#menupie ul li {float:left; list-style:none;}	
#menupie a {height:36px; width:115px; display:block; border:none;}
#menupie .alt {display:none;}
#menupie ul li span {height:36px; width:115px; display:block; 
    background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}

#menup-01 span {background-image:url(images/englisha.png);}
#menup-02 span {background-image:url(images/mapaa.png);}
#menup-03 span {background-image:url(images/notia.png);}
#menup-04 span {background-image:url(images/pedidoa.png);}

/*#menup-01 span:hover {background-image:url(images/englishb.png);}
#menup-02 span:hover {background-image:url(images/mapab.png);}
#menup-03 span:hover {background-image:url(images/notib.png);}
#menup-04 span:hover {background-image:url(images/pedidob.png);}*/
#menupie ul li span.activo {background-position: left -72px;}
#menupie ul li span:hover {background-position: left -36px;}
/** end MENU PIE*/


.divclear {clear:both;}

.alto016 { height:16px;}
.alto040 { height:40px;}
.alto050 { height:50px;}
.alto060 { height:60px;}
.alto070 { height:70px;}
.alto080 { height:80px;}
.alto090 { height:90px;}
.alto100 { height:100px;}
.alto110 { height:110px;}
.alto120 { height:120px;}
.alto130 { height:130px;}
.alto140 { height:140px;}
.alto150 { height:150px;}
.alto180 { height:180px;}
.alto000 { height:0;}

.tablarb { text-align:center; width:180px;}
.trsep { border-bottom:dotted 1px #333;}

/* botones */
.lkbutton, .lkbu2 {
	display: block;
    position: relative;
    height:32px;
    width:100px;
    color:#555;
}
.lkbutton span, .lkbu2 span {
    left:0;
    top:0;
    width:100px;
    font-size:1.1em;
    text-align:center;
    text-transform:lowercase;
    /*vertical-align:middle;*/
    display: block;
    position:absolute;
    cursor:pointer;
}
.lkbutton span {height:25px; padding:7px 0 0 0; line-height:1.2em;}
.lkbu2 span {height:30px; padding:2px 0 0 0; line-height:1.05em;}
.sboton { background: url(Images/boton4.png) no-repeat left top;}
.lkbutton:hover span, .lkbu2:hover span {
    background-position: left -32px;
    color:#222;
}

.lcont {padding:5px 15px 5px 10px;}
.rcont, .ocont {padding:5px 5px 0 5px; margin:auto;}
.comenta { color:#666;}
.lc{ float:left; padding-left:10px; max-width:940px;}
.rc{ float:right; max-width:940px;}

/* igual a white */
.etiq0, .etiq1, .etiq2, .etiq3, .etiq4, .etiq5 {
    font-size:1.2em;
	font-weight: bold;
	line-height:1.3em;
}
.etiq1, .etiq2, .etiq3, .etiq4, .etiq5 { color:#fff; padding: 5px 8px 5px 8px; display:inline-block;}
.etiq1 { background:navy url(Images/menuc2.png) repeat-x;}
.etiq2 { background:Green url(Images/menuc5h.png) repeat-x;}
.etiq3 { background:Orange url(Images/menuc6x.png) repeat-x;}
.etiq4 { background:DarkOrange url(Images/menuc7x.png) repeat-x;}
.etiq5 { background:SteelBlue url(Images/menuc3.png) repeat-x;}

.etiq6 { font-size:1.1em; line-height:1.2em; font-weight: bold; color:#666;}

.itemhelp { font-weight:bold; color:red; margin-right:2px;}
.itemBlue { font-weight:bold; color:Navy; margin-right:2px;}
.itemhelplist { line-height: 1.3em; margin-bottom: 0.25em; margin-top: 0.25em;}

.gv {}
.gv tr td { padding:0 3px; font:arial; }
.rowstyle {}

.SelectedRowStyle {
    font-weight:bold;
    color:Navy;
    font-size:1.05em;
}
.HeaderStyle {
    font-family: Arial SansSerif;
    font-weight:bold;
    font-size:1.05em;
    text-transform:uppercase;
    background-color:Navy;
    color:White;
    line-height:1.5em;
}
.HeaderStyle th {padding:0 3px; font:arial; }

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.photo_198 {
	border: 4px solid #fff;
}

p {line-height: 1.2em;}

hr {
    border-top: #999 1px solid;
    height: 1px;
}

.justright 
{
    text-align:right;
    width:82px;
}

.justrightTot 
{
    border-width:0px;
    background-color:Transparent;
    font-weight:bold;
    font-size:1.2em; 
    color: Gray;
    text-align:right;
    width:82px;
}

/* tablas */
.sfoto { padding-right:15px;}
.lcol1a{ width:110px;}
.lcol2a{ width:220px;}
.lcol3a{ width:20px;}
.lcol1b{ width:420px;}
.lcol2b{ padding-left:10px;}
.lcol5a{ width:500px;}

.tbox1z { width:150px;}
.tbox1a { width:200px;}
.tbox1b { width:415px;}

.pgruph {
 cursor:pointer;
 border:dotted 1px #ff6666;
}
.pgrupo {
 overflow:hidden;
 border:dotted 1px #ff6666;
 border-top:0;
}
.farial{ font:arial;}

.cssedit{ border:dashed 1px #777; background:#f4fff2 url(Images/cuadricula.png) repeat;}
.cssinsert{ border:dashed 1px #777; background:#fefede url(Images/cuadricula.png) repeat;}

/** MENU*/

#menu {margin:0; padding:0;width:150px; padding-left:50px; margin-bottom:15px;}
#menu * {margin: 0; padding: 0;}
#menu ul li {list-style: none;}
#menu a {height:80px; width:80px; display:block; border:none;}
#menu ul li span {height:80px; width:80px; display:block;
 background-position:left top;
 background-repeat:no-repeat;
 cursor:pointer;
}
#menu #menu-01 span {background-image:url(images/iniciom.png);}
#menu #menu-02 span {background-image:url(images/qusom.png);}
#menu #menu-03 span {background-image:url(images/prodm.png);}
#menu #menu-04 span {background-image:url(images/servm.png);}
#menu #menu-05 span {background-image:url(images/contm.png);}
#menu ul li span.activo {background-position: -160px top;}
#menu ul li span:hover {background-position: -80px top;}

/** MENU PRODUCTOS */

#menuprod {height:340px; width:200px; float:right; position:relative; top:0;}
#menuprod * {margin:0; padding:0;}
#menuprod ul li {list-style: none;}
#menuprod a {height:51px; width:200px; display:block; border:none; padding-bottom:5px;}
#menuprod ul li span {height:51px; width:200px; display:block; 
    background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}
#menup1 span {background-image:url(images/oficina.png);}
#menup2 span {background-image:url(images/escolar.png);}
#menup3 span {background-image:url(images/higienico.png);}
#menup4 span {background-image:url(images/empaque.png);}
#menup5 span {background-image:url(images/corrugados.png);}
#menup6 span {background-image:url(images/tubos.png);}

/** end menu **/

.posted {
	margin-top: 0;
	font-size: 1.25em;
	line-height:1.1em;
	text-align:justify;
	padding-right:20px;
}
.posted a, .producto a {color:#fff;}
.posted a:hover, .producto a:hover {border: none;}

.producto {font-size: 1.15em; line-height:1.1em; padding:0 20px 0 0; margin:0;}

img.left {float: left; margin: 3px 15px 0 0;}
img.right {float: right; margin: 3px 0 0 15px;}

.tabl {border:solid 1px #fff; padding:2px;}