@charset "utf-8";
/* CSS Document */


body,td,th {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

table {
	margin:auto;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.menues {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #666;
}
a:active {
	text-decoration: none;
	color: #333;
}
-->


.bordenegro {border:1px solid black;border-bottom:1px solid black}
.detalle {font-family: "Trebuchet MS", Verdana, Arial; color:#333333;	font-size: 9px;}
.notihead {font-family:Arial; color:#666666; text-align:justify;	font-size: 11px;}
.notititle {font-family:Georgia, 'Times New Roman', Times, serif; color:#0E3B65; font-size:17px; text-align:center;}
.notititle1 {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:11px; text-align:left;  font-weight:bold;}

h1 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:22px;}



.menu_box {
	width:89px;
	height:30px;
	background:#d60001;
	float:left;
	margin-right:2px;
}
.tablapal {
background:url(tablapal.gif) no-repeat; background-position:bottom right;}
.menu_btn {
	width:89px;
	height:27px;
	line-height:2.5em;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size:0.8em;
	background:url(../evolucion/botones.jpg);
	margin-top:3px;
	color:#FFFFFF;
	cursor:pointer;
}
.bordedere {
	background:url(right.jpg) no-repeat; width:17px;}
.bordeizq {
	background:url(left.jpg) no-repeat;  width:17px;}	
.campos {
background:url(campo.jpg);
background-repeat: no-repeat;
width: 156px;
height: 27px;
border: 0px;
padding-top: 7px;
padding-left: 6px;
font-size:11px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
color:#CCC;}	
.campos2 {
background:url(busca.gif);
background-repeat: no-repeat;
width: 130px;
height: 19px;
padding-top:3px;
padding-left:5px;
border: 0px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#4b4b4b;}	
.search2 {
background:url(boton.gif);
background-repeat: no-repeat;
width: 22px;
height: 27px;
border: 0px;
}	
.boton1 {
background:url(btn.gif);
background-repeat: no-repeat;
width: 31px;
height: 28px;
border: 0px;
}	


select {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333; background-color:#FFF; border:1px #666666 solid; vertical-align:top;}

.titLC1 {font:14px Arial; color:#666666; display:block; letter-spacing:-1px; text-transform:uppercase; cursor:pointer; text-align:left;}
.titLNeg {font:11px Arial; display:block; letter-spacing:2px; color:#CCCCCC; font-weight:bolder}
.tit02 {font:9px Arial; display:block; letter-spacing:1px; color:#CCCCCC; font-weight:bolder}
.normal_bca { font:Arial 12px; direction:ltr; color:#FFFFFF }
/* highslide  ----------------------------------------------------------------------------------------------------------- */

.highslide {cursor: url(preloads/zoomin.cur), pointer;    outline: none;}

.highslide-image {    border-bottom: 1px solid white;    cursor: pointer; /* opera */	cursor: url(preloads/zoomout.cur), pointer;}
.highslide-image-blur {    cursor: pointer;    cursor: hand;}
.highslide-caption {
    display: none;    
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: #F0CCD0;
}
.highslide-display-block {    display: block;}
.highslide-display-none {    display: none;}
.highslide-loading {
    display: block;
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	opacity: 0.60; /* w3c */
	filter: alpha(opacity=60); /* ie */
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    
    padding-left: 22px;
    background-image: url(preloads/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;
}


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


/*De aqui para abajo las clases para la div sobrepuesta*/
.k_float{
	z-index:9999999; 	position: fixed !important; 	position:absolute;	cursor:hand;	cursor:pointer;
	}

#kampylink img
{
	border: 0;
}

.k_top
{
	top:0px;
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop : document.body.scrollTop);
}

.k_bottom
{
	bottom:0px;
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 : document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);
}

.k_right
{
	 
	right:0px;
	
}

.k_left
{
	left:0px; 
}

/*close button*/

#k_close_button
{
	color:gray; 
	border: 1px solid gray; 
	display: none; 
	width: 11px; 
	height: 16px; 
	font-size:12px; 
	text-align:center; 
}

.kc_top
{
	top:80px;
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + 80 : document.body.scrollTop + 80);
}

.kc_bottom
{
	bottom:80px; 
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 80 : document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 80);
}

.kc_right
{ 
	right:10px; 
}

.kc_left
{
	left:10px; 
}
/*end close button*/



.boxgrid{
width: 220px;
height: 158px;
margin:10px;
border: solid 0px #8399AF;
overflow: hidden;
position: relative;
}
.boxgrid img{
position: absolute;
top: 0;
left: 0;
border: 0;
background:#000;
cursor:pointer;
}
.boxgrid p {
padding: 50px 10px;
color:#8399AF;
font-weight:bold;
font:24pt "Lucida Grande", Arial, sans-serif;
text-align: center;
}
.boxcaption{
float: left;
position: absolute;
background: #000;
height: 100px;
width: 100%;
opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
top: 260;
left: 0;
}
.caption .boxcaption {
top: 220;
left: 0;
}


#marco {
	width:80px;
	margin:0px 0;
	padding:0px;
	text-align:left;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	}

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */

.menu2 {
	padding:0;
	margin:0;
	margin-bottom:0;
	list-style:none;
	background:#fff;
	position:relative;
	}
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:25px; margin-left:6px; line-height:25px; color:#333; text-decoration:none; font-size:11px; padding:0 0 0 6px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 10px 0 6px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 10px 0 6px; height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:6px; top:25px; background: #fff; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:auto; height:auto; }
.menu2 :hover ul.sub li {display:block; /*height:20px; */position:relative; float:left; width:100px; margin-bottom:0;}
.menu2 :hover ul.sub li a:hover {background:#CCC; color:#000;}
.menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:1; color:#333; text-decoration:none;}
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:110px; top:-1px; background: #fff; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}
.menu2 :hover ul.sub li ul {z-index:300;}