/* Made by Razvan Popescu for adworks-webdesign.ro */


/* RESET */
xhtml, xbody { width: 100%; height: 100%; min-height: 100%; }
xhtml { overflow-y: auto;}
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot { margin: 0; padding: 0; border: 0; outline: 0; }
table, tr, th, td { margin: 0; padding: 0; outline: 0; font-size: 100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
ins { text-decoration: none; }/* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

.clear { clear:both; }
div.clear { height: 0; clear: both; width: 100%; font-size: 0;line-height: 0; } /* fix for older browsers */
#wrapper div.clear { height: 1px; }
.vspace {clear: both; }
div.vspace { height: 50px; clear: both; width: 100%; font-size: 0px; line-height: 0px; }
#wrapper div.vspace { height: 50px; }

/* ELEMENTS */

.xs { display: none; }

body {font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; color: #333333; background-color: #FFFFFF; background-image: url(../images/bg_page.gif); background-repeat: repeat-x; background-position: top; }
#wrapper { display: block; width: 960px; margin: 0 auto 0; }
#header { display: block; height: 100px; overflow: hidden; }
#logo {display: block; width: 180px; height: 70px; float: left; padding: 30px 0px 0px 20px; }
#logo a { display: block; width: 131px; height: 42px; background-image: url(../images/webdesign_logo.jpg); text-indent: -10000px; }
#menu { display: block; width: 740px; height: 65px; float: left; text-align: right; padding: 25px 20px 0px 0px; }
ul#nav { list-style: none; display: inline; }
ul#nav li { display: inline; line-height: 50px; height: 50px; }
#nav a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; letter-spacing: -1px; text-decoration: none; color: #999999; padding: 10px;}
#nav a:hover { color: #FF6600; text-decoration: none; }
#nav a.tabactive { color: #666666; border-bottom: 1px solid #ddd !important }
#carousel { display: block; width: 960px; height: 300px; overflow: hidden; }
.slide { display: block; widows: 960px; height: 300px; overflow: hidden; }
.slide span { display: block; padding: 205px 0px 0px 10px; color: #fff; font-size: 24px; letter-spacing: -1px; line-height: 30px; }
.slide span a { color: #fff; text-decoration: none; }
.slide span a:hover { color: #FF3300; }
#content { border-bottom: 1px solid #eaeaea; }
#content h1 { display: block; width: 320px; float: left; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 48px; font-weight: normal; letter-spacing: -2px; line-height: 1.0em; clear: both; padding-bottom: 20px; }
#content h2 { display: block; width: 320px; float: left; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: normal; letter-spacing: -2px; line-height: 1.2em; clear: both; padding-bottom: 20px; }
#content p { display: block; width: 590px; padding: 10px 20px 20px 30px; float: left; line-height: 1.5em; }
#content .paragraph { display: block; width: 590px; padding: 10px 20px 20px 30px; float: left; line-height: 1.5em; }
#content ul { display: inline; }
#content ul li { display: block; float: left; width: 295px; }
#content ul li a { font-weight: normal; color: #000000; border-bottom: 1px solid #ddd; text-decoration: none; }
#content ul li a:hover { border-bottom-color: #ff3300; }
a.nicelink { font-weight: normal; color: #000000; border-bottom: 1px solid #ddd; text-decoration: none; }
a.nicelink:hover { border-bottom-color: #ff3300; }
#content p strong { font-weight: normal; color: #000000; border-bottom: 1px solid #ddd; }

.content { }
.content h2 { display: block; width: 220px; float: left; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: normal; letter-spacing: -2px; line-height: 1.2em; clear: both; padding-bottom: 20px; }
.content p { display: block; width: 690px; padding: 10px 20px 20px 30px; float: left; line-height: 1.5em; }
.content .paragraph { display: block; width: 590px; padding: 10px 20px 20px 30px; float: left; line-height: 1.5em; }
.content ul { display: inline; }
.content ul li { display: block; float: left; width: 295px; }
.content ul li a { font-weight: normal; color: #000000; border-bottom: 1px solid #ddd; text-decoration: none; }
.content ul li a:hover { border-bottom-color: #ff3300; }
a.nicelink { font-weight: normal; color: #000000; border-bottom: 1px solid #ddd; text-decoration: none; }
a.nicelink:hover { border-bottom-color: #ff3300; }
.content p strong { font-weight: normal; color: #000000; border-bottom: 1px solid #ddd; }

#footer { padding: 10px 0px 10px 0px; clear: both; font-size: 0.75em; }
.x1column { display: block; width: 309px; float: left; padding: 5px; line-height: 1.8em; color: #333333; }
.x1column h3, .x1column p { padding: 5px 0px 8px 0px; }
.x1column h3 { font-size: 2em; }
.x1column a { color: #333333; text-decoration: none; border-bottom: 1px solid #ccc; }
.x1column a:hover { color: #333333; border-bottom: 1px solid #ff3300; }
#footer .x1column img { float: left; margin: 0px 10px 10px 10px; }




.homebox { _background:url(../images/homepic.jpg) 357px top no-repeat; _background:url(../images/homepic2.jpg) 380px 5px no-repeat; _background:url(../images/homepic3.jpg) 380px 5px no-repeat; height:292px; display:block; position:relative; }
a.slogan { display:block; width: 456px; height:64px; background:url(../images/home_text.gif) 0 0 no-repeat; position:absolute; top:93px; left:10px; cursor:auto; }
a.bula_video { display:block; width: 136px; height:122px; background:url(../images/bula_video.png) 0 0 no-repeat; position:absolute; top:125px; right:60px;  }
a.bula_video:hover { background:url(../images/bula_video_hover.png) 0 0 no-repeat; }
/* Pannels */
@media projection, screen { .ui-tabs-hide { display: none; } }
@media print { .ui-tabs-nav { display: none; } }
.ui-tabs-panel { /* item */ height:292px; }
.panel1 { background:url(../images/homepic.jpg) 357px top no-repeat; background-color: #FF0000; }
.panel2 { background:url(../images/homepic2.jpg) 380px 5px no-repeat; background-color: #00FF00; }
.panel3 { background:url(../images/homepic3.jpg) 380px 5px no-repeat; background-color: #0000FF; }
.ui-tabs-loading em { padding: 0 0 0 20px; }
* html .ui-tabs-nav { display: inline-block; }
*:first-child+html .ui-tabs-nav  { display: inline-block; }


.form_contact { padding: 0; margin: 0; font-size: 18px; }
.form_contact .formbox { clear: both; padding: 3px; margin: 0px; }
.form_contact label { display: block; width: 100px; padding: 2px 10px 0px 0px; line-height: 24px; float: left; text-align: right; }
.form_contact input, .form_contact textarea { display: block; width: 450px; padding: 5px; font-size: 14px; line-height: 18px; float: left; background-color: #FFFFFF; border: 1px solid #ccc; }
.form_contact a { color: #333333; text-decoration: none; }
.form_contact a:hover { color: #FF6600; text-decoration: none; }
.red { color: #FF0000; }
.minime { font-size: 0.8em; }