/*************/
/** General **/
/*************/
body 
{
    background: url(/img/header.jpg) repeat-x #F4E7BD;
    font-family : Arial, sans-serif;
    font-size : 12px;
}

.clear  { clear : both; }
.left   { float : left; }
.right  { float : right; }
.center { text-align : center; margin: auto; }

a
{
    color : #6F570E;
    font-weight : bold;
}
a:hover
{
    text-decoration : underline;
}
a:visited
{
    color : #6F570E;
}

h4
{
    color : #7E8901;
    font-size : 22px;
    font-family: Georgia, sans-serif;
    text-align : left;
    margin : 20px 10px 10px;
    text-shadow: 2px 2px 3px #AAA;
}

.title
{
    color : #B22D00;
    font-weight : bold;
}

.box
{
    background-color : #F0DFA9;
    border : 1px solid #888;
    padding : 5px;
    height : 125px;
}

.img
{
    border : 3px solid #CFB567;
}

.shadow
{
    -webkit-box-shadow: 2px 2px 3px #888;
    -moz-box-shadow: 2px 2px 3px #888;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
    box-shadow: 2px 2px 3px #888;
}

.box a
{
    font-weight : bold;
    text-decoration : none;
    color : #000;
}

.purpose
{
    width:168px;
	height:18px;
	margin:5px;
	padding:3px 0 0 20px;
	font-family:Arial;
	font-size:11px;
	color:#c17305;
	text-decoration:none;
	background-image:url(/img/purpose.jpg);
	background-repeat:no-repeat;
}

.calendar
{
    background : url(/img/calendar-icon.jpg) no-repeat;
    width : 36px;
    height : 28px;
    float : left;
    color : #FFF;
    font-weight : bold;
    padding-top : 5px;
    padding-left : 2px;
}


/**************************/
/** Header - Logo - Menu **/
/**************************/
#logo
{
    float : left;
    width : 263px;
    height : 207px;
}

#header 
{
    width : 1000px;
    margin : auto;
    text-align : center;
}

#menu
{
    float : right;
    margin : 54px 10px 0px 0px;
    width : 550px;
    font-size : 12px;
    font-weight : bold;
    font-family : Arial, sans-serif;
}

#menu ul
{
    display : block;
}

#menu ul li
{
    display : block;
    margin : 1px;
    height : 33px;
    width : 76px;
    float : left;
}

#menu a
{
    text-align : center;
    color : #FFF;
    background : url(/img/menu.jpg) no-repeat;
    height : 33px;
    width : 76px;
    display : block;
    padding-top : 6px;
}

#menu a:hover
{
    background : url(/img/menuover.jpg) no-repeat;
    height : 33px;
    width : 76px;
    display : block;
    text-decoration : none;
    text-shadow: 2px 2px 3px #EEE;
}

/************/
/** FOOTER **/
/************/
#footer
{
    background : url(/img/footer_bg.jpg) repeat-x;
    width: 100%;
    height:354px;
    margin : auto;
    text-align : center;
}

#footer-boxes
{
    margin : auto;
    text-align : center;
    width : 1000px;
}

#footer-boxes div
{
    position : relative;
}

#footer-boxes p
{
    font-weight : bold;
    font-size : 12px;
    position: absolute; 
    bottom : 50px;
    padding : 10px;
}

#footer-left-box
{
    float : left;
    background : url(/img/footerbox_1.jpg) no-repeat;
    width : 252px;
    height : 182px;
    margin : 30px 45px;
    color : #000;
}

#footer-left-box p
{
    margin : 73px 20px 0px 40px;
}

#footer-center-box
{
    float : left;
    background : url(/img/footerbox_2.jpg) no-repeat;
    width : 215px;
    height : 168px;
    margin : 43px 45px;
    color : #FFF;
}

#footer-right-box
{
    float : left;
    background : url(/img/footerbox_3.jpg) no-repeat;
    width : 215px;
    height : 168px;
    margin : 43px 45px;
    color : #000;
}

#footer-menu
{
    color : #EE7E1F;
}

#footer-menu a
{
    font : 11px normal Arial, sans-serif;
    font-weight : bold;
	text-align : center;
	text-decoration : none;
    padding : 2px;
    color : #EE7E1F;
}

#footer-menu a:hover
{
    text-decoration : underline;
}

/*************/
/** Content **/
/*************/
#content
{
    width : 1000px;
    margin : auto;
    text-align : center;
    height : 100%;
}

#three-cols-left
{
    width : 225px;
	float : left;
	margin : 0px;
	text-align : left;
    border-right : 1px dotted #000;/**/
}

#three-cols-center
{
    width : 508px;
	float : left;
	margin-top : -100px;/**/
    text-align : left;
    padding : 0px 20px 20px 20px;
}

#three-cols-right
{
    width : 195px;
	float : left;
	margin-top : -100px;/**/
	text-align : left;
    padding-left : 20px;
    border-left : 1px dotted #000;/**/
}

#two-cols-left
{
    width : 225px;
	float : left;
	margin : 0px;
	text-align : left;
    border-right : 1px dotted #000;
}

#two-cols-right
{
    width : 700px;
	float : left;
	text-align : left;
    padding : 0px 20px 20px 20px;
}

/*****************/
/** Left Nav's' **/
/*****************/
.left-nav, .products-nav
{
    text-align : center;
    margin : auto;
    width : 210px;
}
.left-nav a
{
    width : 150px;
	height : 18px;
    float : left;
    background : url(/img/left-nav.jpg) no-repeat;
	margin : auto;
	padding : 3px 0 0 19px;
	font-family : Arial;
	font-size : 12px;
    font-weight : normal;
	color : #464646;
	text-decoration : none;
    text-align : left;
}

.left-nav a:hover
{
    font-weight: bold;
    color:#b22d00;
}

.products-nav a
{
    width : 130px;
    text-align : left;
    float : left;
    background : url(/img/arrow.png) no-repeat left 50%;
	margin : auto;
	padding : 3px 4px 3px 30px;
	font-family : Arial;
	font-size : 12px;
    color : #B22D00;
    font-weight : bold;
    border : 1px solid #F4E7BD;
}

.products-nav a.new
{
    background : url(/img/new.png) no-repeat left 50%;
    padding : 3px 4px 3px 30px;
}

.products-nav a.selected
{
    border : 1px solid #C4B37D;
    background-color : #F9F4D6;
}

/************************/
/* =PAGE:HISTORY
/* =PAGE:DESPRE
/************************/
#history p,
#despre p,
.produse p
{
    font-family: Georgia, sans-serif;
    font-size : 14px;
    margin : 10px;
    text-align : justify;
}
#history p:first-letter, 
#despre p:first-letter,
.produse p:first-letter
{
    font-size : 20px;
    margin-left : 20px;
}
#despre em,
.produse em
{
    font-weight : bold;
}

/******
=EVENT
******/
.event
{
    border-bottom: 1px dotted black;
}

/******
=CALENDAR
******/
#calendar-container	{
	margin : auto;
	padding : 5px;
    text-align:center;
    width : 190px;
    height : 190px;
    background-color : #F9F4D6;
}

table#c-calendar	{
	font : 12px normal "Trebuchet MS", Verdana, sans-serif;
	width : 190px;
	text-align : center;
	cursor : default;
    margin:auto;
}

table#c-calendar thead {
    border-bottom : 1px solid #B9B9B9;
    margin-bottom : 3px;
}

table#c-calendar tbody	{
    color : #C17305;
}

table#c-calendar td, table#c-calendar th	{
	width : 20px;
	height : 20px;
	padding : 2px;
}

table#c-calendar th	{
	font-weight : bold;
    text-align : center;
}

table#c-calendar a	{
	text-decoration : none;
}

table#c-calendar .simpletooltip {
    background-color : #F0DFA9;
}

table#c-calendar .current-day {
    font-weight : bold;
    color : #000;
}

#simpleTooltip { padding: 7px; border: 2px solid #CFB567; background: #F4E7BD; }

/* ---------------------------------
    =EVENTS
--------------------------------- */
#events
{
    font-size : 20px;
}
#events li
{
    margin : 15px;
}
#events strong
{
    padding : 10px 20px;
}

/* ---------------------------------
    =PAGINATION
--------------------------------- */
.pagination
{
    margin : auto;
    text-align : center;
}
.pagination strong, .pagination a
{
    background-color : #F9F4D6;
    border : 1px solid #6F570E;
    padding : 2px 4px;
}
.pagination strong
{
    
    color : #000;
}

/*-----------------------
    =OTHER
-----------------------*/
ul.inner_list
{
    font-family: Georgia, sans-serif; 
    font-size: 14px; 
    list-style-type: disc; 
    margin-left: 50px;   
}