/*
Date: 05 August 2009
Author: Bogdan Valentin Oasa
Company: Touch Media
Website: www.touch-media.ro
Project: Monsson Group
*/

/* Reset CSS */
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;
	font-size: 100%;
	background: transparent;
}
a {
  text-decoration: none;
}
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;
}
/* CSS start! */
.clear { clear:both;
display:block;
line-height:0px;
}
.clear2 { clear:both;
display:block;
line-height:0px;
height: 20px;
}
.clear3 { clear:both;
display:block;
line-height:0px;
height: 10px;
}
body {
  font-family:  Verdana, Arial, Tahoma, sans-serif;
  background: #e1e1e1 url(images/background.jpg) repeat-x top;
  font-size: 11px;
}
#page {
	width: 910px;
	margin: 0 auto;
	padding: 0;
}
#header {width: 100%; float: left; clear: left; margin: 0 0 0 0; padding: 0; height: 130px;}
#menu {float: left; clear: left; margin: 70px 0 0 0;}
#menu li {float: left; padding: 0 5px;}
#menu li a {float: left; background-repeat: no-repeat; height: 8px; padding: 8px; background-position: center; color: #313131; font-size: 12px; }
#menu li a:hover, #menu li a#current {color: #fff; background: #ec2725;}
#menu li a.despre {width: 41px; background-image: url(images/despre-trans.png);}
#menu li a.despre:hover, #menu li a.despre#current {background-color: #ec2725; background-image: url(images/despre_sel-trans.png); }
#menu li a.companii {width: 54px; background-image: url(images/companii-trans.png);}
#menu li a.companii:hover, #menu li a.companii#current {background-color: #ec2725; background-image: url(images/companii_sel-trans.png); }
#menu li a.proiecte {width: 52px; background-image: url(images/proiecte-trans.png);}
#menu li a.proiecte:hover, #menu li a.proiecte#current {background-color: #ec2725; background-image: url(images/proiecte_sel-trans.png); }
#menu li a.stiri {width: 26px; background-image: url(images/stiri-trans.png);}
#menu li a.stiri:hover, #menu li a.stiri#current {background-color: #ec2725; background-image: url(images/stiri_sel-trans.png); }
#menu li a.cariere {width: 45px; background-image: url(images/cariere-trans.png);}
#menu li a.cariere:hover, #menu li a.cariere#current {background-color: #ec2725; background-image: url(images/cariere_sel-trans.png); }
#menu li a.contact {width: 51px; background-image: url(images/contact-trans.png);}
#menu li a.contact:hover, #menu li a.contact#current {background-color: #ec2725; background-image: url(images/contact_sel-trans.png); }

#logo {float: right; clear: right; margin: 36px 20px 0 0;}
#language_menu {float: right; margin: 70px 10px 0 0; font-size: 12px; font-weight: bold;}
#language_menu li {float: left; padding-right: 15px;}
#language_menu li a {float: left; color: #0a0a0a;}
#language_menu li a:hover, #language_menu li a#current_lang {color: #ff5400;}
#pic_box {width: 900px; height: 266px; background-repeat: no-repeat; background-position: center; border: 3px #dedede solid; margin: 34px 0 0 0; float: left; clear: left;}
.pic_pag {float: right; clear: both; margin: 11px 0 0 0; }
.pic_pag#goright {float: right; clear: none; margin: 0; width: 8px; position: relative; margin: 35px -15px 0 0;}
.pic_pag a {float: left; width: 8px; height: 8px; background: url(images/pic_item.gif) no-repeat; margin: 0 7px 0 0;}
.pic_pag#goright a {clear: left; margin: 0 0 3px 0;}
.pic_pag a:hover, .pic_pag a#current_pic {background: url(images/pic_item_sel.gif) no-repeat;}

#content {width: 890px; margin: 0 auto; margin-top: 0px;}
h1 {font-size: 22px; float: left; clear: left; color: #ec2b28;}
h1.inpage {font-size: 18px; color: #5e5d5d; float: left; clear: left; margin: 5px 0 20px 0;}
h2 {font-size: 14px; float: left; clear: left; color: #ec2725; text-align: left; margin-bottom: 20px;}
h3 {font-size: 18px; color: #5e5d5d; float: left; clear: left; margin: 25px 0 10px 0; font-weight: normal;}
.under_h {font-size: 18px; color: #5e5d5d; float: left; clear: left; margin: 5px 0 20px 0; width: 100%; text-align: left;}
.textbox {width: 100%; font-size: 11px; color: #5d5d5d; float: left; clear: left; text-align: justify; font-weight: normal; line-height: 16px; word-spacing: 4px;}
.textbox2 {width: 100%; font-size: 10px; color: #5d5d5d; float: left; clear: left; text-align: justify; font-weight: normal; line-height: 16px; }
.sectiunehead {float: left; clear: left; width: 865px; background:#d7d7d7 url(images/accordion_item.gif) no-repeat 15px center; padding: 4px 0 4px 35px; margin-top: 9px; color: #5d5d5d; font-weight: bold;}
.sectiunecontent {float: left; clear: left; width: 860px; padding: 20px; background: #fff;}
.sectiune_left {float: left; clear: left; width: 210px; color: #313131; font-size: 11px; margin-right: 65px;}
.sectiune_left h3 {float: left; font-size: 14px; color: #313131;}
.sectiune_left p {float: left; clear: left; width: 100%; text-align: left; margin-top: 20px;}
.sectiune_left p b {color: #ec2725; font-size: 12px; }
.sectiunecontent form {float: left; width: 252px; margin-right: 50px;}
.sectiunecontent form input {width: 242px; height: 16px; border: 1px #313131 solid; padding: 5px 4px 4px 4px; float: left; clear: left; color: #5d5d5d; font-size: 11px; margin-bottom: 8px; }
.sectiunecontent form textarea {width: 242px; height: 77px; border: 1px #313131 solid; padding: 5px 4px 4px 4px; float: left; clear: left; color: #5d5d5d; font-size: 11px; margin-bottom: 8px; display: block;}
.sectiunecontent form input.trimite {float: right; clear: right; background: #720000 url(images/send_arrow.gif) no-repeat 50px center; font-size: 10px; color: #fff; width: 70px; border: 0; height: auto; text-align: left; padding-left: 10px; cursor: pointer;} 
.sectiunecontent form input.sterge {float: right; margin-right: 7px; background: #ec2725; font-size: 10px; color: #fff; width: auto; border: 0; height: auto; text-align: center;  cursor: pointer;} 
.sectiune_localizare {float: left; width: 183px; }
.sectiune_localizare h2 { font-size: 16px; color: #ec2725; float: left; clear: left; margin-top: 40px;}
.sectiune_localizare img {float: left; clear: left; border: 3px #cccccc solid; }

.sectiunehead2 {float: left; clear: left; width: 865px; background:#d7d7d7 url(images/accordion_item.gif) no-repeat 15px center; padding: 0 0 0 35px; margin-top: 9px; color: #5d5d5d; font-weight: bold; height: 25px;}
.sectiunehead2 span{float: left; clear: left; margin-top: 6px;}
.sectiunecontent2 {float: left; clear: left; width: 880px; padding: 0 0 20px 20px; background: #f0f0f0;}
.sectiune_left2 {float: left; clear: left; width: 500px;  padding-top: 20px;}
.sectiune_left2 h3 {float: left; font-size: 18px; color: #ec2725;}
.sectiune_left2 p {float: left; clear: left; width: 100%; text-align: left; margin-top: 20px;}
.sectiunecontent2 form {float: right; width: 315px; margin-right: 1px; padding: 10px; background: #fff;}
.sectiunecontent2 form input {width: 305px; height: 16px; border: 1px #313131 solid; padding: 5px 4px 4px 4px; float: left; clear: left; color: #5d5d5d; font-size: 11px; margin-bottom: 8px; }
.sectiunecontent2 form select {width: 305px; height: auto; border: 1px #313131 solid; padding: 5px 4px 4px 4px; float: left; clear: left; color: #5d5d5d; font-size: 11px; margin-bottom: 8px; }
.sectiunecontent2 form input.file_input {height: auto; width: 352px;}

.sectiunecontent2 form input.trimite {float: right; clear: right; background: #720000 url(images/send_arrow.gif) no-repeat 50px center; font-size: 10px; color: #fff; width: 70px; border: 0; height: auto; text-align: left; padding-left: 10px; cursor: pointer;} 
.sectiunecontent2 form input.sterge {float: right; margin-right: 7px; background: #ec2725; font-size: 10px; color: #fff; width: auto; border: 0; height: auto; text-align: center;  cursor: pointer;} 

.form_design  {float: left; clear: left; width: 550px; }
.form_design div {float: left; clear: left; width: 100%; }
.form_design label {float: left; width: 120px; color: #313131; text-align: left; margin: 3px 0 0 0; text-align: right; padding: 0 10px 0 0;}
.form_design  input {width: 242px; height: 16px; border: 1px #313131 solid; padding: 5px 4px 4px 4px; float: left;color: #5d5d5d; font-size: 11px; margin-bottom: 8px; }
.form_design  input.file_input {width: 242px; height: auto; border: 1px #313131 solid; padding: 5px 4px 4px 4px; float: left;color: #5d5d5d; font-size: 11px; margin-bottom: 8px; }
.form_design  textarea {width: 342px; height: 77px; border: 1px #313131 solid; padding: 5px 4px 4px 4px; float: left; color: #5d5d5d; font-size: 11px; margin-bottom: 8px;}
.form_design  input.trimite {float: right; clear: right; background: #720000 url(images/send_arrow.gif) no-repeat 50px center; font-size: 10px; color: #fff; width: 70px; border: 0; height: auto; text-align: left; padding-left: 10px; cursor: pointer;} 
.form_design  input.sterge {float: right; margin-right: 7px; background: #ec2725; font-size: 10px; color: #fff; width: auto; border: 0; height: auto; text-align: center;  cursor: pointer;} 
.form_design input#login_button {width: auto; height: auto; cursor: pointer;}

.err {float: left; clear: left; color: red; font-size: 10px;}
.succes {float: left; clear: left; color: green; font-size: 10px;}
.admin_link {float: left; clear: left; margin-bottom: 5px; font-size: 10px; padding: 1px 10px; background: #ec2725; color: #fff;}
.inapoi  {float: left; clear: left; margin-bottom: 5px; font-size: 10px; padding: 1px 0; color: #ec2725; text-decoration: underline;}
#subpage_menu {float: left; clear: left; padding-left: 10px; margin-top: 8px;}
#subpage_menu li {float: left; padding: 0 25px 0 0;}
#subpage_menu li a {float: left; height: 21px; color: #5e5d5d; font-size: 14px; text-align: center; font-weight: bold;padding: 10px 17px 0 17px;}
#subpage_menu li a:hover, #subpage_menu li a#subpage_current {background: url(images/pagemenu_sel.jpg) repeat-x; color: #fff; }
#subpage_utils {float: right; margin: 8px 0 0 0;}
#subpage_utils li {float: left; margin-right: 7px;}
.subpage_utils {float: right; margin: 0px 0 -25px 0; position: relative; z-index: 50; top: 10px;}
.subpage_utils li {float: left; margin-right: 7px;}
.subpage_utils li a {height: 23px; float: left; padding: 2px 4px;}
.subpage_utils li a:hover, .subpage_utils li a#sub_sel {background: #fff;}
.subpage_utils li span {height: 23px; float: left; padding: 2px 4px;}
.subpage_utils li span:hover, .subpage_utils li span#sub_sel {background: #fff; cursor: pointer;}

#proiecte { width: 100%; float: left; clear: left; padding-top: 30px; }
.proiect {float: left; width: 175px; text-align: center; margin-right: 70px; text-align: left; }
.proiect#last {margin-right: 0;}
.proiect img {border: 1px #474747 solid;}
.proiect p {text-align: left; }

#poze_existente {width: 100%; float: left; clear: left;}
#poze_existente img {float: left; }
#poze_existente .sterge_banner {float: left; color: red; margin-right: 15px;}

#mycarousel .proiect img {border: 1px #474747 solid; float: left;}
#mycarousel .proiect { margin-right: 0; }

#stiri_categorii {float: left; width: 960px; position: relative; left: -25px;}
.stiri_categorie {float: left; width: 448px; text-align: center; margin-right: 20px;}
.stiri_categorie h2 {margin-bottom: 5px; font-size: 24px;}
.stiri_categorie#last {margin-right: 0;}
.stiri_categorie img {border: 1px #474747 solid;}
.continuare {float: right; clear: both; font-size: 10px; padding: 1px 10px; background: #ec2725; color: #fff;}

#cariere_left { width: 448px; float: left; clear: left; }
#cariere_left h2 {margin-bottom: 5px; font-size: 24px;} 
#cariere_left img {border: 1px #474747 solid;}
#cariere_right {float: right; width: 360px;}
#cariere_right form {float: left; width: 360px;}
#cariere_right form input {width: 352px; height: 16px; border: 1px #313131 solid; padding: 5px 4px 4px 4px; float: left; clear: left; color: #5d5d5d; font-size: 11px; margin-bottom: 8px; }
#cariere_right form select {width: 360px; height: auto; border: 1px #313131 solid; padding: 5px 4px 4px 4px; float: left; clear: left; color: #5d5d5d; font-size: 11px; margin-bottom: 8px; }
#cariere_right form input.file_input {height: auto; width: 352px;}
#cariere_right form textarea {width: 252px; height: 77px; border: 1px #313131 solid; padding: 5px 4px 4px 4px; float: left; clear: left; color: #5d5d5d; font-size: 11px; margin-bottom: 8px;}
#cariere_right form input.trimite {float: right; clear: right; background: #720000 url(images/send_arrow.gif) no-repeat 50px center; font-size: 10px; color: #fff; width: 70px; border: 0; height: auto; text-align: left; padding-left: 10px; cursor: pointer;} 
#cariere_right form input.sterge {float: right; margin-right: 7px; background: #ec2725; font-size: 10px; color: #fff; width: auto; border: 0; height: auto; text-align: center;  cursor: pointer;} 
#cariere_right h2 {margin-bottom: 5px; font-size: 24px;}
#cariere_right p.textbox2 {width: 100%;}
#cariere_right .under_h {width: 100%;}
.aplica_form {display: none;}
.recomanda_form {display: none;}

#footer {width: 100%; background: url(images/footer.jpg) repeat-x; height: 344px; margin: 95px 0 0 0; float: left; clear: left;}
#footer_in {width: 100%; float: left; height: 100%; background: url(images/footer_in.jpg) no-repeat center;}
* html #footer_in {background: #a2a2a2; background-image: none;}
#footer_wind {float: left; clear: left; position: relative; margin-top: -64px;}
#footer_center {width: 910px; margin: 0 auto;}
* html #footer_center { position: relative; left: -100px;}
.solaria_logo {float: left; clear: left; margin:25px 0 0 0;}

/* hide container until all is ready */

/*Main Container*/
.container {
	width:580px;
	float: right;
	margin: 90px 60px 0 0;	
}
.container ul{
	list-style-type: none;
	margin: 0;
	padding:0;	
}
.container li{
	display: inline;
	margin: 0px;
	padding:0px;
}
/*Content Container*/
.contentContainer {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 225px;	
	overflow:hidden;
}
.contentWrapper{	
}
.contentInnerWrapper{
	text-align: justify;
	padding: 0;
}
/* Handle*/
.handle{
	float: left;
	width: 38px;
	height: 310px;
	margin: 1px;
	margin-right: -10px;

}
.handleOver{	

}
.handleSelected{	
	
}

/*EXTRAS*/
.contentWrapper .li_right {float: left; width: 400px; padding: 0 0 0 25px;}
.contentWrapper .li_right p {float: left; }
.contentWrapper h3{
	color: #ec2725;
	font-size: 14px;
}
* html .contentWrapper h3 {background: #a2a2a2; }
.contentWrapper p{
	color: #5d5d5d;
	font-size: 9px;
	margin-top: 0px;
	float: left;
}
* html .contentWrapper p {background: #a2a2a2; }

/*  TEST 4  */
.test4 .handle {
	float: left;
	width: 0;
	height: 0;
	margin: 0;
	text-align:center;
	padding-top:0;
	font-weight: bold;
	color: #fff;
	background: #5e5d5d;
	font-size: 1px;
	border: 0 #9c9c9c solid;
	border-top: 0;
	cursor: pointer;
	display: none;
	
}
.test4 .handleOver{	
	width: 0;
	height: 0;
	padding-top:0;
	background: #ec2725;
	border: 0 solid #fff;
	position: relative;
	margin-top: 0;
	font-size: 1px;
	display: none;
}
.test4 .handleSelected{
	width: 0;
	height: 0;
	padding-top:0;
	background: #ec2725;
	border: 0 solid #fff;
	position: relative;
	margin-top: 0;
	display: none;
}
#settriger {float: right; margin: 109px 0 0 0; width: 200px;}
#settriger .handle2 {
	float: left;
	width: 26px;
	height: 26px;
	margin: 0;
	text-align:center;
	padding-top:102px;
	font-weight: bold;
	color: #fff;
	background: #5e5d5d;
	font-size: 12px;
	border: 1px #9c9c9c solid;
	border-top: 0;
	cursor: pointer;
	
}
#settriger .handle2:hover{	
	width: 26px;
	height: 26px;
	padding-top:135px;
	background: #ec2725;
	border: 1px solid #fff;
	position: relative;
	margin-top: -15px;
	font-size: 16px;
}
#settriger .handle2Selected{
	width: 26px;
	height: 26px;
	padding-top:135px;
	background: #ec2725;
	border: 1px solid #fff;
	position: relative;
	margin-top: -15px;
	display: none;
}
.detalii {width: 101px; height: 25px; background: url(images/detalii-trans.png) no-repeat; float: left;}
.detalii_en {width: 101px; height: 25px; background: url(images/detalii_en-trans.png) no-repeat; float: left;}
#mycarousel {float: left; clear: left; }

.pdf_download {width: 16px; height: 16px; background: url(images/pdf_icon.png) no-repeat; float: left; margin-right: 10px;}