/* CSS Asociación para la Promoción Económica del Valle de Lecrín - Temple y Costa Interior */


@import url(reset.css);

body {
	font-family:"trebuchet MS",verdana,sans-serif;
	background:url(../img/bg_body.jpg) repeat-x top;
	color: #393826;
	font-size: 70%;
	line-height:1.4em;
	margin-bottom:15px;
}

a { text-decoration: none; color:#333;}

a:hover{ text-decoration: underline;}

strong {font-weight:bold;}


img { border: 0px; }

.oculta{
display:none;}

#wrapper {
	background-color: #fff;
	width: 770px;
	margin: 0 auto;	
	text-align:left;
	background: url(../img/bg_wrapper.jpg) repeat-y bottom;
}


/** Estilos de la cabecera 
---------------------------------------------------*/

#header {
	width: 760px;
	display:block;
	overflow:hidden;
	text-align:center;
	padding:0px 5px 0px 5px;
	background: url(../img/bg_header.gif) no-repeat;
}

#top_header {
	width:760px;
	height:159px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	background:#333300 url(../img/top_header_1.jpg) no-repeat 0px 12px;

}

#top_header h1 {
	width:50%;
	height:11px;
	margin: 112px 0px 0px 10px;
	float:left;

	/*background:url(../img/logo.gif) no-repeat;*/
}
div>#top_header h1 {
	margin: 112px 0px 0px 20px;
}
#top_header h2 {
width:480px;
color:#DEDEA3;
float:left;
font-size:1.1em;
margin-top:18px;
margin-left:8px;
}
div>#top_header h2 {
margin-left:16px;
}
ul.menu_top{
	font-family:Arial, Helvetica, sans-serif;
	
	margin:18px 0px 0px 0px;
	letter-spacing:0.04em;
	float:right;
	padding-right:20px;
}
ul.menu_top li, ul.menu_top li.selected{
	padding-left:3px;
}
ul.menu_top li, ul.menu_top a { 
	display:block;
	float:left;
	color:#DEDEA3;
}


/*** MENÚ PRINCIPAL
---------------------------------------------------*/
#menu {
	width:751px;
	height:31px;
	display:block;
	clear:both;
	color: #333300;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	padding:0px 0px 0px 9px;
	font-weight:bold;
	background:#CC6D00 url(../img/bg_menu.jpg) repeat-x left top;	
}

#menu ul {
	width:auto;
	float:left;
	height:auto;
	white-space:nowrap;
	background: url(../img/bg-menu_ul.gif) repeat;
}

#menu li{
	height:23px;
	vertical-align:middle;
	text-decoration: none;
	float:left;
	padding:8px 10px 0px 10px;
	background:url(../img/separa_menu.gif)  no-repeat right top;
}

#menu li.selected{
	vertical-align:middle;
	text-decoration: none;
	float:left;
	padding:0px 0px 0px 0px;
	background:url(../img/bg_menu_select.gif) repeat-x left top;
}
#menu li a {
float:left;
color: #333300;}
#menu li a:active {
color: #333300;}
#menu li a:hover, #menu li.selected a { 
color: #fff;
text-decoration:none;
}
 #menu li.selected a { 
color: #fff;
float:left;
text-decoration:none;
	padding:8px 10px 8px 10px;
background:url(../img/separa_menu.gif)  no-repeat right top;
}

/*** SUBMENÚ PRINCIPAL
---------------------------------------------------*/
.submenu {
	width:751px;
	/*height:33px;*/
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	padding:0px 0px 0px 9px;
	background:#333300 url(../img/bg_submenu.gif) repeat-x left top;	
}

.submenu ul {
	width:auto;
	float:left;
	height:auto;
	padding:5px 0px;
	white-space:nowrap;
}

.submenu li{
	height:18px;
	vertical-align:middle;
	text-decoration: none;
	float:left;
	padding:6px 10px 0px 10px;
	margin-bottom:5px;
	border-right:1px solid #fff;
}

.submenu li.selected{
	vertical-align:middle;
	text-decoration: none;
	float:left;

	background:url(../img/bg_submenu_li.gif) repeat-x left top;
	
}
.submenu li a {
float:left;
color: #AFAF9B;}
.submenu li a:active{
color: #AFAF9B;}
.submenu li a:hover {
color: #AFAF9B;
text-decoration:underline;}

.submenu li.selected a, .submenu li.selected a:hover{ 
color: #333300;
float:left;
text-decoration:none;
background:url(../img/bg_submenu_li.gif) repeat-x left top;
}

.footer_header{
width:100%;
height:5px;
float:left;
background:url(../img/bg_header2.jpg) repeat-x left top;
}


/*** SUBMENÚ 3 columna right
---------------------------------------------------*/

#col_right .submenu3{
	width:481px;
	float:left;
	height:auto;
	margin-bottom:10px;
}

#col_right .submenu3 ul {
	width:auto;
	float:left;
	height:auto;
	padding:5px 0px;
	white-space:nowrap;
}

#col_right .submenu3 li{
	height:28px;
	vertical-align:middle;
	text-decoration: none;
	float:left;
	padding:6px 10px 0px 10px;
	margin-bottom:5px;
	background:transparent;
}

#col_right .submenu3 li.selected {
	vertical-align:middle;
	text-decoration: none;
	float:left;
	background:#DABA57 url(../img/bg_bot3.gif) no-repeat left bottom;
}
#col_right .submenu3 li a {
float:left;
color: #CC9900;
padding-right:10px;
	border-right:1px solid #CC9900;
}
#col_right .submenu3 li a:hover {
color: #CC9900;
text-decoration:underline;
}
#col_right .submenu3 li.selected a {
float:left;
color: #333;
padding-right:0px;
border-right:0px;
}

/**Estilos del contenido
*******************************************************/
#content{
width:764px;
height:auto;
min-height:300px;
	color:#666;
	padding: 0px;
	display:block;
	overflow:hidden;
	clear:both;
	padding:65px 0px 40px 6px;
	background:url(../img/bg_content.jpg) no-repeat;

}

.bloque_contenido{
	width:481px;
	float:left;
	clear:both;
	margin-top:20px;
}
/*
#content p strong{
color:#333;
}
*/

#footer {
	width: 748px;
	margin: 0 auto;	
	padding:17px 22px 0px 0px;
	text-align:center;
	font-family:"trebuchet MS", verdana, sans-serif;
	font-size:1.1em;
	color:#666666;
	background:#FFF url(../img/bg_footer.jpg) no-repeat left top;


}


#footer a { color: #666666;}



/****COLUMNAS CONTENIDO
--------------------------------------------------------------------*/

body.two-col #col_left{ /*columna izquiertda para 2 columna*/
	width: 160px;
	margin:0px;
	float:left;
	padding-right:15px;
}
body.one-col #col_left{ /*columna izquiertda para 1 columna*/
display:none;
}


body.two-col #col_right{
	float:right;
	margin-right:25px;
	width:481px;
	padding: 0px 0px 0px 18px;
	background:url(../img/bg_col_right.gif) repeat-y left top;
}
div>body.two-col #col_right{
	margin-right:12px;
	padding: 0px 20px 0px 18px;
}
body.one-col #col_right{
	float:right;
	margin-right:25px;
	width:600px;
	overflow:hidden;
	padding: 0px 20px 0px 0px;
}

.one-col #col_right h1{
margin-bottom:20px;

}


/***menú columna izquierda
----------------------------------------------------------------*/
ul.nivel1, #col_right ul.nivel1 {
width:160px;
display:block;
}
ul.nivel1 li,#col_right ul.nivel1 li{
width:auto;
height:auto;
margin-bottom:0px;
background: url(../img/topo_menu1.gif) no-repeat 6px 5px;
}

ul.nivel1 li.alto{
display:block;
margin-bottom:5px;
padding-bottom:15px;
}
#col_right ul.nivel1 li{
padding:0px 0px 5px 0px;
}
div>ul.nivel1 li, div>#col_right ul.nivel1 li{
margin-bottom:5px;
}

ul.nivel1 li a, #col_right ul.nivel1 li a{
color:#333300;
height:auto;
display:block;
margin:0px;
clear:both;
padding:0px 0px 1px 15px;
}

ul.nivel1 li.nivel2, #col_right ul.nivel1 li.nivel2{
width:auto;
margin-bottom:3px;
padding:1px 0px;
margin-left:12px;
background:transparent;
}
ul.nivel1 li.nivel2 a:hover, #col_right ul.nivel1 li.nivel2 a:hover{

}
ul.nivel1 li.nivel2_selected{
background:transparent;
margin-left:10px;
}
ul.nivel1 li.nivel2_selected a{
background:url(../img/topo_nivel2.gif) no-repeat 6px 5px;
padding-left:15px;
color:#000;
text-decoration:underline;
margin:0px;
font-weight:bold;
}

ul.nivel1 li.selected, #col_right ul.nivel1 li.selected{
width:auto;
/*height:auto;*/
height:17px;
display:block;
overflow:hidden;
color:#333300;
background:#726150 url(../img/topo_nivel1.gif) no-repeat 7px 3px;
color:#fff;
margin-bottom:0px;
padding-left:15px;
}
ul.nivel1 li.selected{
margin-bottom:3px;
}

ul.nivel1 li.selected_alto{
color:#FFFFFF;
display:block;
margin-bottom:5px;
padding-bottom:25px;
background:#726150 url(../img/bg_selected.gif) no-repeat right bottom;
}
ul.nivel1 li.selected a, ul.nivel1 li.selected a:hover, #col_right ul.nivel1 li.selected a, #col_right ul.nivel1 li.selected a:hover{
/*background:url(../img/topo_menu2.gif) no-repeat left top;*/
color:#fff;
text-decoration:none;
margin:0px;
}
ul.nivel1 li.selected a{
background:#726150 url(../img/bg_selected2.gif) no-repeat right top;
padding-right:15px;
color:#fff;
text-decoration:none;
margin:0px;
}

ul.nivel1 li.espacio, #col_right ul.nivel1 li.espacio{
width: auto;
height:2px;
display:block;
background:transparent;
}





/***menú columna derecha
----------------------------------------------------------------*/
#col_right ul.nivel1 {
width:auto;
display:block;
clear:both
}
#col_right ul.nivel1 li{
width:auto;
height:15px;
margin-bottom:0px;
margin-left:20px;
padding:0px 0px 5px 0px;
background: url(../img/topo_menu1.gif) no-repeat 0px 5px;
}
div>#col_right ul.nivel1 li{
margin-bottom:5px;
}

#col_right ul.nivel1 li a{
color:#333300;
height:15px;
display:block;
margin:0px;
clear:both;
padding:0px 0px 5px 25px;
}
#col_right ul.nivel1 li.nivel2{
width:auto;
margin-bottom:3px;
padding:1px 0px;
margin-left:40px;
background:transparent;
}
#col_right ul.nivel1 li.nivel2 a:hover{
font-weight:bold;
}
#col_right ul.nivel1 li.selected{
width:auto;
color:#333300;
background:url(../img/bg_selected.gif) no-repeat right top;
/*background:url(../img/topo_menu2_2.gif) no-repeat right top;*/
color:#fff;
margin-bottom:0px;
padding:0px;
}
#col_right ul.nivel1 li.selected a, #col_right ul.nivel1 li.selected a:hover{
/*background:url(../img/topo_menu2.gif) no-repeat left top;*/
padding-right:0px 30px 0px 25px;
color:#fff;
text-decoration:none;
margin:0px;
}

/*#col_right ul.nivel1 ul {
width:auto;

background:#996600;
margin-left:20px;
margin-bottom:50px;
}*/
#col_right ul.nivel1 ul li, #col_right ul.nivel1 li.nivel3{
float:left;
width:auto;
margin-bottom:3px;
padding:1px 0px;
margin-left:0px;
color:#99CC00;
background:transparent;
white-space:nowrap;
}


#col_right ul.nivel1 li.nivel3 a{
float:left;
padding-left:5px;
}
#col_right ul.nivel1 li.nivel4{
width:100%;
display:block;
clear:both;
color:#000000;
font-weight:bold;
margin-left:40px;
background:transparent;
}
#col_right ul.nivel1 ul li.nivel3 a:hover{
float:left;
font-weight:bold;
}
#col_right ul.nivel1 li.espacio{
width: auto;
height:2px;
display:block;
background:transparent;
}


/***ELEMENTOS DEL CONTENIDO
----------------------------------------------------------------*/


#content h3{ 
	color: #333; 
	font-size:1.2em;
	font-weight:bold;
}


#content h1{
	color:#996600;
	font-size:1.6em;
	clear:both;
	font-weight:bold; padding-bottom:12px;}

#content h2{
	color:#996600;
	font-size:1.4em;
	clear:both;
	font-weight:normal;
	padding-bottom:12px;
	margin-top:5px;}


#content p{
width:auto;
	font-size:1.1em; 
	padding-bottom: 14px;
}

#content img {
float:left;
	border: #ddd 1px solid;
	padding: 4px;
	margin: 0px 20px 10px 0px;
}

#col_right li{
width:auto;
padding:0px 0px 5px 30px;
background: url(../img/topo_menu1.gif) no-repeat 0px 5px;
}
#col_right li a{
color:#333300;
}
/*enlaces
**********************************************/

a.marron{
width:auto;
float:left;
clear:both;
padding:0px 7px;
color:#FFFFFF;
margin:10px 0px;
background-color:#726150;
}
a.marron:hover{
text-decoration:none;
background-color:#996600;
}
/*tabla quienes somos
**********************************************/
table.table1{
border:1px solid #996600;}

table.table1 tr{
}

table.table1 td{
padding:5px 10px;
border-bottom:1px solid #996600;}

table.table1 td.marron{
color:#FFFFFF;
text-align:left;
vertical-align:top;
padding:5px 10px;
background-color:#726150;
border-bottom:1px solid #fff;
}


/*formulario de contacto
********************************************************/

#content fieldset.csc-mailform{ 
border:0;
}

#content #post-content form { 
padding-bottom:25px;
}


#content form fieldset{
padding-top:25px;
background:url(../img/bg_raya.gif) repeat-x left top;
}
#content form .csc-mailform-field label{
width:100px;
height:19px;
float:left;
vertical-align:middle;
margin-right:10px;
padding-top:3px;
}

#content form fieldset.csc-mailform input, #content form fieldset.csc-mailform select{
width:265px;
height:17px;
clear:right;
text-align:left;
margin-bottom:2px;
padding-left:5px;
color:#666666;
font-size:1em;
padding-top:3px;
}
#content form.csc-mailform-field select{
width:350px;
}
#content form fieldset textarea{
width:267px;
color:#666666;
font-size:1em;
font-family:arial,helvetica,clean,sans-serif;
padding-left:5px;
padding-top:2px;
}
div>#content form fieldset textarea{
width:265px;
}

#content form fieldset.csc-mailform input.csc-mailform-submit{
width:auto;
float:left;
clear:both;
text-align:center;
font-size:0.9em;
cursor:pointer;
padding:0px 7px;
color:#FFFFFF;
margin:10px 0px 0px 110px;
background:#726150;
border:0px;
}

#content form fieldset.csc-mailform input.checkbox{
float:left;
width:20px;
height:20px;
}


/*** tabla socios
***************************************/
table.socios th{
font-size:1.3em;
color:#996600;
padding-left:5px;
padding-bottom:10px;
}

table.socios td{
border-bottom:1px solid #DABA57;
padding:7px 5px;
}
table.socios td a{
font-size:1em;
color:#996600;
font-weight:bold;
}