@charset "utf-8";
/* CSS Document */
@media screen, projection
{
:focus { -moz-outline-style: none; }




	img, div { 
	}
	

	body{
	margin-top: 0px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#016299;
	font-weight: normal;
	text-decoration: none;
	line-height: 150%;
	font-size:13px;

	background:#0f0f45 url(imagenes/fondo.png) repeat-x top center;
	}
	
	
	*{margin:0;
	padding:0;
	}
	
	a{text-decoration:none; color:#016299;}
	a:hover{
	color: #fff; 
	}
	b{font-size: 110%;}
	em{color: #605633;}
	p{margin:0 70px; _margin: 0 60px 0 20px; font-weight:550; text-align:justify;}
	h2{ font-size:17px; color: #605633; font-style:italic;}
	
	span {visibility:hidden;}
	
	.clearer{
	clear:both;
	_margin-top:-20px; /*solo ie6 e inferiores */
	}
	
	
/*------------ estructura -------------*/
	#contenedor{
	width: 816px;
	margin: 0 auto; /*centrar el contenedor*/
		
	}
	
	#sombra1 {
	background: url(imagenes/sombra1.png) repeat-y !important;
	background: none;
	padding-left:23px !important;
	_padding-left:0px;
	width: 770px;
	float:left;	
	}
		
	#sombra2 {	
	background:url(imagenes/sombra2.png) repeat-y right !important;
	background: none;
	padding-right:23px !important;
	_padding-right:0;
	width: 793px;
	float:right;	
	}
	
	#fondo{
	background:#FFFFFF;
	width:100%;
	*margin-top:-2px; /*solo para ie7 e inf*/
	}
	
	#fondo2{
	/*ie6 png fix. requiere los archivos iepngfix.htc y blank.png, relativo al html */
	_behavior: url(iepngfix.htc);
	background:url(imagenes/fondo2.png) no-repeat top;
	_background:url(imagenes/fondo2ie6.gif) no-repeat top center;
	overflow:hidden;
	_overflow:visible;
	}

/*------------header y menu-------------*/
	#topheader{
	height:155px;
	background: #FFFFFF url(imagenes/fondo_hd.jpg) no-repeat center;
	}
	
	#menu{
	float:right;
	margin-top:102px;
	padding:9px;
	overflow:hidden;
	}
	
	#menu_lista li{
	display:inline;
	list-style:none;
	}
	
	#menu_lista a{
	
	float:right;
	height:33px;	
	}
	
		
		#inicio{
		width:72px;
		background:url(imagenes/inicio1.gif) no-repeat top left;
		}
		
		#quienes{
		width:103px;
		background:url(imagenes/quienes.gif);
		}
		
		#fotos{
		width:96px;
		background:url(imagenes/fotos.gif);
		}
		
		#blog{
		width:71px;
		background:url(imagenes/blog.gif);
		}
		
		#coordinacion{
		width:155px;
		background:url(imagenes/coordinacion.gif);
		}
		
		#contacto{
		width:109px;
		background:url(imagenes/contacto.gif);
		}	
	
	#menu_lista a:hover, #menu_lista a:active, #menu_lista a.current {
	background-position: 0 -33px;
	}

/*------------columna derecha-------------*/	
	#col_der{
	float: left;
	width: 100%;
	
	}
	
	#contenido{
	margin-left: 221px; /*margen izq = col_izq width*/
	background:#FFFFFF;
	}
	
		#pano{
		height:325px;
		width:531px;
		padding-bottom:8px;
		}
		
		.foto_quienes{
		background:url(imagenes/foto_quienes.jpg) no-repeat;
		}
		
		.foto_coord{
		background:url(imagenes/foto_coord.jpg) no-repeat;
		}
		
		.der1{
		width:540px;
		height:45px;
		background: #fbebac url(imagenes/der1.png) left;
		}
		
		.der2{
		width:540px;
		background: #fbebac url(imagenes/der2.png) left repeat-y;
		}
		
		.der3{
		width:540px;
		height:90px;
		background: #fff url(imagenes/der3.png) left top repeat-x;
		}
		
		.margen{
		padding-bottom:9px;
		_margin:9px;
		}
		
		#cont{
			
		}
		
			.corchetes{
			/*ie6 png fix. requiere los archivos iepngfix.htc y blank.png, relativo al html */
			_behavior: url(iepngfix.htc);
			background:url(imagenes/corchetes.png) top no-repeat;			
			padding:20px 20px 40px 20px;
			_width:448px;
			_margin: 0 0 0 45px;			
			}
			
			.corchetes h2{
			margin-left:60px;
			_margin-left:10px;
			}
			
			.corchetes p{
			text-indent:9px;
			}
			
			.asterisco{
			/*ie6 png fix. requiere los archivos iepngfix.htc y blank.png, relativo al html */
			_behavior: url(iepngfix.htc);
			background:url(imagenes/asterisco.png) no-repeat;
			text-indent:20px !important;
			}
			
			
			
			.video{
			margin:5px;
			padding:8px;
			width:514px;
			height:265px;
			background:#FFFFFF;
					
			}
			
			#propuesta{
			background:url(imagenes/propuesta.png) no-repeat;
			/*ie6 png fix. requiere los archivos iepngfix.htc y blank.png, relativo al html */
			_behavior: url(iepngfix.htc);
			width:250px;
			height:22px;
			margin:0 0 25px 20px;
			}
			
			#quienes_somos{
			background:url(imagenes/quienes.png) no-repeat;
			/*ie6 png fix. requiere los archivos iepngfix.htc y blank.png, relativo al html */
			_behavior: url(iepngfix.htc);
			width:198px;
			height:27px;
			margin:0 0 25px 20px;
			}
			
			#presentaciones{
			background:url(imagenes/presentaciones.png) no-repeat;
			/*ie6 png fix. requiere los archivos iepngfix.htc y blank.png, relativo al html */
			_behavior: url(iepngfix.htc);
			width:406px;
			height:23px;
			margin:0 0 25px 20px;
			}
			
			#contact{
			background:url(imagenes/contact.png) no-repeat;
			/*ie6 png fix. requiere los archivos iepngfix.htc y blank.png, relativo al html */
			_behavior: url(iepngfix.htc);
			width:136px;
			height:22px;
			margin:0 0 25px 20px;
			}
			
			#ciudades{
			background:url(imagenes/ciudades.png) no-repeat;
			/*ie6 png fix. requiere los archivos iepngfix.htc y blank.png, relativo al html */
			_behavior: url(iepngfix.htc);
			width:254px;
			height:22px;
			margin:0 0 25px 20px;
			}
			
			#focus{
			background:url(imagenes/focus.png) no-repeat;
			/*ie6 png fix. requiere los archivos iepngfix.htc y blank.png, relativo al html */
			_behavior: url(iepngfix.htc);
			width:151px;
			height:25px;
			margin:0 0 25px 20px;
			}
			
			#sinoptico{
			background:url(imagenes/sinoptico.png) no-repeat;
			/*ie6 png fix. requiere los archivos iepngfix.htc y blank.png, relativo al html */
			_behavior: url(iepngfix.htc);
			width:254px;
			height:22px;
			margin:0 0 25px 20px;
			}
			
			#derivado{
			background:url(imagenes/derivado.png) no-repeat;
			/*ie6 png fix. requiere los archivos iepngfix.htc y blank.png, relativo al html */
			_behavior: url(iepngfix.htc);
			width:254px;
			height:22px;
			margin:0 0 25px 20px;
			}
			
				.miniaturas{
				width:174px;
				height:174px;
				margin:30px auto;
				}
				
				#foto1{
				background: url(imagenes/foto1.gif) #FFFFFF center no-repeat;
				}
				
				#foto2{
				background: url(imagenes/foto2.gif) #FFFFFF center no-repeat;
				}
				
				#foto3{
				background: url(imagenes/foto3.gif) #FFFFFF center no-repeat;
				}
				
				#foto4{
				background: url(imagenes/foto4.gif) #FFFFFF center no-repeat;
				float:left;
				margin:30px;
				_margin:10px;
				}
				
				#foto5{
				background: url(imagenes/foto5.gif) #FFFFFF center no-repeat;
				float:right;
				margin:30px;
				_margin:10px;
				}
			
			#coord{
			background:url(imagenes/coordinacion.png) no-repeat;
			/*ie6 png fix. requiere los archivos iepngfix.htc y blank.png, relativo al html */
			_behavior: url(iepngfix.htc);
			width:198px;
			height:22px;
			margin:0 0 25px 20px;
			}
	
	
/*------------columna izquierda-------------*/
	#col_izq{position:relative;
	float: left;
	width: 221px;
	margin-left: -770px; /* -(contenedor Width)*/
	}
	
		#izq1{ 
		background: #FFF url(imagenes/fondo_izq1.png) right no-repeat;
		height:334px;
		}
		
		#izq2{
		background: #FFF url(imagenes/fondo_izq2.jpg) right top no-repeat;
		height:100%;
		*margin-top:-2px; /*solo para ie7 e inf*/
		}
		
		#mp3{
		padding:5px 0 0 0;
		width:201px;
		height:209px;
		_height:230px;
		margin-bottom:9px;
		}
		
		#mp3 p{
		margin:9px;
		}
		
		#horarios { padding-top:9px; margin-left:9px; }
		#horarios a { color:#CC0000; font-size:16px; text-decoration:none;}
		#horarios a:hover { text-decoration:underline;}
		
#novedades { position:absolute; top:0; left:9px; background:url(imagenes/novedades.png) no-repeat top left; }
#novedades a{width:113px; height:61px; display:block;}	
#novedades a span {visibility: hidden;}

/*------------  footer  -------------*/	
	#footer{
	clear: left;
	width: 100%;
	color: #FFF;
	text-align: center;
	padding: 10px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	#footer a{
	color: #fff;
	}
	
	
	
}