/*#BEGIN#*/
/*# name="01 Image" reference="ref/components-basics.css\General.htm" description="Image" #*/div.imgcont {
	margin: 5px 0 8px 0;
}
div.imgcont img {
	border: 1px solid #FFFFFF;
}
div.block div.imgcont, div.bloque div.img-center {
	padding: 0;
	border: none;
}
div.block-no-border div.imgcont, div.block-no-border div.img-center {
	padding: 0;
	border: none;
}
div.img-center {
	float: none;
	margin: 6px auto;
}
div.imgfoot {
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
div.block div.imgcont div.imgfoot {
	color: #414042;
}


/*#END#*/

/*#BEGIN#*/
/*# name="02 Flash" reference="ref/components-basics.css\02_Flash.htm" description="Flash" #*/div.main div.flash-container {
	margin: 0;
	background-color:#FFFFFF;
	text-align: center;
}

/*#END#*/

/*#BEGIN#*/
/*# name="03 Filebox" reference="ref/components-basics.css\04_Filebox.htm" description="Filebox" #*/ul.filebox {
	clear: both;
	margin: 6px 0 0 0;
	padding: 0;
}
ul.filebox li {
	margin: 2px 0;
	padding: 3px 0 3px 29px;
	background: url('../img/filebox/flecha2.gif') 11px 5px no-repeat;
	border-top: 1px solid #BDBDBD;
}
ul.filebox li a {
	color: #414042;
}
ul.filebox li a:hover {
	color: #414042;
	text-decoration: underline;
}
ul.filebox li em {
	float: right;
	margin-right: 10px;
	color: #414042;
	font-style: normal;
}
div.block-content ul.filebox {
	margin-left: -9px;
	margin-right: -7px;
}
div.type{
	float: right;
	padding-top: 3px;
	width:10%;
	color: #636363;
}


/* Estilos para el bloque blanco  */

div.block-white div.block-content ul.filebox li {
	background: #B9BBBE url('../img/filebox/download_white.gif') 11px 5px no-repeat;
	border-top: none;
}
div.block-white div.block-content ul.filebox li.zebra {
	background-color: #BEC0C3;
}
div.block-white div.block-content ul.filebox li a {
	color: #FFFFFF;
}
div.block-white div.block-content ul.filebox li a:hover {
	color: #FFFFFF;
}
div.block-white div.block-content ul.filebox li em {
	color: #FFFFFF;
}

/* Estilos para el lateral  */

#right-lateral div.row ul.filebox, #right-lateral div.block-lateral div.block-content ul.filebox {
	clear: both;
	margin: 2px 0 0 0;
	padding: 0;
}
#right-lateral div.block-lateral div.block-content ul.filebox {
	margin-left: -6px;
	margin-right: -6px;
}
#right-lateral div.row ul.filebox li, #right-lateral div.block-lateral div.block-content ul.filebox li {
	margin: 0 0 2px 0;
	padding: 0 20px 0 0;
	background: url('../img/filebox/download_white.gif') 97% 3px no-repeat;
	text-align: right;
	border: none;
}
#right-lateral div.row ul.filebox li a, #right-lateral div.block-lateral div.block-content ul.filebox li a {
	font-size: 90%;
	color: #FFFFFF;
}
#right-lateral div.block-lateral div.block-content ul.filebox li a {
	font-size: 100%;
}
#right-lateral div.row ul.filebox li a:hover, #right-lateral div.block-lateral div.block-content ul.filebox li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#right-lateral div.row ul.filebox li em, #right-lateral div.block-lateral div.block-content ul.filebox li em {
	display: none;
}

/*Tabular box*/
table.filebox {
	clear: both;
	margin: 0;
	padding: 0;
        border: 0;
        width: 99%;
}
table.filebox tr {
	margin: 0;
	background-color: #9A9B9E;
}
table.filebox tr.zebra {
	background-color: #A7A9AC;
}

table.filebox tr td {
	margin: 0;
	padding: 2px 4px;
	border-top: none;
}
table.filebox tr td a {
	color: #FFFFFF;
}
table.filebox tr td a:hover {
	color: #FFFFFF;
}
table.filebox tr td em {
	color: #FFFFFF;
	font-style: normal;
}
/* Tabular styles for white block */
div.block-white div.block-content table.filebox tr {
	background: #B9BBBE url('../img/filebox/flecha2.gif') 4px 8px no-repeat;
}
div.block-white div.block-content table.filebox tr td {
	border-top: none;
}
div.block-white div.block-content table.filebox tr.zebra {
	background-color: #BEC0C3;
}
div.block-white div.block-content table.filebox tr td a {
	color: #FFFFFF;
}
div.block-white div.block-content table.filebox tr td a:hover {
	color: #FFFFFF;
}
div.block-white div.block-content table.filebox tr td em {
	color: #FFFFFF;
}

/*Files to publish
'../img/filebox/file_doc.png'
'../img/filebox/file_file.gif'
'../img/filebox/file_flash.gif'
'../img/filebox/file_img.gif'
'../img/filebox/file_pdf.gif'
'../img/filebox/file_ppt.png'
'../img/filebox/file_word.gif'
'../img/filebox/file_xls.png'
'../img/filebox/file_xml.gif'
'../img/filebox/file_zip.png'
*/




/*#END#*/

/*#BEGIN#*/
/*# name="04 Linkbox" reference="ref/components-basics.css\05_Linkbox.htm" description="Linkbox" #*/ul.links {
	clear: both;
	margin: 6px 0 12px 0;
	padding: 0;
}
ul.links li {
	border-top: 1px solid #BDBDBD;
	margin: 2px 0 2px 1px;
	padding: 2px 0 2px 12px;
}
ul.links li a {
	color: #414042;
}
ul.links li a:hover {
	color: #414042;
	text-decoration: underline;
}
div.block-content ul.links {
	margin-left: 0;
}

/* Estilos para el bloque blanco  */

div.block-white div.block-content ul.links li {
	background-image: url('../img/flecha.gif');
	border: none;
}
div.block-white div.block-content ul.links li a {
	color: #FFFFFF;
}
div.block-white div.block-content ul.links li a:hover {
	color: #FFFFFF;
}

/* Estilos para el lateral  */

#right-lateral div.row ul.links, #right-lateral div.block-lateral div.block-content ul.links {
	clear: both;
	margin: 2px 0 0 0;
	padding: 0;
}
#right-lateral div.block-lateral div.block-content ul.links {
	margin-left: -6px;
	margin-right: -6px;
}
#right-lateral div.row ul.links li, #right-lateral div.block-lateral div.block-content ul.links li {
	margin: 0 0 2px 0;
	padding: 0 20px 0 0;
	text-align: right;
	border: none;
	background-image: none;
}
#right-lateral div.row ul.links li a, #right-lateral div.block-lateral div.block-content ul.links li a {
	font-size: 90%;
	color: #FFFFFF;
}
#right-lateral div.block-lateral div.block-content ul.links li a {
	font-size: 100%;
}
#right-lateral div.row ul.links li a:hover, #right-lateral div.block-lateral div.block-content ul.links li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}



/*#END#*/

/*#BEGIN#*/
/*# name="05 Album Media" reference="ref/components-basics.css\06_Album_Media.htm" description="Album media (images, webcam, video, flash)" #*//*---[STYLE FOR MEDIALIB LAYER]---*/
div.photo-album {
	float: left;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	overflow: hidden;
        width: 100%;
}

/*---[STYLE FOR LINKS OF MEDIALIB]---*/
div.photo-album a {
	color: #FFFFFF;
}

/*---[STYLE FOR MEDIALIB HEADER]---*/
div.photo-album h2 {
	margin: 0 0 12px 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
}

/*---[STYLE FOR LIST OF MEDIA]---*/
/*---Suffix "-left" indicates the list on the left of library---*/
div.photo-list, div.photo-list-left {
	height: auto;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
	overflow: hidden;
}
div.photo-list {
	padding: 5px 0 0 10px;
	width: 99%;
}
div.photo-list-left {
	width: 220px;
}
span.titulo {
       font-size: 12px;
       font-weight: bold;
       color: #FFFFFF;
}

/*#END#*/

/*#BEGIN#*/
/*# name="05.1 Album media gallery" reference="ref/components-basics.css\06.1_Album_media_gallery.htm" description="Album media gallery" #*//*---[STYLE FOR PHOTO GALLERY]---*/
ul.gallery, ul.gallery-left, ul.gallery-hidden, ul.gallery-hidden-left {
	float: left;
	padding: 0; 
	margin: 0; 
}
ul.gallery {
	min-width: 100%;
	width: auto;
	height: 100%;
	border: none;
}
ul.gallery-left {
	width: auto;
	margin-left: 8px;
}
ul.gallery-hidden, ul.gallery-hidden-left {
	width: 0;
	height: 0;
	visibility: hidden;
	display: none;
	overflow: hidden;
}
li.thumb, li.thumb-left, li.thumb-active, li.thumb-active-left, li.thumb-vert, li.thumb-left-vert, li.thumb-active-vert, li.thumb-active-left-vert {
	float: left;
	list-style: none; 
	background: none;
}
li.thumb-active {
	width: 87px;
	height: 60px;
	margin: 0;
	padding: 4px;
}
li.thumb-active-vert {
	width: 62px;
	height: 88px;
	margin: 0;
	padding: 4px;
}
li.thumb {
	width: 87px;
	height: 60px;
	margin: 0;
	padding: 4px;
}
li.thumb-vert {
	width: 62px;
	height: 88px;
	margin: 0;
	padding: 4px;
}
li.thumb-left, li.thumb-active-left {
	width: 87px;
	height: 60px;
	margin: 0;
	padding: 4px;
}
li.thumb-left-vert, li.thumb-active-left-vert {
	width: 62px;
	height: 88px;
	margin: 0;
	padding: 4px;
}
ul.gallery a, ul.gallery-left a {
	float: left;
	display: block;
	cursor: pointer;
	padding: 1px 0 0 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}
ul.gallery a {
	width: 85px;
	height: 55px;
}
ul.gallery-left a {
	width: 85px;
	height: 55px;
}
ul.gallery  li.thumb-vert a, ul.gallery li.thumb-left-vert a, ul.gallery li.thumb-active-vert a, ul.gallery li.thumb-active-left-vert a  {
	width: 60px;
	height: 83px;
}
li.thumb a img, li.thumb-active a img, li.thumb-left a img, li.thumb-active-left a img, li.thumb a:hover img, li.thumb-left a:hover img, li.thumb a:active img, li.thumb a:focus img, li.thumb-left a:active img, li.thumb-left a:focus img {
	z-index: 100;
	padding: 0;
	border:none;
}
li.thumb-vert a img, li.thumb-active-vert a img, li.thumb-left-vert a img, li.thumb-active-left-vert a img, li.thumb-vert a:hover img, li.thumb-left-vert a:hover img, li.thumb-vert a:active img, li.thumb-vert a:focus img, li.thumb-left-vert a:active img, li.thumb-left-vert a:focus img {
	z-index: 100;
	padding: 0;
	border:none;
}
li.thumb a img, li.thumb-active a img, li.thumb a:hover img, li.thumb a:active img, li.thumb a:focus img {
	width: 85px;
	height: 55px;
	border:none;
}
li.thumb-vert a img, li.thumb-active-vert a img, li.thumb-vert a:hover img, li.thumb-vert a:active img, li.thumb-vert a:focus img {
	width: 60px;
	height: 83px;
	border:none;
} 
li.thumb a img.img-vertical, li.thumb-active a img.img-vertical, li.thumb a:hover img.img-vertical, li.thumb a:active img.img-vertical, li.thumb a:focus img.img-vertical {
	width: 40px;
	height: 55px;
	border:none;
} 
li.thumb-left a img, li.thumb-active-left a img, li.thumb-left a:hover img, li.thumb-left a:active img, li.thumb-left a:focus img {
	width: 85px;
	height: 55px;
	border:none;
}
li.thumb-left-vert a img, li.thumb-active-left-vert a img, li.thumb-left-vert a:hover img, li.thumb-left-vert a:active img, li.thumb-left-vert a:focus img {
	width: 60px;
	height: 83px;
	border:none;
}
li.thumb-left a img.img-vertical, li.thumb-active-left a img.img-vertical, li.thumb-left a:hover img.img-vertical, li.thumb-left a:active img.img-vertical, li.thumb-left a:focus img.img-vertical {
	width: 85px;
	height: 55px;
	border:none;
}
li.thumb a img, li.thumb-left a img, li.thumb a:active img, li.thumb a:focus img, li.thumb-left a:active img, li.thumb-left a:focus img {
	border: 1px solid #BEBEBE;
	padding: 1px;
}
li.thumb-vert a img, li.thumb-left-vert a img, li.thumb-vert a:active img, li.thumb-vert a:focus img, li.thumb-left-vert a:active img, li.thumb-left-vert a:focus img {
	border: 1px solid #BEBEBE;
	padding: 1px;
}
li.thumb-active a img, li.thumb-active-left a img{
	border: 1px solid #FFFFFF;
	padding: 1px;
}
li.thumb-active-vert a img, li.thumb-active-left-vert a img{
	border: 1px solid #FFFFFF;
	padding: 1px;
}
li.thumb a:hover img, li.thumb-left a:hover img{
	border: 1px solid #FFFFFF;
	padding: 1px;
}
li.thumb-vert a:hover img, li.thumb-left-vert a:hover img{
	border: 1px solid #FFFFFF;
	padding: 1px;
}
ul.gallery-hidden li, ul.gallery-hidden li a, ul.gallery-hidden li a img, ul.gallery-hidden-left li, ul.gallery-hidden-left li a, ul.gallery-hidden-left li a img {
	float: left; 
	width: 0;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	background: none;
} 
ul.gallery-hidden li, ul.gallery-hidden li a, ul.gallery-hidden-left li, ul.gallery-hidden-left li a {
	padding: 0;
	margin: 0;
	background: none;
}
ul.gallery-hidden li, ul.gallery-hidden-left li {
	list-style: none; 
	background: none;
}

/*#END#*/

/*#BEGIN#*/
/*# name="05.2 Album media navigation" reference="ref/components-basics.css\06.2_Album_media_navigation.htm" description="Album media navigation" #*//*---[STYLES FOR NAVIGATION ELEMENT OF MEDIALIB]---*/
div.album-navig {
	float: none;
	margin: 0;
	padding: 3px 0;
	clear: both;
	background-color: #BEC0C3;
}
div.album-navig:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
ul.list-nav {
	width: 100%;
	text-align: center;
	float: left;
	margin: 0 ;
	padding: 0;
}
ul.list-nav li {
	margin: 0 3px 0 0;
	padding: 0;
	background: none;
	list-style: none;
	display: inline;
	text-align: center;
	font: normal 90% arial;
}
ul.list-nav li div.pgxy {
	width: 13px;
	height: 18px;
	padding-top: 2px;
	background: url('../img/fondothumbt.gif') no-repeat top center;
}
ul.list-nav li em {
	margin: 0;
	padding: 0 3px;
	border-top: 1px solid #BEC1C4;
	border-bottom: 1px solid #BEC1C4;
	color: #FFFFFF;
	font-style: normal;
	background-color: #B3B5B8;
}
ul.list-nav li a {
	margin: 0;
	padding: 0 3px;
	border-top: 1px solid #BEC1C4;
	border-bottom: 1px solid #BEC1C4;
	color: #FFFFFF;
}
ul.list-nav li a:hover {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}
ul.list-nav li a.active, ul.list-nav li a.active:hover {
        	background-color: #B3B5B8;
}
ul.list-nav li img, ul.list-nav li a img {
	float: none;
	border: none;
	padding: 2px 0 0 0;
	background-color: #BEC1C4;
	border-top: none;
	border-bottom: none;
}


/*#END#*/

/*#BEGIN#*/
/*# name="05.3 Album media preview" reference="ref/components-basics.css\06.3_Album_media_preview.htm" description="Album media preview" #*//*---[STYLE FOR PREVIEW LAYER OF MEDIALIB]---*/
/*---Suffix "-right" indicates Preview zone on the right of medialib.---*/
div.photo-preview, div.photo-preview-right {
	float: left;
	margin: 0 0 12px 0;
	padding: 0;
	width: 100%;
	min-height: 185px;
}
div.preview-image, div.preview-image-right {
	margin: 4px 0;
	padding: 0;
	width: 100%;
        height: 100%;
	text-align: center;
        vertical-align: top;
	clear: both;
        float:left; 
}
div.preview-image img {
	margin: 0;
	padding: 0;
	width: 93%;
	height: 100%;
	vertical-align: top;
	border: 1px solid #FFFFFF;
}
div.preview-image-right img {
       border: 1px solid #FFFFFF;
}
div.preview-caption {
	margin: 4px 0;
	padding: 0;
	width: 99%;
	text-align: center;
        border: 1px solid #FFFFFF;
	background: #BEC1C4;
	color: #FFFFFF;
        float:left;
}
div.preview-navigation {
	float: left;
	margin: 4px 0;
	padding: 3px 0;
	text-align: right;
	vertical-align: middle;
	color: #FFFFFF;
	background-color: #BEC0C3;
	font: normal 90% arial;
        width: 100%;
}
div.preview-navigation:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div.preview-navigation span {
	padding: 0 0 0 12px;
}
div.preview-navigation input {
	width: 40px;
	padding: 6px 0 0 0;
	color: #FFFFFF;
	background-color: #A82626;
	border: none;
	font: normal 90% arial;
}
div.preview-navigation a, div.preview-navigation a:hover {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	text-decoration: none;
}
div.preview-navigation a img {
	margin-left: 6px;
	margin-right: 6px;
	border: none;
}
img.previewimg {
	margin: auto;
	padding: 0;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #BEBEBE;
	width: auto;	
	height: auto;
	overflow: visible;
	position: relative;
	top: 0;
}
div.preview-load {
	float: right;
	padding: 2px 2px 4px 2px;
	cursor: pointer;
	color: #547782;
	font-size: 90%;
}
img.imgload {
	vertical-align: middle;
}
a.previewnav {
	float: right;
	line-height: 16px;
	vertical-align: middle;
	padding:0;
}



/*#END#*/

/*#BEGIN#*/
/*# name="06 Webcam" reference="ref/components-basics.css\07_Webcam.htm" description="Webcam" #*/img.webcam {
	width: 99%;
}

/*#END#*/

/*#BEGIN#*/
/*# name="07 Text and image" reference="ref/components-basics.css\8_Text_and_image.htm" description="Text and image" #*/div.textcont {
	margin: 0;
	padding: 0;
	clear: both;
}
div.textcont:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*#END#*/

/*#BEGIN#*/
/*# name="08 Table General" reference="ref/components-basics.css\08_Table_General.htm" description="Table General" #*/caption{
	padding:16px 0 0;
	/*margin-bottom:0;*/
/*changed to dont get stuck to other content*/
/*Bharti (01/02/07)*/
                margin-bottom:0.2em;
	font-size:115%;
	color:#fff;
	font-weight:bold;
}

td {
     padding:2px;
}
/*#END#*/

/*#BEGIN#*/
/*# name="08.0 Table text" reference="ref/components-basics.css\8.0_Table_text.htm" description="Table text" #*/.text {
	font: normal 11px verdana, arial;
	color:#FFFFFF;
	margin: 12px 0;
}

.text0 {
	font: normal 11px verdana, arial;
	color:#FFFFFF;	
}
.blanco {
	font: normal 11px arial;
	color: #FFFFFF;
}
.texto-bold {
	font: bold 11px verdana, arial;
	color:#FFFFFF;
}
.texto0-bold {
	font: bold 11px verdana, arial;
	color:#FFFFFF;	
}

/*#END#*/

/*#BEGIN#*/
/*# name="08.1 Table border" reference="ref/components-basics.css\08.1_Table_border.htm" description="Table border" #*/.borde-gris {
	border: 1px solid #4C4C4C;
}
.borde-dotted-gris {
	border: 1px dotted #4C4C4C;
}
.borde-gris-claro {
	border: 1px solid #B2B6B7;
}
.borde-dotted-gris-claro {
	border: 1px dotted #B2B6B7;
}
/*#END#*/

/*#BEGIN#*/
/*# name="08.2 Table background" reference="ref/components-basics.css\08.2_Table_background.htm" description="Table background" #*/.bg-bordeaux {
	background-color: #990000;
	font-family:Arial; 	
	color:#FFFFFF;
	font-size: 110%;
}
.bg-rojo {
	background-color: #DA312C;
	font-family:Arial; 	
	color:#FFFFFF;
	font-size: 110%;
}
.bg-naranja {
	background-color: #E37425;
	font-family:Arial; 	
	color:#FFFFFF;
	font-size: 110%;
}
.bg-naranja2 {
	background-color: #E79D22;
	font-family:Arial; 	
	color:#FFFFFF;
	font-size: 110%;
}
.bg-azul-claro {
	background-color: #0190BF;
	font-family:Arial; 	
	color:#FFFFFF;
	font-size: 110%;
}
.bg-azul-verdoso {
	background-color: #6D878E;
	font-family:Arial; 	
	color:#FFFFFF;
	font-size: 110%;
}
.bg-verde {
	background-color: #008F7E;
	font-family:Arial; 	
	color:#FFFFFF;
	font-size: 110%;
}
.bg-verde-ejercito {
	background-color: #778878;
	font-family:Arial; 	
	color:#FFFFFF;
	font-size: 110%;
}
.bg-marron-claro {
	background-color: #AA9569;
	font-family:Arial; 	
	color:#FFFFFF;
	font-size: 110%;
}
.bg-gris {
	background-color: #7E7E7E;
	font-family:Arial; 	
	color:#FFFFFF;
	font-size: 110%;
}
.bg-violeta {
	background-color: #632E76;
	font-family:Arial; 	
	color:#FFFFFF;
	font-size: 110%;
}

.bg-grisHeader {
	background-color: #F8F8F8;
	font-family:Arial; 	
	color:#414042;
	font-size: 110%;
}

.bg-zebra1 {
	background-color: #A7A9AC;
	font-family:Arial; 	
	color:#FFFFFF;
	font-size: 110%;
}

.bg-zebra2 {
	background-color: #9A9B9E;
	font-family:Arial; 	
	color:#FFFFFF;
	font-size: 110%;
}

/*#END#*/

/*#BEGIN#*/
/*# name="09 Album Media Simple" reference="ref/components-basics.css\09_Album_Media_Simple.htm" description="null" #*//* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
/* set up the overall width of the menu div and the margins with a relative position*/

.menu2 {
font-family: verdana, arial, sans-serif; 
width:625px;
margin:0 auto; 
position:relative;
z-index:1;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu2 ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}
/* float the list so that the items are in a line */
.menu2 ul li {
float:left; 
}
/* style the links to be 124px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu2 ul li a, .menu2 ul li a:visited {
display:block; 
float:left;
text-align:center; 
text-decoration:none; 
width:124px; 
height:30px; 
color:#000; 
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#c9c9a7; 
line-height:30px; 
font-size:11px;
}
/* make the dropdown ul invisible */
.menu2 ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu2 ul li:hover a{
color:#fff; 
background:#b3ab79;
}
/* make the sub menu ul visible and position it beneath the first list item */
.menu2 ul li:hover ul {
text-align:left;
display:block; 
position:absolute; 
top:31px; 
left:0; 
}
/* make the sub menu ul li the full width with padding and border. */
.menu2 ul li:hover ul li {
width:464px;
height:365px;
border:20px solid #b3ab79;
background:#eee; 
color:#000;
position:relative;
padding:40px 60px;
}

/* style the initial image size 100px x 75px no border and 5pixel padding */
.menu2 ul li:hover ul li a img {
width:100px; height:75px;
border:0; margin:5px;
}

/* style the size, background color, border and margin of the submenu links */
.menu2 ul li:hover ul li a {
float:left;
width:110px;
height:85px;
background:#eee;
border:1px solid #888;
margin:1px;
}

/* style position of the links on hover */
.menu2 ul li:hover ul li a:hover {
position:relative;
}

/* style the 2x size image on hover with an absolute position to place it centrally over the original image */
.menu2 ul li:hover li a:hover img {
width:200px; height:150px;
position:absolute;
left:-50px; top:-38px;
border:0;
border:1px solid #888;
padding:5px;
background:#ccc;
}


/** Light Album Media **/
div.lam {
  display:block;
  margin:0 auto;
  padding:0;
  width: 390px;
  position:relative;
  float: left;
}
div.lam img {
    border:0;
}
div.lam ul li {
  display:block;
  float:left;
  list-style-type:none;
  width:150px;
  height:100px;
}
div.consult-detail div.lam ul li {
    float: left;
    list-style-type: none;
    background: none;
}

div.lam ul li a.thumbnail img {
  width:150px;
  height:100px;
  border:3px solid #1372ca;
  margin: 0;
  padding:0;
}

div.labl ul li a.thumbnail:hover {
position:relative;
width:150px;
height:100px;
}

div.lam ul li a.thumbnail:hover img {
  width: 300px;
  height: 200px;
  position:relative;
  top:-10px;
  left:-50px;
  z-index:999;
  margin:0;
  padding:0;
}


/*#END#*/

