/* CSS Document */
body{
	background-image: url(img/fons3.png);
	padding-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	}
#megacontenedor{
	margin:auto;
	width:840px;
	}
#supercontenedor{
	margin:auto;
	width:840px;
	padding-bottom:50px;
	float:left;
	}
#contenedor{
	padding:0 20px 20px 20px;
	float:left;
	background-image:url(img/l1.png);
	background-position: top;
	background-repeat:repeat-x;
	width:800px;
	}
#contenedor.largo{
	background-image:url(img/l2.png);}
#contenedor.largo2{
	background-image:url(img/l3.png);}	
#cabecera{
	height:150px;
	padding-bottom:10px;
	width:840px;
	background-image:url(img/cabecera.png);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	#lang{
		padding-top:5em;
		margin-right:3em;}
.lang{
	float:right;}
#cabecera img{
	float:left;
	margin-left:2em;
	background-image: none; 
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src="logo.png", sizingMethod="scale");
	}
* html #image-style img { 
    background-image: none; 
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src="img/logo.png", sizingMethod="scale"); 
}
#contenido{
	}
	
#contenido img{
	max-width:100%;
	}
.latimg{
	margin-left:20px;
	float:left;
	max-width:620px;
	}
#pie{
	float:left;
	clear:both;
	}
#pie a{
	color:#FFFFFF;
	text-decoration:none;
	}
#pie a:hover{
	color: #FF9900;
	}
	.info{
		float:left;
		width:29%;
		padding:1em;
		text-align:justify;
		color:#FFFFFF;
		}
	.info2{
		margin-top:30px;
		float:left;
		padding:1em;
		text-align:justify;
		color:#FFFFFF;
		}
#bajo{
	clear:both;
	float:left;
	min-height:30px;
	min-width:840px;
	background-image:url(img/bajo.png);
	color: #999;
	font-size:10px;
	text-align:center;
	}
#bajo a{
	color:#999;
	text-decoration:none;
	}
#bajo a:hover{
	color: #F90;
	}
.aviso{
	color: #FFF;
	text-align:justify;
	font-size:10px;
	}
.aviso h6{
	font-size:12px;
	}
.curso{
	color:#FFF;
	clear:both;
	}
.cursoImg{
	margin:10px;
	float:left;
	}
.cursoText{
	float:left;
	padding-top:20px;
	width:600px;
	}
.back{
		float:right;
		padding-right:50px;
		text-decoration:none;
		color:#FFF;
		}
.back:hover{
	color:#F90;
	}
.map{
	float:left;
	margin-left:30px;
	margin-top:60px;
	}
.contact{
	float:left;
	margin-top:50px;
	}
/*menu*/	
	
#flyout {float:left; padding:0; margin:2px 0 0 0; list-style:none; width:140px; border-top:1px solid #fff;}
#flyout ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}
#flyout table {border-collapse:collapse; margin:-1px -10px;}

#flyout li {float:left;width:140px; height:40px; border-bottom:1px solid #fff;}

#flyout li#contact {margin:0;font-weight:bold;}

#flyout li a {display:block; width:109px; height:40px; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:23px; text-decoration:none; padding-left:30px; border-left:1px solid #fff;}
#flyout li#home a {background:#888 url(img/home.gif) no-repeat 5px center;}
#flyout li#single a {background:#888 url(img/document.gif) no-repeat 5px center;}
#flyout li a.fly {background:#888 url(img/folder.gif) no-repeat 5px center;}
#flyout li a.fly b {display:block; width:109px; height:24px; background:url(img/arrow.gif) no-repeat right center; cursor:pointer;}
#flyout li a.fly c {display:block; width:109px; height:24px; cursor:pointer; font-weight:bold;}

#flyout li#support a {background:#888 url(img/support.gif) no-repeat 5px center;}
#flyout li#contact a {background:#888 url(img/contact.gif) no-repeat 5px center;}

#flyout li:hover {position:relative;}
#flyout li a:hover {white-space:nowrap; color:#FF9900; position:relative;}
#flyout li:hover > a {color:#FF9900;}

#flyout li a.fly:hover {background:#888 url(img/open.gif) no-repeat 5px center;}
#flyout li:hover > a.fly {background:#888 url(img/open.gif) no-repeat 5px center;}

#flyout :hover ul {left:120px; top:-1px; width:150px; height:auto; border-top:1px solid #fff;}
#flyout :hover ul li {width:150px;}
#flyout :hover ul ul {left:-9999px;}

#flyout :hover ul :hover ul {left:130px; top:-1px;}
#flyout :hover ul li a {background:#888 url(img/document.gif) no-repeat 5px center; width:119px;}
#flyout :hover ul li a b {width:119px; background:none;}
#flyout :hover ul li a.fly {background:#888 url(img/folder.gif) no-repeat 5px center;}
#flyout :hover ul li a.fly b {background:url(img/arrow.gif) no-repeat right center;}
#flyout :hover ul li a:hover.fly {background:#888 url(img/open.gif) no-repeat 5px center;}
#flyout :hover ul :hover > a.fly {background:#888 url(img/open.gif) no-repeat 5px center;}

#flyout :hover ul :hover ul ul {left:-9999px;}
#flyout :hover ul :hover ul li a {background:#888 url(img/document.gif) no-repeat 5px center; width:119px;}
#flyout :hover ul :hover ul li a b {width:119px; background:none;}
#flyout :hover ul :hover ul li a.fly {background:#888 url(img/folder.gif) no-repeat 5px center;}
#flyout :hover ul :hover ul li a.fly b {background:url(img/arrow.gif) no-repeat right center;}
#flyout :hover ul :hover ul li a:hover.fly {background:#888 url(img/open.gif) no-repeat 5px center;}
#flyout :hover ul :hover ul li:hover > a.fly {background:#888 url(img/open.gif) no-repeat 5px center;}

#flyout :hover ul :hover ul :hover ul {left:130px; top:-1px;}
#flyout :hover ul :hover ul :hover ul li a {background:#888 url(img/document.gif) no-repeat 5px center; width:119px;}
#flyout :hover ul :hover ul :hover ul li a b {width:119px; background:none;}