/*
Date: 31.03.2011
Author: Oasa Bogdan Valentin
Project: Psiholog Pitesti
*/

/* 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:0; height: 10px;}
.clearnone {clear: none !important; }
.noborder {border: 0 !important; }
.textblock {float: left; clear: both; width: 100%; color: #16335a; font-size: 12px;  }

html,body {min-height: 100%; height: 100%; }

body {font-family: Verdana, Arial, sans-serif;  background: #fff; color: #16335a; }
.wrap {width: 920px; margin: 0 auto; }

.top {float: left; clear: both; width: 880px; padding: 30px 0 0 40px;}
.logo {float: left; margin: 0 40px 0 0;  }
.logo-desc {float: left; width: 482px; }
.logo-desc h1 {float: left; clear: both; width: 100%; text-transform: uppercase; font-size: 18px;  }
.logo-desc .mariana {float: left; }
.logo-desc .cristina {float: right; }
.logo-desc .mariana, .logo-desc .cristina {font-size: 16px; }

.menu {float: right; margin: -25px 0 20px 0; position: relative;  }
.menu li {float: left; padding: 0 15px; border-right: 1px #16335a solid; height: 19px; }
.menu li.last {border: 0; }
.menu li a {font-size: 16px; color: #16335a; text-transform: uppercase; float: left; padding-bottom: 2px; }
.menu li a:hover, .menu li a.active { border-bottom: 1px #16335a solid; }

.header {float: left; clear: both; position: relative; margin-left: -40px; }

.content {float: left; clear: both; width: 840px; padding: 20px 40px; }
h2 {float: left; clear: both; margin: 0 0 20px 0;}
h3 {float: left; clear: both; margin: 10px 0; text-transform: uppercase; }
.textblock {font-size: 14px; text-align: justify; }
.textblock.acasa {width: 600px; }
.despre_mariana,.formular {float: left; width: 350px; clear: none; }
.despre_cristina,.date_contact {float: right; width: 350px; clear: none; }

.textblock ul {float: left; clear: both; width: 100%; }
.textblock ul li {float: left; clear: both; width: 100%; margin: 0 0 10px 0; text-align: left; }

.thumb {float: left; clear: both; width: 100%; text-align: center; margin: 0 0 10px 0;}
.thumb img { -moz-box-shadow: 1px 2px 4px #ccc;		-webkit-box-shadow: 1px 2px 4px #ccc;		box-shadow: 1px 2px 4px #ccc; 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc');}


.galerie {float: left; clear: both; margin: 15px 0; text-align: center; width: 100%; }
.galerie img {display: inline-block; margin: 0 10px; }

.contact_info {float: left; width: 70px; }

.formular form {float: left; clear: both; width: 100%; }
.formular form div {float: left; clear: both; margin: 2px 0; width: 100%;  }
.formular form div label {float: left; width: 80px; height: 26px; line-height: 26px; text-align: left; }
.formular form div input {float: left; width: 245px; padding: 0 10px; height: 24px; line-height: 24px; color: #16335a; border: 1px #ccc solid; }
.formular form div textarea {float: left; width: 245px; padding: 5px 10px; height: 90px; color: #16335a; border: 1px #ccc solid; }
.formular form div input.trimite {float: right; width: auto; border: 2px #ccc outset; margin: 0 5px 0 0; cursor: pointer; font-weight: bold;}

.err {float: left; clear: both; width: 100%; color: red; font-size: 10px; }
.succes {float: left; clear: both; width: 100%; color: green; font-size: 10px; }

.footer {float: left; clear: both; width: 100%; margin: 40px 0 0 0; padding: 10px 0 30px 0; text-align: center; border-top: 1px #a7a8bb solid; }
.footer a {color: #5d6471; font-size: 12px; display: inline-block; margin: 0 25px; }
.footer a.active {font-weight: bold; }