/* style.css */

/* document reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0pt; padding:0pt; } table { border-collapse:collapse; border-spacing:0pt; } fieldset, img { border:0pt none; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } ol, ul { list-style-image:none; list-style-position:outside; list-style-type: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:0pt none; } * {outline: none}  

html {
	font-family: MTCORSVA;
	color: #64686a;
}

/* ********************** begin site styles ******************** */


#wrapper {
	width: 990px;
	margin: 0 auto;
}

#logo h1 a {
	background:url(../img/logo.png);
	height:0;
	overflow:hidden;
	position:absolute;
	width:365px;
	padding-top:177px;
	top: 30px;
	margin-left: 312px;
}

#menu-top {
	position: absolute;
	width: 990px;
	top: 250px;
}

#menu-top li {
	display: inline;
}

#menu-top li a {
	display: inline-block;
	text-align: center;
	width:161px;
	text-decoration: none;
	color: #64686a;
	font-size: 20px;
}

#menu-top li a:hover, #menu-top li .active { color: #6ea0b5; }
/*
#menu-top li a#link2 { background-position: 0 -19px; }
#menu-top li a#link3 { background-position: 0 -38px; }
#menu-top li a#link4 { background-position: 0 -57px; }
#menu-top li a#link5 { background-position: 0 -76px; }

#menu-top li a#link1:hover { background-position: 0 95px; }
#menu-top li a#link2:hover { background-position: 0 76px; }
#menu-top li a#link3:hover { background-position: 0 57px; }
#menu-top li a#link4:hover { background-position: 0 38px; }
#menu-top li a#link5:hover { background-position: 0 19px; }*/


#gallery-top {
	width: 988px;
	height: 408px;
	position: absolute;
	top: 280px;
	border: 1px solid #6ea0b5;
}

/*#banners-top {
	position: absolute;
	width: 990px;
}*/

#banners-top a {
	background:url(../img/sprites.png);
	height:0;
	overflow:hidden;
	width:488px;
	padding-top:249px;
	float: left;
}
#banners-top #banner-left { float: left; }
#banners-top #banner-right { float: right; background-position: 0 -249px; }
#banners-top #banner-left:hover { background-position: 0 498px; }
#banners-top #banner-right:hover { background-position: 0 249px; }

#wrapper-content { position: absolute; top: 700px; width: 990px; }
#content p { margin: 20px 0; font-size: 24px; }


#content a, #content strong { color: #6ea0b5; text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content .lightbox img { margin: 1px; border: 1px solid #6ea0b5; padding: 1px; }
#content .lightbox img.first { margin-left: 1px !important; }
#content .lightbox img.last { margin-right: 1px !important; }
#content .lightbox:hover { text-decoration: none; }
#content .lightbox { text-align: center; display: inline-block; margin: 10px 0; }

.bannere-evenimente {
	text-decoration: none;
	background:url(../img/ev-sprites.png);
	height:0;
	overflow:hidden;
	width:488px;
	padding-top:249px;
	margin-bottom: 10px;
}

#banner-nunti {
	text-decoration: none;
	background:url(../img/banner-nunti.png);
	height:0;
	overflow:hidden;
	width:990px;
	padding-top:153px;
	margin-bottom: 10px;
	float: left;
}
#banner-nunti:hover { background-position: 0 153px; }
.bannere-evenimente.left { float: left; }
.bannere-evenimente.right, .menu ul li .right { float: right; }

#banner-party { background-position: 0 0; }
#banner-training { background-position: 0 -249px; }
#banner-petreceri { background-position: 0 -498px; }
#banner-inchiriere { background-position: 0 -747px; }
#banner-sonorizare { background-position: 0 -996px; }
#banner-amenajare { background-position: 0 -1245px; }

#banner-party:hover { background-position: 488px 0; }
#banner-training:hover { background-position: 488px -249px; }
#banner-petreceri:hover { background-position: 488px -498px; }
#banner-inchiriere:hover { background-position: 488px -747px; }
#banner-sonorizare:hover { background-position: 488px -996px; }
#banner-amenajare:hover { background-position: 488px -1245px; }

.menu {
	border: 1px solid #6ea0b5;
	width: 458px;
	padding: 15px;
	margin-bottom: 20px;
	display: inline-block;
}
.menu.right { float: right; }
.menu.left { float: left; }
.menu h3, h3 { color: #6ea0b5; font-size: 18px; font-weight: bold; }
.menu ul li { font-size: 19px; width: 400px; }
.menu ul { margin: 10px; }
.menu ul li ul { margin: 5px 20px; float: left; }
.menu ul li ul li { width: 380px; }
.menu ul li .left { color: #6ea0b5; display: inline !important; float: left; width: 300px; }
.menu ul li .right { display: inline !important; }
#content h2 { color: #6ea0b5; font-size: 24px; font-weight: bold; margin: 20px 0; }
#content h2.center { text-align: center; }

#content ul.sitemap, #content ul.sitemap li ul {
	list-style-type:square;
	margin-left:40px;
	font-size: 18px;
	margin-bottom: 20px;
}
#content ul.sitemap li ul { margin-left: 20px; margin-bottom: 0; }

.campuri { margin: 10px 0; }
.campuri label { display: inline-block; width: 100px; font-size: 18px; }
.campuri input { display: inline-block; width: 342px; border: 1px solid #6ea0b5; font-size: 16px; padding: 4px; color: #64686a; }
.campuri textarea { display: inline-block; width: 342px; border: 1px solid #6ea0b5; font-size: 16px; padding: 4px; color: #64686a; height: 150px; }
.succes { color: #6ea0b5; height: 21px; }
.error { color: red !important; }
#send {
	background: #FFFFFF;
	color:#6EA0B5;
	cursor:pointer;
	float:right;
	font-family:MTCORSVA;
	font-size:20px;
	width:150px;
}

#send:hover { background: #6ea0b5; color: #FFFFFF; }
#footer { border-top: 1px solid #6EA0B5; }
#footer div { margin: 10px 0; }
#footer #left { float: left; font-size: 18px; }
#footer #left a { color: #6ea0b5; }
#footer #right { float: right; }
#footer #right a { color: #64686a; text-decoration: none; font-size: 18px; margin: 0 10px; }
#footer #right a:hover { text-decoration: underline; }

#tag-cloud { text-align: center; position: absolute; width: 990px; font-family: arial; padding-bottom: 20px; }
#tag-cloud h1 { font-size: 11px; float: left; }
#tag-cloud h1 a { color: #b0b1b2; text-decoration: none; }
#tag-cloud h1 a span:hover { text-decoration: underline; }
#tag-cloud h1 a span { padding: 0 2px; }

.blue { color: #6EA0B5; }
.height217 {
	height: 226px;
}

.height173 {
	height: 180px;
}
.f16 { font-size: 16px !important; }
/* ********************** end site styles ******************** */


#jquery-overlay { position:fixed !important; }

/* clearfix code */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

