@import "reset.css";
body{
	font: x-small Arial, Helvetica, sans-serif; /*1em=10px*/
    line-height: 1.5em;
	background: url(../img/fondo.jpg) top repeat-x #7d97ac;
    margin: 0;
    padding: 10px 0 0 0;
 }


#main-content{
	font-size: 1.4em;
}

#wrapper{
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 1000px;
	height: 100%;
    /* 
	width: 100px;
	max-width: 85%;
    min-width: 740px;*/
    padding:0;
}

#wrapper-top02{
    position: relative;
	height: 1.2em;
    padding:0;
	margin: 0 12px 0 0;
    background: url(../img/cajasombra_top01.png) no-repeat 0px bottom;
}
#wrapper-top01{
	float: right;
	background: url(../img/cajasombra_top02.png) no-repeat right bottom;
	margin: 0;
	width:100%;
	height: 1.2em;
}



#wrapper-03{
    position: relative;
    padding:0px 0 0 8px;
	margin: 0 8px 0 0;
    background: url(../img/cajasombra_middle01.png) scroll 0px 0px;
}
#wrapper-02{
	z-index: 10px;
	float: right;
	background: url(../img/cajasombra_middle02.png) repeat-y right;
	margin:0;
	padding:0;
	width:100%;

}
#wrapper-bottom02{
    position: relative;
	height: 0.9em;
    padding:0;
	margin: 0 12px 0 0;
    background:  url(../img/cajasombra_bottom01.png) no-repeat 0px bottom;
}
#wrapper-bottom01{
	float: right;
	background: url(../img/cajasombra_bottom02.png) no-repeat right bottom;
	margin: 0;
	padding: 0;
	width:100%;
	height: 0.9em;
}



#banner {
    background: url(../img/fondocabecera.jpg) no-repeat right top;
	margin: 0px 0 0 0;
	width: auto;
	height: 227px;
	padding: 0;
	z-index: 10;
	position:relative;
}
/*menu*/
#menu{
	
	margin: 0 0 0 0;
	padding: 24px 0 0 0;
	height:2.9em;
	width: 100%;
	

}
#menu .transpa{
	position:absolute;
	background: #000000;
	margin:0;
	padding:0;
	width:100%;
	height: 35px;
	opacity: 0.26;/*FF, Safari, and Opera*/
	filter:alpha(opacity=26);/*Needed for IE*/
	-moz-opacity:0.26;/*Older mozilla broswers like NN*/
	-khtml-opacity: 0.26;/*Old versions of Safari and "KHTML" browser engines*/
}

#menu ul{
	position:relative;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 0 0 30px;
	margin: 0px 0px 0px 0px;
}
#menu ul li{
	 display: inline;
	 line-height: 3.1em;
	 padding: 0px 0px 0px 0;
	 margin:0 0px 0 0;
}

#menu ul li a{
	position:relative;
	z-index: 20px;
	text-align: center;
	background:  url(../img/rollover02.png) no-repeat 0 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	display:block;
	float:left;
	color: #ffffff;
	padding: 0 0px 0 0px;
	margin: 0 15px 0 0;
	text-decoration: none;
	width: 89px;
	height: 36px;
}
#menu ul li a:hover{
	background:  url(../img/rollover02.png) no-repeat 0 0px;
	color: #11809f;
	font-weight: bold;
}
#menu ul li.fr a {
    width:150px;
}
#menu ul li.fr a:hover {
    background: transparent url(../img/rollover02fr.png) no-repeat scroll 0 0;
}
#banner ul.menu{ text-align: right;position: absolute;width: 100%;margin: -15px 10px 0 0;z-index: 20;}
#banner ul.menu li{display: inline;margin: 0 0px 0 0px;z-index: 20;color: #ffffff;}
#banner ul.menu li a{color: #ffffff; font-size: 1.0em; text-decoration: none;margin: 0 5px 0 5px;}
#banner ul.menu li a:hover{color: #efeded;}
/******************************************/
/*cabecera*/
#cabecera{

	margin: 10px 0 0 0;
	height: 12.0em;
}

h1{
	display:block;
	text-indent:-9000px;
	background:transparent  url(../img/logo02.png) no-repeat scroll 0px 0px;
	margin: 30px 0 0 40px;
	float: left;
	text-indent:-9000px;
	width: 296px;
	height: 123px;
}
.noresident{ position:relative;clear:both;text-align: right; margin: 0 20px 0 0; padding:0;top:-30px;}
.noresident a{ text-align:center; width: 200px; line-height: 1.8em; background: #268eab; color: #FFFFFF; font-size: 1.5em; text-decoration:none;position:relative;padding: 5px 10px 5px 10px;margin:0;}
.noresident a:hover{background: #000; color: #FFFFFF;}

/***********************************************/
#content{
	background: url(../img/fondocontent.jpg) repeat-x #ffffff;
	overflow: hidden;
    margin: 0 auto;
	width: auto;
	padding: 0px 0px 0 0;
}
#content-01{
	position:relative;
	background:  url(../img/fondoimagen.jpg) no-repeat  right top;
    margin: 0;
	width: 100%;
	height: auto;
	padding: 0;
	display: table;
}
/*sidebar*/
#sidebar{
	float: right;
	width: 200px;
	margin: 20px 0px 0 0;
	padding:0;
}
#sidebar .block-01{
	background:  url(../img/fondobuscar.png) no-repeat;
	width: 186px;
	height: 34px;
	margin: 0 0 20px 0;
	padding: 0px 0 0 0;
	clear: both;
}
#sidebar .block-01 legend{
	display:none;
}
#sidebar .block-01 .form-submit{
	background: url(../img/lupa.png) no-repeat scroll 3px top;
	border:0 none;
	cursor:pointer;
	height:23px !important;
	overflow:hidden;
	padding:25px 0 0 0;
	margin: 3px 0 0 5px;
	width:27px !important;
}
#sidebar .block-01 form{
	margin:0;
	padding: 3px 0 0 0;
}
#sidebar .block-01 .buscar{
	font-size: 1.1em;
	font-weight: bold;
	color:  #1583a2;
	float:left;
	margin: 0;
	padding: 10px 5px 0 10px;}

#sidebar .block{
	width: 186px;
	margin: 0 0 20px 0;
	padding:0;
	clear: both;
}
#sidebar .block h2{
	width: 186px;
	background: url(../img/blocktop.png) no-repeat;
	height:  27px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.8em;
	font-weight: bold;
	color: #1583a2;
	margin: 0 0 0 0;
	padding: 0px 0 0 10px;
	
}
#sidebar .block .suscripcion{
	clear: both;
	background:url(../img/blockmiddle.png) repeat-x top #f6f4f4;
	width: 183px;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	margin:3px 0 0 0;
	padding:0 0 10px 0px;
}
#sidebar .block .suscripcion p{
	margin: 0;
	padding: 10px 5px 0 5px;
}
#sidebar .block .suscripcion form{
	margin: 0 5px 0 5px;
	padding:0;
}
#sidebar .block fieldset, 
#sidebar .block01 fieldset{
	margin:5px 0 -15px 0;
	PADDING:0;
}
#sidebar .block label, 
#sidebar .block-01 label{
	float:left;
	margin: 5px 0 0px 0;
}
#sidebar .block input, 
#sidebar .block-01 input{
	position: relative;
	margin: -14px 0 0px 0;
	padding:0;
	z-index: 20px;
	padding: 0;
}
#sidebar .block .form-submit{
	background: transparent url(../img/ok.png) no-repeat scroll 3px top;
	border:0 none;
	cursor:pointer;
	height:23px !important;
	overflow:hidden;
	padding:25px 0 0 0;
	margin: 0;
	width:27px !important;
}
.form-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	background: #046d99;
	color: #ffffff;
	border: 1px #ffffff solid;
	margin:0;
	padding: 0 0 0 2px;
	display: block;
}


#sidebar .block .foot{
	width: 186px;
	background: url(../img/blockbottom.png) no-repeat top;
	height:  20px;
	margin: 0 0 0 0;
	padding: 0px 0 0 0px;
	
}
#sidebar .block .noticias{
	clear: both;
	background:url(../img/blockmiddle.png) repeat-x top #f6f4f4;
	width: 183px;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	margin:3px 0 0 0;
	padding:0 0 10px 0px;
}
#sidebar .block .noticias p{
	margin: 0;
	padding: 8px 5px 0 5px;
}
#sidebar .block .noticias h3{
	margin: 0;
	padding: 15px 5px 0 5px;
	color: #046d99;
	font-style: italic;
	font-weight: bold;
	font-size: 1.1em;
}
#sidebar .block .noticias h3 .fecha{
	font-weight: normal;
}
#sidebar .block .noticias a{
	text-decoration:none;
	color: #046d99;
}
#sidebar .block .noticias a:hover{
	text-decoration: underline;
	color: #046d99;
}
/**************************************/

/*main-content*/
#main-content{
	margin: 28px 50px 20px 10px;
	padding: 0 0 0 0;
}
#main-content .block{
	/*display: table;*/
	margin: 0x;
	padding:0;
}
#main-content .block img.decoracion01{float: left;margin: 0 20px 0 30px; border: 3px solid #046d99;}
#content-01 img.decoracion02{float: right;margin: 60px 50px 20px 20px; border: 3px solid #046d99;}
#main-content .block h2,
#main-content .block-2 h2{
	margin: 0 0 30px 10px;
	padding: 0;
	font-size: 1.4em;
	color: #046d99;
	font-weight: bold;
}

#main-content .block h2 span{
	font-size: 1.8em;
	line-height: 1.2em;
}

#main-content .block h3,
#main-content .block-2 h3{
	margin: 0 0 30px 15px;
	padding: 0;
	font-size: 1.2em;
	color: #046d99;
	font-weight: bold;
}
.boletin{
	margin: 20px 0 0 30px;
	float:left;
}
.boletin img{margin: 0 0 5px 0;}
.boletin h2{
	text-align:center;}
.boletin h2 a{text-decoration: none; color:#01637e; font-size: 0.8em;}
.boletin h2 a:hover{  border-bottom: 1px solid #01637e; }
#main-content .block p{
	margin: 10px 0 0 30px;
	color: #01637e;
}

#main-content .block-2{
	margin: 20px 0px 0px 0px;
	padding:0;
}
#main-content .block-2 .fotos{
	margin: 10px 0 0 30px;
	padding:0;

}
#main-content .block-2 img{
	border: 1px solid #046d99;
	margin: 0px 4px 0px 0px;
	padding:0;
}

#main-content .block ul{
	margin: 0 0 0 45px;
	 text-transform: uppercase;
	 line-height: 1.4em; 
	 color:#01637E;
	 font-weight: bold;
}
#main-content .block ul ul{
	color:#01637E;
	margin: 0 0 10px 20px;
	text-transform: none;
	line-height: 1.4em; 
	font-weight: normal;
}

/***************************/
/*productos*//*eventos*/
#main-content .block-03{
	margin: 0px 0px 0 30px;
}
#main-content .prod,
#main-content .evento,
#main-content .blog{
	position:relative;
	margin: 15px 0 0 0;
	padding: 0 0px 10px 0px;
	
	border-bottom: 1px dashed #046d99;
	display: table;
	width: 100%;
}
#main-content .contacto{
	margin: 0;
	padding: 0 5px 10px 0;
	margin: 15px 0 0 30px;
	display: block;
	width: 100%;
}

#main-content .contacto .mapa{
	float: right;
	margin-bottom: 50px;
}

#main-content .contacto .dir-alicante, #main-content .contacto .dir-benidorm{
	clear: both;
}

#main-content .contacto h3{
	margin-left: 0;
	margin-bottom: 20px;
}

#main-content .prod img,
#main-content .blog img{
	display: block;
	float:left;
	margin:0 20px 5px 0;
	border: 1px solid #046d99;
}
#main-content .prod p,
#main-content .evento p,
#main-content .blog p{
	margin: 10px 0px 0 0;
	padding:0 0 0 0;
}
#main-content .prod .boton{
	text-align: right;
}
#main-content .contacto p{
	margin: 0px 0 0 0;
	padding:0 0 0 0;
}
#main-content .prod h3,
#main-content .evento h3,
#main-content .blog h3{
	color: #046d99;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0px 0 0px 0;
	padding: 5px 0 0px 0;
	border: 0px;
		
}
#main-content .prod h3 a,
#main-content .evento h3 a,
#main-content .blog a{
	color: #046d99;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
}

#main-content .prod h3 a:hover,
#main-content .evento h3 a:hover,
#main-content .blog a:hover{
	color: #046d99;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: underline;
}
#main-content .evento .fecha,
#main-content .blog .fecha{
	font-style: italic;
	color: #046d99;
	margin:0;
	padding:0;
}
.verprod{
	display: block;
	text-indent:-9000px;
	background:transparent  url(../img/verprod.png) no-repeat scroll 0px 0px;
	width:86px;
	height: 19px;
	margin: 10px 0 0 0;
	float: right;
}
.verevento{
	display:block;
	text-indent:-9000px;
	background:transparent url(../img/verevento.png) no-repeat scroll 0px 0px;
	float: left;
	text-indent:-9000px;
	width:75px;
	height: 18px;
	margin: 10px 0 0 0;
	float: right;
}
.leermas{
	display:block;
	text-indent:-9000px;
	background:transparent url(../img/leermas.png) no-repeat scroll 0px 0px;
	float: left;
	text-indent:-9000px;
	width:64px;
	height: 18px;
	margin: 10px 0 0 0;
	float: right;
}
#main-content .block .comment{
	width: 100%;
	margin: 0;
	padding: 0 5px 10px 0;
	margin: 15px 0 0 0px;
	border-bottom: 1px dashed #046d99;
	display: table;
}
#main-content .block .comment p{
	margin: 10px 0 0 0;
	padding:0;
}

.nick{
	font-weight: bold;
	color: #046d99;
}
#main-content .block .comment .fecha{
	font-style: italic;
	color: #046d99;
	margin:0;
	padding:0;
}
#main-content .block .comment .form-text,
#main-content .block .contacto .form-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	background: #ffffff;
	color: #046d99;
	border: 1px #046d99 solid;
	margin:3px 0 0 0;
	padding:0 0 0 2px;
	display: block;
	font-weight: normal;
}
#main-content .block .comment .form-textarea,
#main-content .block .contacto .form-textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	background: #ffffff;
	color: #046d99;
	border: 1px #046d99 solid;
	margin:3px 0 0 0;
	padding:0 0 0 2px;
	display: block;
	font-weight: normal;
}
#main-content .block .comment h2{ 
	 margin: 0 0 0px 0px;
	padding: 0;
	font-weight: bold;
	font-size: 1.4em;
	color: #046d99;
}
#main-content .block .comment label{
	color: #046d99;
	margin: 15px 0 0 25px;
	display: block;
	clear:both;
	padding: 0;
}

#main-content .block .comment .form-submit{
	background: url(../img/enviar.png) no-repeat scroll 0px top;
	border:0 none;
	cursor:pointer;
	height:23px !important;
	overflow:hidden;
	padding:25px 0 0 0;
	margin: 10px 0 0 400px;
	width:74px !important;
}
#main-content .block .contacto .form-submit{
	background: url(../img/enviar.png) no-repeat scroll 0px top;
	border:0 none;
	cursor:pointer;
	height:23px !important;
	overflow:hidden;
	padding:25px 0 0 0;
	margin: 10px 0 0 330px;
	width:74px !important;
}
/*contacto*/

#main-content .block .contacto label{
	color: #046d99;
	margin: 15px 0 0 20px;
	display: block;
	clear:both;
	padding: 0;
	font-weight: bold;
}
#main-content .block .contacto label a{
	color: #046d99;
	text-decoration: none;
}
#main-content .block .contacto label a:hover{
	color: #046d99;
	text-decoration: underline;
}

#main-content .block .contacto legend{
	display: none;
}

#main-content .block .contacto input, #main-content .block .contacto textarea{
	margin: 0px 0 0 0px;
}


/**************************/

/*breadcrumb*/
.breadcrumb{
	text-align: right;
	width: 100%;
	margin: 0px 0 0 0px;
}
.breadcrumb li,
.breadcrumb p,
.breadcrumb ol
{
    display: inline;
	color: #1583a2;
}
.breadcrumb a{
	color: #1583a2;
	text-decoration: none;
}
.breadcrumb a:hover{
	color: #1583a2;
	text-decoration: underline;
}
/*paginador*/

.pager {
	margin: 10px 0 0 40px;
}
.pager li, ul.pager ul
{ 
    display: inline;
}
.pager li, .pager p, .pager ol {
	display:inline;
}
.pager li a{
	text-decoration: none;
	color: #1583a2;
}
.pager li a:hover{
	text-decoration: underline;
}
.pager li .active{
	color: #990000;
}
.pager .first{
	margin: 0 5px 0 0;
}
.pager .last{
	margin: 0 0px 0 5px;
}
/**************************************/

/*footer*/
#footer{
	background: url(../img/fondofoot.jpg) no-repeat right 20px;
	height: 157px;
	margin: 0 15px 0 15px;
	padding: 0 0 20px 0;
	/*overflow: hidden;
    margin: 0 auto;
	width: auto;
	max-width: 85%;
    min-width: 740px;
	padding: 0 0 10px 0;*/
}
.imgfooter{
	background: url(../img/buho.jpg) no-repeat 0 20px;
	height: 157px;
	margin: 0;
	padding:0;
	display: table;
	color: #046d99;
	width: 90%;
}
.footercontact{
	margin: 70px 0 0 0px;
	padding: 0 10px 0 0px;
	width: 50%;
	float:left;
	border-right: 2px solid #046d99;
}
.footercontact h3 a{
	padding: 0px 0 15px 160px;
	font-size: 1.9em;
	font-weight: bold;text-decoration: none;
	color: #046d99;
	
}
.footercontact h3 a:hover{text-decoration: underline;}
.footercontact p{
	padding: 0px 0 0px 160px;
	font-size: 1.4em;
}
.imgfooter .menu{
	text-align:center;
	width: 45%;
	float:left;
	margin: 70px 0 0 20px;
	font-size: 1.3em;
	font-weight: bold;

}
.imgfooter .menu ul{
	list-style: none;
	list-style-position:outside;
	padding: 0px 0 0px 0px;
	margin:0;
}
.imgfooter .menu li{
	display:inline;
	padding: 0 5px 0 3px;
	margin:0;
	border-right: 1px solid #046d99;
}
.imgfooter .menu li.last{border-right: 0px;}
/*.imgfooter .menu li.first{border-left: 1px solid #268eab;}*/
.imgfooter .menu li a{
	color: #046d99;
	text-decoration: none;
}
.imgfooter .menu li a:hover{
	text-decoration: underline;}




/* ----------------------------------------------------------------------
   CALENDARIO - Tablas y listado de eventos para los calendarios
------------------------------------------------------------------------*/
.calendar{
	display: table;
	background:url(../img/blockmiddle.png) repeat-x top #f6f4f4;
	width: 183px;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	margin: 3px 0 0 0;
	padding:0 0 0 0;
}

ul.nav_calendar, #wrapper ul.nav_calendar { 
	background:;clear:none; width: 163px; height: 17px;padding: 0px 0 0 0;margin: 5px 0 0 10px;color: #000000;}
ul.nav_calendar li { float:left;  list-style:none;}
ul.nav_calendar li a {  color: #000000; text-decoration: none; }
#wrapper ul.nav_calendar li.prev { width:22%; padding-left: 3%; }
ul.nav_calendar li.content { width:50%; text-align: center; }
#wrapper ul.nav_calendar li.next { width:21%; padding-right: 3%;  text-align:right;}

table.calendar {
	clear:both;
	margin:0 0 0 10px;
	padding:0;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	text-align: right;
	width: 163px;
	border-spacing: 0;
	border-collapse: collapse
}
.calendar-year table.calendar {
	display: table-header-group;
}  
table.calendar caption {
	display: none;
}
table.calendar.year caption {
	display: table-header-group;
}
table.calendar thead{
	font-size: 1.2em;
	height: 20px;
	padding:0;
	margin:0;
}

table. tbody{
	padding:0;
	margin:0;
}
table.calendar th {
	padding: 1px 5px 2px 0;
	margin:0;
	text-align: center;
}
table.calendar tr {
	background: none repeat scroll 0 0;
	margin:0;
	padding:0;
}
table.calendar td {
	padding: 2px 0px 2px 0;
	margin:0;
	text-align: center;
}
table.calendar td a {
	color: #046d99;
	text-decoration: none; 
}
table.calendar td a.day-on {
	display: block;
	height: 20px;
	background: green;
}
table.calendar td.today {
	background: #f5c150;
	color: #FFFFFF;
}
table.calendar td.today a{
	color: #FFFFFF;
}
table.calendar .mini-day-on {
	background-color:#FFFFCC;
	padding:0;
}	
table.calendar .saturday,
table.calendar .sunday{
	background: #b1d8e3;
	
}
table.calendar .sunday a,
table.calendar .saturday a{
	color: #ffffff;
	
}
table.calendar td.sat, table.calendar td.sun {
	background:#EEEEEE none repeat scroll 0 0;
}
.calendar-foot{
	background: url(../img/calendar_bottom.gif) no-repeat;
	width: 163px;
	height: 17px;
	color: #FFFFFF;
	text-align:center;
	font-size: 1.1em;
	padding: 2px 0 0 0;
	margin:0;
	border: 0;
}























/* ----------------------------------------------------------------------
    Lightbox
------------------------------------------------------------------------*/
/*html, body { margin: 0; padding: 0; height: 100%;}*/
#lightbox, 
#lightbox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    
    z-index: 100;
    width: 100%;
    height: auto;
    
    text-align: center;
    color: #333;
    
    /* stop stupid conflicts */
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    line-height: 0;
    
    /* general conflict stopper */
    text-decoration: none;
    background: none;
    word-spacing: normal;
    letter-spacing: normal;
    float: none;
    clear: none;
    display: block;
}

#lightbox-overlay {
    z-index: 90;
    background-color: #000;
    height: 100%;
}
#lightbox-overlay-text {
    text-align: right;
    margin-right: 20px;
    margin-top: 20px;
    color: white;
    font-size: 12px;
    cursor: default;
    line-height: normal;
}
#lightbox-overlay-text a, 
#lightbox-overlay-text a:hover, 
#lightbox-overlay-text a:visited, 
#lightbox-overlay-text a:link {
    text-decoration: underline;
    color: white;
}
#lightbox-overlay-text span {
    padding-left: 5px;
    padding-right: 5px;
}

#lightbox img, #lightbox a img, #lightbox a { border: none; outline: none; }

#lightbox-imageBox {
    position: relative;
    border: 1px solid black;
    background-color: white;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
* html #lightbox-imageBox {
    top: -95% !important; 
}

#lightbox-imageContainer {
    padding: 1px;
}

#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-imageBox > #lightbox-nav { left: 0; } 
#lightbox-nav a { outline: none; }*/

#lightbox-nav-btnPrev, 
#lightbox-nav-btnNext {
    display: block;
    width: 49%;
    height: 100%;
    background: transparent url(../images/content/lightbox-blank.gif) no-repeat; /* Trick IE into showing hover */
    /* cursor: pointer; */
    zoom: 1; /* who knows why? */
    
    padding: 0;
    margin: 0;
}
#lightbox-nav-btnPrev { 
    left: 0;
    right: auto;
    float: left;
}
#lightbox-nav-btnNext { 
    left: auto;
    right: 0;
    float: right;
}
/*
.preload_largeLink, #prevLink: hover, #prevLink: visited: hover {
    background: url("../images/prev.gif") left 45% no-repeat;
}
.preload_nextLink, #nextLink: hover, #nextLink: visited: hover {
    background: url("../images/next.gif") right 45% no-repeat;
}
*/

#lightbox-infoBox {
    background-color: #fff;
    margin: 0 auto;
    padding: 0;
    
    /* width: 100%;
    padding: 0 10px 0; */
}

#lightbox-infoContainer {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #666;
    line-height: normal;
    /* height: 30px; */
}
#lightbox-infoHeader {
    width: 100%;
    text-align: center; 
}
#lightbox-caption {
    text-align: justify;
}
#lightbox-caption-title {
    font-weight: bold;
}
#lightbox-caption-description {
    font-weight: normal;
}

#lightbox-infoFooter {
    margin-top: 3px;
    color: #999;
}
#lightbox-currentNumber {
    display: block;
    width: 49%;
    float: left;
    text-align: left;
}
#lightbox-close {
    display: block; 
    width: 45%;
    float: right;
    text-align: right;
}
#lightbox-close-button{
    padding-left: 30%;
}
#lightbox-close-button, #lightbox-close-button:link, #lightbox-close-button:visited, #lightbox-close-button:hover {
    text-decoration: underline;
    color: #999; 
}
#lightbox-close-button: hover {
    color: #666;
}

#lightbox-infoContainer-clear {
    clear: both; 
    visibility: hidden;
    color: red;


}

/* -------------------------------*/