@import "iconize.css";
@import "uni-form.css";
@import "setup.css";

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

/* Main Layout */
html {height:100%;margin-bottom:1px;}
body {font:62.5%/1.2 Helvetica, Arial, sans-serif;color:#555;}
h1,h2,h3,h4,.componentheading {font-weight:bold;margin:0em 0 1em;}
h1,.componentheading {font-size:180%;}
h2 {font-size:150%;}
h3 {font-size:130%;}
h4 {font-size:110%;}
a {color:#8cc63f;text-decoration:none;font-weight:bold;}
a:hover {text-decoration:underline;}
ul {margin:1em;}
p {margin-top:10px;margin-bottom:10px;}
#main {font-size:1.3em;line-height:140%;}
.background {position:absolute;width:100%;height:130px;background:url(../images/body_background.jpg) no-repeat center top; height: 672px;}
#main .foreground, #message, #showcase, .leading, #page {position:relative;}
#message, #showcase {z-index:0;}
#main-content {}
.dp20,.dp25,.dp33,.dp50,.dp100 {float:left;margin-top:15px;}
.dp20 {width:20%;}
.dp25 {width:25%;}
.dp33 {width:33.33%;}
.dp50 {width:50%;}
.dp100 {width:100%;margin-top:0;}
.clr {clear:both;font-size:0;}
#colmask {clear:both;overflow:hidden;position:relative;width:100%;}
#maincol, #wrapper {position:relative;}
.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%;}
.s-c-s #colright {float:left;left:50%;position:relative;width:100%;}
.s-c-s #col1wrap {float:right;position:relative;right:100%;width:50%;}
.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}
.x-c-s #col1top{background:url(../images/content_top_bg.gif) no-repeat left top; padding-top: 5px;margin-left:210px;}
.x-c-s #col1{background:url(../images/content_bottom_bg.gif) no-repeat left bottom;width:750px;}
.s-c-s #col1 {overflow:hidden;width:100%;}
.s-c-s #col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;}
.s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0;}
.s-c-x #col1wrap {float:right;position:relative;width:50%;}
.s-c-x #col1 {overflow:hidden;position:relative;right:100%;}
.s-c-x #col2 {float:left;position:relative;}
.x-c-s #colright {float:left;position:relative;right:100%;width:200%;}
.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
.x-c-s #col3 {float:right;position:relative;}
.s-c-s .ctr-color1, .s-c-s .ckl-color1, .s-c-x .ckl-color1, .x-c-s .cdr-color1 {/*background:#eee;*/}
.s-c-s .ctr-color2, .s-c-s .ckl-color2, .s-c-x .ckl-color2, .x-c-s .cdr-color2 {/*background:#D4DEE3;*/}
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright, #wrapper, body {/*background:#fff;*/}
.cols1 {display:block;float:none;margin:0;width:100%;}
.cols2 {width:49%;overflow:hidden;}
.cols3 {width:30%;}
.column1, .column2 {position:relative;float:left;margin:0;}
.colpad {padding:0 10px;position:relative;}
.colpad {padding-bottom: 10px;}
.column2 {float:right;width:49%;}
.blog_home .article_row {overflow:hidden;margin:0 0px 15px 0px; background-color: #FFF;}

/* Header */
#logo {width:465px;height:182px;display:block;margin:110px 15px; float:left;}
#header {overflow:hidden; height: 314px;}
#header li {list-style:none;float:left;padding-left:15px;font-weight:bold;}
#nav {height:53px;/*background:#888;*/z-index:1;position:relative;}
#nav ul {margin:0px 0 0 5px;}
#nav ul.menu {margin:15px 0 0 0px;}
#nav li {list-style:none;float:left;padding-left:3px;height:34px;position:relative;}
#nav li a {display:block;padding:0 9px;line-height:30px;color:#fff;font-weight:bold;}
#nav li.active a {background:#222;color:#8cc63f;}
#nav li a:hover, #nav li:hover a, #nav li.sfHover a {background:#333;color:#8cc63f;text-decoration:none;}
#nav li ul {position:absolute;width:170px;left:-999em;margin-left:-1px;border:1px solid #666;border-top:0;}
#nav li ul ul {margin:-31px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;}
#nav li li {padding:0;height:auto;background:#fff;width:170px;}
#nav li li a, #nav li li.active a, #nav li li a:hover {margin:0;height:30px;line-height:30px;background:#fff;border-top:1px solid #666;color:#000;}
#nav li li a, #nav li.active li a {font-weight:normal;}
#nav li:hover ul, #nav li.sfHover ul {left:4px;}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left:0;}

/* Showcase */
#showcase {margin:3px 0 8px 0;position:relative;color:#000;}
#showcase .background {position:absolute;width:100%;height:130px;background:url(../images/light4.png) 0 -514px repeat-x;}
#showcase .foreground {border:1px solid #dfeaee;overflow:hidden;padding-bottom:25px;}
#showcase h1 {font-weight:normal;font-size:3.0em;line-height:105%;margin:25px 55px 10px 25px;}
#showcase h3 {font-weight:normal;font-size:1.4em;font-weight:normal;margin:0 55px 20px 25px;}
#showcase b {font-weight:normal;color:#7F8C51;}
#showcase .pad {padding:0 50px 25px 25px;}
#showcase .num {float:left;background:#7F8C51;text-align:center;line-height:90%;color:#fff;font-size:2em;padding:3px 8px;}
#showcase .pad h2 {font-size:1.4em;font-weight:bold;margin:0 0 5px 40px;}
#showcase .pad p {margin-left:40px;}

/* Content styles */
p.buttonheading {position:absolute;top:2px;right:10px;margin:0;}
.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}
.buttonheading .pdf {background:url(../images/light4.png) -57px -366px;}
.buttonheading .print {background:url(../images/light4.png) -21px -366px;}
.buttonheading .email {background:url(../images/light4.png) -39px -366px;}
.iteminfo {font-size:90%;overflow:hidden;border-bottom:1px solid #dedede;margin-bottom:20px;display:block;margin-top:-10px;width:100%;padding-bottom:5px;}
.modifydate, .createdby, .createdate {display:block;}
.createdby {font-weight:bold;}
a.readon, a.readon2 {display:block;margin-top:15px;font-style:italic;}
a.readon2 {background:url(../images/light4.png) 100% -344px;display:block;float:right;color:#fff;font-weight:bold;line-height:20px;}
a.readon2 span {background:url(../images/light4.png) 0 -344px;display:block;margin-right:10px;height:21px;float:left;padding:0 5px 0 15px;}
.breadcrumbs-pad {padding:0 1px;}
div.breadcrumbs {/*background:url(../images/light4.png) 0 -68px repeat-x;border-bottom:1px solid #e6e6e6;*/font-size:95%;font-weight:normal;margin:0;padding:7px 15px 5px;color:#777;/*border-top:1px solid #d9d9d9;*/}
div.breadcrumbs .sep {padding:0 5px;}
.component-pad {padding:0 15px 15px; width: 720px;}

.banneritem_text {margin-bottom:10px;}
#modlgn_username, #modlgn_passwd {border:1px solid #ccc;padding:3px;}
.pagination span, .pagination a {margin-right:5px;}
#colmask ul li {list-style:none;}
#colmask ul ul {margin-top:0;}
#colmask ul ul li {list-style:square;}

/* añadimos H1, porque no tiene lógica que el título de la página sea un H2 */
.colpad h1.contentheading {padding-right:65px; text-transform:uppercase; color: #000;margin-top:15px; line-height: 110%;}
.colpad h1.contentheading a { color: #000;}

/* este H2 es para el caso en que existe H1 y es secundario (de interior de entradas) */
.colpad h2 {text-transform:uppercase; margin-top:20px; margin-bottom: 15px;}

.colpad h2.contentheading {padding-right:65px; text-transform:uppercase; color: #000;margin-top:15px; line-height: 100%;}
.colpad h2.contentheading a { color: #000;}

.sectiontableheader {font-weight:bold;line-height:25px;text-align:left;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align:left;padding:0 4px;vertical-align:middle;border-top:1px solid #ddd;line-height:30px;}
span.attention {display:block;margin:15px 0;padding:8px 10px 8px 10px;background:#FFF3A3;border:1px solid #E7BD72;color:#B79000;}

.article-info-surround {background: url(../images/light4.png) 0 -210px repeat-x;color:#777;border-top:1px solid #d9d9d9;border-bottom:1px solid #e6e6e6;}


/* Modules */
.module {padding:1px;}
.module-title {font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;}
.module-body {padding:10px 15px 25px;}
.color1 .module-title {background:url(../images/right_h3_bg.gif) no-repeat;/*border-bottom:1px solid #ddd;color:#777;*/}
.color1 .module-body {/*border-top:1px solid #fff;*/}
.color2 .module-title {background:url(../images/light4.png) 0 -136px repeat-x;border-bottom:1px solid #c3d9e1;color:#50646d;}
.color2 .module-body {border-top:1px solid #dfeaef;}
#colmask .m_menu {background:#7F8C51;color:#fff;}
#colmask .m_menu .module-title {background:url(../images/light4.png) 0 -0px repeat-x;border-bottom:1px solid #6B7643;color:#fff;}
#colmask .m_menu .module-body {border-top:1px solid #97A763;}
#colmask .m_menu a {color:#fff;}
#colmask .m_menu ul {margin:0 1em;}
#mainmods, #mainmods2, #mainmods3 {overflow:hidden;padding-top:15px;}
#mainmods3 {background:#eee;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.spacer .module {float:left;}
.spacer.w99 .module {width:100%;}
.spacer.w49 .module {width:49.2%;}
.spacer.w33 .module {width:32.8%;}
#header .module {float:right;margin-left:325px; display: none;}
#main-content li .active a {font-weight: normal;}

/* Footer */
#footer {background:url(../images/footer_bg.jpg) no-repeat bottom; height: 150px;margin:0 auto;width:972px;}
.footer-pad {padding:25px 15px;overflow:hidden;}
.footer-pad img{ float: right; margin-top: -10px;}
.footer_copy{margin-top: -35px;}
#logo2 {width:165px;height:20px;background:url(../images/light4.png) 5px -646px no-repeat;display:block;float:right;margin-left:15px;margin-top:15px;}
#footer ul {margin:0;}
#footer li {list-style:none;float:left;padding-right:20px;font-weight:bold;}
.footer_module {
	margin-top: -55px;}

/* Comment */
.comment_alt {background:#D4DEE3;}
form#commentform .fill_field input, form#commentform textarea {border: 1px solid #888;}


/*search*/

#search{
	width: 180px;
	float: right !important;}
	
/*acceso_usuarios*/

#acceso_usuarios{
	float: right;
	clear:right;
	margin: -130px 30px 0 0;
	width:205px;height:85px;
	background:url(../images/acceso_usuarios_bg.gif) no-repeat;}
	
	#loginform{
		padding: 6px;
		margin-left: 88px;}
#loginform input{
	width: 100px;
	margin-top: 3px;
	}
	
#loginform input#wp-submit{
	border:none;
	background-color: #8cc63f;
	margin-top: 5px}

#acceso_usuarios legend, #acceso_usuarios label {
	display: none;
	
	}
/*salida usuarios*/

#salida_usuarios {
 float: right;
 clear: right;
 margin: -130px 30px 0 0;
 width: 205px;
 height:85px;
 background:url(../images/salir_usuarios_bg.gif) no-repeat;
}
 
 /*#salida_usuarios{
 float: right;
 clear:right;
 margin: -130px 30px 0 0;
 
}*/

#salida_usuarios ul {
 margin: 6px 0 0 90px;
 padding: 0;
}
#salida_usuarios li {
 margin: 0;
 padding: 0;
}

#salida_usuarios a {
	float:right;
	margin: 2px 2px 5px;
/*	margin: 35px 27px 0 0;
	/*background:url(../images/salir_usuarios_bot.gif) no-repeat;
	width: 70px;*/
	width: 105px;
	text-align: right;
	height: 20px;
	font-size:1.1em;
	text-align:center;
	text-decoration:none;
	color: #fff;
	
	}

/* selectores de idiomas del header */
ul.qtrans_language_chooser {
 float: right;
 top: 0;
 margin: 5px 5px 0 0;
 padding: 0;
 font-size: 83.33%;
}
ul.qtrans_language_chooser li {
 display: inline;
 list-style:none;
}
ul.qtrans_language_chooser li a {
 display: block;
 float: left;
 color: #fff;
}
ul.qtrans_language_chooser a span {
 display:block;
 background: none;
}
ul.qtrans_language_chooser li a:hover {
 text-decoration: underline;
 color: #8CC63F;
}
ul.qtrans_language_chooser li.active {
 font-style: italic;
}
ul.qtrans_language_chooser li.active a:hover {
 text-decoration: underline;
}
div.qtrans_widget_end {
 display: none;
}

/*background aleatorio header*/ 

#cabecera_bg{
	float:right;
}
/* buscador del header */

form#searchform {
}
form#searchform legend, form#searchform label {
 display: none
}
form#searchform #s {
 width: 9em;
}

/* pagina del listado de usuarios */
.wpu-user {
 float: left;
 background-color:#CCCCCC;
 width: 330px;
 height: 90px;
/* clear: both;*/
 margin: 0 0 30px 9px;
 padding: 5px 5px 5px 5px;
}

.perfiles p {
/* float: left;*/
	clear: both
}
#wpu-profile h2  {
 clear: both;
}
#wpu-profile p {
 clear: both;
}

.wpu-user .wpu-about, .wpu-user .wpu-id {
 float:left;
 width: 200px;
}

.wpu-id a {
 color:#000;
}
.wpu-user .wpu-avatar {
 float: left;
 width: 75px;
 height: 75px;
 margin: 0 15px 0 0;
 border: 3px solid #eaeaea;
}

.wpu-user .wpu-avatar .photo {
/* width: 100%;
 height: 100%;*/
 margin: auto auto;
}

#dbem-location-map, #event-map {
    width: 640px !important;
    height: 320px !important;
    background: #eaeaea !important;
    border: 1px solid #8cc63f;
}

/* div carga mensajes por ajax */
#loginform-loading{
 margin: 33px 0 0 95px;
}
.loading, .loading-black {
 display: none;
}
.loading .msg, .loading-black .msg {
 padding: 5px 0 5px 20px;
}
.loading .msg {
 background: transparent url('images/indicator.gif') no-repeat center left;
}
.loading-black .msg {
 background: transparent url('images/indicator.black.gif') no-repeat center left;
}

.ok {
 padding: 5px 0 5px 20px;
 background: transparent url('images/save.gif') no-repeat center left;
}
.no {
 padding: 5px 0 5px 20px;
 background: transparent url('images/cancel.gif') no-repeat center left;
}

/* boton de formulario */
.button {
 width: 50px;
 height: 19px;
 margin: 5px;
 padding: 0;
 background: url('images/bt_50.gif') no-repeat left center;
 border: none;
 cursor: pointer;
 font-weight: bold;
 font-size: 12px;
 color: #000066;
}

/* listas en formularios */
.inlineLabels ul {
 margin: 0; 
}
.inlineLabels li {
 float: left;
 width: 100%;
 margin-bottom: 5px;
}
.inlineLabels li.last {
 margin-bottom: 0;
}

/* ADD THIS - añade a redes sociales */
.addthis_toolbox {
 float: left;
 width: 100%;
 margin: 25px 0 15px 0;
 padding: 0;
}
.addthis_toolbox iframe {
	width: 100px !important;
}

/*lista de eventos*/

.widget-lista-de-eventos{
	border: 3px solid #eaeaea;
	background: #FFF url('../images/eventos_bg.gif') no-repeat center bottom;}

.widget-lista-de-eventos .module-body {padding-top: 0px;}
.widget-lista-de-eventos .module-title{
	background: none;
	color: #000;
	}
	
.widget-lista-de-eventos h3{
	font-size: 1.3em;}
	
/*banner lateral derecha*/

.widget-wp_bannerize-3{margin-top: 10px;}

.widget-wp_bannerize-3 .module-body {
	padding: 0px !important;
	}

.widget-wp_bannerize-3 .module-body ul{
	margin: 0px !important;
	width: 208px;}

.widget-wp_bannerize-3 .module-body ul li{
	list-style: none !important;
	width: 208px;
	
	}
.widget-wp_bannerize-3 h3 {display:none;}


#col1pad {
	float:left;
}

.module.category{ margin-bottom: 7px;background-color:#F9F9F9;border:3px solid #F9F9F9;}
.module.category h3{padding:17px 0 0 40px; color:#000; height: 46px;}
.module.category .module-body {margin:0;}
.module.category .module-body ul {margin:0;}
.module.category .module-body ul li {border-bottom:1px dotted #EAEAEA;}
.module.category .module-body ul li a {color:#000;}

.module.archive{border:3px solid #F9F9F9;background-color:#F9F9F9}
.module.archive h3{padding:17px 0 0 40px; color:#000; height: 46px;}
.module.archive .module-body {margin:0;}
.module.archive .module-body ul {margin:0;}
.module.archive .module-body ul li {border-bottom:1px dotted #EAEAEA;}
.module.archive .module-body ul li a {color:#000;}



/* Estilos de Heading H1, H2, H3 */

h3.main-modules {
 margin-top: 20px;
}

/*calendario*/

table.fullcalendar {margin: 0 auto;}


/* grid de usuarios */

.musicos {
 float: left;
 clear: both;
 margin-bottom: 20px;
}
.musicos .musico {
 float: left;
 height: 75px;
 width: 75px;
 margin: 0 3px 3px 0;
 padding: 3px;
 background: #fff;
}
.musicos .musico .photo {
/* width: 100%;
 height: 100%;*/
 margin: auto auto;
}


/* paginado */
.blog_nav {
 clear: both;
 width: 100%;
}


/* otros estilos */

.invisible {
 display: none;
}

/* imágenes de las entradas y páginas  */
img.alignleft {
 float: left;
 clear: both;
 margin-right: 10px;
 margin-bottom: 10px;
}
img.alignright {
 float: right;
 margin-left: 10px;
 margin-bottom: 10px;
} 
img.aligncenter, img.alignnone {
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 10px;
} 

.article-info-surround, .entry_post_footer, #respond {
 float: left;
 width: 100%;
}


/* Formulario */

.uniForm fieldset {
 margin-top: 20px;
}
