.text{
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
width:300px;
}
#message{
margin: 0px 0px 0px 35px; 
padding: 0px 0px 0px 0px;
width:300px;
}

/**/
.nav 	{
		padding: 0; margin: 50px 0 0 70px;
		overflow: visible;
		}
		
.nav ul {		
		display: block;
		list-style: none;
		margin: -11px 0; padding: 0;
		border: 0;
		}
		
/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body .nav ul {position: relative; top: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
.nav ul li 	{
			position: relative; top: 0px; left: -11px;
			margin: 10px 0 5px 0; padding: 0; 
			border: 0;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			margin: 10px 0 5px 10px; 
			}
			
/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body .nav ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

.nav a, .nav a:visited {
				width: 18.4em; 
				height: 1.5em;
				display: block; 
				margin: 0 0 0 3px; padding: 1px;
				 
				font-size: 110%; line-height: 1.5em; 
				text-indent: 0.5em; text-align: left; text-decoration: none;
				voice-family: "\"}\""; /* Gecko Stuff follows */
				margin: 0 0 0 -10px;
				}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav a, html + body .nav a:visited { text-indent: 0; padding: 0 0 0 8px; }

.nav ul ul {	
			padding: 12px 0 18px 0;
			background: none;
			}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul ul {position: relative; top: 0px; }
				
.nav ul li li	{
			position: relative; top: 0px; left: 10px;
			margin: 10px 0 5px 1px; padding: 0 0 0 25px;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			left: 0px;
			/* margin: 10px 0 5px 1px; padding: 0 0 0 25px; */
			}
			
/* HACK >>> IE 5  */
html + body .nav ul li li {position: relative; left: 12px; margin: 10px 0 5px 0;}

.nav ul li .sub-sub {
			/* position: relative;  top: 0px; */ left: 10px;
			margin: 10px 0 0 1px; /* padding: 0 0 0 25px;  */
			voice-family: "\"}\"";
			position: relative; top: 0px; left: 0px;
			}

.nav ul ul a, .nav ul ul a:visited 	{
					width: 15.9em; height: 1.3em;
					margin: 0; /* padding: 1px; */
					font-size: 110%; line-height: 1.3em; font-weight: normal; text-indent: 0.4em; 
					}

.nav ul ul ul {margin: 0 0 30px 12px; padding: 12px 0 0 0;}

.nav ul li li li	{
			position: relative; top: 10px; left: 0px;
			margin: 10px 0 5px 0; padding: 0 0 0 20px; 
			}

/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body .nav ul li li li {top: 10px;}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul li li li {top: 14px;}
																		
.nav ul ul ul a, .nav ul ul ul a:visited 	{
					width: 14.9em;
					padding: 1px;
					font-size: 100%;
					}
					
/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav ul ul a, html + body .nav ul ul a:visited {text-indent: 0; padding: 0 0 0 8px; }


/* ### Global Settings >>> colors, borders and images  ### */
.nav 	{ border: 0; border-left: 1px solid #879196; }
.nav ul li li	{color: #000; background:  url("images/line-01.gif") left center no-repeat;}	
.nav ul ul ul {border-left: 1px solid #879196; }
.nav ul li .sub-sub {background:  url("images/line-01.gif") top left no-repeat;}
.nav a, .nav a:visited	{color: #4F4F4F; background: #FFF; }				
.nav a:active, .nav a:hover, .nav a:focus,  a:focus .sffocus 	{color: #000;  background: #FAFAFA;}			
.nav ul ul a, .nav ul ul a:visited 	{color: #4F4F4F; background: #FFF;}			
.nav ul ul a:active, .nav ul ul a:hover, .nav ul ul a:focus	{color: #000; 
border: 1px solid #000;	
background: #FAFAFA; }	


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

/* CSS Document */
.menu {z-index:1000;height:235px;position: absolute;top: 60px; left: 440px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;width:125px;height:150px;position:relative;}
.menu li {display:block;text-indent:5px;cursor: pointer;font-weight: bold;}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute;border-collapse:collapse;top:0;left:0;z-index:100;font-size:1em;width:0;height:0;}
/* style the links */
.menu a, .menu a:visited {
display:block;
text-decoration:none;

line-height:15px;
width:125px;
color:#000;
}
/* style the link hover */
* html .menu a:hover {font-weight: normal;}
.menu :hover > a {font-weight: normal;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
/*visibility:hidden;*/
display:none;position:absolute;top:-1px;left:125px;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {visibility:visible;height:235px;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
/*visibility:hidden;*/
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
/*visibility:hidden;*/
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;height:235px;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { visibility:visible;height:235px;}
* {margin:0;padding:0;}
#footer p { margin: 0pt; padding: 8px 6px 0pt 0pt; width: 800px; float: left; }
#footer { margin: 0px auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.85em; line-height: 1.6em; font-size-adjust: none; font-stretch: normal; color: rgb(255, 255, 255); width: 710px; }
#medio { 
padding: 0pt 15px; 
background: rgb(255, 255, 255) url('mid.jpg') repeat-y; 
background-color: #777E88;}
#canvasWrapper { 
margin: 0px auto; width: 815px; font-family: Verdana; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.8em; line-height: 1.6em; font-size-adjust: none;font-stretch: normal; 
}
body { margin: 0pt;padding: 0pt;font-family: Verdana;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.8em;line-height: normal;font-size-adjust: none;font-stretch: normal;background-color: #777E88;background-image: url(bg.jpg);background-repeat: repeat-x;}
#logo { position: absolute; top: 60px; left: 50px;}
#menu_2 { position: absolute; top: 60px; left: 470px;}
#menu_3 { position: absolute; top: 60px; left: 580px;}
#menu_4 { position: absolute; top: 40px; left: 710px;}
#canvasTop { background: rgb(255, 255, 255) url('top.jpg') no-repeat; position: relative; height: 280px;}
#canvasBot { background: rgb(255, 255, 255) url('bot.jpg') no-repeat scroll left bottom; height: 40px;}
ul.thumbs { margin: 10px 0pt 20px 20px; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
ul.thumbs li { margin: 5px; padding: 0pt; float: left; position: relative; }
ul.thumbs li a img { border: 5px solid rgb(236, 228, 228); }
ul.thumbs li a:hover img { border: 5px solid rgb(152, 179, 177); }
ul.thumbs li img.new { border: medium none ; display: block; position: absolute; top: -3px; right: -3px; z-index: 1; }
.clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
* html > body .clearfix { width: 100%; }
* html .clearfix { height: 1%; }
h1{
border-bottom-width: thin;
border-bottom-style: dashed;
border-bottom-color: #879196;
padding-left: 70px;font-size: 1.3em;
color: #879196;
margin:0 10px 0 10px;
clear:both;
}
h2{
border-bottom-width: thin;
border-bottom-style: dashed;
border-bottom-color: #879196;
padding-left: 70px;
font-size: 1.3em;
color: #879196;
margin:0 10px 0 10px;
clear:both;
}
#medio p{
	padding-left: 35px;font-size: 1em;color: #879196;padding-top: 20px;padding-right: 35px;padding-bottom: 0px;
}
#medio ul{


font-size: 1em;
color: #879196;

}
/* */
	#nav {
		float: left;width: 100%;margin: 0;padding: 0;list-style: none;
		}
	#nav_2 {
		float: left;width: 100%;margin: 0;padding: 0;list-style: none;
		}
	#nav_3 {
		float: left;width: 100%;margin: 0;padding: 0;list-style: none;
	}
	#nav_4 {
		float: left;width: 100%;margin: 0;padding: 0;list-style: none;
	}
	
	#nav li {
	float: left;margin: 0;padding: 0;font-size: 9px;
		}
		
	#nav a {
	float: left;display: block;padding: 6px 5px 6px 2px;text-decoration: none;font-weight: bold;font-size: 1em;background-repeat: no-repeat;background-position: right top;color: #000000;
		}
		
	#nav a,#nav_2 a,#nav_3 a,#nav_4 a {
	text-decoration: none;font-weight: bold;font-size: 1em;color: #000000;
	}
	
/**/
.imagenes {
margin: 0px 0px 0px 30px;
display:block; 
}
.coolthumb {
 margin: 0px 8px 0px 0px; padding: 0px 0px 10px; float: left; text-align: right; width: 178px; 
 }

.familia {
 float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px;background: transparent url('fondo_foto3.gif') no-repeat; height: 220px; width: 166px;
 } 
  
.coolthumb div.identifier { 
margin: 0px 0px 0px 0px;padding: 0px;background: transparent url('fondo_foto.gif') no-repeat; height: 178px; width: 178px; 
}
.coolthumb div.identifier a { 
border: 0px none ; display: block; height: 100%; width: 100%; }
.coolthumb div.identifier a:hover { 
background: transparent url('fondo_foto.gif') no-repeat scroll -181px 0px; }
.coolthumb  div.identifier img{
padding: 0px 10px 0px 0px;margin: 44px 3px 0 0;}
.coolthumb div.identifier1 { 
margin: 0px 0px 0px 0px; padding: 0px; background: transparent url('fondo_foto.gif') no-repeat; height: 178px; width: 178px; 
}
.coolthumb div.identifier1 a { 
border: 0px none ; display: block; height: 100%; width: 100%; 
}
.coolthumb div.identifier1 a:hover { 
background: transparent url('fondo_foto.gif') no-repeat scroll -181px 0px; 
}
.coolthumb  div.identifier1 img{
padding: 0px 10px 0px 0px;margin: 44px 3px 0 0;
}

.coolthumb div.identifier2 { 
margin: 0px 0px 0px 0px; padding: 0px; background: transparent url('fondo_foto.gif') no-repeat; height: 178px; width: 178px; 
}
.coolthumb div.identifier2 a { 
border: 0px none ; display: block; height: 100%; width: 100%; 
}
.coolthumb div.identifier2 a:hover { 
background: transparent url('fondo_foto.gif') no-repeat scroll -181px 0px; 
}
.coolthumb  div.identifier2 img{padding: 0px 10px 0px 0px;margin: 44px 3px 0 0;}

.coolthumb div.identifier3 { margin: 0px 0px 0px 0px; padding: 0px; background: transparent url('fondo_foto.gif') no-repeat; height: 178px; width: 178px; }
.coolthumb div.identifier3 a { border: 0px none ; display: block; height: 100%; width: 100%; }
.coolthumb div.identifier3 a:hover { background: transparent url('fondo_foto.gif') no-repeat scroll -181px 0px; }
.coolthumb  div.identifier3 img{padding: 0px 10px 0px 0px;margin: 44px 3px 0 0;}

.coolthumb div.identifier4 { margin: 0px 0px 0px 0px; padding: 0px; background: transparent url('fondo_foto.gif') no-repeat; height: 178px; width: 178px; }
.coolthumb div.identifier4 a { border: 0px none ; display: block; height: 100%; width: 100%; }
.coolthumb div.identifier4 a:hover { background: transparent url('fondo_foto.gif') no-repeat scroll -181px 0px; }
.coolthumb  div.identifier4 img{padding: 0px 10px 0px 0px;margin: 44px 3px 0 0;}

.coolthumb div.identifier5 { margin: 0px 0px 0px 0px; padding: 0px; background: transparent url('fondo_foto2.gif') no-repeat; height: 178px; width: 178px; }
.coolthumb div.identifier5 a { border: 0px none ; display: block; height: 100%; width: 100%; }
.coolthumb div.identifier5 a:hover { background: transparent url('fondo_foto2.gif') no-repeat scroll -181px 0px; }
.coolthumb  div.identifier5 img{padding: 0px 10px 0px 0px;margin: 1px 3px 0 0;}

.coolthumb div.identifier6 { margin: 0px 0px 0px 0px; padding: 0px; background: transparent url('fondo_foto3.gif') no-repeat; height: 178px; width: 178px; }
.coolthumb div.identifier6 a { border: 0px none ; display: block; height: 100%; width: 100%; }
.coolthumb div.identifier6 a:hover { background: transparent url('fondo_foto3.gif') no-repeat scroll -181px 0px; }
.coolthumb  div.identifier6 img{padding: 0px 10px 0px 0px;margin: 1px 3px 0 0;}

.coolthumb div.identifier7 { margin: 0px 0px 0px 0px; padding: 0px; background: transparent url('fondo_foto3.gif') no-repeat; height: 178px; width: 178px; }
.coolthumb div.identifier7 a { border: 0px none ; display: block; height: 100%; width: 100%; }
.coolthumb div.identifier7 a:hover { background: transparent url('fondo_foto3.gif') no-repeat scroll -181px 0px; }
.coolthumb  div.identifier7 img{padding: 0px 10px 0px 0px;margin: 1px 3px 0 0;}

.coolthumb div.identifier8 { 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
background: transparent url('fondo_foto3.gif') no-repeat; height: 178px; width: 178px; }
.coolthumb  div.identifier8 h2{
	padding: 30px 15px 0px 0px;margin: 1px 3px 0 0;border: none;font-size: 2.5em;
}
.coolthumb  div.enlaces{
	padding: 10px 15px 0px 0px;margin: 1px 3px 0 0;
}
.coolthumb  div.identifier8 p{
	padding: 0px 0x 0px 0px;margin: 0px 0px 0xp 0px;
}
/**/
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {

}
.highslide:hover img {

}

.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}