/******************************************************

@package     	comunadudestiinoi.ro
@author      	Catalin Patru & Tammas, 3wavesNET
@copyright   	Copyright (c) 2009, comunadudestiinoi.ro

CONTENT
1. COMMON CSS
2. LAYOUT
3. CONTENT
4. FOOTER

*******************************************************/

body {
	background	: #f8f8f8 url(../images/bkg_body.jpg) repeat-x 0 0;
	font-family : arial;	
	margin		: 0px;
	padding		: 0px;
	color		: #373737;
}
.clearfloat {
	clear		: both;
	height		: 0px;
}
#main {
	width		: 1000px;
	margin		: 0px auto 0px auto;
	border		: 0px solid #f0f0f0;
}
#header_ro {
	background	: url(../images/header_ro.jpg) no-repeat 0 0;
	width		: 1000px;
	height		: 199px;
}
#header_ro a {
	width		: 1000px;
	height		: 199px;
	display		: block;
}
/* engleza */

#header_en {
	background	: url(../images/header_en.jpg) no-repeat 0 0;
	width		: 1000px;
	height		: 199px;
}
#header_en a {
	width		: 1000px;
	height		: 199px;
	display		: block;
}

/* germana */

#header_de {
	background	: url(../images/header_de.jpg) no-repeat 0 0;
	width		: 1000px;
	height		: 199px;
}
#header_de a {
	width		: 1000px;
	height		: 199px;
	display		: block;
}


#meniu {
	background  : url(../images/meniu.jpg) repeat-x 0 top;
	width		: 100%;
	height		: 32px;
	padding		: 4px 0 0 0;
}

#meniu div.meniu {
	background  	: url(../images/bkg_meniu.jpg) repeat-x 0 top;
	height			: 32px;
	margin			: 0;
	padding			: 0;
}
#meniu div.meniu ul {
	margin			: 0 0 0 0;
	height			: 32px;
}
#meniu div.meniu ul li {
	display			: block;
	_width			: 159px;
	height			: 32px;
	float			: left;
	text-align		: center;
	margin			: 0 1px 0 0;
	font-size		: 13px;
	font-weight		: bold;
	line-height		: 32px;
}
#meniu div.meniu ul li a {
	color			: #9dc881;
	display			: block;
	font-size		: 14px;
	height			: 32px;
	line-height		: 32px;
	_height			: 32px;
	text-transform	: uppercase;
	text-decoration	: none;
	_width			: 159px;
	font-weight		: bold;
	padding			: 0 20px;
	_padding		: 0 10px;
}
#meniu div.meniu ul li a:hover {
	background		: #638158;
	color			: #000;
}
#meniu div.meniu ul li.curent {
	line-height		: 34px;
	position		: relative;
}
#meniu div.meniu ul li.curent a:hover,
#meniu div.meniu ul li.curent a {
	background		: #9dc881;
	color			: #fff;
	height			: 31px;
	line-height		: 31px;
	width			: 157px;
	position		: relative;
	top				: 0px;
}
#meniu div.meniu ul li a:hover {
	color			: #638158;
	background		: none;
}
#meniu div.submeniu ul li a:hover {
	color		: #fff;
}
#meniu div.meniu ul li.last {
	margin			: 0;
}

#colContent {
	width		: 657px;
	float		: left;
	display		: inline;
}
#colRight {
	width		: 311px;
	float		: left;
	display		: inline;
}

div.content {
	background		: url(../images/wrapp.png) no-repeat 0 top;		
	width			: 968px;
	padding			: 0 16px;
}
div.contentin {
	background		: #fff;
}	
div.content div.boxArticol {
	width			: 100%;
	margin			: 5px 0 10px 0;
	border-bottom	: 1px solid #f5f5f5;
}
div.content div.box300 {
	background		: #f8f8f8;
	width			: 300px;
	margin			: 10px 0 0 9px;
}
div.content div.boxAds {
	background		: #fff;
}

div.content div.boxArticol div.boxContent {
	padding			: 10px;
}
div.content div.boxArticol div.boxContent h1 a,
div.content div.boxArticol div.boxContent h1 {
	font-family		: georgia;
	color			: #737373;
	font-weight		: bold;
	font-size		: 18px;
	text-decoration	: none;
}
div.content div.boxArticol div.boxContent h1 a:hover { text-decoration : underline; }
div.content div.box300 div.boxContent h1 a,
div.content div.box300 div.boxContent h1 {
	font-family		: arial;
	color			: #a3cb88;
	font-weight		: bold;
	font-size		: 16px;
	text-decoration	: none;
	margin			: 0 0 10px 0;
}
div.content div.box300 div.boxContent img { border : 1px solid #a3cb88; }
div.content div.boxArticol div.boxContent h1 a:hover {
	color			: #666;
}	
div.content div.boxArticol div.boxContent h1.comunicate {
	background		: url(../images/icn_comunicate.jpg) no-repeat 0 0;
	padding			: 0 0 0 35px;
	line-height		: 30px;
}
div.content div.boxArticol div.boxContent h1.anunturi {
	background		: url(../images/icn_anunturi.jpg) no-repeat 0 0;
	padding			: 0 0 0 35px;
	line-height		: 30px;
}
div.content div.boxArticol div.boxContent h1.foto,
div.content div.boxArticol div.boxContent h1.cautare {
	background		: url(../images/icn_cautare.jpg) no-repeat 0 0;
	padding			: 0 0 0 35px;
	line-height		: 30px;
	font-size		: 16px;
}
div.content div.boxArticol div.boxContent h1.foto {
	background		: url(../images/icn_foto.jpg) no-repeat 0 0;
}	
div.content div.boxArticol div.boxContent ul li {
	padding		: 0 0 0 5px;
	line-height	: 15px;
}
div.content div.boxArticol div.boxContent ul li a {
	color			: #555555;
	text-decoration	: none;
}
div.content div.boxArticol div.boxContent ul li a:hover {
	color			: #333;
	text-decoration	: underline;	
}	
div.content div.boxArticol div.boxContent,
div.content div.boxArticol div.boxContent p {
	font-size		: 12px;
	color			: #373737;
	text-align:justify;
}
div.boxHomepage p {
	font-size		: 12px;
	color			: #373737;
	margin-bottom: 10px;
}
div.boxContent p {
	margin-bottom: 10px;
}
div.content div.boxArticol div.boxContent div.staticContent ul {
	list-style: disc outside;
	margin: 10px;
	padding: 10px;
	padding-left: 25px;
}
div.content div.boxArticol div.boxContent div.staticContent ol {
	list-style: circle inside lower-alpha;
	margin: 10px;
	padding: 10px;
}
div.content div.boxArticol div.boxContent div.cropFoto {

	border		: 2px solid #f5f5f5;
	position	: relative;
	overflow	: hidden;
	float		: left;
	margin		: 0 10px 0 0;
}
div.content div.boxArticol div.boxContent div.infoArticol {
	font-size	: 11px;
	margin		: 10px 0 0 0;
	position	: relative;
}
div.content div.boxArticol div.boxContent div.infoArticol p {
	font-size	: 11px;
}	
div.content div.boxArticol div.boxContent div.infoArticol a {
	color		: #638158;
	font-weight	: bold;
	text-decoration	: none;
}
div.content div.boxArticol div.boxContent div.infoArticol p.detalii {
	background	: url(../images/citeste.jpg) no-repeat 0 3px;
	width		: 80px;
	display		: block;
	height		: 15px;
	position	: absolute;
	top			: 0;
	right		: 0;
	text-align	: right;
}
div.content div.boxArticol div.boxContent div.infoArticol p.detalii2 {
	background	: url(../images/citeste.jpg) no-repeat 0 3px;
	width		: 180px;
	display		: block;
	height		: 15px;
	position	: absolute;
	top			: 0;
	right		: 0;
	text-align	: right;
}
div.content div.boxArticol div.boxContent div.infoArticol p.detalii a {
	color		: #719c55;
}
div.content div.boxArticol div.boxContent div.infoArticol p.detalii a:hover {
	text-decoration	: underline;
}

div.box300 div.boxForm div {
	margin		: 0 0 7px 0;
	height		: 27px;
}
div.box300 div.boxForm div label {
	display		: block;
	float		: left;
	width		: 75px;
	font-size	: 14px;
	color		: #525252;
	height		: 25px;
	line-height	: 25px;
}
div.box300 div.boxForm div input {
	height		: 21px;
	width		: 240px;
	border		: 1px solid #D3D1D1;
	padding		: 4px 0 0 2px;
	float		: left;	
}
div.box300 div.boxForm div.boxCalendar {
	position	: relative;
}
div.box300 div.boxForm div.boxCalendar input {
	width		: 185px;
}	
div.box300 div.boxForm div.boxCalendar a.calendar {
	position	: absolute;
	right		: 0;
	display		: block;
	background	: url(../images/icn_calendar.jpg) no-repeat 0 0;
	width		: 0px;
	height		: 27px;
	top			: 0;
}

div.box300 div.boxForm div.butoane {
	margin : 0 0 0 0px;
	height	: 27px;
}
a.button {
	float 		: none;
	color		: #fff;
	font-weight : bold;
	height  	: 24px;
	margin 		: 0 20px 0 0;
	text-transform	: uppercase;
	text-decoration	: none;
}
a.button:hover {
	color		: #fff;
}
a.button span.rightCorner,
a.button span.leftCorner {
	background  : url(../images/btn_corner_left.png) no-repeat 0 0;
	width		: 4px;
	height		: 24px;
	display		: block;
	float		: left;
}
a.button span.rightCorner {
	background  : url(../images/btn_corner_right.png) no-repeat 0 0;
}
a.button:link span.contentButton,
a.button span.contentButton {
	background  : url(../images/btn_content.png) repeat-x center 0;
	float		: left;
	padding		: 0 10px 3px 10px;
	height		: 24px;
	line-height : 24px;
	text-align  : center;
	font-size	: 12px;
}
div#colRight a.button:link span.contentButton,
div#colRight a.button span.contentButton {
	font-size	: 12px;
}
a.button:hover span.contentButton,
a.button span.contentButton:hover {
	cursor		: pointer;
	background  : url(../images/btn_content_h.png) repeat-x center top;
}
a.button:hover span.rightCorner {
	background  : url(../images/btn_corner_right_h.png) no-repeat 0 0;
}
a.button:hover span.leftCorner {
	background  : url(../images/btn_corner_left_h.png) no-repeat 0 0;
}

div.separator {
	height		: 1px;
	overflow	: hidden;
	position	: relative;
	margin		: 10px 0;
	border-bottom : 1px dashed #ccc;
}

div.footerWrapper div.footer {
	background	: #fff;
	width		: 966px;
	margin		: 10px auto;
}
div.footerWrapper div.footer div.footerTop {
	height		: 28px;
	padding		: 0 10px;
	position	: relative;
}
div.footerWrapper div.footer div.footerTop ul li {
	display		: block;
	float		: left;
	height		: 28px;
	line-height	: 28px;
	padding		: 0 0 0 3px;
	color		: #fff;	
}
div.footerWrapper div.footer div.footerTop ul li a {
	color		: #78af54;
	text-decoration	: none;
	font-size	: 12px;
}
div.footerWrapper div.footer div.footerTop ul li a:hover {	
	color		: #437324;
	text-decoration	: underline;	
}
div.footerWrapper div.footer div.footerTop div.powered {
	position	: absolute;
	right		: 10px;
	font-size	: 12px;
	color		: #2575aa;
}
div.footerWrapper div.footer div.footerTop div.powered a {
	font-size	: 12px;
	color		: #2575aa;
	height		: 28px;
	line-height	: 28px;	
}
div.footerWrapper div.footer div.footerBottom {
	padding		: 10px 13px;
}
div.footerWrapper div.footer div.footerBottom p {
	font-size	: 12px;
	color		: #636563;
} 
ul.navigator {
	font-size		: 12px;
	height			: 20px;
	line-height		: 20px;
	margin			: 5px 0;
	padding			: 0px;
}
ul.navigator li {
	display			: block;
	float			: left;
	padding			: 0 3px 0 0;
}

div.staticContent {
	background		: #F5F5F5;
	padding			: 10px;	
	margin			: 5px 0 0 0;
	text-align:justify;
}
div.staticContent ul.links {
	background		: #fff;
	line-height		: 16px;
	padding			: 5px;
}
div.staticContent ul.links li a {
	color			: #CE474E;
}	
div.staticContent ul,
div.staticContent p {
	margin		: 0 0 10px 0;
}
div.staticContent img {
	float		: left;
	padding		: 2px;
	border		: 1px solid #ccc;
	margin		: 0 15px 10px 0;
}

div.rowMultimedia {
	background		: #fff;
	padding			: 5px;
	border			: 1px solid #e3e2e2;
	height			: 110px;
	margin			: 0 0 10px 0;
}
div.rowMultimedia h2 {
	margin			: 0 0 5px 0;
}

/*content stire */

div.galerie {
	margin-top  : 5px;
}
div.galerie ul.continut {
	padding : 2px 0px 4px 4px;
}
div.galerie ul.continut li {
	border : none;
	padding : 0;
	height : auto;
}
div.galerie ul.continut img {
	padding : 2px;
	border  : 1px solid #ccc;
	float	: none;
}
div.galerie ul.continut a img:hover {
	border : 1px solid #5F7CB1;
}

div.boxForm {
	margin		: 10px 0 0 5px;
}
div.boxForm p {
	background	: #fff;
	padding		: 5px;
}	
div.boxForm div {
	margin		: 0 0 10px 0;
}
div.boxForm label {
	display		: block;
	width 		: 200px;
	padding		: 0 0 0 5px;
	float		: left;
}
div.boxForm textarea,
div.boxForm input {
	border		: 1px solid #ccc;
	padding		: 0 0 0 4px;
}	
div.boxForm div.butoane {
	margin 		: 0 0 0 205px;
}

li.info {
	color			: #CE474E;
}
div.content div.boxArticol div.boxContent p.info,	
p.info {
	color			: #CE474E;
	margin			: 10px 0;
	padding			: 10px;
	border		: 1px solid #ccc;
}


.clearfloat {
	clear			: both;
    height			: 0;
    font-size		: 1px;
    line-height		: 0px;
}

/*language*/
#main { position : relative; }
div.flag { margin:5px 0 0 10px; }
.lang { overflow:hidden; position : absolute; right : 10px; top : 8px; background : #fff; height : 18px; line-height : 18px; border-bottom : 1px solid #f5f5f5;  border-right : 1px solid #666; }
.lang ul { display : block; width : 80px; }
.lang li { display : inline; margin-left:-8px;}
.lang li a { height : 18px; line-height : 18px; color:#aeaeae !important; padding : 0 5px; text-decoration:none !important; text-transform:uppercase; font-size : 12px; display : block; float : right; font-weight : bold; }
.lang li a:hover { color:#9DC881!important}