/* Reset.css */
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, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
form, label, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; }
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}

label { clear: both; color: #1d7aba; }
input[type=submit],label,select,.pointer, li a, a { cursor:pointer}

:focus{outline:0}

ins{text-decoration:none}
del{text-decoration:line-through}

table{border-collapse:collapse; border-spacing:0; margin: 0; padding: 0;}
tr{border-collapse:collapse; border-spacing:0; margin: 0; padding: 0;}
td{border-collapse:collapse; border-spacing:0; margin: 0; padding: 0;}

/* Ruben Silva Rodriguez */

/* Colores: */

/* Ultima modificación */

body { background: #fff url(/images/background.gif) repeat; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; color: #555; }
body.socios {background: #fff; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; color: #555;}

a { color: #1d7aba; }
a:hover { color: #ed6723; }

#content { background: transparent; width: 906px; margin: 10px auto 20px auto; position: relative;}
	#anilla { position: absolute; margin: -1px 0 0 -45px; width: 45px; height: 75px; background: transparent url(/images/header_footer.png) 1px -197px no-repeat; }			
	#center { background: transparent url(/images/bg-content.png) repeat-y; width: 906px; display: table-cell; }
		#contenido { background: transparent url(/images/bg-center.gif) no-repeat bottom right; width: 900px; margin-right: 6px; margin-left: 1px; display: table-cell; }
		.ie #contenido { background: transparent url(/images/bg-center.gif) no-repeat bottom right; width: 899px; margin-right: 6px; margin-left: 1px; display: table-cell; }
			#texto { background: transparent; text-align: justify; width: 551px; padding: 20px 40px 20px 40px; float: left; display: table-cell; }
				#texto ul {list-style-type: disc; margin-left: 15px}
            #texto2 { background: transparent; text-align: justify; width: 390px; padding: 20px 10px 20px 40px; float: left; }
                .asociadosL {width:185px; float: left; margin-right: 10px; clear: left; margin-bottom: 40px;}
                .asociadosR {width:185px; float: right; margin-left: 10px; clear: right; margin-bottom: 40px;}
            #contentArea { background: transparent; width: 400px; margin-right: 1px; padding: 20px 40px 20px 10px; display: table; }
                .slick{ background: #fff; padding: 10px; border:2px solid #ccc; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
            #sidebar { background: transparent; width: 267px; margin-right: 1px; padding: 20px 0 20px 0; display: table-cell; }
				#head-news { background: #1d7aba url(/images/index_ico.png) 10px -20px no-repeat; padding: 5px 0 0 35px; color: #fff; width: 90px; height: 21px; clear: both}
				#news { background: #1d7aba; margin-right: 20px; color: #fff; padding: 10px; font-size: 0.923em; clear: both;}
                    #news a { color: #333;}
                #news2 { background: #1d7aba; margin-right: 20px; color: #fff; padding: 10px; font-size: 0.923em; clear: both;}
                    #news2 a { color: #333;}
                    .suscribete { font-size: 2em; color: #f58329}
                    .viarss { font-size: 1.5em}
                    #rss { cursor: pointer}
.cabecera { background: transparent url(/images/header_footer.png) no-repeat; width: 906px; height: 155px; }
		#slogan { text-align: left; vertical-align: middle; height: 119px; clear: both; line-height: 140px; padding-left: 60px; font-size: 1.5em; }
		#menu { width: 631px; height: 36px; background: #1d7aba; margin: 0; }
	#footer { background: transparent url(/images/header_footer.png) 0px -155px no-repeat; width: 906px; height: 36px; clear: both }
		#footer ul li { display: inline; width: 105px; height: 36px; vertical-align: middle; position: relative; padding: 0px 20px 0px 19px; border-right: 1px solid #555; color: #555; line-height: 36px; font-size: 0.846em }
		#footer ul li.puntorojo { border: 0 none; padding: 0px 20px 0px 20px; }
		#footer ul li.desarrollo { border: 0 none; }
	
	/*** ESSENTIAL STYLES DROPDAWN MENU ***/
	.sf-menu{ margin:0; padding:0; height:36px; background:transparent; width:631px; text-align:center; text-decoration:none; display: block; color:#fff; z-index: 999;font-weight: lighter;}
	
	.sf-menu ul{position:absolute; top:-999em; text-align:left; z-index: 999;}
	.sf-menu ul li{width:135px; z-index: 999; line-height: 36px; height: 36px}
	
	.sf-menu li.sf-menu-news{line-height: 17px}
	.sf-menu li.sf-menu-news li{width:175px}
	
	.sf-menu li{float:left; position:relative; }
	.sf-menu li:hover {cursor:pointer}
	
	.sf-menu a{display:block; position:relative; text-decoration:none; color:#fff; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul{top:36px; z-index:99; left: 0px;}
	
	.sf-menu{float:left;}
	.sf-menu a{line-height:36px; color:#1d7aba; display: block; }
	.sf-menu a, .sf-menu a:visited{color:#1d7aba; }
	.sf-menu li{background: transparent; line-height: 36px; padding: 0px 14px 0px 13px; height: 36px}
	.sf-menu li li{background:#fff; color: #1d7aba; line-height: 25px; border-left: 1px solid #1d7aba;}
	
	.sf-menu li li:hover{background:#1d7aba; border-left: 1px solid #fff; color: #fff;cursor:pointer}
    .sf-menu li li:hover a{color: #fff;cursor:pointer; display: block;}
	
	/* Genericos */

.marron{color:#f4b053}
.blanco{color:#fff}
.verde{color:#9f451a}
.negro{color:#000}
.blue{color:#1d7aba}
.gris{color:#555}
.lh18 { line-height: 18px; }
.negrita{font-weight:bold}
.fontsize48{font-size:48px}
.fontsize27{font-size:27px}
.fontsize15{font-size:1.25em; font-weight:bolder}
.fontsize13{font-size:13px}
.fontsize12{font-size:12px}
.fontsize11{font-size:11px}
.fontsize10{font-size: 0.846em}
.spacing5{letter-spacing:5px}

.e-webmedia{position: absolute; top: -8px; left: 20px; color: #fff;}

.floatleft{float:left;  margin-right:20px}
.floatright{float:right;  margin-left:20px}
.iniciofloatright{float:right;  margin-left:20px; margin-bottom:50px}

.pdf { background: url(/images/index_ico.png) 0px -48px no-repeat; padding-left: 25px}

div#uploaddiv { height: 18px; line-height: 18px; margin: 5px 0 5px 0; padding-left: 20px; background:transparent url(/images/admin_icos.png) 0px -330px no-repeat}
a.uploadimage {color: #555; font-size: 0.85em;}
a.uploadimage:hover {color: #ed6723; font-size: 0.85em;}

.paginador { background:#1d7aba; color:#fff; height: 18px; line-height: 28px; padding: 10px; border:1px solid #1d7aba; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#paginador-container { margin: 10px 0; }
#paginador-container a { color: #fff; }
#paginador-container a:hover { color: #333; }

a.muestras{text-decoration:none; font-size:0.9em; color:#fff; margin-top:3px}
a.muestras:hover{color:#f7a700}

h1{font-size:2em; margin-bottom:0.5em; color: #1d7aba; padding-left: 32px; background: transparent url(/images/icon-asagua.png) no-repeat; }
h2{font-size:1.5em; margin-bottom:0.5em; color:#103163;}
h2 a{color:#103163; font-size:16px}
h2 a:hover{color:#103163; font-size:16px}
h3{font-size:1.15em; font-weight:lighter;color: #555; text-decoration: underline;}
h4{color:#888; font-size:1.1em; font-weight:lighter}
h5{font-size:1.2em; font-weight:lighter; color: #1d7aba;}

.h2{font-size:1.9em; font-weight:lighter; color:#1d7aba;}
.h2:hover{color:#103163}
 
input[type="file"]{background:#fff}
input[type="text"], input[type="password"]{border:1px solid #ccc; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:170px; height:18px; padding:7px 0px 0px 5px; color:#555; background:#fff}
input[type="text"]:focus, input[type="password"]:focus{background:#555; color:#fff}
input[type="text"]:hover, input[type="password"]:hover{background:#555; color:#fff}
input[type="submit"]{cursor:pointer; padding:0px 20px 0px 20px; background:#1d7aba; color:#fff; height:28px; border:1px solid transparent; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:0; vertical-align:middle; line-height:28px}
input[type="submit"]:hover{background:#103163; color:#fff}
textarea{ height: 100px; border:1px solid #ccc; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:7px 0px 0px 5px; color:#555; overflow:auto; background:#fff; font-family: Lucida Grande,Tahoma,Helvetica,Arial; font-size:11px}
textarea:hover{color:#555}
textarea:focus{color:#555}
.area:focus{background:#787c7f;}
.element{width:20%}
input[type="submit"].buscar{cursor:pointer; padding:0px 5px 0px 5px; background:#f58329; color:#fff; height:27px; border:1px solid transparent; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:0; vertical-align:middle; line-height:25px; margin-left: 10px; margin-top: -4px}
.ie input[type="submit"].buscar{cursor:pointer; padding:0px 5px 0px 5px; background:#f58329; color:#fff; height:27px; border:1px solid transparent; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:0; vertical-align:middle; line-height:25px; margin-left: 10px; margin-top: -10px}
input[type="submit"].buscar:hover{background:#103163; color:#fff}
.buscador { width: 170px}

.center { text-align: center}

/* Socios */
#socios { padding: 0 10px 20px 10px;}
#socios2 { padding: 0 10px 20px 10px; margin-top: 20px;}
#socios-header {width: 100%; height: 100px; }
#socios-header2 {width: 100%; height: 64px; border-bottom: 1px solid #ddd; }
#pager { margin-top: 10px; clear: both; display: block;}

.info-asociados { border-right: 2px solid #999; border-left: 2px solid #999; padding: 0px 5px 0px 5px}
.ampliar { background: transparent url(/images/ampliar.gif) no-repeat; padding-left: 30px}
.actuaciones { background: transparent url(/images/actuaciones.gif) no-repeat; padding-left: 30px}
.info-asociados a { background: #1d7aba; color: #fff; width: 150px; padding: 0px 5px 0px 5px}

/* Contacto */

#contact-text{float:right; clear:right; text-align:left; margin-bottom: 15px; width: 430px; margin-right: 20px}

#contact{float:left; clear:left; text-align:left; color:#fff; margin-bottom: 15px; padding-left: 20px; width: 430px}

#banner { width: 900px; height: 254px; clear: both; }

/* Admin */

ul#adminmenu {width: 230px;}
    ul#adminmenu li {width: 218px; height: 23px; background: transparent url(/images/adminmenu.gif) repeat-x; line-height: 23px; border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; padding-top: 6px; padding-left: 10px; }
    ul#adminmenu li.first{width:220px; height:23px; background:transparent url(/images/adminmenuTB.gif) no-repeat; line-height:23px; border:0 none}
    ul#adminmenu li.last{width:220px; height:23px; background:transparent url(/images/adminmenuTB.gif) 0px -29px no-repeat; line-height:23px; border:0 none}

.error{color:#e26464; clear:both;}

#escrito{padding-left:20px; background:transparent url(/images/index_ico.png) no-repeat; height:16px; line-height:16px; font-size:0.83em}

#centeradmin{float:left; clear:left; margin:0px 20px 30px 0px; color:#fff; text-align:justify; line-height:15px; font-size: 0.95em}

#menuadmin { float: right; width: 127px; margin-top: 20px; }

#sidebaradmin{width:200px; float:right; clear:right; background:transparent; margin:20px 0px 30px 37px}

a.button{background: transparent; display:block; color:#103163; font-weight:lighter; height: 16px; line-height: 16px; margin-bottom:14px; text-decoration:none; width:240px; font-size:11px; padding-left: 20px;}
a:hover.button{color:#555}
a.button2 { background: #1d7aba; display:block; color:#fff; font-weight:lighter; height: 16px; line-height: 16px; margin-bottom:14px; text-decoration:none; font-size:11px; padding: 5px; padding-left: 30px; border:1px solid #1d7aba; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
a.noticia{background:transparent url(/images/admin_icos.png) 0px -63px no-repeat}
a.contenido{background:transparent url(/images/admin_icos.png) 0px -233px no-repeat}
a.addnoticia{background:transparent url(/images/admin_icos.png) 0px -84px no-repeat}
a.addcontenido{background:transparent url(/images/admin_icos.png) 0px -256px no-repeat}
a.comentarios{background:transparent url(/images/admin_icos.png) 0px -376px no-repeat}
a.usuario{background:transparent url(/images/admin_icos.png) 0px -147px no-repeat}
a.addusuario{background:transparent url(/images/admin_icos.png) 0px -168px no-repeat}
a.calendar{background:transparent url(/images/admin_icos.png) 0px -105px no-repeat}
a.addcalendar{background:transparent url(/images/admin_icos.png) 0px -126px no-repeat}
a.concursos{background:transparent url(/images/admin_icos.png) 0px -190px no-repeat}
a.addconcursos{background:transparent url(/images/admin_icos.png) 0px -211px no-repeat}
a.descargas{background:transparent url(/images/admin_icos.png) 0px -330px no-repeat}
a.salir{background:transparent url(/images/admin_icos.png) 0px -21px no-repeat}
a.salir2{background:#0a51a1 url(/images/admin_icos.png) 5px -16px no-repeat}
a.misdescargas{background:#0a51a1 url(/images/disks.png) no-repeat 5px 5px}
a.password{background:#0a51a1 url(/images/pass.png) no-repeat 5px 5px}

#sublabel{font-size:0.846em; font-weight:lighter; color:#fff; background:#f00; width:100%; padding:10px}

.choice{margin-right:40px}
.label{font-size:1.231em; text-decoration:underline; font-family:Tahoma,Geneva,Verdana,sans-serif}

/* Tabla Socios */

table.tablesocios { width: 100%; margin:1px 0; font-size:0.95em}
table.tablesocios tr th{border:1px solid #1d7aba; height:28px; font-weight:lighter; background:#1d7aba; color:#fff; border-right:1px solid #fff; text-align:center; font-size:0.9em;vertical-align:middle;}
table.tablesocios tr td{color:#333; background:transparent; vertical-align:middle; border-left:1px solid #ddd; font-size:0.9em; text-align: center;}


#login-form{width:200px; margin:30px auto 80px auto}

.rss { font-weight: lighter;font-size: 0.93em; }
.rss-posted { font-weight: lighter;font-size: 0.93em; color: #444 }
/*** Calendar **********************/

.rss-popup{ padding:0;  position:relative}

div.rss-popup em{ background:#1d7aba;  position:absolute; text-indent: 0; color: #fff; font-family: Verdana, Arial; font-style: normal; width:200px;  bottom:30px;  left:-80px;  text-align:center;  z-index:2;  display:none;  border:1px solid #1d7aba; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  padding:5px;font-size:.9em;}

.dayhead{height:15px}

#calendar{background: transparent; margin-right: 20px; color: #333; font-size: 0.923em; margin-top: 15px; clear: both; }

.cal{height:100px; text-align:center}

.cal tr{text-align:center}

.cal td{text-align:center}

.calhead td{text-align:center}
.calhead td a{color: #fff;}
.calhead td a:hover{color: #103163;}

.calhead{width:247px; height:20px; background:#1d7aba; text-align:center; margin-bottom:5px; color: #fff; line-height: 20px}

.dayrow td{width:50px; height:20px}
.dayrow td a{color: orange}
.dayrow td a:hover{color: #333}

/* feeds */
.gf-title {margin: 5px 0 5px 0; overflow: auto;}
.gf-author { color: #fff; }

/* dateinput */

.date_selector, .date_selector *{ width:auto;  height:auto;  border:none;  background:none;  margin:0;  padding:0;  text-align:left;  text-decoration:none; font-size: 0.97em}
.date_selector{ background:#F2F2F2;  border:1px solid #bbb;  padding:5px;  margin:-15px 0 0 -330px;  position:absolute;  z-index:100000;  display:none}
.date_selector_ieframe{ position:absolute;  z-index:99999;  display:none}
 .date_selector .nav{ width:17.5em}
 .date_selector .month_nav, .date_selector .year_nav{ margin:0 0 3px 0;  padding:0;  display:block;  position:relative;  text-align:center}
 .date_selector .month_nav{ float:left;  width:55%}
 .date_selector .year_nav{ float:left;  width:40%}
 .date_selector .month_name, .date_selector .year_name{ font-weight:bold;  line-height:20px}
 .date_selector .button{ display:block;  position:absolute;  top:0;  width:18px;  height:18px;  line-height:17px;  font-weight:bold;  color:#003C78;  text-align:center;  font-size:100%;  overflow:hidden;  border:1px solid #F2F2F2}
 .date_selector .button:hover, .date_selector .button.hover{ background:none;  color:#003C78;  cursor:pointer;  border-color:#ccc}
 .date_selector .prev{ left:0}
 .date_selector .next{ right:0}
 .date_selector table{ border-spacing:0;  border-collapse:collapse}
 .date_selector th, .date_selector td{ width:2.5em;  height:2em;  padding:0;  text-align:center;  color:black}
 .date_selector td{ border:1px solid #ccc;  line-height:2em;  text-align:center;  white-space:nowrap;  color:#003C78;  background:white}
 .date_selector td.today{ background:#FFFEB3}
 .date_selector td.unselected_month{ color:#ccc}
 .date_selector td.selectable_day{ cursor:pointer}
 .date_selector td.selected{ background:#D8DFE5;  font-weight:bold}
 .date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover{ background:#003C78;  color:white}

/* Fancy */

#GB_overlay{ position:absolute;  margin:auto;  top:0;  left:0;  z-index:100}
* html #GB_overlay{ background-color:#000;  opacity:0.5}
#GB_window{ top: 50%; margin-top: -100px; left:0; position:absolute;  background:#fff;  border:10px solid #aaa;  -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  overflow:auto;  width:400px;  height:400px;  z-index:150}
#GB_frame{ border:0;  overflow:auto;  width:100%;  height:378px}
#GB_caption{ font:12px bold helvetica,verdana,sans-serif;  color:#444;  background:#fff;  padding:4px 0 0 5px;  margin:0;  height:22px;  text-align:left;  border-bottom:#999 1px solid}
#GB_window span{ position:absolute;  top:8px;  right:5px;  cursor:pointer;  cursor:hand}

/* TNIYTABLE ************************************************* */
#tablewrapper {width:570px; margin:0}
#tableheader {height:55px}
.search {float:left; padding:6px; border:1px solid #c6d5e1; background:#fff}
#tableheader select {float:left; font-size:12px; width:105px; padding:2px 4px 4px}
#tableheader input {float:left; font-size:12px; width:205px; padding:2px 4px 4px; margin-left:4px}
.details {float:right; padding-top:12px}
.details div {float:left; margin-left:15px; font-size:12px}
.tinytable {width:570px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none}
.tinytable th {background:url(/images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.tinytable th h3 {font-size:10px; padding:6px 8px 8px; color: #fff;}
.tinytable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1; font-size:.8em;}
.tinytable .head h3 {background:url(/images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .desc, .sortable .asc {background:url(/images/header-selected-bg.gif)}
.tinytable .desc h3 {background:url(/images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .asc h3 {background:url(/images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .head:hover, .tinytable .desc:hover, .tinytable .asc:hover {color:#fff}
.tinytable .evenrow td {background:#fff}
.tinytable .oddrow td {background:#ecf2f6}
.tinytable td.evenselected {background:#ecf2f6}
.tinytable td.oddselected {background:#dce6ee}
.tinytable tfoot {background:#fff; font-weight:bold}
.tinytable tfoot td {padding:6px 8px 8px}
#tablefooter {height:15px; margin-top:20px}
#tablenav {float:left}
#tablenav img {cursor:pointer}
#tablenav div {float:left; margin-right:15px}
#tablelocation {float:right; font-size:12px}
#tablelocation select {margin-right:3px}
#tablelocation div {float:left; margin-left:15px}
.page {margin-top:2px; font-style:italic}
#selectedrow td {background:#c6d5e1}

/* TNIYTABLE USERS ************************************************* */
.sortableUsers {width:90%; margin:0 auto 15px auto}
.sortableUsers th{background:#1D7ABA; text-align:left; color:#fff; border:1px solid #fff; border-right:none}
.sortableUsers th h3{font-size:0.89em; padding:6px 8px 8px; color:#fff}
.sortableUsers td{padding:4px 6px 6px; vertical-align:middle; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1; border-left:1px solid #c6d5e1; font-size:0.9em}
.sortableUsers .head h3{background:url(/images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px; color:#fff}
.sortableUsers .desc, .sortableUsers .asc{background:#0a51a1}
.sortableUsers .desc h3{background:url(/images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px; color:#fff}
.sortableUsers .asc h3{background:url(/images/asc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px; color:#fff}
.sortableUsers .head:hover, .sortableUsers .desc:hover, .sortableUsers .asc:hover{color:#fff}
.sortableUsers .evenrow td{background:#fff}
.sortableUsers .oddrow td{background:#ecf2f6}
.sortableUsers td.evenselected{background:#f1f1f1}
.sortableUsers td.oddselected{background:#dce6ee}

#controls{width:570px; margin:0 auto; height:20px}
#perpage{float:left; width:200px}
#perpage select{float:left; font-size:11px}
#perpage span{float:left; margin:2px 0 0 5px}
#navigation{float:left; width:170px; text-align:center}
#navigation img{cursor:pointer}
#text{float:left; width:200px; text-align:right; margin-top:2px}