/* CSS Document */

body {
	background-image: url(images/fondo_liso2.jpg);
	background-repeat:repeat-x;
	background-color:#000;
	font-size: 8pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	scrollbar-base-color:#104B64;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-shadow-color: #104B64;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #104B64;
}

#contenedor{
	position:relative;
	float:left;
	margin-top: 30px;
	margin-left: 190px;
	width: 780px;
	padding-bottom:30px;
}

#cabecera{
	position:relative;
	float:left;
	width:780px;
	height:140px;
	/*filter:alpha(opacity=10);
	-moz-opacity: 0.3;
	opacity: 0.3;*/}


/*  trabajos *************************************************  trabajos **** */	

#work{
	position:relative;
	float:left;
	width:780px;
	height:136px;
	background-color:#ccc;
	margin: 15px 0 5px;
	padding:0;
	}

#work img{padding:0;}

#work a{padding:0;}


h1 {
	font-size:8pt;
	padding:1px 20px;
	margin:0;
	font-weight:normal;}

.video{background-color:#104B64; color:#FFFFFF;}
.video a:hover{background-color:#104B64; color:#FFFFFF;}

.grafico{background-color:#A0ACB8; color:#000;}
.grafico a:hover{background-color:#A0ACB8; color:#000;}

.web{background-color:#E3D6D0; color:#000;}
.web a:hover{background-color:#E3D6D0; color:#000;}

.eventos{background-color:#868686; color:#fff;}
.eventos a:hover{background-color:#868686; color:#fff;}


/*  eventos *************************************************  eventos **** */	
#eventos{
	background-color:#FFFFFF;
	position:relative;
	float:left;
	width:740px;
	margin: 10px 0;
	padding:20px;
}
#eventos h1 {
	font-size:13px;
	padding:2px 20px;
	background-color:#000;
	color:#FFFFFF;
	margin:0;
	font-weight:normal;}

#eventos_texto{
	float:left;
	position:relative;
	width:160px;
	height:500px;
	padding:20px;
	text-align:justify;
	margin:30px 20px 10px 0;
	background-image: url(eventos/fondo_texto.gif);
	}

.titulo{
	background-color:#000000;
	color:#FFFFFF;
	padding:2px 10px 6px 60px;
	margin: 20px 0 5px;}


#eventos a:link,a:visited {
	background-color:#fff;
	color:#000;
	padding:1px 4px;}

#eventos a:hover {background-color:#000000;
		color:#FFFFFF;
		padding:1px 4px;}

#eventos img{border:0;}


/*  web *************************************************  web **** */	
#internet{
	background-color:#FFFFFF;
	position:relative;
	float:left;
	width:740px;
	margin: 10px 0;
	padding:20px;
}


#internet h1 {
	font-size:13px;
	padding:2px 20px;
	background-color:#000;
	color:#FFFFFF;
	margin:0;
	font-weight:normal;}


#enlace_web{padding:5px 40px;}

#internet_texto{
	float:left;
	position:relative;
	width:160px;
	height:500px;
	padding:20px;
	text-align:justify;
	margin:30px 20px 10px 0;
	background-image: url(web/fondo_texto.gif);
	}

#internet a:link,a:visited {
	background-color:#104B64;
	color:#FFFFFF;
	padding:1px 4px;}

#internet a:hover {background-color:#000000;
		color:#FFFFFF;
		padding:1px 4px;}

#internet_banner{
	margin: 10px 0 100px;
	background-color:#CCCCCC;
}


/*  GRAFICO *************************************************  GRAFICO **** */	

#diseno_grafico{
	background-color:#FFFFFF;
	position:relative;
	float:left;
	width:740px;
	margin: 10px 0;
	padding:20px;
}

#diseno_grafico h1 {
	font-size:13px;
	padding:2px 20px;
	background-color:#000;
	color:#FFFFFF;
	margin:0;
	font-weight:normal;}


#diseno_grafico_texto{
	float:left;
	position:relative;
	width:160px;
	height:500px;
	padding:20px;
	text-align:justify;
	margin:30px 20px 10px 0;
	background-image: url(grafico/grafico_fondo_texto.gif);
	}

#diseno_grafico a:link,a:visited {
	background-color:#104B64;
	color:#FFFFFF;
	padding:1px 4px;}

#diseno_grafico a:hover {background-color:#000000;
		color:#FFFFFF;
		padding:1px 4px;}

/*  VIDEO *************************************************  VIDEO **** */	

#visual{
	background-color:#FFFFFF;
	position:relative;
	float:left;
	width:740px;
	margin: 10px 0;
	padding:20px;
}

#visual h1 {
	font-size:13px;
	padding:2px 20px;
	background-color:#000;
	color:#FFFFFF;
	margin:0;
	font-weight:normal;}


#visual_texto{
	float:left;
	position:relative;
	height:500px;
	padding:30px 10px 0;
	text-align:justify;
	margin:30px 20px 10px 0;
	background-image: url(video/video_fondo_texto.gif);
	color:#FFF;
	width: 180px;
	}

.right_video{text-align:right; margin-top:20px;}



#visual_vms{
	background-color:#FFFFFF;
	position:relative;
	float:left;
	width:740px;
	margin: 10px 0;
	padding:40px 20px;
}
#visual_vms_texto{
	float:left;
	position:relative;
	height:500px;
	padding:30px 10px 0;
	text-align:justify;
	margin:0px 20px 10px 0;
	background-image: url(video/video_fondo_texto_vms.gif);
	background-color:#104B64;
	color:#FFF;
	width: 180px;
	}

.vms_titulo {
	font-size:10pt;
	padding:4px 20px;
	font-weight:bold;
	color:#fff;
	background-color:#e33517;
	text-align:right;}

#visual_vms_texto a:link,a:visited{
	color:#FFF;
	background-color:#e33517;
	}
	
#visual_vms_texto a:hover{
	color:#e33517;
	background-color:#fff;
	}


/*  info *************************************************  info **** */	

#info{
	position:relative;
	float:left;
	width:740px;
	height:460px;
	margin: 20px 0;
	padding:20px;
	color:#FFFFFF;
	font-size:12px;
	text-align:justify;
	background-image: url(images/contacto_fondo.gif);
	}

#info h1 {
	font-size:13px;
	padding:1px 20px;
	background-color:#000;
	margin:0;
	font-weight:normal;}

#info h2 {
	font-size:12px;
	padding:1px 20px;
	background-color:#E3D6D0;
	color:#000000;
	margin:0;
	font-weight:normal;
	text-align:left;}

#info a {
	color:#E3D6D0;}





/*  menu *************************************************  menu **** */	

.menu_fijo{
	position:absolute;
	top: 30px;
	left: 30px;
	width:150px;
	height:450px;
	background-image:url(images/menu_fondo.gif);
	/*background:url(../htmlImg/backgroundMenu.gif) no-repeat center center transparent;*/
    /* following MSIE hack was originally written by Riki Fridrich
     * <http://www.fczbkk.com> */
    /*position: expression("absolute");*/
    top: expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight + 20);
	z-index:105;
}

body>div.menu_fijo {position: fixed;}

ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
    }
   
li{
	margin:0px 10px 3px 10px;
	padding:2px;
	list-style-type:none;
	display:block;
	width:120px;
    }
   
li a{
	padding:2px;
    }
   
li a:link,
li a:visited{
	background-color:#104B64;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	margin:0px 0px 0px 0px;
	padding:2px;
	width:100%;
    }
   
li a:hover{
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
    }



#current{
	background-color: #222;
	color: #fff;
	width: 50px;}




.bold{font-weight:bold;}

.subrayado{font-weight:bold; text-decoration:underline;}

.right{text-align:right; margin-bottom:40px;}

h2 {
	font-size:10pt;
	padding:14px 40px;
	margin-top:160px;
	font-weight:normal;
	text-align:right;
	color:#FFFFFF;}

h3 {
	font-size:10pt;
	padding:7px 40px;
	font-weight:normal;
	color:#000;
	background-color:#FFFFFF;}
	

a.vms:link{color:#000000; background-color:#fff;}
a.vms:active{color:#000000; background-color:#fff;}
a.vms:hover{color:#fff; background-color:#000;}
a.vms:visited{color:#ccc; background-color:#fff; text-decoration:line-through;}