@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */


/* STYLES FOR SCREEN */
@media screen, projection {


/* CSS RESET */
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, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; margin-top:70px; padding:0px; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
td {font-size:12px; vertical-align: top; }
input, select, textarea { font:inherit; }
.inputtxt {width:300px; background:#2D322E; border:none; color:#CCCCCC;  padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:5px;}
.smallh {font-size:12px; color:#666666;}


/*tabmenu*/

#tabmenu { height:27px; background:transparent; }
#tabmenu .cont {width:auto; height:auto; margin-top:3px;  width:auto; float:right;}
#tabmenu a {color:#000000; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-right:15px; background:url(images/tab_m_bg.png) no-repeat center; width:76px; height:18px; display:block; float:right; line-height:160%; }
#tabmenu a:hover {color:#666666; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-right:15px; background:url(images/tab_m_bg.png) no-repeat center; width:76px; height:18px; display:block; float:right; line-height:160%;  }

#tabmenu .woobicha  a { background:none; width:100px; height:18px; margin-top:2px; padding-top:3px; color:#000000; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; float:left; margin-left:5px; text-align:left; clear:both; display:inline;}
#tabmenu .woobicha  a:hover{ background:none; width:100px; height:18px; margin-top:2px; padding-top:3px; color:#000000; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; float:left; margin-left:5px;text-align:left; clear:both; display:inline;}


/* GENERAL CLASSES */
.skip { position:absolute; top:-9999px; left:-9999px; font-size:1px; }
.clearfix:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

/* GLOBAL WRAPPER */
body { padding:0px 0 80px; background: url(http://woobicha.ro/images/background.png) #121816; font-family:calibri,helvetica,arial,sans-serif; font-size:13px; color:#a0a3a2; line-height:1.538em;/*20px*/ }





/* HEADER */
#header {  width:960px; color:#717474; margin-top:0px; margin:auto; text-align:right; }
#header h1 a { display:block; margin-bottom:30px; padding:0px; font-size:20px; text-transform:uppercase; color:#fff; } /* Change the top margin to move the logo vertically */
#header p { margin:0 20px 20px; padding-left:20px; }


#woobichaCom {text-align:left; padding:15px; color:#F36; font-size:16px; width:960px; margin:auto;}
#woobichaCom a {color:#fff; text-decoration:none;font-size:16px; clear:inherit; }
#woobichaCom a:hover {color:#0CC; text-decoration:none;font-size:16px; clear:inherit;}
 

/*CONTAINER*/
#container {margin:auto; margin-top:30px; width:960px; height: auto; text-align:left; margin-bottom:35px; vertical-align:middle;}
#container h1 {color:#FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; margin-bottom:10px; padding:0px; font-size:16px;}
#container h2 {color:#FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; margin-bottom:10px; padding:0px; font-size:14px;}
#text1 {width:640px; height:auto; text-align:left; font-size:27px; color:#000; padding-left:30px; float:right; font-weight:bold; margin-top:40px;}
#content {width:640px; height:auto; text-align:left; font-size:12px; color:#CCCCCC; padding-left:15px; float:right; font-weight:normal; margin-top:10px; }
#content a {text-decoration:none;  color:#009999; } 
#content a:hover {text-decoration:none; color:fff; } 
#container .smallh {font-size:12px; color:#666666;}


#menuworks {width:170px; height:auto;}
#menuworks  a { display:block; color:#009999;; font-size:12px; font-weight:bold; text-align:center; padding:0 10px 0 10px ;}
#menuworks  a:hover { display:block; color:#fff; font-size:12px; font-weight:bold; text-align:center;}

/* MAIN CONTENT WRAPPER */
#main { margin:auto; width:960px; margin-top:0px; }


/*blog*/
#blog { width:auto; height:auto;}
#blog a {display:block; height:auto; font:16px; border-left:20px solid #FC0 ;color:#00CCCC; text-decoration:none; margin-bottom:5px; padding-left:15px;}
#blog a:hover {display:block; font:16px; border-left:20px solid #fff; color:#FFF; text-decoration:none; margin-bottom:5px; padding-left:15px;}


/* NAVIGATION */
#main h2 { clear:both; margin:0 0 1px; padding:9px 0 10px 20px; height:20px; background:#333; font-size:20px; font-weight:bold; text-transform:uppercase; cursor:pointer; text-shadow: #000 0.1em 0.0em 0.1em; border-left:1px solid #333; border-right:1px solid #333;}
#main h2:hover { background:#C06; color:#fff; text-shadow: #000 0.1em 0.0em 0.1em; border-left:1px solid #fff; border-right:1px solid #fff; }
#main h2.active { background:#d0d1d1; color:#121817; text-shadow: #fff 0.1em 0.0em 0.1em; }

/* THREE COLUMN GRID SYSTEM */
.content { min-width:600px; max-width:900px; padding:40px 0 20px 20px; }
.content:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; } /* clearfix */
.span-1, .span-2, .span-3 { float:left; margin-right:5%; }
.span-1 { width:25%; }
.span-2 { width:55%; }
.span-3 { width:85%; }
.prefix-1 { margin-left:30%; }
.prefix-2 { margin-left:60%; }
.suffix-1 { margin-right:30%; }
.suffix-2 { margin-right:60%; }

/* CONTENT ELEMENTS */
#ROW {height:auto; margin-bottom:30px;}
#ROW a {color:#FFCC33;}
#ROW a:hover {color:#FFFFFF;}
.picture {width:303px; height:155px; float:left; border:3px solid #fff;}
.description {float:right; text-align:left; color:#666666; width:170px;}	

.inputtxt {width:300px; background:#2D322E; border:none; color:#CCCCCC;  padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:5px;}


.clearer {font-size:1px; height:1px; width:auto; clear:both; margin:0px; padding:0px;}
.dotted_line {	background:url(../img/layout/transparent.gif) repeat-x;
	height:1px;
	font-size:1px; padding:0px;
	margin:10px 0;
	width: 100%; clear:both;}

.content {color:#999999;}
.content h3 {font-size: 14px; color:#999999; line-height:90%; margin:0px; margin-bottom:5px; padding:0px; }
.content p { margin:0 0 20px; text-align:justify; }
.content p.intro { margin:0 0 10px; padding:0 0 19px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-style:normal; color:#669999;  text-align:left; }

.content p.intro:first-line { font-variant:small-caps; }
.content em { font-style:italic; }
.content strong { color:#d0d1d1; }
.content a { color:#97c00e; }
.content a strong { color:inherit; }
.content a:visited { color:#627d12; }
.content a:hover { text-decoration:none; }
.content ul { margin:0 0 20px; list-style:square; }
.content ol { margin:0 0 20px; list-style:decimal; }
.content img { display:block; max-width:100%; }
.content img.left { float:left; margin:0 20px 20px 0; }
.content img.right { float:right; margin:0 0 20px 20px; }
.content img.center { margin-left:auto; margin-right:auto; }
.content blockquote { margin:0 0 20px; padding:0 0 0 40px; background:url(../img/layout/quote.png) no-repeat 0 0; font-style:italic; color:#717474; }
.content blockquote p { margin-bottom:10px; text-align:left; }

/* CONTACT FORM */
#contactform .errorbox { display:none; margin:0 0 40px; font-weight:bold; color:#a00a09; }
.content .alert label { padding-left:20px; background:url(../img/layout/icon-alert.png) no-repeat 0 50%; font-weight:bold; color:#fff; text-transform:uppercase; }
.inputtxt {width:400px; background:#2D322E; border:none; color:#CCCCCC;  padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:15px;}

/* CONTENT COLOR SCHEMES */
.green  h2.active { background:#33BEAF !important; }
.yellow h2.active { background:#FFF !important; }
.orange h2.active { background:#33BEAF !important; }
.red    h2.active { background:#FFCC33 !important; }
.purple h2.active { background:#33BEAF!important; color:#FFFFFF; }
.green  .content a { color:#FFCC33; }
.yellow .content a { color:#f1b600; }
.orange .content a { color:#00CCCC; text-decoration:none; }
.red    .content a { color:#d03333; }
.purple .content a { color:#c32dac; }
.green  .content a:visited { color:#627d12; }
.yellow .content a:visited { color:#987709; }
.orange .content a:visited { color:#955711; }
.red    .content a:visited { color:#842828; }
.purple .content a:visited { color:#7c2570; }

/* FOOTER */
#footer {width:960px;margin:auto;  margin-top:20px; font-size:10px; margin-bottom:40px; }
#footer .left{width:415px; height:auto; float:left; text-align:left;}
#footer .right{width:445px; height:auto; float:right; text-align:left;}

#footer a {text-decoration:none; font-size:11px; color:#009999; } 
#footer a:hover {text-decoration:underline; font-size:11px; color:#009999; }