@charset "UTF-8";
/* CSS Document */
/*
Sitio: Los Endebles
Descripción: Endebles CSS
Fecha: abril 2009
Author: Johana Trujillo
/* --------------------------------------------- */
/* INDICE

00 - Elementos estandar en todo el sitio
01 - Tipografía - toda la tipografía para el sitio
02 - Contenedor 
03 - Encabezado - Encabezado del sitio
04 - Menu - menu principal para cada sección
05 - Contenido - div para textos e imagenes
06 - Pie - div para logos
07 - Links - enlaces a secciones principales del sitio
/* --------------------------------------------- */

/* 00 ELEMENTOS ESTANDAR 
/* --------------------------------------------- */
*{margin: 0; 
  padding: 0;
 }
  
  body{ 
  	margin:0; padding:0;
	width:auto; height:auto;
	background-color:#f9f2e6; 
	background-image:url(../images/fondo.gif);
  }
  
 /* 02 CONTENEDOR 
/* --------------------------------------------- */
div#contenedor { /*contiene a todos los divs*/
	width:713px;
	margin:auto;
	height:auto;
	height:600px;
	padding:30px;
	}

 /* 03 ENCABEZADO
/* --------------------------------------------- */	
div#encabezado {
	height: 100px;
	width: 713px;
	margin:auto;
	background:url(../images/encabezados/encabezadoCompania.jpg);
}
div#encabezadoTeatro {
	height: 100px;
	width: 713px;
	margin:auto;
	background:url(../images/encabezados/encabezadoTeatro.jpg);
}
div#encabezadoConvocatorias {
	height: 100px;
	width: 713px;
	margin:auto;
	background:url(../images/encabezados/encabezadoTeatroConvocatorias.jpg);
}
div#encabezadoObras {
	height: 100px;
	width: 713px;
	margin:auto;
	background:url(../images/encabezados/encabezadoObras.jpg);
}
 /* 04 MENU
/* --------------------------------------------- */	
div#menu-superior {
	height: 40px;
	width: 713px;
	background-image:url(../images/patronTeatro.jpg);
}

 /* 05 CONTENIDO
/* --------------------------------------------- */	
div#contenido { 
	height: auto;
	width: 713px;
	background-color: #fefcfa;
}

div#columna { 
	height: auto;
	width: 543px;
	background-color: #fefcfa;
	margin: 0 70px 0 70px;
}
div#uno{
	height: auto;
	width: 350px;
	margin: 15px 40px 15px 160px;
}
div#dos{
	height: auto;
	width: 350px;
	border-bottom: 2px solid #666;
	margin: 15px 40px 15px 160px;
}

 /* 06 PIE
/* --------------------------------------------- */	
div#contacto{ 
	height: 40px;
	width: 713px;
	background-image:url(../images/patronTeatro.jpg);
}
div#noticias{
	height:71px;
	width:713px;
}

div#pie {
	height:58px;
	width:713px;
	background:url(../images/logosEndebles/logos.jpg);
}

td,tr{
	background-image:url(../images/patronTeatro.jpg);
}

.imagenes {
	float: left;
	padding:10px;
}
.imagenes2 {
	float: left;
	padding:15px;
}

 /* 07 LINKS
/* --------------------------------------------- */	
ul li{	margin:10px;
		list-style-type:none;
		display:inline;
		padding:0 10px 10px 10px;
		text-align:left;
}
		
ul li a, a:link {
	color: #CCCCCC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform: lowercase;
}

ul li a, a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-transform: lowercase;
}

ul li a, a:hover {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:300;
	text-decoration:underline;
}

.links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	text-align: right;
}

  /* 01 TIPOGRAFÍA
/* --------------------------------------------- */	

p{
	margin:0px; padding:60px 60px 60px 60px;
	text-align:left;
	line-height:25px;
	letter-spacing:.1em;
	word-spacing:.5em;
	font-size:13px;
	color:#222222; 
	font-family:Arial, Helvetica, sans-serif;
}

p2{
	text-align:left;
	line-height:25px;
	letter-spacing:.1em;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	color:#000; 
	font-family: Arial, Helvetica, sans-serif;
}
	p3{
	margin:0px; padding:60px 60px 60px 60px;
	text-align:left;
	line-height:25px;
	letter-spacing:.1em;
	word-spacing:.5em;
	font-size:13px;
	color:#222222; 
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
}

p4{
	margin:0px; padding:60px 60px 60px 60px;
	text-align:left;
	line-height:25px;
	letter-spacing:.1em;
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	color:#000; 
	font-family: Arial, Helvetica, sans-serif;
}
p5{
	margin:0px; padding:60px 60px 60px 60px;
	text-align:left;
	line-height:25px;
	letter-spacing:.1em;
	word-spacing:.5em;
	font-size:13px;
	color:#222222; 
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	margin:0px; padding:40px 60px 0px 60px;
	color: #666666;
	text-decoration: none;
	line-height:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}
li2{
	margin:0px; padding:60px 60px 60px 60px;
	text-align:justify;
	line-height:25px;
	letter-spacing:.2em;
	word-spacing:.5em;
	font-size:13px;
	color:#222222; 
	font-family:Arial, Helvetica, sans-serif;
}

 /* 09 IMAGENES
/* --------------------------------------------- */	
.img{	
		margin:0px 10px 0 15px;
		float:left;
}
.img2{	
		margin:9px;
		height:auto;
		width:auto;	
		text-align: center;
}
.img3{	
		position:relative;
		float:left;
		margin: 70px 10px 10px 30px;
		padding: 10px;
		}