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

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}

:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Redeefinicion de etiquetas estandares de HTML */
body, form, input
{
	background:url(../img/bg.jpg) repeat; 
	margin-bottom:20px; 
}
h1{font-size:21px;}
h2{font-size:18px;}
h3{color:#999;font-size:11px;}
a:link, a:visited{ color:#0033CC;}
a:hover { color:#666666}

/* Tipografia */
body, form, input{
	color: #333;  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 64.5%; 
	line-height: 1.4em; 
	text-align: justify; 
}

#nav, #nav ul{line-height:30px;}
#nav a:link, #nav a:active, #nav a:visited{
	color:#000;
	font-size:12px;
	text-decoration:none;
}
#nav a:hover{color:#DD0404;}
#nav li{
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}
#nav li.seleccionado{color:#DD0404;}
#nav_pie, #derechos{color:#ccc;}
#nav_pie a:link, #nav_pie a:active, #nav_pie a:visited{margin: 0 3px 0 3px;}
#nav_pie a:link, #nav_pie a:active, #nav_pie a:visited,
#derechos a:link, #derechos a:active, #derechos a:visited{
	color:#FC0;
	font-size:11px;
	text-decoration:none;
}
#nav_pie a:hover, #derechos a:hover{text-decoration:underline}
.caja_titulo, .caja_titulo_liga{
	color: #FFF;
	font-size: 1.4em;
	font-weight: bold;
}
.caja_titulo_liga:hover{
	color: #FC0;
}

/* Estructura */
#encabezado
{
	height:60px; margin-top:30px; 
	margin-left:auto; 
	margin-right:auto;
	padding:8px 0 8px 0; 
	width:950px; 
}
	#logotipo
	{
		background:url(../img/logo.png) no-repeat; 
		height:60px; 
		width:950px;
	}
	#navegacion{
		background: url(../img/nav.png) no-repeat;
		display:block;
		float:right;
		height:60px;
		margin:10px 0 0 0;
		width:620px;
	}
	#nav, #nav ul{
		margin:0 0 0 40px;
		padding:0;
		list-style-type:none;
		list-style-position:outside;
		position:relative;
		width:auto;
	}	
	#nav a:link, #nav a:active, #nav a:visited{
		display:block;
	}	
	#nav li{
		height:18px;
		padding:0 4px 0 4px;
		margin:15px 14px 0 0;
		float:left;
		position:relative;
	}
	#nav ul {
		position:absolute;
		width:12em;
		top:30px;
		display:none;
	}
	#nav li ul a{	
		width:12em;
		float:left;
	}
	#nav ul ul{
		width:12em;
		top:auto;
	}
	#nav li ul ul {margin:0 0 0 13em;}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}

#contenedor
{
	background:#FFF;
	border: solid 2px #2A2A2A; 
	height:780px; 
	margin-top:0px;
	margin-left:auto;
	margin-right:auto; 
	width:950px; 
}			
	#columna_izq
	{
		float:left; 
		height:760px;
		margin:10px 0 0 0;
		overflow: hidden;
		padding:0 0px 0px 6px;
		width:578px; 
	}
	#columna_der
	{
		border-left: solid 1px #ddd;
		float:right; 
		height:760px;
		margin:10px 0 0 0;
		padding: 0 10px 0 6px;
		width:342px;
	}	
	#pie
	{
		clear:both;
		height:30px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
		width:940px;
	}	
		#derechos
		{
			float: right;
			padding:10px;
			text-align: right;
			width:440px;
		}		
		#nav_pie
		{	
			float:left;
			padding:10px;
			text-align:left;
			width:400px;
		}
		
.caja_titulo, .caja_titulo_liga{
	background: #000;
	padding: 6px;
	width: auto;
}

/* Imagenes y Video */
.marco1p{
	border: 1px solid #000;
	padding: 0;
}
.marco2p{
	border: 2px solid #000;
	padding: 0;
}
.caja_lateral{
	background: #F1F1F1;
	color: #333;
	float: left;
	height: auto;
	margin: 4px 2px 4px 4px;
	padding: 8px;
	width: 320px;
}
ul#caja_lateral{
	float: left;
	height: auto;
	width: 320px;
}

/* Vinculos */
.blanco, .blanco:hover{
	color: #FFF;
	text-decoration: none;
}