/* CSS Cabernet Sauvignon Rock */

body {
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	background:#FFF;
}

div {outline:none}

a {color:#000000}

a:hover {color:#0066CC}

h1, h2, h3, h4 {
	margin:0;
	padding:0;
}

h1 {font-size:1.6em}
h2 {font-size:1.4em}
h3 {font-size:1.2em}
h4 {font-size:1.1em}

p {
	margin:10px 0;
	padding:0;
}

span.txtRojo {color:#FF0000}

ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

form {
	margin:0;
	padding:0;
}

input {
	margin:0;
	padding:0;
}

/* ======================================================================================== */

#main {
	width:780px;
	height:auto;
	margin:5px auto 10px auto;
	overflow:auto;
}

	#encabezado {
		width:780px;
		height:110px;
		background:url(../imagenes/encabezado.gif) 0 0 no-repeat;
	}
	
		#encabezado h1 {display:none}
		
	#contenido {
		width:780px;
		height:auto;
		overflow:auto;
		background:#FFFFFF url(../imagenes/fondo.gif) 0 0 repeat-y;
	}
	
		#secIzquierdo {
			float:left;
			width:160px;
			height:auto;
			overflow:auto;
			padding:0 0 0 10px;
		}
		
			#secIzquierdo ul {
				margin-top:40px;
			}
			
			#secIzquierdo li {
				margin:0 0 10px 0;
			}
			
				#secIzquierdo li a {
					display:block;
					text-decoration:none;
					width:156px;
					padding:2px 0 2px 3px;
					border:#679AFF 1px solid;
					border-right:none;
					background:#FFFFFF;
					outline:0;
				}
				
				#secIzquierdo li a:hover {
					background:#DDD url(../imagenes/fondoGrad2.png) top repeat-x;
				}
		
		#secDerecho {
			float:right;
			width:590px;
			padding:5px 10px 5px 10px;
			height:auto;
			overflow:auto;
		}
		
			#secDerecho #tituloSeccion {
				width:580px;
				height:auto;
				overflow:auto;
				margin:5px 0 10px 0;
				border-bottom:#679AFF 1px solid;
				color:#679AFF;
			}
			
				#secDerecho #tituloSeccion h2 {
					font-family:Helvetica, Verdana, Arial, sans-serif;
					font-size:1.5em;
					font-weight:normal;
					font-variant:small-caps;
				}
		
			#secDerecho #texto {
				width:580px;
				height:auto;
				overflow:auto;
				background:url(../imagenes/fondoTexto.gif) right top repeat-y;
			}
			
				#secDerecho #texto #noticiaCont {
					float:left;
					width:400px;
				}
			
					#noticiaCont div.noticia {
						width:400px;
						height:auto;
						overflow:auto;
						margin-bottom:15px;
						border-bottom:#EEE 5px solid;
						padding-bottom:5px;
						/*background:url(../imagenes/Cuadro.gif) bottom left no-repeat;*/
					}
					
						#noticiaCont div.noticia h3 a{
							text-decoration:none;
							color:#679AFF;
						}
						#noticiaCont div.noticia h3 a:hover{
							color:#666
						}
			
						#secDerecho #texto div.noticia p img {
							float:left;
							margin:0 10px 7px 0;
						}
						
					#noticiaCont .ciclosDestacados {
						border:#999 1px solid;
						background:#eee;
						padding:3px;
					}
					
						#noticiaCont .ciclosDestacados div{
							margin-bottom:15px;
							border-bottom:#ccc 2px solid;
							padding-bottom:5px;
						}
						
						#noticiaCont .ciclosDestacados h3 {
							margin-bottom:10px;
						}
						
						#noticiaCont .ciclosDestacados img {
							float:left;
							margin-right:5px;
						}
						
						#noticiaCont .ciclosDestacados p {
							margin:0;
						}
						
				#secDerecho #texto #noticiaCont ul#menuInstitucional {
					list-style:none;
					margin:0 0 30px 0;
					padding:0;
				}
				
					#secDerecho #texto #noticiaCont ul#menuInstitucional li {
						float:left;
						margin-right:15px;
					}
					
						ul#menuInstitucional li a {
							font-variant:small-caps;
							text-decoration:none;
							color:#679AFF;
						}
						
						ul#menuInstitucional li a:hover {
							text-decoration:underline;
							color:#000000
						}
				
				ul#listaEspacios, ul#listaTalleres {
					margin-bottom:30px
				}
				
					ul#listaEspacios a, ul#listaTalleres a {
						color:#679AFF
					}
					
					ul#listaEspacios a:hover, ul#listaTalleres a:hover {
						color:#000
					}
				
				
				h2.tituloHome {
					color:#679AFF;
					font-weight:bold;
					font-variant:small-caps;
					border:#DDD 1px solid;
					border-bottom:#BBB 1px solid;
					padding:2px;
					margin-bottom:15px;
					text-align:right;
					background:#EEE url(../imagenes/fondoGrad2.png) top;
				}
				
					h2.tituloHome a{
						color:#679AFF;
						font-size:10px;
						font-weight:normal;
						font-variant:normal
					}
					h2.tituloHome a:hover{
						color:#333;
						text-decoration:underline
					}


			/* Publicidades ============ */
			#secDerecho #texto #publi {
				float:right;
				width:160px;
				height:auto;
				overflow:auto;
				padding:5px;
				/*background:url(../imagenes/fondoGrad.png) bottom repeat-x;*/
			}
			
				#secDerecho #texto #publi .unaPubli {
					width:160px; 
					background:#EDEDED; 
					position:relative; 
					margin-bottom:20px;
					padding:0;
					text-align:center;
					color:#999;
				}
					
					#secDerecho #texto #publi .unaPubli a, img{
						border:0;
						margin:0; padding:0
					}
			
			/* Redes Sociales ============ */
			
			#secDerecho #texto #publi .redes_sociales {
				padding-top:20px;
				border-top:#ddd 1px solid;
			}
			
			
			/* TABLA DE AGENDA */
			
			table#tablaAgenda {
				/*border:#000 1px solid;*/
			}
			
				table#tablaAgenda tr.encabezado {
					background:#CCC url(../imagenes/fondoGrad2.png) bottom repeat-x;
					font-weight:bold;
					color:#000000;
				}
				
					table#tablaAgenda tr.encabezado td {
						font-weight:normal
					}
				
				table#tablaAgenda tr.filaPar {
					background:#FFFFFF;
				}
				
				table#tablaAgenda tr.filaImpar {
					background:#EFEFEF;
				}
				
					table#tablaAgenda td h2 {
						font-size:12px
					}
				
			/* TABLA DE TALLER */
			
			table#tablaTaller {
				margin-bottom:15px;
				padding-bottom:10px;
				border-bottom:#CCCCCC 1px solid;
			}
			
				table#tablaTaller tr.encabezado {
					background:#0099FF;
					font-weight:bold;
					color:#000000;
				}
				
				table#tablaTaller tr.filaPar {
					background:#FFFFFF;
				}
				
				table#tablaTaller tr.filaPar {
					background:#EFEFEF;
				}
	
	#logos_pie {
		width:600px; /*780 = 600 + 180*/
		padding-left:180px;
		padding-bottom:10px;
		padding-top:20px;
		height:auto;
		overflow:auto;
		background:#FFFFFF url(../imagenes/fondo.gif) 0 0 repeat-y;
	}
		
		#logos_pie div.logos_pie_fila {
			height:auto;
			overflow:auto;
			clear: both;
			margin-bottom:5px;
		}
	
		#logos_pie div.unaPubli {
			float:left; margin-right:15px;
		}
	
	#pie {
		width:780px;
		height:auto;
		overflow:auto;
		outline:0;
		background:url(../imagenes/pie.gif) top right no-repeat;
		text-align:center;
		padding:25px 0 0 0;
		color:#666666;
	}
	
		#pie a {
			text-decoration:none;
			color:#679AFF;
		}
		
		#pie a:hover {color:#0066CC}
		
		#pie a#ahijuna {outline:0}
		
		#pie div.unaPubli {
			float:left;
			margin-right:10px;
		}
		
		

/* ======================================================================================== */

/* Trastienda */

#trastiendaContenido {}
#trastiendaContenido .lista_obras { margin-top:20px; overflow:hidden; }

#trastiendaContenido h2 { color:#679AFF; border-bottom:#679AFF 1px solid; margin-bottom:10px; font-size:1.5em;
font-variant:small-caps; font-weight:normal; }

#trastiendaContenido a.volver { display:block; text-align:right; margin-bottom:10px; }

#trastiendaContenido .lista_obras .fila { height:auto; overflow:auto; }

#trastiendaContenido .obra { width:270px; height:140px; padding:5px; overflow:hidden; float:left; background:#333; border:#999 1px solid; margin-bottom: 15px; }
#trastiendaContenido .obra * { color: #FFF; }
#trastiendaContenido .obra.impar { margin-left:15px; }
#trastiendaContenido .obra .imagen_obra { float:left; margin-right:5px; }
#trastiendaContenido .obra h3 { display:inline; }