html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1;
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

/*table {
     border-collapse: collapse;
     border-spacing: 0
}*/

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
/***********************************************************************/


body, p, a, ul, li, lo, table, label, input, textarea, checkbox, radio, select  {
	font-family: Arial; font-size: 14px; color: #000000;
}
a {
	color: #808080;
}
p {
	margin-bottom: 10px;
}
label, input, textarea, checkbox, radio, select  {
	font-size: 12px; color: #1A1A1A;
}
h2 {
	font-family: Helvetica, Arial; font-size: 24px;
	padding-bottom: 18px;
	text-transform: uppercase;
}

h3, h3 a {
	font-family: Helvetica, Arial; font-size: 15px; font-weight: bold;
	text-transform: uppercase; color: #0055FC;
	line-height: 16px;
}
tr, td, th {
	vertical-align: inherit;
}

/***********************************************************************/
/* Layour de la web */
/***********************************************************************/
#container {
	width: 978px; /* height: 960px;*/
	border-left: 1px dashed #CCCCCC;
	border-right: 1px dashed #CCCCCC;
	position: absolute;
	top: 0; left: 50%;
	margin-left: -489px;
/*	background: url(../img/plantilla.jpg) no-repeat -1px 0;*/
	background-color: #F2F2F2;
}
/***********************************************************************/



/***********************************************************************/
/* Cabeceras */
/***********************************************************************/
#header1 {
	border-bottom: 1px dashed #CCCCCC;
	height: 133px;
}

#headerBlue {
	width: 403px; height: 100%;
	background: #0091F8;
}

#headerTitulo {
	font-family: Arial; font-size: 36px;
	position: absolute;
	top: 48px; left: 95px;
	color: #FFFFFF;
}
#headerTitulo a {
	font-family: Arial; font-size: 36px;
	color: #FFFFFF; text-decoration: none;
}

#headerSubTitulo {
	font-family: Arial; font-size: 20px;
	position: absolute;
	top: 27px; left: 560px;
	width: 310px;
	color: #0055FC;
	line-height: 28px;
}

#logo {
	position: absolute;
	top: 0; left: 335px;
	background: url(../img/logo.gif);
	width: 133px; height: 133px;
}

#header2 {
	border-bottom: 1px dashed #CCCCCC;
	height: 296px;
	background: url(../img/header-bg.jpg) no-repeat right 0;
}
/***********************************************************************/



/***********************************************************************/
/* Menu principal */
/***********************************************************************/
#menup {
	position: absolute;
	top: 142px; left: 50px;
}
#menup a {
	color: #000000;
	display: block;
	width: 220px; height: 21px; padding-top: 7px;
	background: url(../img/icon-li.jpg) no-repeat 200px 3px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
}
#menup a:hover {
	background: url(../img/icon-li-over.jpg) no-repeat 200px 4px;
	background-color: #E9E9E9;
}
#menup a.sel {
	background: url(../img/icon-li-over.jpg) no-repeat 200px 3px;
}
/***********************************************************************/


/***********************************************************************/
/* Parte central de la web */
/***********************************************************************/
#center {
	border-bottom: 1px dashed #CCCCCC;
}
/***********************************************************************/



/***********************************************************************/
/* Menu de la derecha */
/***********************************************************************/
#menuv {
	float: right;
	width: 234px; height: 444px;
}
#menuv li {
	height: 148px; overflow: hidden;
}
/***********************************************************************/



/***********************************************************************/
/* Cajas de la parte central
/***********************************************************************/
#box {
	padding-top: 28px; padding-left: 22px; padding-right: 22px;
	float: left;
}
#box img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
}
#box p {
	line-height: 16px;
}
#box a {
	color: #0055FC;
	text-decoration: none;
}
#box ul {
	list-style: disc;
	padding-left: 20px;
}
#box li {
	line-height: 15px;
}
#generalbox {
	width: 670px;
}
#bienvenidobox {
	width: 378px;
}
#bienvenidobox p {
	text-align: justify;
}
#asociadosbox {
	width: 300px; margin-right: 60px;
}
#loginbox {
	width: 378px; padding-top: 20px;
}
#loginbox p {
	text-align: justify;
}
#novedadesbox {
	width: 274px;
}
#novedadesbox h2 {
	color: #0055FC;
}
#novedadesbox h3, #novedadesbox h3 a {
	color: #000000;
}
.novedadbox {
	padding-bottom: 42px;
	min-height: 65; height: auto !important; height: 65px;
}
.novedadboxfin {
	padding-bottom: 0;
}
.novedadestexto {
	margin-left: 60px;
}
.novedadesfecha {
	float: left;
	text-align: center;
	background: #CCCCCC; color:#FFFFFF; font-weight: bold;
	width: 42px; height: 40px; padding-top: 5px;
}
.dia {
	font-size: 20px;
}
.mes {
	font-size: 12px;
}
#delegacionesbox {
	width: 274px;
}
#delegacionesbox h2 {
	color: #0055FC;
}
/***********************************************************************/



/***********************************************************************/
/* Pie de la web */
/***********************************************************************/
#footer {
	height: 50px;
	padding-top: 40px; padding-left: 5px; padding-right: 5px;
	font-size: 12px;
}
#footer a {
	font-size: 12px;
}

/***********************************************************************/
/* Formularios */
/***********************************************************************/
.inputText, .inputTextArea {
	border: 1px solid #AAAAAA;
	width: 150px; color: #0055FC;
	padding: 1px 5px;
}
.inputTextArea {
	height: 50px;
}
.inputButton {
	background: #AAAAAA; color: #FFFFFF; font-weight: bold;
	border: 1px solid #DDDDDD;
	width: 80px;
}


/***********************************************************************/
/* Otros */
/***********************************************************************/
.clear {
	clear: both;
}