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

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

body {
	background:#E0DDD6;
	font-family:"Segoe UI", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size:62.5%;
	color:#333;
	}

a {
	outline:none;
	text-decoration:none;
	color:#f36523;
	}

a:hover { text-decoration:underline; }

#container {
	width:760px;
	margin:20px auto;
	font-size:1.2em;
	line-height:1.6em;
	}

#container p {
	margin:1em 0 0 0;
	}

h1 a {
	background:url(/i/logo-cristina-scripa.png);
	display:block;
	width:265px;
	height:70px;
	text-indent:-9999px;
	margin-bottom:5px;
	}

h1 a:hover {
	background-position:bottom left;
	}

div#content {
	background:#fff;
	padding:10px;
	}

div#menu ul {
	list-style:none;
	}
	
div#menu ul li {
	display:inline;
	text-indent:-9999px;
	}
	
div#menu ul li a {
	display:block;
	width:148px;
	height:60px;
	float:left;
	background:url(/i/menu.png) 0 0 no-repeat;
	}

div#menu ul li#m01 a { background-position:   0   0; }
div#menu ul li#m02 a { background-position:-148px 0; }
div#menu ul li#m03 a { background-position:-296px 0; }
div#menu ul li#m04 a { background-position:-444px 0; }
div#menu ul li#m05 a { background-position:-592px 0; }

div#menu ul li#m01 a:hover { background-position:   0   -60px; }
div#menu ul li#m02 a:hover { background-position:-148px -60px; }
div#menu ul li#m03 a:hover { background-position:-296px -60px; }
div#menu ul li#m04 a:hover { background-position:-444px -60px; }
div#menu ul li#m05 a:hover { background-position:-592px -60px; }

div#menu ul li#m01 a.activ { background-position:   0   -60px; }
div#menu ul li#m02 a.activ { background-position:-148px -60px; }
div#menu ul li#m03 a.activ { background-position:-296px -60px; }
div#menu ul li#m04 a.activ { background-position:-444px -60px; }
div#menu ul li#m05 a.activ { background-position:-592px -60px; }

h2 {
	font-weight:normal;
	font-size:1.6em;
	margin-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
	}

h3 { margin-top:10px; }

div#mCont ul { margin-left:3em; }

.column {
	width:240px;
	margin-right:10px;
	float:left;
	}

span.tel {
	width:60px;	
	display:block;
	float:left;
	}

#mCont {
	width:510px;
	float:left;
	}

#side {
	width:220px;
	float:right;
	margin-top:20px;
	}

div.sideEl {
	background:#eaeaea;
	padding:5px;
	margin-bottom:10px;
	}


#footer {
	text-align:center;
	color:#999;
	}

#footer a {
	color:#999;
	}

.mr0 { margin-right:0 !important; }
.mr10 { margin-right:10px !important; }

.clear { clear:both; }


/* accordion */
form#addConsForm label {
	padding-top:10px; 
	font-weight:bold; 
	}
	
form#addConsForm textarea {
	width:204px; 
	border:1px solid #ccc; 
	padding:2px;
	font-family:"Segoe UI", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size:1em;
	height:6em;
	}
	
p.mid { margin:5px 0 0 0 !important; text-align:center; }	
/* end accordion */



.categ {
	width:238px;
	float:left;
	padding:5px;
	border:1px solid #eee;
	margin-top:10px;
	}

.half {
	width:365px;
	float:left;
	}
	
form.normal {
	
	}	

form.normal p {
	margin:0 !important;
	}

form.normal fieldset {
	border:1px solid #ccc;
	padding:5px;
	}	

form.normal legend {
	margin-left:10px;
	padding:3px;
	}

form.normal label {
	width:90px;
	float:left;
	display:block;
	padding:3px 0;
	margin:3px 0;
	text-align:right;
	}

form.normal input , form.normal select, form.normal textarea {
	border:1px solid #999;
	padding:3px;
	margin:3px;
	width:200px;
	font-size:1em;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	}

form.normal input:focus, form.normal textarea:focus {
	border:1px solid #0c0;
	}

form.normal input.buton {
	border:1px solid #060;
	background:#090;
	color:#fff;
	padding:3px;
	margin:12px;
	width:175px;
	font-size:1em;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	}


form.normal br {
	clear:both;
	}


.mr10 {
	margin-right:10px;
	}
	
	
	/* mesaje */

.err {
	color:#fff;
	border:1px solid #c00;
	background:#f33;
	padding:10px;
	margin:10px 0;
	}
	
.msg {
	color:#fff;
	border:1px solid #060;
	background:#3c6;
	padding:10px;
	margin:10px 0;
	}

.err a, .msg a {
	color:#ff0 !important;
	}

.err a:hover, .msg a:hover {
	color:#ff0 !important;
	text-decoration:underline !important;
	}


.err p, .msg p {
	margin:0 !important; padding:0 !important;
	}

p.hint {
	background:url(/i/hint.png) right center no-repeat;
	padding-right:42px;
	}

div.problema { background:#eee; padding:10px; margin-bottom:10px; cursor:pointer; }

div.raspuns { margin-bottom:10px; }