/* CSS Document */
/* ====================================
      GTK - CSS - Guías de Granada
   ==================================== */

html {
	height: 100%;
}

body {
	height:100%;
	font-family:"Trebuchet MS";
	font-size: 0.75em;
	color: #003300;
	background: #FFFFFF;
	margin: 13px 0px 0px 0px;
	padding: 0px;
	line-height: 120%;
}


a{ 
	font-family:"Trebuchet MS";
	color: #003300;
}
a:hover{ 
	color: #CC0000;
	text-decoration:underline;
}

form, li, ul, dl, dt, dd{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

p.bodytext{
width:auto;
margin-bottom:5px;
margin-top:5px;

}
div>p.bodytext{

float:none;
display:block;
/*overflow:auto;*/
clear:both;
}
h1{
font-size:170%;
color:#660000;
font-weight:normal;
/*margin-bottom:12px;*/
}
.csc-header h1{
width:507px;
float:left;
font-size:100%;
color:#990000;
font-weight:bold;
/*margin-bottom:16px;*/
margin-bottom:0px;
/*margin-top:16px;*/
margin-left:-10px;
padding-left:25px;
background-color:#FFFFFF;
}
div>.csc-header h1{
margin-bottom:16px;
margin-left:-21px;
padding-left:25px;
}
h2{
/*width:507px;*/
width:495px;
float:left;
font-size:100%;
color:#990000;
font-weight:bold;
margin-bottom:16px;
margin-top:16px;
margin-left:-10px;
/*padding-left:25px;*/
padding-left:20px;
background-color:#FFFFFF;
}
/*div>h2{
width:507px;
margin-bottom:16px;
margin-left:-21px;
padding-left:25px;
}*/
h3{
width:100%;
float:left;
font-size:100%;
color:#003300;
font-weight:bold;
margin-bottom:10px;
margin-top:20px;
}

h4{
width:100%;
clear:both;
}

span.detail{/*para los enlaces a formulario*/
width:100%;
display:block;
/*overflow:auto;
clear:both;
float:left;*/}
.detail a,.detail a:hover{
/*width:100px;*/
width:450px;
height:25px;
float:left;
font-size:100%;
font-weight:bold;
color:#fff;
text-decoration:none;
padding:2px 5px 0px 21px;
background:url(../img/bg_res2.gif) no-repeat left top;
}
input, select, textarea {
	font-family:"Trebuchet MS";
	font-size:90%;
}



.oculta {
	display:none;
}
.clear {
	clear: both;
}

#wrapper{ 
	width: 768px;
	margin: 0px auto;
	border:1px solid #336600;
}

#header{
	width: 768px;
	height: 235px;
	display: block;
	margin-bottom:3px;
}


#maincontent{
	width: 768px;
	height: auto;
	display: block;
	overflow: auto;
	clear: both;
	border-bottom:3px solid #FFF;
	border-top:3px solid #FFF;
	background:url(../img/bg_main.gif) repeat-y 3px top;
}

#centercol{
	width: 511px;
	height:100%;
	float:left;
	overflow:hidden;
	/*padding:39px 20px 84px 30px;*/
	padding:10px 20px 84px 30px;
	border-left:3px solid #FFF;
	border-right:4px solid #FFF;
}
/*#contenido{
float:left;
margin-left:-5px;}
div>#contenido{
float:none;
margin-left:0px;}*/
#rightcol {
	width: 191px;
	float:left;
	padding:3px;
	padding-bottom:84px;

}


/* header
------------------------------------------------------------------------*/
/*#topheader{ PARA LA IMAGEN CABECERA COMO FONDO DE UN ESTILO
	width: 768px;
	height: 145px;
	display: block;
	background:url(../img/bg_top.jpg) no-repeat center;
	padding-top:3px;
	border-bottom:1px solid #336600;
}*/
#topheader{ /*para imagen de cabecera como img independiente de estilo*/
	width: 765px;
	height: 143px;
	display: block;
	padding-top:3px;
	padding-left:3px;
	border-bottom:1px solid #336600;
}
#middleheader{
	width: 768px;
	height: 62px;
	display: block;
	border-bottom:1px solid #336600;
}

/*.logo{
	width: 336px;
	height: 51px;
	float:left;
	margin-left:6px;
	margin-top:6px;
	background-image:url(../img/logo.gif);
}

div>.logo{
	margin-left:13px;
}*/
a.logo{
	width: 336px;
	height: 51px;
	float:left;
	margin-left:6px;
	margin-top:6px;
	background-image:url(../img/logo.gif);
}
.menuIdiomas ul{
	width: auto;
	height: 12px;
	float:right;
	font-size:80%;
	text-transform:uppercase;
	margin-right:9px;
	margin-top:9px;
	display:inline;
}
.menuIdiomas li{
	width: auto;
	height: 12px;
	float:left;
	padding-left:20px;
	margin-left:3px;
}

.menuIdiomas li a{
text-decoration:none;
}
.spain{
background:url(../img/spain.gif) no-repeat;
}
.english{
background:url(../img/english.gif) no-repeat;
}
.french{
background:url(../img/frances.gif) no-repeat;
}
.german{
background:url(../img/aleman.gif) no-repeat;
}
.italiano{
background:url(../img/it.gif) no-repeat;
}
.holandes{
background:url(../img/nl.gif) no-repeat;
}

.portugues{
background:url(../img/pt.gif) no-repeat;
}
/* main menu
----------------------------------------------------------*/
#mainmenu {
	width: 768px;
	height: 24px;
	float:left;
	/*width: 756px;
	padding-left:12px;*/
	border-bottom:1px solid #336600;
}

#mainmenu .tx-rbflashobject-pi1-swf_altcontent{
margin-top:4px;
padding:0px;
float:left;
}
#mainmenu ul{
width:auto;
height:15px;
float:left;
/*margin-top:4px;*/
margin-top:6px;
display:inline;
}

#mainmenu li{
width: auto;
height:15px;
float:left;
text-transform:uppercase;
font-weight:bold;
color:#660000;
margin-right:18px;
}	
#mainmenu li a{
color:#660000;
text-decoration:none;
border:0px;
}	



/* listados contenido
------------------------------------------------------------------------*/


#contenido ul{
width:90%;
float:left;
display:block;
margin-bottom:20px;
padding:0px;
}
#contenido li{
	width:90%;
	float:left;
	font-size:90%;
	display:block;
	margin-right:24px;
	margin-bottom:7px;
	padding-left:8px;
	background:url(../img/topo_verde1.gif) no-repeat 0px 4px;
	line-height: 100%;
}
#contenido li a{
	text-decoration:none;
}

#contenido li a:hover{
	text-decoration:underline;
}



/* rightcol
------------------------------------------------------------------------*/
.cajaright{
	width: 185px;
	height:auto;
	float: left; 
	font-size: 100%;
	color:#FFFFFF;
	padding:0px 0px 26px 0px;
	margin-bottom:3px;
	border:3px solid #FFF;
	
}

.titRightcol{
float:left;
	width: 100%;
	height:8px;
	padding-top:10px;
	margin-left:6px;
	margin-top:18px;
}
.visitas{
	width: 100px;
	background:url(../img/tit_vis.gif) no-repeat left center;
}
.historia{
	width: 130px;
	background:url(../img/tit_his.gif) no-repeat left center;
}
.info{
	width: 107px;
	background:url(../img/tit_inf.gif) no-repeat left center;
}
.menuright ul{
float:left;
	width: 184px;
	height:auto;
	display:block;
	margin-top:14px;
	padding:0px;
}
.menuright li{
	width: 184px;
	height:auto;
	float: left; 
	color:#FFFFFF;
	margin-bottom:1px;
	background-position:left top;
}

.menuright li a{/*modificado 4 /03)*/
	width: 147px;
	color:#FFFFFF;
	float: left; 
	text-decoration:none;
	/*background:url(../img/topo_right.gif) no-repeat left;*/
	background:url(../img/topo_right.gif) no-repeat;
	padding-left:23px;
	padding-right:15px;
}
.menuright li a:hover, .menuright li.select {/*modificado 4 /03)*/
	width: 147px;
	color:#660000;
	float: left; 
	text-decoration:none;
	/*background:#FFFFFF url(../img/topo_right2.gif) no-repeat left 100%;*/
	background:#FFFFFF url(../img/topo_right2.gif) no-repeat;
}
.menuright li.select a,.menuright li.select a:hover{
	width: 147px;
	color:#660000;
	float: left; 
	text-decoration:none;
	padding-left:23px;
	padding-right:15px;
	background:#FFFFFF url(../img/topo_right2.gif) no-repeat;
}

.cajarightBaner{
	width: 197px;
	height:auto;
	float: left; 
	font-size: 100%;
	color:#FFFFFF;
	margin-top:-3px;
	margin-left:-3px;
	margin-bottom:3px;
}
.cajarightBaner .csc-textpic {
	width: 200px;
	float:left;
	background-color:#FFF;
}

div>.cajarightBaner .csc-textpic {
	width: 197px;
	float:left;
	background-color:#FFF;
}

/* controla la img del banner*/
.cajarightBaner dl.csc-textpic-image dt{
float:left;

}
.cajarightBaner .csc-textpic .csc-textpic-caption,.cajarightBaner .ccsc-textpic-clear{
display:none;
}
.cajarightBaner .menuVisitas {
	float:left;
	width: 184px;
	height:auto;
	display:block;
	margin-left:3px;
	margin-top:3px;
	padding:0px 0px 26px 0px;
	border:3px solid #FFF;
}






/* pie 
----------------------------------------------------------*/

#footer {
	width: 758px;
	height:39px;
	font-size: 90%;
	vertical-align:middle;
	color: #660000;
	/*padding-left:13px;
	width: 750px;*/
	padding-left:5px;
	padding-right:5px;
	border-top:1px solid #336600;

	
}
.enlacesFooter {
	width: auto;
	height:auto;
	float:left;
	margin-top:12px;
}
.enlacesFooter a{
	color: #660000;
	text-decoration:none;
}
.enlacesFooter a:hover{
	color: #CC0000;
	text-decoration:underline;
}
/*.logoFooter{
	width:141px;
	height:23px;
	float:right;
	color:#000000;
	font-weight:bold;
	font-size:110%;
	background:url(../img/logo_apit.gif) no-repeat left center;
	padding-left:39px;
	padding-top:8px;
	margin-top:4px;
}*/

.miembros{
float:left;
width:auto;
display:block;
margin-top:10px;
margin-right:7px;
}
div>.miembros{
margin-top:11px;
}
.logotipos{
	width:auto;
	float:right;
	height:36px;
	margin-top:2px;
}
.logoFooter{
	width:37px;
	height:36px;
	float:left;
	color:#000000;
	font-size:110%;
	/*padding-left:39px;
	padding-top:8px;*/
	
}
.apit{
	background:url(../img/logo_apit.gif) no-repeat left center;

}

.cefapit{
	background:url(../img/logo_cefapit.gif) no-repeat left center;
}

.feg{
	background:url(../img/logo_feg.gif) no-repeat left center;
}
.wft{
	background:url(../img/logo_wft.gif) no-repeat left center;
}
.faecta{
	background:url(../img/logo_faecta.gif) no-repeat left center;
}
#comentarioFooter{ 
	width: 758px;
	margin: 0px auto;
	text-align:right;
	color:#999999;
	padding-top:9px;
	padding-right:10px;
}

/* submenu
----------------------------------------------------------*/

.submenu ul{
width:100%;
height:auto;
color:#336600;
float:left;
/*margin-bottom:27px;*/
margin-bottom:6px;
padding:0px;
line-height:1.5em;
}
div>.submenu ul{
margin-bottom:13px;
}
.submenu li{
	/*width:auto;*/
	height:auto;
	width:auto;
	display:inline;
	overflow:auto;
	clear:both;
	color:#336600;
	font-size:100%;
	font-weight:bold;
	margin-right:1px;
	margin-bottom:4px;
	border-right:1px solid #336600;
}
.submenu li a{
	display:inline;
	overflow:auto;
	clear:both;
color:#336600;
text-decoration:none;
padding:0px 5px;
}
.submenu li a:hover{
	display:inline;
	overflow:auto;
	clear:both;
color:#fff;
text-decoration:none;
background:#336600 100%;
padding:0px 5px;
}

.submenu li.select{
color:#fff;
text-decoration:none;
background:#336600 100%;
padding:0px 5px;
}


/*formularios 2 columnas.................................................. */

fieldset{
width:510px;
float:left;
border:0px;
margin-left:-10px;
}
div>fieldset{

margin-left:-15px;
}
.csc-mailform-label{
width:500px;
color:#990000;
float:left;
font-weight:bold;
margin-bottom:10px;
margin-top:15px;
padding-left:10px;
border-bottom:1px solid #fff;
}
.csc-mailform-field{
/*width:240px;*/
width:auto;
float:left;
margin-bottom:15px;
margin-right:5px;
margin-left:5px;
}
label{
/*width:216px;*/
width:auto;
font-size:90%;
color:#003300;
font-weight:bold;
margin-left:5px;
}
label strong{
color:#003300;
font-weight:normal;
}
input, select{
/*width:221px;*/
width:auto;
float:left;
clear:left;
padding-left:9px;
color:#003300;
}
select{
width:230px;
margin-left:5px;
}
textarea{
width:490px;
float:left;
clear:both;
padding-left:9px;
color:#003300;
}
legend{
display:none;}

.csc-mailform-radio{
width:220px;
float:left;
}
.csc-mailform-check{
width:220px;
float:left;
/*margin-top:-20px;*/
}
.csc-mailform-radio label,.csc-mailform-check label{
width:auto;
float:left;
margin-top:0px;
padding-left:0px;
padding-top:3px;
}
div>.csc-mailform-radio label,.csc-mailform-check label{
float:none;
}

.csc-mailform-field fieldset{
width:200px;
height:auto;
float:left;
margin-left:0px;
}
.csc-mailform-radio input{
width:auto;
float:left;
margin-left:0px;
margin-right:10px;
padding-left:0px;
}
input.csc-mailform-check{
width:auto;
float:left;
margin-left:0px;
margin-right:10px;
padding-left:0px;

}

input.csc-mailform-submit{
	width:56px;
	height:20px;
	float:right;
	color:#FFFFFF;
	font-weight:bold;
	background:#669900;
	clear:both;
	padding-right:9px;
	/*margin-top:120px;*/
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}


/* tablas contenidos
------------------------------------------------------------------------*/
table{
	width: 100%;
	height:100%;
}
div>table{
float:left;
	width: 100%;
	height:100%;
}
table h3{
margin-bottom:10px;
margin-top:0px;
}
table font{
color:#003300;}
caption{
color:#fff;
width:100%;
text-align:left;
vertical-align:middle;
font-weight:bold;
margin-left:0px;
padding-left:5px;
background-color:#003300;
}

thead{
width:100%;
/*float:left;*/
color:#FFF;
text-align:left;
margin-bottom:5px;
padding:5px;
background-color:#336600;
}
/*thead tr{
width:100%;
float:left;
}*/
thead th{
padding:2px 5px 2px 5px;
}
/*tbody tr{
width:100%;
float:left;
border-bottom:1px solid #FFF;
}*/


tbody tr.tr-odd{
background:url(../img/bg_tr.gif) repeat;
}
tbody td{
padding:5px;
}

/* capa contenedora de contenido generado (texto más imagen o galería de imágenes)
..................................................*/
/*.csc-textpic{
float:left;
width:100%;
overflow:hidden;
}*/
.csc-textpic p.bodytext{
float:none;
display:block;
/*overflow:auto;*/
clear:none;
}

/* Noticias y novedades detalle 
---------------------------------------------------*/

#contenido .news-single-item a{
/*float:left;*/
}


#contenido .news-single-img{
/*width:485px;*/
width:auto;
/*float:left;*/
padding:10px;
/*border:3px solid #fff;*/
margin-top:10px;
}
#contenido .news-single-img img{
width:auto;
/*float:left;*/
}
#contenido .news-single-img a{
overflow:hidden;
width:auto;
margin-right:5px;
margin-left:5px;
}

.news-single-img .news-single-imgcaption{
display:none;
}
#contenido .news-single-item p{
width:auto;
clear:none;
}
.news-single-backlink a{
float:left;
color:#003399;
margin-top:20px;
}
.news-single-backlink a:hover{
color:#CC0000;
}

/* Programas culturales tipo noticia 
---------------------------------------------------*/
#contenido .listaPrograma{
width:495px;
float:left;
margin-bottom:40px;
}

#contenido .listaPrograma .fechaPrograma{
margin:0px 0px 0px 0px;
clear:both;
}

#contenido .listaPrograma h3{
width:100%;
float:left;
font-size:120%;
color:#660000;
font-weight:bold;
margin:5px 0px 10px 0px;
}


#contenido .listaPrograma img{
float:left;
margin-right:10px;
}

#contenido .listaPrograma .masinfo a{
float:left;
margin-top:10px;
color:#003399;
}
#contenido .listaPrograma .masinfo a:hover{
color:#CC0000;
}

/* Galerías de imágenes
..................................................*/

/*.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow{
width:400px;
height:auto;
overflow:hidden;
border:1px solid #FFF;
}*/