/* CSS Document */

	body {
		margin: 0;
		padding: 0;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		background:  #FFFFFF url(../images/bg_head.png) top repeat-x;
		}
		
/*//////////////////////////////////////////////////////////////////////////////////////*/		
		
	#wrap {
		width: 880px;
		margin: 0 auto;
		clear: both;
		}
		
/*//////////////////////////////////////////////////////////////////////////////////////*/		
	
	a img { border: 0; }	
	
	.imgr { float: right; margin-left: 8px; }
	
	.imgl { float: left; margin-right: 8px; }
		
/*//////////////////////////////////////////////////////////////////////////////////////*/		
		
	#head {
		height: 154px;
		}
		#head h1 {
			margin: 0;
			float: left;
			}
			#head h1 a {
				display: block;
				width: 167px;
				height: 133px;
				background-image: url(../images/logo.png);
				text-indent: -9999px;
				}
		#head ul {
			margin: 113px 0 0 0;
			padding: 0;
			list-style: none;
			float: right;
			}
			#head ul li {
				float: left;
				margin: 0 0 0 1px;
				padding: 0;
				}
				#head ul li a {
					display: block;
					padding: 6px 10px;
					background: url(images/bg_buttons.png) top repeat-x;
					color: #FFFFFF;
					text-transform: uppercase;
					text-decoration: none;
					}
				#head ul li a:hover, #head ul li.sel a {
					background-position: bottom;
					color: #000000;
					}
					
		
/*//////////////////////////////////////////////////////////////////////////////////////*/		
	
	a img { border: 0; }
	
	.clear { clear: both; }
	.txtright { text-align: right; }
	.txtcenter { text-align:center; }
					
		
/*//////////////////////////////////////////////////////////////////////////////////////*/		
	
	#main {
		padding: 10px 0;
		clear: both;
		}

	#clearer {
		clear: both;
		}		
		#top {
			clear: both;
			height: 260px;
			padding: 4px 0;
			}
		#cont {
			clear: both;
			padding: 24px 0;
			}
		
		.wbox {
			border: 1px solid #E7D799;
			padding: 2px;
			background-color: #FFFFFF;
			}
		.ybox {
			background-color: #D5BA4F;
			}
			
			.wbox h2 {
				padding: 6px 10px;
				background-color: #000000;
				font-size: 18px;
				color: #FFFFFF;
				font-style: italic;
				font-weight: normal;
				margin: 0;
				}
			.wbox h3 {
				background: url(../images/bg_h3_wbox.png) repeat-x;
				padding: 4px 10px;
				color: #000000;
				font-size: 16px;
				font-style: italic;
				font-weight: normal;
				margin: 0;
				}
			.ybox h3 {
				background-color: #BDA02D;
				padding: 5px 10px;
				color: #000000;
				font-size: 16px;
				font-style: italic;
				font-weight: normal;
				margin: 0;
				border-bottom: 1px solid #FFFFFF;
				}
				
			.wbox p, .ybox p {
				padding: 0 10px;
				}
				
			.wbox a, .ybox a {
				color: #BDA02D;
				text-decoration: none;
				}
				.wbox a:hover, .ybox a:hover {
					text-decoration: underline;
					}
		
/*//////////////////////////////////////////////////////////////////////////////////////*/		
	
		#news {
			width: 330px; 
			height: 260px; 
			float: left;
			margin: 0 10px 0 0;
			}
			#news ul {
				margin: 0;
				padding: 1px 0 0 0;
				list-style: none;
				}
				#news ul li {
					margin: 2px 0;
					padding: 0;
					}
					#news ul li a {
						display: block;
						padding: 4px;
						background-color: #F5F5F5;
						color: #99802B;
						text-decoration: none;
						text-transform: uppercase;
						height: 67px;
						}
					#news ul li a:hover {
						background-color: #FFFFFF;
						text-decoration: underline;
						}
						#news ul li a img {
							float: right;
							border: 2px solid #FFFFFF;
							}
						#news ul li span {
							float: left;
							}
							#news ul li span img {
								border: 0;
								margin-right: 6px;
								}
							
			p.antetit {
				margin: 0 0 2px 0;
				padding: 5px 10px;
				background-color: #EFEFEF;
				font-size: 14px;
				color: #666666;
				}
			p.sumario {
				font-size: 15px;
				font-style: italic;
				padding: 0 10px 10px 10px;
				border-bottom: 1px dotted #CCCCCC;
				}
				
			div#listnews {
				width: 160px;
				height: 260px;
				margin: 0 10px 0 0;
				float: left;
				}
				div#listnews ul {
					margin: 0;
					padding: 10px 0 0 4px;
					list-style: none;
					}
					div#listnews ul li {
						margin: 0;
						padding: 0;
						}
						div#listnews ul li a {
							display: block;
							padding: 2px 0 2px 6px;
							background: url(../images/bg_li.png) left center no-repeat;
							}
						
			div#categories {
				width: 154px;
				height: 260px;
				margin: 0 10px 0 0;
				float: right;
				}
				div#categories ul {
					margin: 0;
					padding: 10px 0 0 4px;
					list-style: none;
					}
					div#categories ul li {
						margin: 0;
						padding: 0;
						}
						div#categories ul li a {
							display: block;
							padding: 2px 0 2px 6px;
							background: url(../images/bg_li2.png) left center no-repeat;
							color: #FFFFFF;
							}
						
		
/*//////////////////////////////////////////////////////////////////////////////////////*/		
	
		#content { 
			width: 680px; 
			float: left;
			margin: 0 10px 10px 0;
			}
			
			#content p.notis {
				padding: 10px 0;
				margin: 10px;
				border-bottom: 1px solid #EADDA8;
				}
				#content p.privado {
					padding-right: 18px;
					background: url(../images/privado.png) center right no-repeat;
					}
				#content p.publico {
					padding-right: 18px;
					background: url(../images/publico.png) center right no-repeat;
					}
		
/*//////////////////////////////////////////////////////////////////////////////////////*/		
	
		#resenia { 
			width: 524px; 
			float: left;
			margin: 0 10px 0 0;
			}
		#contactb { 
			width: 524px; 
			float: left;
			margin: 0 10px 0 0;
			}
		
		#mision { 
			width: 340px; 
			float: left;
			margin: 0 10px 0 0;
			}
		
		#vision { 
			width: 340px; 
			float: right;
			margin: 0;
			}
		
/*//////////////////////////////////////////////////////////////////////////////////////*/		
	
		#event { 
			width: 180px; 
			height: 260px;
			float: left;
			margin: 0 10px 0 0;
			}
			#event p {
				padding: 0 8px;
				color: #99802B;
				}
				#event p img {
					border: 2px solid #99802B;
					}
				#event p a {
					color: #99802B;
					text-decoration: none;
					}
					#event p a:hover {
						text-decoration: underline;
						}
						
		.listevent {
			border-bottom: 1px dotted #CCCCCC;
			margin: 0 10px;
			padding: 0 0 10px 0;
			}
			.listevent h4 {
				font-size: 16px;
				font-weight: normal;
				color: #775100;
				}
			.listevent a img {
				border: 1px solid #775100;
				}
			.listevent a:hover img {
				border: 1px solid #CFAF2B;
				}
				
				
		#eventox { 
			width: 524px; 
			float: left;
			margin: 0 10px 10px 0;
			}
			#eventox h4 {
				font-size: 16px;
				font-weight: normal;
				color: #775100;
				padding: 0 10px;
				}
			#eventox p a img {
				border: 1px solid #775100;
				}
			#eventox p a:hover img {
				border: 1px solid #CFAF2B;
				}
			
		
/*//////////////////////////////////////////////////////////////////////////////////////*/		
	
		#encuest { 
			width: 160px; 
			height: 265px;
			float: right;
			color: #FFFFFF;
			}
			#encuest form fieldset {
				border: 0;
				margin: 0;
				padding: 0 8px;
				}
				#encuest form fieldset label {
					display: block;
					}
				#encuest form p {
					margin: 8px 0;
					text-align: center;
					}
				#encuest form p.enviado {
					font-weight: bold;
					}
					#encuest p a {
						color: #FFFFFF;
						}
						#encuest p a:hover {
							text-decoration: none;
							}
				#encuest form fieldset button {
					background: url(../images/btn_enviar.png);
					border: 0;
					text-indent: -9999px;
					width: 70px;
					height: 19px;
					cursor: pointer;
					display: block;
					margin: 10px auto;
					}
					
				#encuest form span p span.bar {
					display: block;
					height: 4px;
					background-color: #FFFFFF;
					}
		
/*//////////////////////////////////////////////////////////////////////////////////////*/		
	
		#banners { 
			width: 160px;
			margin: 0 10px 0 0;
			float: left;
			}	
		
/*//////////////////////////////////////////////////////////////////////////////////////*/		
	
		#razon { 
			width: 330px; 
			height: 310px; 
			float: left;
			margin: 0 10px 0 0;
			}
			#razon p {	
				padding: 0 10px;
				color: #775100;
				font-size: 13px;
				margin: 10px 0;
				}
		
/*//////////////////////////////////////////////////////////////////////////////////////*/		
	
		#video { 
			width: 358px; 
			height: 316px;
			float: right;
			}	
			#video div {
				width: 320px;
				margin: 10px auto;
				}
				
		#indexvideo {
			width: 425px;
			margin: 0 auto;
			padding: 20px 0;
			}
		
/*//////////////////////////////////////////////////////////////////////////////////////*/		
	
		#login { 
			width: 160px;
			height: 200px;
			margin: 0 10px 0 0;
			float: left;
			}
		
			#login form fieldset {
				border: 0;
				padding: 10px 10px 0 10px;
				margin: 0;
				background: url(../images/bg_degrad.png) bottom repeat-x;
				height: 160px;
				}
				#login form fieldset label {
					color: #AD9130;
					display: block;
					margin: 6px 0 0 0;
					}
				#login form fieldset input {
					border: 1px solid #AD9130;
					background-color: #FFFFFF;
					
					}	
				#login form fieldset p {
					border-top: 1px solid #AD9130;
					border-bottom: 1px solid #AD9130;
					text-align: center;
					padding: 10px 0;
					}
					#login form fieldset p a {
						color: #AD9130;
						text-decoration: none;
						}
						#login form fieldset p a:hover {
							text-decoration: underline;
							}
				#login form fieldset button {
					background: url(../images/btn_entrar.png);
					border: 0;
					text-indent: -9999px;
					width: 70px;
					height: 19px;
					cursor: pointer;
					display: block;
					margin: 10px auto;
					
					}
				#login form fieldset input#btn_logoff {
					background: url(../images/btn_logoff.png);
					border: 0;
					text-indent: -9999px;
					width: 70px;
					height: 19px;
					cursor: pointer;
					display: block;
					margin: 10px auto;
					}
					
			#login p.error {
				padding: 2px;
				margin: 0;
				color: #FF0000;
				border: 0;
				}
			#login p.enviado {
				padding: 2px;
				margin: 0;
				color: #336600;
				border: 0;
				}

/*************  FORMULARIO CONTACTOS ********************/
		
  .forma {
    margin: 0;
    width: 500px;           
    clear: both;
    }
   
    .forma fieldset {
        margin: 0 0 10px 0;
        padding: 0 10px 20px 15px;
        border: 0;
        }
    .forma fieldset legend {
        color: #CCCCCC;
		font-size: 16px;
        }
    .forma fieldset label {
        display: block;
        float: left;
        width: 120px;
        padding: 3px 0 4px 60px;
        margin: 3px 0 0 0;
        color: #8d8d8d;
				font-weight: bold;
        }
    .forma fieldset input {
        width: 250px;              
        margin: 3px 0 3px 4px;
        border: 1px solid #CCC;
        padding: 4px;
        }
    .forma fieldset textarea {
        width: 254px;              
        margin: 3px 0 0 4px;
        border: 1px solid #CCC;
        padding: 2px;
        }
       
	/**************************/
       
p#allright {
    background: url(../images/adm/allright.png) no-repeat center left;
    padding: 3px 10px 3px 20px;
	margin: 10px;
    font-size: 1.1em;
    width: 400px;
	color: #336600;
    }
p#rallright {
	border: 1px solid #669900;
	background: #F2FFF2 url(../images/adm/allright.png) no-repeat center left;
    padding: 3px 10px 3px 20px;
	margin: 10px;
    font-size: 1.1em;
    width: 400px;
	color: #336600;
    }
p.allright {
	border: 0 !important;
	padding: 0;
    background: url(../images/adm/allright.png) no-repeat center left;
    padding: 3px 10px 3px 20px;
	margin: 0px;
    font-size: 1.1em;
	color: #336600;
    }
   
ul#lista_errores {
    list-style: none;
    margin: 10px 20px 20px 0;
    padding: 0;
    }
ul#lista_errores li {
    border: 1px solid #FF0000;
    background: #FFF0F0 url(../images/adm/error.png) no-repeat center left;
    padding: 3px 10px 3px 20px;
    font-style: italic;
    margin: 10px;
    width: 440px;
    }

#friend_box .error { 
	color: red; 
	background: url(../images/adm/error.png) no-repeat center left;
    padding: 1px 0 1px 20px;
	}


/*///////////////////////////////////////////////////////////////////////////*/

	#amigo {
		margin: 0;
		padding: 0;
		}
		#amigo fieldset {
			margin: 0;
			padding: 0;
			border: 0;
			font-size: 11px;
			color: #666666;
			}
			#amigo fieldset input {
				border: 1px solid #CCCCCC;
				width: 156px;
				}

/*///////////////////////////////////////////////////////////////////////////*/

	.pager {
		margin: 20px 0;
		text-align: left;
		}
		/*.pager a {
			border: 1px solid #CCCCCC;
			padding: 4px 6px;
			text-decoration: none;
			}
			.pager a:hover {
				background-color: #EDEDED;
				}*/
		
/*//////////////////////////////////////////////////////////////////////////////////////*/		
	
	#foot {
		height: 100px;
		background: #000000 url(../images/bg_foot.png) top repeat-x;
		color: #FFFFFF;
		padding: 20px 0 0 0;
		text-align: center;
		clear: both;
		margin: 10px 0 0 0;
		}
		#foot a {
			text-decoration: none;
			color: #FFFFFF;
			}
			#foot a:hover {
				color: #D9C05E;
				}