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

/* RESET */
/* reset browser styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
ol { 
  margin-left: 0em; 
  list-style: decimal; 
}
ul { 
  margin-left: 0em; 
  list-style:square; 
}
img {
  border: 0;
}
/* end reset browser styles */

html,
body { 							/* CUERPO */
	
	
	margin:0;					/*mandar footer al fondo */
   	padding:0;					/*mandar footer al fondo */
  	height:100%;				/*mandar footer al fondo */
	
	
}

body,td,th {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#000;
}

p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
}
a{
	color:#f48022;
	text-decoration:none;
}

h1,h2,h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#f48022;
}

#wrapper {				/* CONTENEDOR */
	margin-left:auto;	/* auto centrado */
	margin-right:auto;
	width:960px;
	
	min-height:100%;			/*mandar footer al fondo */
  	position:relative;			/*mandar footer al fondo */ /*	border: 1px dashed #999;linea punteada para ubicarme*/
}

#header {	
	background-image:url(../imagenes/artescenica_header.jpg);
	background-repeat:no-repeat;
	background-position:right top; /*	border: 1px dashed #999;linea punteada para ubicarme*/
}

#logo  {
	float:left;
}

#banner  {
	float:right;
}
#navegacion {
	clear:left;
	padding-top:10px;
	float:left;
	width: 165px;
	height:80%;
	/*border: 1px dashed #999; linea punteada para ubicarme*/

}
#nav {
	text-decoration:none;
	list-style: none;
	margin-left:65px;
	width: 95px;
	
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; /*	border: 1px dashed #999;linea punteada para ubicarme*/
	
}
#nav li {
	
  	padding-top:10px;
	padding-bottom:10px; /*	border: 1px dashed #999;linea punteada para ubicarme*/
}

#nav a {
	
  	color: #f48022;
  	text-decoration:none;
}

#nav a:hover {
	color: #FFF;
}


/* NAVEGACION PAGINA ACTIVA
/////////////////////////////////////*/

#index #nav-index,
#nosotros #nav-nosotros,
#obras #nav-obras,
#talleres #nav-talleres,
#narraciones #nav-narraciones,
#empresarial #nav-empresarial,
#contacto #nav-contacto {
 color: #FFF;
}


#contenido{
	float:left;
	margin-top:22px;
	margin-left:20px;
  	width:500px;
	padding-left: 10px;
	padding-bottom: 20px;
	position:relative;
	
	font-size:0.8em;
	line-height:1.5em;
	 text-align:justify;

	
	/*border: 1px dashed #999; linea punteada para ubicarme*/
}

#facebook {
	float:right;
	margin-top:22px;
	width:220px;
	position:relative; /*	border: 1px dashed #999;linea punteada para ubicarme*/
  	
}

#footer{
	clear:both;
	bottom:0px;
	height:165px; /*	border: 1px dashed #999;linea punteada para ubicarme*/
	width: 100%;
	
	background-image:url(../imagenes/butacas.jpg);
	background-repeat:no-repeat;
	background-position:center bottom; /* si la altura es automatica basta com absolute y left bottom para mandar la figura al fondo/*/
	position:relative;
	font-size:smaller;
	text-align:right;
  	
}

#footer p{
	
	padding-top:130px;
	font-size:smaller;
	color:#CCC;
	text-align:right;	
}

#social{
	margin-top:90px;
	width:250px;
	float:right;	
	
}

#icon{
	margin:1px;
		
}

#linea {  /* div de linea horizontal/*/
	clear:both;
	width:895px;
	margin-left:65px;
	position:relative;
	border-top-color:#f48022;
	border-top-style:inset;
	margin-bottom:0px;
	
}
#lineahbottom {  /* rayita del final de vertical/*/
	margin-left:100px;
	position:relative;
	
	/*border: 1px dashed #999; linea punteada para ubicarme*/
}

#lineaV{  /* div de raya vertical/*/

	width:10px;
	position:relative;
	float:left;
	display:inline;
	background-image:url(../imagenes/lineaV.png);
	background-repeat:repeat-y;
	
}





#ulempresas{  /* lista de clientes EMPRESARIAL/*/
	color:#CCC;
	margin-left:20px;
	list-style-type:circle;
	
}

#ultalleres{  /* lista de TALLERES/*/
	color:#CCC;
	margin-left:20px;
	list-style-type:circle;
	
}

/*  CONTACTO
/////////////////////////////////////*/
/*  boton
////////////////////////////////*/
input,textarea {
    font-size: large;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border: 2px solid #999;
    color: #f48022;
    background: #fff;
}


input:focus, textarea:focus {
    background: #eee;
	
}




/*  OBRAS
/////////////////////////////////////*/
#obraslista a{
    margin-top:20px;
    

}

#obraslista {
	color: #ffffff;
	padding-left:80px;
	text-decoration:none;
	list-style:circle;
	width: 80px;
	font-size:0.8em;
	float:left;
	text-align:left;
	padding-bottom:30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; /*	border: 1px dashed #999;linea punteada para ubicarme*/
	
}
#obraslista li {
	
  	padding-top:5px;
	padding-bottom:5px; /*	border: 1px dashed #999;linea punteada para ubicarme*/
}

#obraslista a {
	
  	color: #f48022;
  	text-decoration:none;
}

#obraslista a:hover {
	color: #FFF;
}


/* NAVEGACION PAGINA ACTIVA
/////////////////////////////////////*/

#obras #nav-obras1,
#obras2 #nav-obras2,
#obras3 #nav-obras3,
#obras4 #nav-obras4,
#obras5 #nav-obras5,
#obras6 #nav-obras6,
#obras7 #nav-obras7,
#obras8 #nav-obras8,
#obras9 #nav-obras9,
#obras10 #nav-obras10{
 color: #FFF;
}