/*-----------------------------------------------------------------------------
version:   1.0.1-Beta
author:    daniel vecchiato
email:     info@4webby.com
website:   http://www.4webby.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin 
* {
  margin: 0;
	padding: 0;
}*/

/* Put it back on certain elements */

/* Class for clearing floats */

.clear {clear:both;}

h1{margin-top:0px;margin-left:6%;font:bold 1.4em/1.7 arial,serif;}
h2{
	font:bold 1.0em/1.4 arial,serif;text-align:center;
	color: #E85C00;
	font-size:12px;
	padding:0px;
	width: 460px;
	margin-bottom:10%;
	margin-left:6%;}
/* Remove border around linked images */

h3{font:bold 0.8em/1.4 arial,serif;text-align:left;
	color: #FF9;
	font-size:11px;
	padding:0px;
	width: 460px;
	margin-bottom:2%;
	margin-left:6%;}
img {border: 0;}

/* =Typography
-----------------------------------------------------------------------------*/

body {font: 90%/1.6  Verdana, sans-serif;margin: 0;padding: 0;background-image: url(../images/body.gif);background-repeat: repeat-x;font-family: Arial, Helvetica, sans-serif;background-color: #012509;}

/* =Wrapper
-----------------------------------------------------------------------------*/


/* =Headings
-----------------------------------------------------------------------------*/

#header {
margin-top: 20px;
color: #FFFFFF;
height: 180px;
width: 760px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
background-position: 26px;
}

#browse_crag {width: 802px;margin: 0;/*background-image: url(../images/browse_crag_bg.jpg);background-repeat: repeat-x;*/}
.login {color: #000000;font-size:11px;padding: 5px;}
.login a:link, .login a:visited {text-decoration: none;font-weight: bold;color: #666;}
.login a:hover {text-decoration:none;color: #000000;}
/* =Links
-----------------------------------------------------------------------------*/
a:link, a:visited {text-decoration: none;font-weight: bold;color: #FFFF99;font-size:11px;font: arial;}
a:hover, a:active {text-decoration:none;color: #02440f;}

/* =Branding
-----------------------------------------------------------------------------*/

/* =Main Nav
-----------------------------------------------------------------------------*/

#mainNav {float: left;width: 185px;margin: 0 0 0 0;padding: 0 0 0 0;}
#navlist {
	width: 185px;
	padding: 15px 0 0 0;
	height: 200px;
	float:left;
	background: url(../images/menu.gif) no-repeat bottom right;
	margin-top: 16%;
}

#navlist li {
	list-style-type: none;	
	background-color: transparent;
	width: 120px;
}
#navlist ul {margin-top: 16%;}
#navlist a {
	color: #035814;
	text-decoration: none;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	font:italic 0.8em/1.4 georgia,serif;text-align:center;
}

#navlist a:hover {
	background-color: #02440f;
	color: #FFFFFF;
}


/* =Main Content
-----------------------------------------------------------------------------*/

#mainContent {
width: 760px;
margin-left: auto;
margin-right: auto;
background-color: #000000;
height:auto;
padding-bottom:2.5em;
overflow: hidden; /* foarte important pentru inaltime flexibila in functie de continutul div-ului */
}

.important {background-color: #FBE6F2;
border: 1px solid #D893A1;
color: #333;
margin: 10px 0 5px 0;
padding: 10px;
font-weight: bold;
width: 400px;}

p {margin: 6px 0 0px 0;
padding: 0;}

/* =Footer
-----------------------------------------------------------------------------*/

#footer {
overflow: hidden;
color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 760px;
text-align: center;
margin-bottom: 10px;
font-size: 11px;
padding-top: 2px;
padding-bottom:2px;
background-color: #000000;
border-bottom-color: #111;
border-bottom-style: double;
border-bottom-width: 4px;
}

#footer a {text-decoration: none;}

.footer_menu {font-size:14px;
color: #FFFFFF;}

.footer_menu a {padding-left: 10px;
padding-right: 10px;
color: white;
text-decoration: none;
border-right: 1px solid #000000;}

.footer_menu a:hover {background-color: #FF0000;
color: #000000;}

/* =Forms
-----------------------------------------------------------------------------*/

.error {font-weight: bold;
color:#FF3300;
padding-left: 18px;
background: url(../../shared/images/error.png) no-repeat left top;}

/* :KLUDGE: Explicitly set the width for IE6- */

* html .error {width: 10em;}

fieldset {
border: none;
color: #CCCCCC;
font-size: 10px;
font-family: Tahoma, Geneva, sans-serif;
margin-top: 10%;
margin-left:5%;
}

legend {
	font-size: 12px;
	font-weight:bold;
	color: #E85C00;}

label {float: left;
width: 100px;}

#register {margin: 0;}

#register label, #changePassword label  {width: 150px;}

#register .error span{
margin-left: 150px;
padding-left: 150px;}

.note {display: block;
margin-left: 100px;}

#register.note  {display: block;
margin-left: 150px;}

.button {
text-align:center;
font-weight:bold;
cursor: pointer;}

.button a {text-align: center;
text-decoration: none;
background: url(../images/fade-butt.png);
border: 3px double #999;
border-left-color: #ccc;
border-top-color: #ccc;
color: #333;
padding: 0.25em;}

.button a:active {background: #f4f4f4;
border: 3px double #ccc;
border-left-color: #999;
border-top-color: #999;}

#button{height:26px;text-align:center;padding:4px;}
/* =FLASH MESSAGE
-----------------------------------------------------------------------------*/

#flashMessage {width:400px;
color:#FF0000;
border-bottom: 2px solid #FF0000;
border-top: 1px solid #FF0000;
font-size: 16px;
margin: 8px 0px;
font-weight: bold;
padding: 10px;}

/* =CODE BOX
-----------------------------------------------------------------------------*/
#mainContent code, #mainContent pre {
 font-family: Courier,monospace;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}
#habit{		
	width: 574px;
	float:right;
	color: #FF9;
}

#habit .caption {font:italic 0.8em/1.4 georgia,serif;text-align:center;}

#bre{
	font: tahoma;
	font-size: 11px; 
	color: #FFFFFF;
	width: 500px;
	}
#lang{
	float: right;
	padding: 5px;
	color: #02440f;
	margin-top: 12%;
	margin-right:5%;
}
#lang a{
	color: #035814;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	
}
#lang a:hover{
	color: #048C23;
}

#contact ul{
	float: right;
	width: 100px;
	color: #FFFF59;

}
#contact li {
	list-style-type: none;
	color: 	#CBDAD8;
	font-size: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: right;
	padding: 0px;
	margin-right: 3em;
	margin-top: 0px;
}

#contact li a {
	
	font-size: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #92BBE4;

	
}
#contact li a:hover {
	
	color: #92BBE4;
	border-bottom-color: #92BBE4;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	
}
#gallery {
	position:relative;
	margin:0 auto;
	height:336px;
	width: 503px;
	padding: 2px;
	border:1px solid #E6E7E8;
}

#gallery a {
		float:right;
		position:absolute;
	}
	
#gallery a img {
		border:none;
		text-align:left;
	}
	
#gallery a.show {
		z-index:500
	}

#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:90px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

#gallery .caption .content {
		margin:5px;
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		font-size:11px;
		text-align:left;
	}
	
#gallery .caption .content h3 {
		font-style: normal;
		margin:0;
		padding:0;
		color:#FF3300;
	}
	
#book {
	float: left;
	width: 185px;
	margin-top: 26%;
	padding: 10px;

}
#book a {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:11px;
	background-color: #E85C00;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	float: right;
	margin-top: 10%;
	border-bottom-color: #E85C00;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #E85C00;
	border-left-style: solid;
	border-left-width: 2px;
	border-top-color: #E85C00;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-color: #E85C00;
	border-right-style: solid;
	border-right-width: 2px;
}
#book a:hover{color: #FFFFFF;background-color: #E85C00;}
#so {width: 60px;height: 26px;background-color: #f9f9f9;}
.select {height: 20px;margin-top:0px;font-size:11px;text-align: center;}
#mask{width: 574px;float:right;color: #FF9;text-align:center;}
#mask .caption {font:italic 0.8em/1.4 georgia,serif;text-align:center;}
#navlist span {display: none;}
.imp{width: 574px;float:right;}
.imp p{font-family: Arial, Helvetica, sans-serif;font-style: normal; color: #FFFFFF;font-size:11px;padding:15px;}
.ad{font-family: Arial, Helvetica, sans-serif;font-style: normal; color: #FFFFFF;font-size:11px;padding:15px;}

label{padding-right:5px;text-align:right;height:20px;font-family: Arial, Helvetica, sans-serif;font-style: normal;font-size:11px;color:#FFFFFF}
#contact_form{text-align:left;}
input{height:17px;background-color: #000000;border:1px solid #2A2A2A;color:#FFFFFF}
textarea{height:120px;background-color: #000000;border:1px solid #2A2A2A;color:#FFFFFF}
.acc span{font-family: Arial, Helvetica, sans-serif;font-style: normal; color: #FFFFFF;font-size:11px;padding:0px;}

#contact_form a{font-size: 10px;font-family: Tahoma, Geneva, sans-serif;color: #92BBE4;} 
#contact_form a:visited{font-size: 10px;font-family: Tahoma, Geneva, sans-serif;color: #92BBE4;}
#contact_form a:hover{color: #92BBE4;border-bottom-color: #92BBE4;border-bottom-style: solid;border-bottom-width: 1px;} 

#map {color:#FFFF99;background-color:transparent; margin:0 auto 60px auto;height:320px;width:503px;padding:3px;border:1px double #2A2A2A;}
#map a{font:italic 0.9em/1.4 georgia,serif; color: #E85C00;}
#map a:visited{font:italic 0.9em/1.4 georgia,serif; color: #E85C00;}
#map a:hover{color: #E85C00;border-bottom-color: #E85C00;border-bottom-style: solid;border-bottom-width: 1px;}

#map p{font:italic 0.8em/1.4 georgia,serif;text-align:center;color:#FFFF99;margin-top:6%;}
select{height:21px;background-color: #000000;border:1px solid #2A2A2A;color:#FFFFFF;font-size:12px;padding:2px;}
.desa span{color: #FF9;font-size:11px;margin-left:2%;}
.acd span{font-family: Arial, Helvetica, sans-serif;font-style: italic; color: #FF9;font-size:11px;padding:0px;margin-left:4px;}
.lab{font-family: Arial, Helvetica, sans-serif;font-style: nornal; color: #FF9;font-size:12px;padding:0px;}
.pa3 p{width: 500px;font-family: Arial, Helvetica, sans-serif;font-style: nornal; color: #FFFFFF;font-size:11px;text-align:justify;padding:0px;margin-left:6%;}