﻿/* Reset styles */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/* index.html */


body
{
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
    background: /*#767381*/#FFFFFF url('graphics/background_top.jpg') repeat-x center top;
    font-family: 'Trebuchet MS';
    font-size: 11px;
}
a
{
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}    
#wrapper
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
#contentholder
{
    width: 993px;
    min-height: 800px;
    height: auto;
    position: relative;
    margin: 0px auto 0px auto;
    background: transparent url('graphics/contentholder_background.jpg') repeat-y center top;
}
#content
{
    width: 945px;
    min-height: 600px;
    height: auto;
    left: 20px;
    position: relative;
    top: -374px;
}
#upperbody
{
    position: relative;
    width: 993px;
    height: 600px;
    background: transparent url('graphics/upperbody_background.jpg') no-repeat center top;
    left: 0px;
    top: 0px;
}
#header
{
    position: relative;
    margin: 0px auto 0px auto;
    width: 965px;
    height: 230px;
    background: transparent url('graphics/header_background.jpg') no-repeat left top;
}
#header .main_title
{
    color: #FFF;
    font-size: 20px;
    position: relative;
    top: 7px;
    left: 10px;
}
#header .tcc
{
    color: #FFF;
    font-size: 50px;
    letter-spacing: 10px;
    position: absolute;
    top: 60px;
    left: 40px;
}
#header .tcc_subtitle
{
    color: #FFF;
    font-size: 20px;
    letter-spacing: 3px;
    position: absolute;
    top: 115px;
    left: 40px;
}
#header a {text-decoration:none;color:#FFF;}
#header a:hover {text-decoration:underline;}
#header_graphic_1
{
    position: absolute;
    width: 337px;
    height: 138px;
    top: 39px;
    right: -11px;
    background: transparent url('graphics/header_graphic_1.png') no-repeat left top;
}
#footer
{
    position: relative;
    left: 14px;
    bottom: 0px;
    width: 964px;
    height: 241px;
    background: transparent url('graphics/footer_background.jpg') repeat-x left top;
}
#footer_links
{
    position: absolute;
    top: 50px;
    left: 20px;
    font-size: 16px;
}
#copyright
{
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 11px;
    color: #FFF;
}
#footer_links a{text-decoration:none;color:#FFFFFF;}
#footer_links a:hover{text-decoration:underline;color:#FFFFFF;}
#footer_links span{margin-left: 50px;}
#menu
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 964px;
    height: 55px;
    background: transparent url('graphics/menu_background.jpg') no-repeat center top;
}
#menu span
{
    position: relative;
    top: 25px;
    font-size: 15px;
    margin-left: 50px;
}
.contact{left:90px;}
.resources{left:25px;}
.training{left:-7px;}
.services{left:5px;}
#searchbar
{
    position: absolute;
    right: 10px;
    top: 5px;
}
#searchbar .search_bar
{
    background: transparent url('graphics/searchbar_background.jpg') no-repeat left top;
    font-size: 15px;
    color: #FFF;
    text-indent: 3px;
    width: 232px;
    height: 32px;
    border: none;
    float: left;
}
#searchbar .search_button
{
    background: transparent url('graphics/searchbutton_background.jpg') no-repeat left top;
    width: 45px;
    height: 32px;
    border: none;
    float: left;
}

/* eof index.html */

/* home */

#qa-title
{
    background: transparent url('graphics/qa_title_background.jpg');
    position: absolute;
    left: 0px;
    width: 600px;
    top: 10px;
    height: 100px;
}
#qa
{
    position: absolute;
    top: 110px;
    left: 10px;
    width: 600px;
    height: 600px;
}
#qa ul{list-style-type: circle;}
#qa li{margin-left: 15px;}    
#col2
{
    width: 315px;
    height: 680px;
    position: relative;
    left: 625px;
    top: 4px;
}
#row1
{
    position: relative;
    width: 305px;
    height: 90px;
    font-size: 15px;
    padding: 10px 5px 5px 5px;
    text-align: center; 
}
#row2
{
    position: relative;
    width: 319px;
    height: 80px;
    font-size: 20px;
    padding: 220px 5px 5px 5px;
    text-align: center;
    background: transparent url('graphics/contact-psiholog.jpg') no-repeat left top;
}
#row3
{
    position: relative;
    width: 319px;
    height: 300px;
    font-size: 13px;
    padding: 220px 5px 5px 5px;
    text-align: center;
    background: transparent url('graphics/misiunea-noastra.jpg') no-repeat left top;
}
#row2 a{text-decoration:none;color:#000;font-weight:bold;}
#row2 a:hover{text-decoration:underline;}
#row3 h1{font-size:20px;font-weight:bold;}
#row3 p{width:290px;margin-left:10px;}

/* eof home */

/* pregatire.html */


#picture_cd
{
    width: 278px;
    height: 351px;
    position: absolute;
    left: 10px;
    top: 10px;
    background: transparent url('graphics/poza_cd_1.jpg') no-repeat center top;
}

#info_cd
{
    width: 650px;
    height: 600px;
    position: relative;
    left: 290px;
    top: 25px;
    font-size: 14px;
}
#info_cd h1{font-size:20px;}
#info_cd ol{list-style-type:decimal;}
#info_cd li{margin-left:20px;}

/* eof pregatire.html */

/* contact.html */

#info_holder
{
    position: relative;
    top: 20px;
    margin: 0px auto 0px auto;
}
#info_holder .holder_title
{
    position: absolute;
    top: 8px;
    left: 40px;
    font-size: 15px;
}
#info_holder .info_text
{
    position: absolute;
    top: 50px;
    left: 40px;
    font-size: 12px;
}
#form_holder
{
    position: relative;
    top: 20px;
    margin: 0px auto 0px auto;
    width: 743px;
    height: 500px;
    background: transparent url('graphics/programare_on_background.jpg') no-repeat left top;
}
#form_holder .holder_title
{
    position: absolute;
    top: 45px;
    left: 45px;
    font-size: 25px;
}
#form_holder .input_holder
{
    position: absolute;
    top: 110px;
    left: 45px;
    width: 651px;
    height: 275px;
    background: transparent url('graphics/programare_input_holder.jpg') no-repeat left top;
}
#inputs_holder input
{
    border: none;
    background: none;
    width: 240px;
    height: 46px;
    font-size: 20px;
}
#inputs_holder textarea
{
    border: none;
    background: none;
    width: 240px;
    height: 100px;
    font-size: 20px;
    position: relative;
    font-family: 'Trebuchet MS';
}
#form_holder table
{
    position: relative;
    top: 5px;
    left: 40px;
}
#inputs_holder td
{
    padding: 10px 10px 10px 20px;
}
#inputs_holder .right_input
{
    margin-left: 55px;
}
#form_holder .submit_progr
{
    width: 314px;
    height: 58px;
    position: relative;
    top: 14px;
    left: 331px;
    border: none;
    background: transparent url('graphics/programare_submit.jpg') no-repeat left top;
}
#mandatory-fields
{
    font-size: 13px;
    color: #902020;
    position: absolute;
    bottom: 40px;
    left: 40px;
}
#gallery-holder
{
    width: 964px;
    height: 312px;
    position: relative;
    top: 4px;
    left: -6px;
    background: transparent url('graphics/contact_slide_background.jpg') no-repeat left top;
}
#image-gallery
{
    position: absolute;
    left: 14px;
    top: 15px;
}
#contact-info
{
    position: absolute;
    left: 14px;
    top: 15px;
    background: transparent url('graphics/date_contact.png') no-repeat left top;
    width: 295px;
    height: 280px;
    z-index: 10;
}   