@charset "utf-8";
/* CSS Document */

* { margin: 0px; padding: 0px;}

body { margin: 0px; padding: 0px; background: url(../images/background.gif) repeat-x top center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000; }

a { color: #cc0000; text-decoration: none; }
a:hover { color: #990000; }

.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.noMargin{ margin:0px !important;}
.h15{ height:15px;}
 
#wrapper { width: 980px; letter-spacing:0;}

h1#logo { width: 360px; height: 50px; font-family: Rockwell, "Times New Roman", serif; font-size: 20px; color: #cc0000 !important; padding-top:10px;margin-bottom:0px;letter-spacing:0;}
/*h1#logo a{ line-height:40px;}*/
h1#logo span { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #000; display: block; margin-top: 5px; }

ul#meniu { list-style: none; height: 65px; }
ul#meniu li { float: left; height: 65px; margin:0px;}
ul#meniu li a { font-size: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; display: inline-block; height: 50px; padding: 15px 5px 0px; }
ul#meniu li a:hover { background: #ffb541; color: #fff; }
ul#meniu li a .subtitlu { font-size: 10px; display: block; }

ul#submeniu { clear: both; margin-top: 18px; list-style: none; height:98px; width:980px; margin-bottom:0px;}
ul#submeniu li { float: left; line-height: 98px; margin-right:40px; margin-left:0px;}
ul#submeniu li img { float: left; border: none; }
ul#submeniu li a, ul#submeniu li a:hover{ font-size:18px;}
ul#submeniu li.contact{ text-align:right; color:#666; font-size:20px; margin:0px; padding:0px; line-height:normal; text-align: right; color: #cc0000; float: right; padding-top: 10px; }
ul#submeniu li.contact a { color:#666666; font-size:12px; position: relative; top: -3px; }
ul#submeniu li.contact a:hover { color: #cc0000; }
ul#submeniu li.contact span { font-weight: bold; font-size: 12px; color: #666; display: block; margin-top: 5px;}

div#indextext{ float:left; width:530px; text-align:left;}
div#indextext_tot{ float:left; width:978px; text-align:left; margin-bottom:20px;}
div#indextext h2, div#indextext_tot h2{ font-size:25px; color:#cc0000; margin:30px 0px 0px 0px; font-family: Rockwell, "Times New Roman", serif;  font-weight: normal;}
div#indextext h3, div#indextext_tot h3{ font-size:18px; color:#000; font-family: Rockwell, "Times New Roman", serif; font-weight: normal;}
div#indextext p, div#indextext_tot p{ font-size:12px; color:#333333; margin-top:30px; line-height:20px;}


form#contacteaza{ width:400px; border:1px solid #999999; float:right; margin-top:30px; background:#f2f2f2; padding:15px; text-align:left; line-height:24px;}
form#contacteaza span{ font-size:20px; color:#666666;  }
form#contacteaza label{ width:100%; font-size:12px; color:#666666;}
form#contacteaza input{ border:1px solid #919191; height:20px; }
form#contacteaza textarea{ height:70px; width:100%; border:1px solid #666666;}
form#contacteaza .trimite{ background:url(../images/trimite_mesaj.jpg) no-repeat; width:212px; height:46px; border:none; font-size:16px; color:#666666;  margin-top:5px;}

div#pachete{ width:980px; margin-top:10px; clear:both; text-align:left; }
div.pachete{ width:315px; height:319px; margin-right:16px; text-align:left; float:left;}
div.pachete .nr{ font-size:55px; color:#714c02; width:45px; float:left;  }
div.pachete .titlu{ width:200px; float:left;  padding-left:10px;}
div.pachete .titlu p{ font-size:23px; margin-top:15px;}
div.pachete .titlu h2{ font-size:12px; color:#523803; margin:0px; padding:0px;}
div.pachete ul{ clear:both; margin:15px 0px 0px 15px; list-style:none; height:125px;}
div.pachete ul li { background: url(../images/sageata.png) no-repeat left top; text-indent: 15px; line-height: 17px; font-size: 14px;  }
div.pachete .pret{ width:100%; margin-top:5px; text-align:center; font-size:50px; font-family: "Trebuchet MS";}
div.pachete .pret span{ color:#714c02; font-size:12px; display:block; margin-top: -12px; }
div.pachete .comanda{ width:300px; height:35px; background:transparent; cursor:pointer !important;}

.yellow{ background:url(../images/yellow.jpg) no-repeat;}
.blue{ background:url(../images/blue.jpg) no-repeat;}
.red{ background:url(../images/red.jpg) no-repeat;}
.green{ background:url(../images/green.jpg) no-repeat;}

.yellow ul li{ color:#714c02;}

div.blue .nr, div.blue .titlu, div.blue h2, div.blue ul li, div.blue .pret, div.blue .pret span{ color:#fff !important;}
div.red .nr,  div.red h2, div.red ul li, div.red .pret, div.red .pret span{ color:#f8a3a3 !important;}
div.red .titlu, div.red .pret{ color:#fff !important; }
div.green .nr,  div.green h2, div.green ul li, div.green .pret, div.green .pret span{ color:#f0f992 !important;}
div.green .titlu, div.green .pret{ color:#fff !important; }

div#banner{ width:978px; height:145px;}

div#footer{ width:100%; height:185px; border-top:1px solid #b7b7b7; background:url(../images/footer.jpg) repeat-x; margin-top:30px; clear:both}
div#footer .content{ width: 960px; margin:0 auto; padding:15px 10px 0px 10px;}
ul.footer{ list-style:none; margin:0px; padding:0px;}
ul.footer li.recomandate{ width:300px; float:left; text-align:left; line-height:18px; margin-left:px;}
ul.footer li.recomandate span{ color:#333333; font-size:16px;}
ul.footer li.recomandate a, ul.footer li.liga a{ color:#666666; font-size:12px; text-decoration:none; }
ul.footer li.recomandate a:hover, ul.footer li.liga a:hover{ color:#000; text-decoration:underline; font-size:12px;}
ul.footer li.liga{ width:240px; float:right; line-height:18px;}
ul.footer li.liga img{ margin-top:5px;}
 
.w420{ width:420px;}
#text_pagina{ width:630px; float:left; padding:5px 0px 0px 20px; text-align:justify !important;}
#text_pagina h1{ font-size:18px; color:#CC0000;}
#portofoliu_pagina h1{ font-size:26px; color:#CC0000; font-family:Rockwell, "Times New Roman", serif; font-weight:normal; margin:10px 0px;}
ul.footer li.liga span{ font-size:12px;}
#portofoliu_pagina{ width:940px; clear:both; text-align:justify !important; padding:0px 20px;}

/* portofoliu tabs */
ul.tabNavigation { list-style: none; margin: 0;  padding: 0; }
ul.tabNavigation li {  display: inline; }
ul.tabNavigation li a { color: #000;  text-decoration: none; background: url(../images/preturi_tab_normal.png) no-repeat; text-align: center; width: 180px; height: 35px; display: inline-block; font-size: 14px; line-height: 35px;}
ul.tabNavigation li a.selected, ul.tabNavigation li a:hover { background: url(../images/preturi_tab_over.png) no-repeat;  color: #fff; }
ul.tabNavigation li a:focus { outline: 0; }
div.tabs > div { padding: 5px; border-top: 2px solid #df1d1d; }
div.tabs > div h2 { margin-top: 0; }
.waste { min-height: 1000px; }

/*creare site-uri galerie */
.galerie { float:left; width:870px !important; }
.galerie ul{ list-style:none; width:870px !important;}
.galerie ul li{ width:870px;}
 
.prev { background:url(../images/arrow_back.gif) no-repeat center center; width:15px; height:30px; border:none; float:left; margin:0px 10px 0px 0px;cursor:pointer;  }
.next { background:url(../images/arrow_next.gif) no-repeat center center; width:15px; height:30px; border:none; float:left; margin:0px 0px 0px 10px; cursor:pointer; } 
.mtop30{ margin-top:0px;}
.proiect{width:210px; float:left; margin:10px 10px 10px 0px;}
.proiect img{border:1px solid #666666; float:left; padding:3px;}
.proiect p{ width:200px;  padding:0px; margin:10px 10px 0px 0px;}
.proiect p span{ font-size:14px; color:#cc1000;}
.proiect .buton{ width:80px; border:none; background:none; display:block; text-align:left; color:#333;}

#creare_site{ padding-top:20px;}
#creare_site h2.titlu{ margin:10px 0px; color:#cc0000; font-size:16px;}

/*contact */
form#contact{ margin:0px; padding:0px; width:980px;  display:inline-block;}
form#contact p{ margin:10px 0px; }
form#contact p label{ font-size:16px; color:#333333; display:block; line-height:20px;}
form#contact p input, form#contact p div input, .contact_input{ display:block; height:25px; width:220px; border:1px solid #c1c1c1;}
form#contact p textarea{ display:block; border:1px solid #c1c1c1;}
form#contact p input.trimite, .comanda{  background:url(../images/trimite_mesaj.jpg) no-repeat; width:212px; height:46px; border:none; font-size:16px; color:#666666;  margin-top:5px;}
form#contact select{ width:200px; height:30px; border:1px solid #c1c1c1; line-height:30px;}
form#contact p label span{ color:#c10000 !important;}
form div.left{ border:thin dotted #000000;
float:left;
margin:10px;
padding:10px;
width:45% !important;}
form div.left strong{ font-size:18px;}

/*preview */
#preview { position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; z-index:5; }
.red_error{ color:#ff1000;}
#footer .content h3{float:left;
margin:14px 10px 10px 0;
font-size:11px;
font-weight:normal;
letter-spacing:0;}
#error
{color:#FF2222;}

#ok
{color:#55BB55;}

#modele label
{width:100px;
text-align:left!important;}

#text_pagina_full{ width:980px; float:left; padding:5px 0px 0px 20px; text-align:justify !important;}
#text_pagina_full h1{ font-size:18px; color:#CC0000;}

.panel a img {border:none;}