/* estructura de la web */

body {
	background: url("../imagenes/background.gif") repeat-x #f8f8f8;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	width: 990px;
	margin: 0 auto;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	background: #fff;
}

#header {
	height: 308px;
	background: url("../imagenes/header-bg.png") no-repeat;
}

#left-side {
	float: left;
	width: 238px;
}

#right-side {
	float: left;
	width: 752px;
}

.clear {
	clear: both;
}

.red {
	color: #d00;
}

.blue {
	color: #39c;
}

.fecha {
	color: #f8f8f8;
	margin-bottom: 10px;
}

/* estilos del menu */

#menu {
	text-align: right;
	font-size: 24px;
}

#menu li {
	float: left;
}

.menu-item1 {
	display: block;
	width: 216px;
	height: 32px;
	padding-top: 12px;
	padding-right: 20px;
	color: #fff;
	background: #767f88;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	text-decoration: none;
}

.menu-item2 {
	display: block;
	width: 166px;
	height: 32px;
	padding-top: 12px;
	padding-right: 20px;
	color: #fff;
	background: #39c;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	text-decoration: none;
}

.menu-item3 {
	display: block;
	width: 167px;
	height: 32px;
	padding-top: 12px;
	padding-right: 20px;
	color: #fff;
	background: #d00;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	text-decoration: none;
}

.menu-item1:hover {
	color: #767f88;
	background: #f8f8f8;
}

.menu-item2:hover {
	color: #767f88;
	background: #f8f8f8;
}

.menu-item3:hover {
	color: #767f88;
	background: #f8f8f8;
}

/* estilos left-side */

.block1 {
	width: 236px;
	height: 78px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	background: #39c;
}

.block2 {
	width: 236px;
	height: 78px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	background: #d00;
}

.block3 {
	width: 236px;
	height: 78px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	background: url("../imagenes/title-left.gif") no-repeat;
}

.txt1 {
	font-size: 12px;
	color: #767f88;
	margin: 16px;
}

.txt1 p {
	margin-bottom: 10px;
}

/* estilos right-side */

#fotos {
	width: 752px;
	height: 238px;
	border-bottom: 2px solid #fff;
	background: url("../imagenes/fotos-bg.gif") no-repeat #767f88;
}

#mini-foto {
	float: left;
	margin-left: 100px;
	margin-top: 17px;
	border: 2px solid #fff;
}

.foto {
	float: left;
	margin-left: 16px;
	margin-top: 17px;
	height: 200px;
	border: 2px solid #fff;
}

#eventos-inicio {
	width: 752px;
	height: 260px;
	border-bottom: 2px solid #fff;
	background: url("../imagenes/eventos-bg.gif") no-repeat #767f88;
}

.evento-inicio {
	float: left;
	margin-left: 50px;
	margin-top: 17px;
	height: 200px;
	border: 2px solid #fff;
}

.evento-inicio:hover {
	border: 2px solid #39c;
}

/* estilos para galeria de fotos */

#galeria-fotos {
	width: 752px;
	min-height: 500px;
	border-bottom: 2px solid #fff;
	background: url("../imagenes/fotos-bg.gif") no-repeat #767f88;
	color: #fff;
	font-size: 12px;
}

#galeria-fotos h1 {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 10px;
	text-align: right;
}

#galeria-fotos a {
	color: #fff;
	text-decoration: none;
}

#categorias-fotos {
	padding-top: 20px;
	margin-left: 80px;
	margin-right: 20px;
}

.categoria-foto {
	float: left;
	width: 284px;
	height: 84px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 8px;
	border: 1px solid #fff;
}

.categoria-foto img {
	float:left;
	width:80px;
	height:80px;
	border: 1px solid #fff;
	margin-right: 8px;
}

.categoria-foto h2 {
	margin-bottom: 4px;
}

.categoria-fecha {
	margin-bottom: 4px;
}

.galeria {
	padding-top: 20px;
	margin-left: 80px;
	margin-right: 20px;
}

.fotogaleria {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}

.fotogaleria img {
	width: 190px;
	border: 1px solid #fff;
}

/* estilos para apartado eventos */

#eventos {
	width: 752px;
	min-height: 500px;
	border-bottom: 2px solid #fff;
	background: url("../imagenes/eventos-bg.gif") no-repeat #767f88;
	color: #fff;
	font-size: 12px;
}

#eventos h1 {
	margin-left: 20px;
	padding-top: 20px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #f8f8f8;
}

.evento {
	margin: 20px;
	margin-right: 100px;
	border: 1px solid #fff;
	padding: 10px;
}

.evento img {
	float: left;
	margin-right: 20px;
	width: 150px;
	border: 2px solid #39c;
}

.evento h2 {
	padding-bottom: 2px;
	margin-bottom: 4px;
	font-size: 16px;
	border-bottom: 2px solid #39c;
}


/* estilos para (blog) vuestras cosas */

#blog {
	width: 712px;
	min-height: 480px;
	padding: 20px;
	border-bottom: 2px solid #fff;
	background: url("../imagenes/vuestras-bg.gif") no-repeat #767f88;
	color: #fff;
}

.post {
	margin-left: 80px;
	margin-bottom: 30px;
}

.post h2 {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #f8f8f8;
}

.post img {
	float: right;
	margin-top: 7px;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 200px;
	border: 1px solid #fff;
}

.post-title {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #f8f8f8;
	text-decoration: none;
}

.post-title:hover {
	color: #39c;
}

.post-autor {
	padding: 3px;
	font-size: 12px;
	border-bottom: 4px solid #39c;
}

.post-dot {
	display: block;
	float: left;
	width: 5px;
	height: 5px;
	margin-right: 5px;
	margin-top: 2px;
	border: 1px solid #f8f8f8;
	background: #d00;
}

.post-txt {
	margin-top: 5px;
	margin-bottom: 10px;
}

.post-txt p {
	font-size: 12px;
	margin-bottom: 6px;
}

.leermas {
	color: #f8f8f8;
	font-size: 12px;
}

.leermas:hover {
	color: #d00;
}

#comments {
	margin-left: 80px;
	padding: 30px;
	padding-top: 0px;
	border-top: 1px solid #fff;
	font-size: 12px;
}

.comment {
	margin-top: 20px;
	padding-bottom: 10px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.comment h3 {
	margin-bottom: 2px;
	font-size: 16px;
	color: #eee;
}

.comment-subtitle {
	margin-bottom: 6px;
	color: #ddd;
}

.comment-subtitle strong {
	color: #fff;
}

.comment-txt {
	color: #ddd;
}

/* estilos para contacto */

#contact {
	width: 712px;
	padding: 20px;
	font-size: 14px;
	color: #fff;
	border-bottom: 2px solid #fff;
	background: url("../imagenes/contacto-bg.gif") no-repeat right top #767f88;
}

#contact-margin {
	margin-right: 80px;
}

#contact h3 {
	margin-bottom: 20px;
}

#contact iframe {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 2px solid #d00;
}

#contact p {
	margin-top: 8px;
}

/* estilos formulario*/

#form-box {
	padding: 30px;
	font-size: 12px;
	color: #767f88;
	border: 2px solid #39c;
	background: #f8f8f8;
}

.form-title {
	font-size: 14px;
	font-weight: bold;
}

.intxt {
	margin-top: 3px;
	margin-bottom: 10px;
	color: #39c;
	border: 2px solid #d00;
	background: #f8f8f8;
}

.intxt:focus {
	border: 2px solid #39c;
}

.btn-form {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #39c;
	border: 2px solid #39c;
	background: #f8f8f8;
}

.btn-form:hover {
	color: #d00;
	border: 2px solid #d00;
}

/* estilos footer */

.footer1 {
	float: left;
	width: 648px;
	height: 26px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 14px;
	border-right: 2px solid #fff;
	background: #767f88;
	margin-left: 238px;
	font-size: 11px;
	color: #fff;
}

.footer2 {
	float: left;
	width: 40px;
	height: 40px;
	border-right: 2px solid #fff;
	background: #39c;
}

.footer3 {
	float: left;
	width: 40px;
	height: 40px;
	background: #d00;
}