/* CSS Document */

/* ______________________________GENERAL */
	body { margin-top: 0px;font-family: Helvetica,Arial,sans-serif; font-size:12px; text-align:center; word-spacing: 1px; height:100%; background-image:url(../images/fondo2.jpg); background-repeat:repeat; }

	/* Imagenes */
	a img {
		border: none;
	}
	
	img.left {
		float: left;
		margin: 5px 5px 0 0;
	}
	
	img.right {
		float: right;
		margin: 5px 0 0 20px;
		border: 1px #CCCCCC
	}
	
	.clear{clear:both;}
	 a {text-decoration: none; color:#003399; font-weight:bold;}
	 a:hover{color:#FF0000;}
	.main {width: 955px; margin: 0px auto; text-align:left; background-color:#FFFFFF; border:#CCCCCC solid 1px;}

	.imgleft{
		float: left;
		margin-right: 10px;
		border: #CCCCCC solid 1px;
	}
	.linea{
		border-bottom: #CCCCCC solid 1px;
		margin: 0px;
		padding: 0px;
	}
	input[type="submit"], input[type="button"]{
		font-size:10px;
		background-color:#003366;
		color:#FFFFFF;
		font-weight:bold;
		padding: 1px;
		margin: 0px;
		border-style:solid;
		font-family:Arial, Helvetica, sans-serif;
    }	
/* ______________________________HEAD */
	#headcont {
		height: 209px; 
		overflow: hidden;
		margin-bottom: 5px;
	}
	.head { 
		background-image: url(../images/cabecera.jpg); 
		background-repeat:no-repeat; 
		padding: 0px; margin:0px; 
		font-size: 11px; color:#FFFFFF; 
		font-weight:bold; height: 209px; 
		width: 955px;
	
	}

	#menu-top {/*margin-top: 9px;*/}
	
	#menu-top ul.menu-nav 			{padding:0px 0px 0px 0px; margin:0px; margin-left:10px;}
	#menu-top ul.menu-nav li  		{display: inline; float:left; font-size: 13px; margin-top: 11px;}
	#menu-top ul.menu-nav li a  	{ color:#FFFFFF;font-weight:bold; text-decoration:none;}
	#menu-top ul.menu-nav li a:hover  	{color:#996600;}
	#menu-top ul.menu-nav li.op1 	{ margin-left:10px; margin-right: 0px;}
	#menu-top ul.menu-nav li.op2 	{ margin-left:33px; margin-right: 0px;}
	#menu-top ul.menu-nav li.op3 	{ margin-left:30px; margin-right: 0px;}
	#menu-top ul.menu-nav li.op4 	{ margin-left:24px; margin-right: 0px;}
	#menu-top ul.menu-nav li.op5 	{ margin-left:24px; margin-right: 0px;}
	
	#menu-top ul.menu-nav li a.menu_on { color:#996600; font-weight:bold; text-decoration:none;}

	#txt_fade{
		width: 500px;
		margin-left: 185px;
		margin-top: -95px;
		position:absolute;
	
	}
	#txt_fade2{
		font-size:16px;
		font-family:Helvetica, sans-serif;
		font-style:italic;
		color:#666666;
		list-style:none;
	}
	
/* ________________________________ MAIN */

#main1{
	float:right;
	border-right: #CCCCCC dotted 1px;	
}
#main2{
	float:left;
	text-align:justify;
}
#main1, #main2{
	color:9F9F9F;
	width: 340px;
	height: 230px;	
	padding-left: 10px;	
	padding-top: 5px;	
	padding-right: 5px;	
	border-left: #CCCCCC dotted 1px;
	margin-bottom: 5px;		
}
#main1 .titulo, #main2 .titulo{
	font-weight:bold;
	font-size:14px;
	color:#9F0202;
	padding-bottom: 5px;
}
#main1 p, #main2 p{
	margin:0px;
}
#main1 ul{
	/*margin:0px;
	padding:0px;*/
	padding-left:30px;
	margin-left: 100px;
}
#main1 li{
	list-style:none;
	list-style-image:url(../images/flecha2.gif);
	font-size:12px;
	color: #FF810A;
	font-weight:bold;
	padding-left:0px;
	padding-top:0px;
	height:22px;

}


/* ________________________________ LEFT */

	#left{
		margin-top:0px;
		padding-top:0px;
		float:right;
		width: 190px;
		height:605px;
		/*background-color:#E9E9E9;*/
	}
	#equipocont{
		overflow: hidden;
		height: 80px;
		margin:0px;
		padding:0px;	
	}
	.equipo{
		margin:0px;
		padding:0px;
		height: 80px;
	}
	.equipo p{
		margin-top:0px;
		/*padding-top: 20px;*/
		padding-left: 10px;
		padding-right: 10px;
		font-size:10px;
		color:#333333;
		text-align:justify;
	}
	.agent{
		margin-top:0px;
		/*padding-top: 20px;*/
		padding-left: 3px;
		padding-right: 3px;
		font-size:10px;
		color:#333333;
		text-align:justify;
	}	
	#left-menu{
		font-weight: bold;	
	}
	#left-menu .h2{
		margin-left:10px;
		margin-right:10px;	
		padding-top: 12px;
		padding-bottom: 6px;	
		font-size:16px;
		height:26px;
		color:#666666;
		border-bottom: #CCCCCC solid 1px;
	}
	#left-menu .op{
		margin-left:10px;
		margin-right:10px;	
		font-size:9px;
		height:25px;
		padding-top: 10px;
		/*padding-bottom: 5px;	*/
		font-size: 10px; 
		color:#666666;
		border-bottom: #CCCCCC solid 1px;	
		background-image: url(../images/flecha.gif);
		background-position:right;
		background-repeat:no-repeat;
	}
	#left-menu .op a{
		color:#666666;
	}
	#left div.link{
		padding-top: 50px;
		padding-left: 75px;
		position: absolute;
	}
	#left div.link a{
		font-family:Helvetica, Arial;
		font-size:10px;
		color:#666666;
		font-size:10px;
		padding-top: 20px;
		padding-left: 10px;
	}

/* ________________________________ CENTER */

	#center{
		float:left;
		margin-top: 0px;
		margin-bottom:0px;
		margin-left: 10px;
		width: 741px;
		padding-top: 0px;
	}	
	#center p{
		font-size: 12px;
		line-height: 20px;
		/*text-align:justify;*/
		color:#333333;
	}
	#center h2, #center2 h2{
		font-size: 12px;
		color:#333333;
		font-weight:bold;
		border-bottom: solid 1px color:#FF6600;
		background-repeat:no-repeat;
		border:1px solid #CACACA;
		display:block;
		margin:0 2px;
		overflow:hidden;
		padding:0.7em 0;
		padding-left:55px;
		line-height:1.20em;	
	}
	#path{
		font-size: 12px;
		color:#333333;
		font-weight:bold;
		border-bottom: solid 1px color:#FF6600;
		background-image: url(../images/ruta.jpg);
		background-repeat:no-repeat;
		border:1px solid #CACACA;
		display:block;
		margin:0 2px;
		overflow:hidden;
		padding:0.7em 0;
		padding-left:55px;
		line-height:1.20em;	
		width: 300px;	
	}	
	#center h2 a{
	   color:#333333;
	}	
	#center h2 .actual{
		text-decoration:underline;
	}		
/*	#center strong{
		color:#666666;
	}
*/
	.tiulo{
		font-size: 14px; font-weight: bold; color:#DA9808; margin-bottom:0px;
	}

/* _________________________________ CENTER POST */

	.post { /*post principal 1 sola fila*/
		background-color: #F5F5F5;
		padding: 6px;
		margin-bottom: 10px;
		border: #CCCCCC solid 1px;
		clear:both;
		height:50px;
	}
	.post h3{
		font-size:14px;
		font-weight:bold;
		color:#9F0202;
		margin:0px;
		padding:0px;
	}
	.post p{
		padding: 0px;
		margin: 0px;
	}	
	
	/*grupo 3cajas*/
	.post1 h3, .post2 h3, .post3 h3{
		font-size:12px;
		font-weight:bold;
		color:#9F0202;
		/*background-image: url(../images/check.gif);*/
		background-repeat:no-repeat;
		line-height:20px;
		margin-top:1px;
		margin-bottom:6px;
		border-bottom: #CCCCCC solid 1px;
	}
	
	.post1 p, .post2 p, .post3 p{
		padding: 0px;
		margin: 0px;
		text-align:justify;
		height: 115px;	
	}
	.post1 .link, .post2 .link, .post3 .link{
		float:right;
		padding-right: 8px;
		
	}	
	.post1, .post2, .post3{
		float: left;
		width: 229px;
		margin-bottom: 0px;
		margin-top: 1px;		
		padding: 8px;
		border: #CCCCCC dotted 1px;
		height: 165px;		
	}
	
	.post1 {
	  margin-left: 0px;		
	}
	.post2 {
	  margin-left: 0px;
						
	}	
	.post3 {
	  margin-left: 0px;				
	}

/* _________________________________ GLOSARIO cabecera */

.glosario{
	border: #CCCCCC solid 1px;
}
.glosario th{
	border: #CCCCCC solid 1px;
	background-color: #FF8B0A;
	font-size: 12px;
}
.glosario tr{
	background-color: #465a7d;
}
.glosario td, .glosario th{
	padding:2px;
	text-align:center;
}
.glosario td{
	width: 20%;
}
.glosario a{
	color:#FFFFFF;
	font-weight:bold;
	font-size: 11px;
}
/* _________________________________ GLOSARIO listado */

.glosario2{
	/*border-top: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;*/
	width: 100%;
	padding: 4px;
}

.glosario2 th{
	border: #CCCCCC solid 1px;
	background-color:#333333;
	color:#FFFFFF;
	font-size: 12px;
}
.glosario2 tr{
	background-color: #FFFFFF;
}
.glosario2 td, .glosario th{
	padding:2px;
	text-align:left;
}
.glosario2 td{
}
.glosario2 a{
}
.ejemplo{
	color:#FF6600;
	font-style:italic;
}
.definicion{
}
.sintaxis{
}
.uso{
}
.ingles{
	color:#660000;
	font-weight:bold;
}
.espanol{
	color:#333333;
	font-weight:bold;
}
/* _________________________________ MENU EJERCICIOS*/

#ejercicios{
	border: #CCCCCC solid 1px;
	padding: 4px;
	width: 650px;
	margin-left: 50px;
}
#ejercicios h3{
	background-color:#333333;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	padding:3px;
	margin: 0px;
}
.enunciado{
	color:#333333;
	font-size:10px;
	font-style:italic;
	margin:2px;
}
.question{
	padding: 2px;
	font-weight:bold;
}
/* _________________________________ EJERCICIOS TRADUCCION*/

#ejercicios2{
	border: #CCCCCC solid 1px;
	padding: 8px;
	width: 725px;
}
#ejercicios2 h3{
	background-color:#333333;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	padding:3px;
	margin: 0px;
}
#ejercicios2 .enunciado{
	color:#333333;
	font-size:10px;
	font-style:italic;
	margin:2px;
}
#ejercicios2 .question{
	padding: 2px;
	font-weight:bold;
	margin-bottom: 4px;
}
#ejercicios2 .frase{
	font-size:16px;
	color:#660000;
	font-weight:bold;
	margin-bottom: 6px;
}
#ejercicios2 form {
	display:inline;
	margin-top: 4px;
}
#ejercicios2 input[type="text"] {
	margin-bottom: 4px;
}
#ejercicios2 label {
	padding-bottom: 4px;
	font-weight:bold;
	margin-right: 4px;
}

/* _________________________________ AUDIO*/

.audionota{
	border: #CCCCCC solid 1px;
	padding: 4px;
	width: 100%;
	font-size:11px;
	color:#333333;
	margin: 4px;
}

/* ________________________________ FOOTER */
	#footer{
		background-image: url(../images/pie.gif);
		background-repeat:no-repeat;
		width:955px; 
		height: 68px;
		margin: 0px;
	}
	#footer p{
		font-size:12px;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
		line-height: 22px;
		padding: 10px;	
	}	
	#footer a{
		color:#FFFFFF;
	}

/* ________________________________ publicidad */	
#popup   
{      
	position: absolute;      
	/*border: 1px solid #666666;
	background-color:#F7F7F7;  */    
	width: 400px;            
}
#popup a {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #333333;
    text-decoration: none; 
	background-color: #FFCC66;
    font-weight: bold;
	padding: 2px;
}