@charset "utf-8";
/* CSS Document */
/* Main styles*/
body{ margin:0; padding:0; background:url(../graphics/backgroud.gif) repeat-x #000000;}
body a{ outline:none; text-decoration:none; border:none;}
body img{ border:0;}

/* Menu */
#menu{ position:relative; margin:0 auto; width:980px; background:#0287d2; color:#fff; height:49px; top:0px;}
#menu ul{ padding:0px; list-style:none;}
#menu ul li{ float:left; padding:5px 20px; margin-top:0px; border-right:1px solid #fff;}
#menu ul li:hover{ background:#fff; color:#333333;}
#menu a{ text-decoration:none; color:#FFFFFF; font-family: 'Didact Gothic', sans-serif; font-size:22px;}
#menu span{ position:absolute; right:10px; font-size:24px;}

#frame{ position:fixed; background:#309900; z-index:1000; width:100%; top:0px; padding-top:15px; border-bottom:2px solid #fff;}
#scrollmenu{ position:relative; margin:0 auto; width:980px; background:#309900; color:#fff; height:49px; top:0px;}
#scrollmenu ul{ position:relative; margin:0 auto; width:980px;}
#scrollmenu ul{ padding:0px; list-style:none;}
#scrollmenu ul li{ float:left; padding:5px 20px; margin-top:0px; border-right:1px solid #fff;}
#scrollmenu ul li:hover{ background:#fff; color:#333333;}
#scrollmenu a{ text-decoration:none; color:#FFFFFF; font-family: 'Didact Gothic', sans-serif; font-size:22px;}
#scrollmenu span{ position:absolute; right:10px; font-size:24px;}

/* Pages */
#mainframe{ position:relative; width:980px; margin:0 auto; height:730px; background:#FFFFFF; top:0px;}

#left{ width:340px; border-right:1px solid #ccc; height:730px; background:url(../graphics/bg2.gif) no-repeat;}
#icons{ position:absolute; margin-top:185px; margin-left:18px; z-index:100;}
#icons td img{ border:none; text-decoration:none;}
#icons td{ width:155px; height:90px;}
#bgblur{ background:url(../graphics/bg.gif) no-repeat; width:340px; position:absolute; z-index:99; height:730px; }
#logobar{ z-index:100; position:relative;}

#order{ position:relative; left:475px; margin-top:-33px; background:#0287d2; color:#FFFFFF; width:63px; font-size:13px; padding:5px;}
#order1{ position:relative; left:100px; margin-top:-13px; background:#0287d2; color:#FFFFFF; width:63px; font-size:13px; padding:5px;}

#right{ background:#fff; position:absolute; text-align:right; padding:25px 15px 15px 15px; left:341px; width:609px; height:690px; top:0px;}
#right h1{  top:30px; font-family: 'Voces', cursive; font-weight:normal; color:#fff; padding:5px 20px; top:105px; position:absolute; right:15px; font-size:20px; background:url(../graphics/dot.png);}
#right p{ text-align:justify; font-family: 'Gafata', sans-serif; line-height:18px; font-size:15px; width:579px; margin-left:15px;}
#right table{ margin-left:60px;}
#right table td{font-family: 'Gafata', sans-serif; line-height:18px; font-size:15px; padding-bottom:10px; text-align:left;}
#right table td input[type="text"]{ height:25px; padding-left:5px; width:295px; color:#666666; border:1px solid #CCCCCC;}
#right table td textarea{ padding-left:5px; width:295px; padding-top:5px; height:95px; color:#666666; border:1px solid #CCCCCC;}
#right table td input[type="submit"]{ padding:4px 15px; background:#0287d2; border:none; color:#FFFFFF; font-family: 'Voces', cursive;}
#right table td input[type="submit"]:hover{ background:#333333;}
#right table td a{ color:#FF3399; font-weight:bold; margin-top:20px;}
#right table td a:hover{ color:#333333;}
#right h2{ color:#FF3399; text-align:left; margin-left:15px; font-size:18px; margin-bottom:0px; font-family: 'Titillium Web', sans-serif;}
#right table td li{ list-style:url(../graphics/list.jpg);}
#right table td strong{ color:#333333;}
#right ul li{ list-style:url(../graphics/list.jpg); font-family: 'Gafata', sans-serif; text-align:left;}
#right span{ color:#FF0000;}
#right b{ background:#FF3399; padding:5px 10px; margin-right:10px; border-radius:5px;}
#right ol{ color:#0287d2; font-size:24px; font-weight:bold; font-style:italic;}

#error{ color:#FF0033; font-family: 'Alegreya Sans', sans-serif; font-size:14px; position:absolute; margin-top:-10px; margin-left:60px; font-style:italic;}
#dialog{ font-size:14px;}

#clientbox{ border:2px solid #eee; width:150px; float:left; margin:20px; 
			-webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.41);
			-moz-box-shadow:    0px 1px 10px 0px rgba(50, 50, 50, 0.41);
			box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.41);}

.icons{ position:absolute; width:143px; left:3px; margin-top:3px; height:77px; border-radius:7px;
		-webkit-box-shadow: inset 1px 3px 21px -1px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    inset 1px 3px 21px -1px rgba(50, 50, 50, 0.75);
		box-shadow:         inset 1px 3px 21px -1px rgba(50, 50, 50, 0.75);}
		
.icons2{ position:absolute; width:143px; left:158px; margin-top:3px; height:77px; border-radius:7px;
		-webkit-box-shadow: inset 1px 3px 21px -1px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    inset 1px 3px 21px -1px rgba(50, 50, 50, 0.75);
		box-shadow:         inset 1px 3px 21px -1px rgba(50, 50, 50, 0.75);}
		

/* Footer */
#footer{ color:#FFFFFF; height:100px; font-family: 'Alegreya Sans', sans-serif; font-size:14px; position:absolute; right:10px; margin-top:15px;}