html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

body
{ font: normal 1em Arial, Helvetica, sans-serif;
  background: #E2E2E2;
  color: #444444;}

.texto_1{ 
font: normal Arial, Helvetica, sans-serif;
line-height: 1.5em;
color: #444444;
font-size:1em}


p
{ padding: 0px;
  line-height: 1.5em;
  text-decoration:none;}

img
{ border: 0;}

h1, h2, h3, h4, h5, h6 
{ color: #336699;
  letter-spacing: 0.0em;
  padding: 5px 0 0 0;}

h1, h2, h3
{ font: normal 170% helvetica, arial, arial;
  margin: 0 0 0 0;
}

h2
{ font-size: 160%;
  padding: 0 0 0 0;
  color: #336699;
  text-decoration:none;
  line-height: 1.5em;}

h2 a, a:hover
{ font-size: 100%;
  padding: 9px 0 0px 0;
  color: #336699;
  text-decoration:none;
  line-height: 1.5em;}

h3
{ font-size: 140%;
  margin: 0 0 0 0px;
  padding: 9px 0 5px 0;
  color: #555555;}
.head_t
{ font-size: 120%;
  margin: 0 0 0 0px;
  padding: 9px 0 5px 0;
  color: #336699;}

h4, h6
{ color: #336699;
  padding: 0 0 5px 0;
  font: normal 110% arial;
  text-transform: uppercase;}

h5, h6
{ color: #888;
  font: normal 95% arial;
  letter-spacing: normal;
  padding: 0 0 15px 0;}

a, a:hover
{ outline: none;
  text-decoration: underline;
  color: #336699;}

a:hover
{ text-decoration: none;}

blockquote
{ margin: 0px 0; 
  padding: 20px 20px 20 20px;}

ul
{ margin: 2px 0 22px 17px;}

ul li
{ list-style-type: circle;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;
  line-height: 1.5em;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}


.left
{ float: left;
  width: auto;
  margin-right: 10px;}

.right
{ float: right; 
  width: auto;
  margin-left: 10px;}

.center
{ display: block;
  text-align: center;
  margin: 20px auto;}

#main, #logo, #menubar, #site_content, #footer
{ margin-left: auto; 
  margin-right: auto;}

#header
{ background: #FFFFFF url(back.png) repeat-x;
  height: 177px;
  color:#001361;
  font-family:Helvetica,Arial, sans-serif;
  font-weight:bold;
  font-size:16px;  
  }

#logo
{ width: 880px;
  position: relative;
  height: 140px;
}

#logo #logo_text 
{
	position: absolute;
	top: 28px;
	left: 150px;
	left: -2px;
	width: 883px;
}
#logo #logo_banners
{
	position: relative;
	top: 42px;
	left: 682px;
	width: 200px;
}

#logo h1, #logo h2
{ font: normal 300% helvetica, arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0 0 0 9px;}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover 
{ padding: 22px 0 0 0;
  color: #FFF;
  letter-spacing: 0.1em;
  text-decoration: none;}

#logo_text h1 a .logo_colour
{ color: #E4EC04;}

#logo_text a:hover .logo_colour
{ color: #FFF;}

#logo_text h2
{ font-size: 120%;
  padding: 4px 0 0 0;
  color: #999;}

#menubar
{ width: 880px;
  height: 46px;
  z-index: 1000;} 

#menu{
font: normal 1em Arial, Helvetica, sans-serif;
font-weight:bold;
float: right;
padding:0;
margin:0;
z-index: 1001;
}
#menu ul{
float: right;
padding:0;
margin:0;
z-index: 1002;
}


#menu li
{ float: left;
  position: relative;
  padding: 0 0 0 4px;
  list-style: none;
  margin: 0px;
  z-index: 1003;}

#menu li.m_menu
{ float: left;
  position: relative;
  padding: 0 0 0 4px;
  list-style: none;
  margin: 1px 2px 0px 0;
  background: url(tab.png) no-repeat 0;
  z-index: 1003;}
#menu li.m_menu a{
height: 20px;
display: block;
text-decoration:none;
text-align: center;
background: #fbfbfb url(tab.png) no-repeat 100% 0;
color: #001361;
padding: 6px 23px 5px 23px;
z-index: 1004;
}
#menu ul li.m_menu a:hover
{ color: #009FBC;
  background: url(bg_ref.png);
  z-index: 1005;}


#menu ul ul{
position: absolute;
visibility: hidden;
background: url(bg_ref.png);
z-index: 1006;
} 
#menu ul li:hover ul{
visibility:visible;
z-index: 1007;
} 

#menu ul li.selected a
{ 
font: normal helvetica, sans-serif;
display: block; 
float: left; 
height: 20px;
text-decoration:none;
padding: 6px 23px 5px 23px;
z-index: 1100;}
#menu ul li.selected
{ margin: 1px 2px 0 0;
  background: #fbfbfb url(tab_selected.png) no-repeat 0 0;
  z-index: 1101;}  
#menu ul li.selected a, #menu ul li.selected a:hover
{ background: #fbfbfb url(tab_selected.png) no-repeat 100% 0;
  color: #FFF;
  z-index: 1102;}
  
#menu ul li.sub_menu a
{height: 20px;
width:260px;
display: block;
text-decoration:none;
text-align: left;
color: #001361;
padding: 6px 0px 5px 3px;
background:#c4dbc0 ;
border: #FFF 1px solid;
z-index: 1104;
}
#menu ul li.sub_menu a:hover
{ color: #FFFFFF;
 background: #336699 url(bg_ref.png);
 z-index: 1106;}

 
#menu ul li.sub_menuSEL a
{height: 20px;
width:260px;
display: block;
text-decoration:none;
text-align:left;
color: #FFF; 
padding: 6px 0px 5px 3px;
background: #336699 url(bg_ref.png);
z-index: 1108;
}
#menu ul li.sub_menuSEL a:hover
{color: #FFF;
 padding: 6px 0px 5px 3px;
 background: #336699 url(bg_ref.png);
 z-index: 1110; } 
 

#site_content
{ width: 880px;
  overflow: hidden;
  margin: 20px auto 0 auto;
  padding: 0 0 10px 0;} 
 
  
#sidebar_container
{ display:inline;
  width: 224px;}  
.sidebar ul li, .sidebar0 ul li, .sidebar1 ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;}  
.sidebar li a.selected, .sidebar0 li a.selected, .sidebar1 li a.selected
{ color: #444;}
.sidebar ul, .sidebar0 ul, .sidebar1 ul
{ margin: 0;}
  
.sidebar
{ float: right;
  width: 222px;
  padding: 0;
  margin: 0 0 16px 0;}  
.sidebar_top
{ width: 222px;
  height: 14px;
  background: transparent url(side_top.png) no-repeat;}
.sidebar_base
{ width: 222px;
  height: 14px;
  background: url(side_base.png) no-repeat;}
.sidebar_item
{ background: url(side_back.png) repeat-y;
  padding: 0 15px;
  width: 192px;} 
   
.sidebar0
{ float:right;
  width: 222px;
  padding: 0;
  margin: 0 5px 0 5px;}
.sidebar_top0
{ width: 222px;
  height: 14px;
  background: transparent url(side_top0.png) no-repeat;}
.sidebar_base0
{ width: 222px;
  height: 14px;
  background: url(side_base0.png) no-repeat;}
.sidebar_item0
{ background: url(side_back0.png) repeat-y;
  padding: 0 15px;
  width: 192px;}  

.sidebar1
{ float: right;
  width: 222px;
  padding: 0;
  margin: 0 0 16px 0;}  
.sidebar_top1
{ width: 222px;
  height: 14px;
  background: transparent url(side_top1.png) no-repeat;}
.sidebar_base1
{ width: 222px;
  height: 14px;
  background: url(side_base1.png) no-repeat;}
.sidebar_item1
{ background: url(side_back1.png) repeat-y;
  padding: 0 15px;
  width: 192px;} 
 
 
#welcome_container
{ display:inline-table;
  width: 878px;
}  
.welcome
{ padding: 0 0px 0 5px;
  width: 878px;
  line-height: 1.5em;
  text-align:left;} 
.welcome p
{ padding: 10px 0 0 5px;
  width: 878px;
  line-height: 1.5em;
  text-align:left;} 
  

#product2_container
{ display:inline-table;
  width: 600px;
}  
.product2
{ padding: 0px ;
  width: 600px;
  height:auto;
  line-height: 1.5em;
  text-align:left;} 
.product2 p
{ 
line-height: 1.5em;
  text-align:left;
} 
  
#product2img_container
{ display:inline;
  width: 224px;
  }  
.product2img p
{ font: normal 0.7em Arial, Helvetica, sans-serif;
  color: #444444;
  padding: 0px;
  line-height: 1.5em;
  text-decoration:none;
  text-align:left;  
  }
.product2img
{ float: right;
  width: 222px;
  padding: 0;
  margin: 20px 0 0 0 ;}  
.product2img_item
{ padding: 0 50px  ;
  width: 192px;} 
#product2img_click{
  position:relative;
  height: 200px;
  width: 170px;
  background-color:transparent;
}

#bottombar_container
{ display:inline;
  width: 640px;
}  
.bottombar ul li, .bottombar ul li, .bottombar ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;}  
.bottombar li a.selected, .sidebar0 li a.selected, .sidebar1 li a.selected
{ color: #444;}
.bottombar ul, .sidebar0 ul, .sidebar1 ul
{ margin: 0;} 

.bottombar
{ display:inline-table;
  width: 640px;
  padding: 0;
  margin: 0 0 16px 0;}  
.bottombar_top
{ width: 640px;
  height: 14px;
  background: transparent url(bottom_top3.png) no-repeat;}
.bottombar_base
{ width: 640px;
  height: 14px;
  background: url(bottom_base3.png) no-repeat;}
.bottombar_item
{ background: url(bottom_back3.png) repeat-y;
  padding: 0 15px;
  width: 610px;} 

  
#bottombar2_container
{ display:inline;
  width: 878px;
}  
.bottombar2 ul li, .bottombar2 ul li, .bottombar2 ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;}  
.bottombar2 li a.selected, .sidebar0 li a.selected, .sidebar1 li a.selected
{ color: #444;}
.bottombar2 ul, .sidebar0 ul, .sidebar1 ul
{ margin: 0;} 

.bottombar2
{ display:inline-table;
  width: 878px;
  padding: 0;
  margin: 0 0 16px 0;}  
.bottombar2_top
{ width: 878px;
  height: 14px;
  background: transparent url(bottom_top4.png) no-repeat;}
.bottombar2_base
{ width: 878px;
  height: 14px;
  background: url(bottom_base4.png) no-repeat;}
.bottombar2_item
{ background: url(bottom_back4.png) repeat-y;
  padding: 0 15px;
  width: 848px;} 
  

#bottombar3_container
{ display:inline;
  width: 878px;
}  
.bottombar3 ul li, .bottombar3 ul li, .bottombar3 ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;}  
.bottombar3 li a.selected, .sidebar0 li a.selected, .sidebar1 li a.selected
{ color: #444;}
.bottombar3 ul, .sidebar0 ul, .sidebar1 ul
{ margin: 0;} 

.bottombar3
{ display:inline-table;
  width: 878px;
  padding: 0;
  margin: 25px 0 0 0;}  
.bottombar3_top
{ width: 878px;
  height: 14px;
  background: transparent url(bottom_top5.png) no-repeat;}
.bottombar3_base
{ width: 878px;
  height: 14px;
  background: url(bottom_base5.png) no-repeat;}
.bottombar3_item
{ background: url(bottom_back5.png) repeat-y;
  padding: 0 15px;
  width: 848px;
  height: 220px;} 
.bottombar3_item p
{ display:block;
  float: left;
  width: 440px;
  margin: 0 20px 0 0px;
} 
.bottombar3_item .bottombar3_item_img
{ 
vertical-align:bottom;
  float: right;
}  

#bottombar4_container
{ display:inline;
  width: 878px;
}  
.bottombar4 ul li, .bottombar4 ul li, .bottombar3 ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;}  
.bottombar4 li a.selected, .sidebar0 li a.selected, .sidebar1 li a.selected
{ color: #444;}
.bottombar4 ul, .sidebar0 ul, .sidebar1 ul
{ margin: 0;} 

.bottombar4
{ display:inline-table;
  width: 878px;
  padding: 0;
  margin: 25px 0 0 0;}  
.bottombar4_top
{ width: 878px;
  height: 14px;
  background: transparent url(bottom_top5.png) no-repeat;}
.bottombar4_base
{ width: 878px;
  height: 14px;
  background: url(bottom_base5.png) no-repeat;}
.bottombar4_item
{ background: url(bottom_back5.png) repeat-y;
  padding: 0 15px;
  width: 848px;
  height: 460px;} 
.bottombar4_item p
{ display:block;
  float: left;
  width: 440px;
  margin: 0 20px 0 0px;
} 
.bottombar4_item .bottombar4_item_img
{ 
vertical-align:bottom;
  float: right;
} 


#separator {
	clear:both;height:1px;overflow:hidden;
    background: url(../style/liner.gif) top repeat-x;
	width: 878px;
    height: 4px;
    margin: 0 0 0 0;
	padding: 0 0 0 0 ;
	display:block;
	position:relative;
}
.models a
{ margin:0;
  font-size:24px;
  font-weight:normal;
  padding: 0px 0 0px 0;
  color: #336699;
  text-decoration:none;
  line-height:30px;}
.models a:hover{
  font-size:24px; 
  font-weight:normal;
  padding: 0px 0 0px 0;
  color: #FFFFFF;
  text-decoration:none;
  line-height:30px;}
  
.models_2 a
{ margin:0;
  font-size:24px;
  font-weight:normal;
  padding: 0px 0 0px 0;
  color: #336699;
  text-decoration:none;
  text-align:left;
  line-height:30px;}
.models_2 a:hover{
  font-size:24px; 
  font-weight:normal;
  padding: 0px 0 0px 0;
  color: #FFFFFF;
  text-decoration:none;
  text-align:left;
  line-height:30px;}
  
#bottombar4_container_gp
{ display:inline;
  width: 878px;
}  
.bottombar4_gp ul li, .bottombar4 ul li, .bottombar3 ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;}  
.bottombar4_gp li a.selected, .sidebar0 li a.selected, .sidebar1 li a.selected
{ color: #444;}
.bottombar4_gp ul, .sidebar0 ul, .sidebar1 ul
{ margin: 0;} 

.bottombar4_gp
{ display:inline-table;
  width: 878px;
  padding: 0;
  margin: 0 0 0 0;}  
.bottombar4_top_gp
{ width: 878px;
  height:40px;
  background: transparent url(bottom_top5.png) no-repeat;}
.bottombar4_base_gp
{ width: 878px;
  height:90px;}  
.bottombar4_base_gp h3
{ font-size: 140%;
  margin: 0 0 0 0px;
  padding: 9px 0 5px 0;
  color: #555555;
  width: 878px;}
.bottombar4_item_gp
{ background: url(bottom_back5.png) repeat-y;
  padding: 0 15px;
  width: 848px;
  height: 460px;} 
.bottombar4_item_L_gp
{ background: url(bottom_back5.png) repeat-y;
  padding: 0 15px;
  width: 415px;
  height: 260px;
  float:left;
  display:block;}
.bottombar4_item_R_gp
{ background: url(bottom_back5.png) repeat-y;
  padding: 0 15px;
  width: 400px;
  height: 260px;
  float:right;
  display:block;}
 .bottombar4_item_L2_gp
{ background: url(bottom_back5.png) repeat-y;
  padding: 0 15px;
  width: 540px;
  height: 260px;
  float:left;
  text-align:left;
  display:block;}
.bottombar4_item_R2_gp
{ background: url(bottom_back5.png) repeat-y;
  padding: 0 15px;
  width: 275px;
  height: 260px;
  float:right;
  display:block;}
.bottombar4_item_gp p
{ display:block;
  float: left;
  width: 425px;
  margin: 0 20px 0 0px;
} 
.image_gp
{ display:block;
  position:relative;
  float: right;
  width: 438px;
  margin: 0 20px 0 0px;
}

 

  
  
.conteudoL
{ float: left;
  width: 380px;
  padding: 0px;
  margin: 0px 0 0 0px;}
  
.conteudoL_top
{ width: 380px;
  height: 14px;
  background: transparent url(conteudoLR_header.png) no-repeat;}
.conteudoL_base
{ width: 380px;
  height: 14px;
  background: url(conteudoLR_footer.png) no-repeat;}
.conteudoL_item
{ background: url(conteudoLR_item.png) repeat-y;
  padding: 0 0px;
  text-align:left;
  margin: 0px 0 0 0px;
  width: 380px;}  
.conteudoL_item p
{ line-height:1.5em;
  margin: 0px 10px 0 10px;}
.conteudoL_item h1
{ margin: 0px 10px 0 10px;}  
.conteudoL_item h2
{ margin: 0px 10px 0 10px;} 
 
 
.conteudoR
{ float: right;
  width: 380px;
  padding: 0px;
  margin: 0px 0 0 0px;}  
.conteudoR_top
{ width: 380px;
  height: 14px;
  background: transparent url(conteudoLR_header.png) no-repeat;}
.conteudoR_base
{ width: 380px;
  height: 14px;
  background: url(conteudoLR_footer.png) no-repeat;}
.conteudoR_item
{ background: url(conteudoLR_item.png) repeat-y;
  padding: 0 0px;
  text-align:left;
  margin: 0px 0 0 0px;
  width: 380px;}  
.conteudoR_item p
{ margin: 0px 10px 0 10px;
  line-height: 1.5em;}
.conteudoR_item h1
{ margin: 0px 10px 0 10px;}
.conteudoR_item h2
{ margin: 0px 10px 0 10px;}



.conteudoC
{ float: right;
  width: 878px;
  padding: 0px;
  margin: 0px 0 0 0px;}  
.conteudoC_top
{ width: 878px;
  height: 14px;
  background: transparent url(conteudoC_header.png) no-repeat;}
.conteudoC_base
{ width: 878px;
  height: 14px;
  background: url(conteudoC_footer.png) no-repeat;}
.conteudoC_item
{ background: url(conteudoC_item.png) repeat-y;
  padding: 0 0px;
  text-align:justify;
  margin: 0px 0 0 0px;
  width: 878px;}  
.conteudoC_item p
{ margin: 0px 10px 0 10px;
  line-height: 1.7em;}
.conteudoC_item h1
{ margin: 0px 10px 0 10px;}
.conteudoC_item h2
{ margin: 0px 10px 0 10px;}

.nota{font: normal 1em Arial, Helvetica, sans-serif;
	font-size:70%;
  color: #444444;}

#content
{ text-align: left;
  width: 878px;
  padding: 0 0 0 5px;
  float: left;}
  
#content ul
{ margin: 2px 0 22px 0px;}

#content ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;}


#content2
{ text-align: left;
  width: 878px;
  padding: 0 0 0 0px;
  float: left;
  }
#content2 p
{ text-align: left;
  width: 878px;
  padding: 10px 0 0 0px;
  float: left;
  }  
#content2 ul
{ margin: 2px 0 22px 0px;}

#content2 ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;}

#content3
{ text-align: left;
  width: 878px;
  padding: 0 0 0 0px;
  float: left;
  }
#content3 li
{ float: left;

 }

.liner {
    background: url(../style/liner.gif) top repeat-x;
	width: 878px;
    height: 4px;
    margin: 0 0 0 0;
	padding: 0 0 0 0 ;
}

.clearing{clear:both;height:1px;overflow:hidden;}

#footer
{ width: 100%;
  font-family: helvetica, sans-serif;
  font-size:12px;
  height: 40px;
  padding: 10px 0 5px 0;
  text-align: center; 
  background: #FFFFFF url(footer.png) repeat-x;
  color: #001361;}

#footer p
{ line-height: 1.5em;
  font-size:11px;
  padding: 0 0 10px 0;}

#footer a
{ color: #001361;
  text-decoration: none;}

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

#form_contact{
  text-align: left;
  width: 878px;
  padding: 0 0 0 0px;
  float: left;
}

/* Give form elements consistent margin, padding and line height */

#contactForm ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#contactForm ul li {
  list-style: none;
  margin: .9em 0 0 0;
  padding: 0;
}

#contactForm input, #contactForm label {
  line-height: 1em;
}


/* The field labels */

label {
  display: block;
  float: left;
  clear: left;
  text-align: right;
  width: 28%;
  padding: .4em 0 0 0;
  margin: .15em .5em 0 0;
  font-weight: bold;
}


/* The fields */

input, textarea {
  display: block;
  margin: 0;
  padding: .4em;
  width: 67%;
  font-family: Arial, Arial, Helvetica, sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;    
  border-radius: 5px;
  -moz-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  background: #fff;
}

textarea {
  height: 13em;
  line-height: 1.5em;
  resize: none;
}
select {
  display: block;
  text-align:left;
  margin: 0 0 0 255px;
  padding: .4em;
  width: 67%;
  font-family: Arial, Arial, Helvetica, sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;    
  border-radius: 5px;
  -moz-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  background: #fff;
}
checkbox {
  display:inline-block;
  float:left;
  width: 10%;
  margin: 0 0 0 250px;
  padding: 0;
  font-family: Arial, Arial, Helvetica, sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  background: #fff;
}
.label_checkbox {
  clear:both;
  display:inline-block;
  float:left;
  text-align:left;
  margin: 0 0 0 255px;
  padding: .4em;
  font-family: Arial, Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight:bold;
  width: 70%;
}

/* Place a border around focused fields, and hide the inner shadow */

#contactForm *:focus {
  border: 1px solid #66f;
  outline: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}


/* Display correctly filled-in fields with a green background */

input:valid, textarea:valid {
  background: #dfd;
}


/* The Send and Cancel buttons */

input[type="submit"], input[type="button"] {
  float: right;
  height:2em;
  margin: 2em 1em 0 1em;
  width: 10em;
  padding: 0em;
  border: 1px solid #666;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  color: #fff;
  background: #336699;
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
  opacity: .7;
  -webkit-appearance: none;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}

input[type="submit"]:hover,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:active {
  cursor: pointer;
  opacity: 1;
}

input[type="submit"]:active, input[type="button"]:active {
  color: #333333;
  background: #888888;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
}

input[type="button"] {
  background: #888888;
}