html
{
   overflow-y:scroll;
}
a
{
   outline: 0;
}
body
{
   font-family: sans-serif;
   font-size: 12px;
   /* background-color:#F2F2F2; */
   background-color:#FFFFFF;
   margin:0px;
   padding:0px;
   text-align:center;
}
td.menuspacer
{
   background-image: url(/images/spacer.png);
   background-repeat: repeat-y;
}
td.head_panel
{
   font-family: sans-serif;
   font-size: 12px;
   color:#CCCCCC;
}
td.head_spacer
{
   font-family: sans-serif;
   font-size: 10px;
   color:#CCCCCC;
   width:30px;
   text-align:center;
}
.map_header
{
   font-family: sans-serif;
   font-size: 12px;
   color:#444444;
   text-align:center;
   vertical-align:middle;
   padding-top:4px;
   font-weight:bold;
}
td.menu
{
   font-family: sans-serif;
   font-size: 12px;
   color:#666666;
   font-weight:bold;
   text-align:center;
   cursor:pointer;
   border-left: 1px solid #F2F2F2;
   border-right: 1px solid #F2F2F2;
   text-shadow: -1px 1px 0px #FFFFFF;
}
td.menuactive
{
   font-family: sans-serif;
   font-size: 12px;
   color:#666666;
   font-weight:bold;
   text-align:center;
   cursor:pointer;
   text-shadow: -1px 1px 0px #FFFFFF;
   background-image: url(/images/menu_over.png);
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
}
a.menuitem
{
   font-family: sans-serif;
   font-size: 12px;
   color:#666666;
   font-weight:bold;
   text-shadow: -1px 1px 0px #FFFFFF;
   text-decoration:none;
}
a.menuitem2
{
   font-family: sans-serif;
   font-size: 14px;
   color:#666666;
   text-shadow: -1px 1px 0px #FFFFFF;
   text-decoration:underline;
}
td.submenuitem
{
   font-family: sans-serif;
   font-size: 12px;
   color:#666666;
   padding-left:8px;
   padding-bottom:10px;
   background-color:#FFFFFF;
}
a.submenuitem
{
   font-family: sans-serif;
   font-size: 12px;
   color:#666666;
   text-decoration:none;
}
a.submenuitem:hover
{
   color:#000000;
}
td.submenushadow
{
   background-image: url(/images/submenubg.png);
   background-repeat: repeat-x;
   height:20px;
   background-color:#FFFFFF;
}
div.submenu
{
   font-family: sans-serif;
   font-size: 12px;
   color:#666666;
   font-weight:normal !important;
   position:absolute;
   top:42px;
   border:0px solid red;
   width:250px;
   text-align:left;
   background-color:#FFFFFF;
   position:absolute;
   left:0px;
   bottom:0px;
}
table.submenutable
{
   /* box-shadow: 3px 3px 10px rgba(0,0,0,0.20); */
   box-shadow: -12px 30px 10px -24px rgba(0, 0, 0, 0.4) inset, 0 9px 9px 0 rgba(0, 0, 0, 0.25);
   border:1px solid #CCC;
}
input.head
{
   background-color:#666666;
   border:1px solid #888888;
   border-radius:3px;
   box-shadow:-1px 1px 4px #444444 inset;
   color:#DDDDDD;
   font-family: sans-serif;
   font-size: 10px;
   padding:3px;
}
.subheader
{
   font-family: Lato, 'Open Sans', sans-serif;
   font-size: 18px;
   color:#666666;
}
.subheader2
{
   font-family: Lato, 'Open Sans', sans-serif;
   font-size: 16px;
   color:#666666;
   background-color: #FFF;
   vertical-align: middle;
   padding-top:10px;
   text-shadow: 0px 0px 1px #FFF;
   height:35px;
   padding-left:10px;
   text-align:left;
}
.subheader3
{
   font-family: Lato, 'Open Sans', sans-serif;
   font-size: 16px;
   color:#666666;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F0F0F0));
   background-image: -webkit-linear-gradient(#FFF, #F0F0F0);
   background-image:    -moz-linear-gradient(#FFF, #F0F0F0);
   background-image:     -ms-linear-gradient(#FFF, #F0F0F0);
   background-image:      -o-linear-gradient(#FFF, #F0F0F0);
   background-image:         linear-gradient(#FFF, #F0F0F0);
   vertical-align: middle;
   padding-top:10px;
   text-shadow: 0px 0px 1px #FFF;
   height:35px;
   padding-left:10px;
}
div.container
{
   overflow: hidden;
   position:relative;
   height: 400px;
   width: 1000px;
}
div.hslide
{
   background-color: rgba(28, 43, 60, 0.65);
   z-index:1001;
   position:absolute;
   top:-400px;
   width:299px;
   height:399px;
   /*box-shadow: -12px 30px 10px -24px rgba(0, 0, 0, 0.4) inset, 0 9px 9px 0 rgba(0, 0, 0, 0.25);*/
}
td.hslidecontent
{
   font-family: sans-serif;
   font-size: 12px;
   color:#EEEEEE;
   text-shadow: -1px 1px 0px #000000;
}
td.mainitem
{
   font-family: Lato, 'Open Sans', sans-serif;
   font-size: 12px;
   color:#333333;
   background-color:#FFFFFF;
   padding:10px;
}
td.iconitem
{
   font-family: Lato, 'Open Sans', sans-serif;
   font-size: 14px;
   color:#666666;
   background-color:#FFFFFF;
   padding:10px;
}
td.footeritem
{
   font-family: Lato, 'Open Sans', sans-serif;
   font-size: 12px;
   color:#666666;
}


table.contact_table
{
   text-shadow: -1px 1px 0px #FFFFFF;
   font-family: Lato, 'Open Sans', sans-serif;
   font-size: 14px;
   color:#666666;
   padding:0px;
}
td.modheader
{
   font-family: Lato, 'Open Sans', sans-serif;
   font-size: 14px;
   color:#B88B74;
   padding-top:20px;
   padding-left:10px;
   padding-right:10px;
   text-shadow: 0 2px 0 #EEEEEE;
   border-top:1px solid #DFDFDF;
}
td.contact_row
{
   font-family: Lato, 'Open Sans', sans-serif;
   font-size: 14px;
   color:#666666;
   padding:10px;
}
td.contact_row_np
{
   font-family: Lato, 'Open Sans', sans-serif;
   font-size: 14px;
   color:#666666;
}
td.contact_lastrow
{
   font-family: Lato, 'Open Sans', sans-serif;
   font-size: 14px;
   color:#666666;
   padding:10px;
}
input.contact
{
   -webkit-border-radius: .2em;
   border-radius: .2em;
   width: 300px;
   font-family: Lato, 'Open Sans', sans-serif;
   font-size: 12px;
   border: 1px solid #BBBBBB;
   background: #FFF;
   color: #666666;
   text-shadow: 0 1px 0 #FFF;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#FFF));
   background-image: -webkit-linear-gradient(#F2F2F2, #FFF);
   background-image:    -moz-linear-gradient(#F2F2F2, #FFF);
   background-image:     -ms-linear-gradient(#F2F2F2, #FFF);
   background-image:      -o-linear-gradient(#F2F2F2, #FFF);
   background-image:         linear-gradient(#F2F2F2, #FFF);
}
input.contact:focus
{
   border: 1px solid #B58871;
   background: #FFF;
   color: #333333;
   text-shadow: 0 1px 0 #FFF;
   text-decoration: none;
   -moz-box-shadow: 0 0 10px rgba(153,93,59,.4);
   -webkit-box-shadow: 0 0 10px rgba(153,93,59,.4);
   box-shadow: 0 0 10px rgba(153,93,59,.4);
}
select.contact
{
   -webkit-border-radius: .2em;
   border-radius: .2em;
   width: 300px;
   font-family: Lato, 'Open Sans', sans-serif;
   border: 1px solid #BBBBBB;
   background: #FFF;
   color: #666666;
   font-size: 12px;
   text-shadow: 0 1px 0 #FFF;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#FFF));
   background-image: -webkit-linear-gradient(#F2F2F2, #FFF);
   background-image:    -moz-linear-gradient(#F2F2F2, #FFF);
   background-image:     -ms-linear-gradient(#F2F2F2, #FFF);
   background-image:      -o-linear-gradient(#F2F2F2, #FFF);
   background-image:         linear-gradient(#F2F2F2, #FFF);
}
select.contact:focus
{
   border: 1px solid #B58871;
   background: #FFF;
   color: #333333;
   text-shadow: 0 1px 0 #FFF;
   text-decoration: none;
   -moz-box-shadow: 0 0 10px rgba(153,93,59,.4);
   -webkit-box-shadow: 0 0 10px rgba(153,93,59,.4);
   box-shadow: 0 0 10px rgba(153,93,59,.4);
}
textarea.contact
{
   -webkit-border-radius: .2em;
   border-radius: .2em;
   width: 360px;
   font-family: Lato, 'Open Sans', sans-serif;
   border: 1px solid #BBBBBB;
   background: #FFF;
   color: #666666;
   font-size: 12px;
   text-shadow: 0 1px 0 #FFF;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#FFF));
   background-image: -webkit-linear-gradient(#F2F2F2, #FFF);
   background-image:    -moz-linear-gradient(#F2F2F2, #FFF);
   background-image:     -ms-linear-gradient(#F2F2F2, #FFF);
   background-image:      -o-linear-gradient(#F2F2F2, #FFF);
   background-image:         linear-gradient(#F2F2F2, #FFF);
}
textarea.contact:focus
{
   border: 1px solid #B58871;
   background: #FFF;
   color: #333333;
   text-shadow: 0 1px 0 #FFF;
   text-decoration: none;
   -moz-box-shadow: 0 0 10px rgba(153,93,59,.4);
   -webkit-box-shadow: 0 0 10px rgba(153,93,59,.4);
   box-shadow: 0 0 10px rgba(153,93,59,.4);
}
button.contact
{
   -webkit-border-radius: .2em;
   border-radius: .2em;
   width:120px;
   border: 1px solid #888;
   background: #F2F2F2;
   color: #222;
   text-shadow: 0 1px 0 #EEE;
   text-decoration: none;
/*    cursor: pointer; */
   background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#DCDCDC));
   background-image: -webkit-linear-gradient(#F2F2F2, #DCDCDC);
   background-image:    -moz-linear-gradient(#F2F2F2, #DCDCDC);
   background-image:     -ms-linear-gradient(#F2F2F2, #DCDCDC);
   background-image:      -o-linear-gradient(#F2F2F2, #DCDCDC);
   background-image:         linear-gradient(#F2F2F2, #DCDCDC);
   font-family: Helvetica, Arial, sans-serif;
}
button.contact:hover
{
   border: 1px solid #666;
   background: #F2F2F2;
   color: #222;
   text-shadow: 0 1px 0 #EEE;
   text-decoration: none;
/*    cursor: pointer; */
   background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#B5B5B5));
   background-image: -webkit-linear-gradient(#F2F2F2, #B5B5B5);
   background-image:    -moz-linear-gradient(#F2F2F2, #B5B5B5);
   background-image:     -ms-linear-gradient(#F2F2F2, #B5B5B5);
   background-image:      -o-linear-gradient(#F2F2F2, #B5B5B5);
   background-image:         linear-gradient(#F2F2F2, #B5B5B5);
   font-family: Helvetica, Arial, sans-serif;
   -moz-box-shadow: 0 0 10px rgba(153,93,59,.2);
   -webkit-box-shadow: 0 0 10px rgba(153,93,59,.2);
   box-shadow: 0 0 10px rgba(153,93,59,.2);
}
button.contact:active
{
   border: 1px solid #666;
   background: #E2E2E2;
   color: #222;
   text-shadow: 0 1px 0 #EEE;
   text-decoration: none;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#D2D2D2));
   background-image: -webkit-linear-gradient(#E2E2E2, #D2D2D2);
   background-image:    -moz-linear-gradient(#E2E2E2, #D2D2D2);
   background-image:     -ms-linear-gradient(#E2E2E2, #D2D2D2);
   background-image:      -o-linear-gradient(#E2E2E2, #D2D2D2);
   background-image:         linear-gradient(#E2E2E2, #D2D2D2);
   font-family: Helvetica, Arial, sans-serif;
   -moz-box-shadow: 0 0 10px rgba(153,93,59,.4);
   -webkit-box-shadow: 0 0 10px rgba(153,93,59,.4);
   box-shadow: 0 0 10px rgba(153,93,59,.4);
}
iframe.google_frame
{
   -webkit-border-radius: .2em;
   border-radius: .2em;
   border: 1px solid #BBBBBB;
   background: #F2F2F2;
   color: #222;
   text-shadow: 0 1px 0 #EEE;
   text-decoration: none;
}
input.small
{
   -webkit-border-radius: .2em;
   border-radius: .2em;
   width:40px;
   border: 1px solid #CCCCCC;
   background: #F2F2F2;
   color: #888888;
   text-shadow: 0 1px 0 #FFF;
   text-decoration: none;
   cursor:pointer;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
   background-image: -webkit-linear-gradient(#FFFFFF, #EEEEEE);
   background-image:    -moz-linear-gradient(#FFFFFF, #EEEEEE);
   background-image:     -ms-linear-gradient(#FFFFFF, #EEEEEE);
   background-image:      -o-linear-gradient(#FFFFFF, #EEEEEE);
   background-image:         linear-gradient(#FFFFFF, #EEEEEE);
   font-family: Helvetica, Arial, sans-serif;
   font-size:10px;
}
div.xdiv {z-index:3;position:absolute; left:0px; top:0px; background-color:#C3C3C3; height:60px; width:60px; display:block; }
div.sdiv {z-index:4;position:absolute; left:0px; top:0px; background-color:#68BC18; height:60px; width:60px; display:none; }

.view {
   width: 100%;
   height: 100%;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background-color: black;
}
.view .mask, .view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url(../images/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}
.effect img {
   background-color: black;
   -moz-transform:scale(1,1);
   -webkit-transform:scale(1,1);
   -o-transform:scale(1,1);
   -ms-transform:scale(1,1);
   transform:scale(1,1);
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.effect:hover img {
   opacity:1;
   -moz-transform:rotate(2deg) scale(1.08,1.08);
   -webkit-transform:rotate(2deg) scale(1.08,1.08);
   -o-transform:rotate(2deg) scale(1.08,1.08);
   -ms-transform:rotate(2deg) scale(1.08,1.08);
   transform:rotate(2deg) scale(1.08,1.08);

}
.effect a.info {
   opacity:1;
   position:relative;
   top:45%;
}

.prod_head_row
{
   cursor:pointer;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
   background-image: -webkit-linear-gradient(#FFFFFF, #EEEEEE);
   background-image:    -moz-linear-gradient(#FFFFFF, #EEEEEE);
   background-image:     -ms-linear-gradient(#FFFFFF, #EEEEEE);
   background-image:      -o-linear-gradient(#FFFFFF, #EEEEEE);
   background-image:         linear-gradient(#FFFFFF, #EEEEEE);
}
.prod_head_div
{
   cursor:pointer;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
   background-image: -webkit-linear-gradient(#FFFFFF, #DDDDDD);
   background-image:    -moz-linear-gradient(#FFFFFF, #DDDDDD);
   background-image:     -ms-linear-gradient(#FFFFFF, #DDDDDD);
   background-image:      -o-linear-gradient(#FFFFFF, #DDDDDD);
   background-image:         linear-gradient(#FFFFFF, #DDDDDD);
}
.prod_head_div_cursor_def
{
   cursor:default;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
   background-image: -webkit-linear-gradient(#FFFFFF, #DDDDDD);
   background-image:    -moz-linear-gradient(#FFFFFF, #DDDDDD);
   background-image:     -ms-linear-gradient(#FFFFFF, #DDDDDD);
   background-image:      -o-linear-gradient(#FFFFFF, #DDDDDD);
   background-image:         linear-gradient(#FFFFFF, #DDDDDD);
}
td.prod_name
{
   font-family: Lato, 'Open Sans', sans-serif;
   font-size: 14px;
   color:#666666;
   padding-top:10px;
   font-weight: bold;
}
td.prod_text
{
   font-family: Lato, 'Open Sans', sans-serif;
   font-size: 14px;
   color:#666666;
   text-align:justify;
}
td.prod_pic
{
   text-align:center;
   vertical-align:top;
   padding-top:8px;
   width:115px;
}
.contact_send
{
   -webkit-border-radius: .2em;
   border-radius: .2em;
   width: 300px;
   font-weight: bold;
   font-family: Lato, 'Open Sans', sans-serif;
   font-size: 12px;
   border: 1px solid #009744;
   background: #5BE498;
   color: #222;
   text-shadow: 0 1px 0 #CCC;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#5BE498), to(#72C195));
   background-image: -webkit-linear-gradient(#5BE498, #72C195);
   background-image:    -moz-linear-gradient(#5BE498, #72C195);
   background-image:     -ms-linear-gradient(#5BE498, #72C195);
   background-image:      -o-linear-gradient(#5BE498, #72C195);
   background-image:         linear-gradient(#5BE498, #72C195);
}
.contact_send:hover
{
   border: 1px solid #009744;
   background: #72C195;
   color: #222;
   text-shadow: 0 1px 0 #CCC;
   text-decoration: none;
   -moz-box-shadow: 0 0 10px rgba(101,183,138,.4);
   -webkit-box-shadow: 0 0 10px rgba(101,183,138,.4);
   box-shadow: 0 0 10px rgba(101,183,138,.4);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#65CD94), to(#12B35C));
   background-image: -webkit-linear-gradient(#65CD94, #12B35C);
   background-image:    -moz-linear-gradient(#65CD94, #12B35C);
   background-image:     -ms-linear-gradient(#65CD94, #12B35C);
   background-image:      -o-linear-gradient(#65CD94, #12B35C);
   background-image:         linear-gradient(#65CD94, #12B35C);
}

.bgoca { background-image:url(/images/tbbg2.png);background-repeat:repeat; }

.bgoca2 { background-image:url(/images/tbbg1.png);background-repeat:repeat; }