/* CSS Document para Táctil Náutica dle Ayto de Cádiz -  */

body{
	margin:0;
	padding:0;
	background-color:#000;
	font: normal 15px Arial, Helvetica, sans-serif;
	
}

img{
	float:left;
	border:none;
}

/*.off{
	 filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;
}*/

.right{
	float: right;
	padding:0 0 0 400px;
}

/********************************** ESTRUCTURALES **********************************/


#contenedor{
	width:1000px;
	height:750px;
	float:none;
	margin:0 auto;
/*	background:#00aaee url(../images/index/fondo.jpg) no-repeat top left;*/

}

#columna{
	width:255px;
	height:640px;
	float:left;
	background:#00aaee url(../images/index/fondo2.jpg) no-repeat top left;
	background:none;
}


#logotipo{
	width:255px;
	height:153px;
	float:left;
	text-align:center;
	padding:3px 0 0 0;
}

#columna2{
	width:226px;
	height:640px;
	float:left;

}

#columna2 h2{
	width:216px;
	float:left;
	margin:0;
	padding:5px;
	color:#fff;
	text-align:center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	background:#000;
	
}

#cuerpo{
	width:512px;
	height:640px;
	float:left;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	overflow:hidden;

}

#cuerpo h2{
	height:50px;
	display:block;
	margin:0;
	padding:7px 0 0 10px;
	border:none;
	color:#fff;
	font:bold 1.96em "Trebuchet MS";
	border-bottom:1px solid #fff;
	background:#000;
	
}

#cuerpo h2 strong{
	font:bold 0.75em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
}


#cuerpo h2 strong em{
	color:#F90;

}

#cuerpo h2 strong i{
	color:#FC0;

}

#bandera{
	width:220px;
	height:57px;
	float:left;
}

#bandera img{
	padding:0 0 0 1px;
	float:right;
}

#bandera span{
	height:12px;
	float:right;
	padding:8px;
	color:#fff;
	text-transform:uppercase;
	font:normal 0.6em Arial, Helvetica, sans-serif;
	background:#000;
}

#logos{
	width:255px;
	height:130px;
	float:left;
}

#logos a{
	width:244px;
	height:62px;
	padding:2px 5px;
	display: block;
	float:left;
	color:#CCCCCC;
	text-decoration:none;
	background:#2d2d2d;
}

#logos span{
	float: left;
	padding: 20px 0 0 10px;
}


/********************************** MENÚ **********************************/


#menu{
	width:255px;
	height:335px;
	float:left;
	padding: 19px 0 0 0;
	font:bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
}



#menu ul{
	width:255px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px solid #fff;
}

#menu ul li{
	width:255px;
	height:66px;
	float: left;
	padding:0 0 0px 0;
	border-bottom:1px solid #fff;
	background: url(../images/index/tramado.gif);
}


#menu ul li a{
	width:250px;
	height:66px;
	padding:0 3px;
	display: block;
	float:left;
	color:#fff;
	text-decoration:none;
}

#menu ul li a span{
	float: left;
	padding: 22px 0 0 10px;
}

#menu ul li a img{
	width:58px;
	height:58px;
	border:1px solid #fff;
	margin:3px 0 0 3px;
}

.menu_active{
	background:#4FAEDB;
	background:#faba00;
	background: #FF3300 url(../images/index/degradado_naranja.jpg) left top repeat-x;
}


/********************************** SUBMENÚ **********************************/


#submenu{
	width:255px;
	height:450px;
	float:left;
	padding: 19px 0 0 0;
	font:bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
}


#submenu ul{
	width:255px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px solid #fff;
}

#submenu ul li{
	width:255px;
	height:38px;
	float: left;
	padding:0 0 0px 0;
	border-bottom:1px solid #fff;
	background: url(../images/index/tramado.gif);
}

#submenu ul li.titulo {
	height:38px;
	display: block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding: 10px 0 0 0;
}
#submenu ul li a{
	width:250px;
	height:38px;
	padding:0 3px;
	display: block;
	float:left;
	color:#fff;
	text-decoration:none;
}

#submenu ul li a span{
	float: left;
	padding: 10px 0 0 10px;
}

#submenu ul li a img{
	width:58px;
	height:29px;
	border:1px solid #fff;
	margin:3px 0 0 3px;
}

f
/********************************** PAGINADO **********************************/




#paginado{
	width:512px;
	float:left;
	padding:0px 0 0 0;
	background:#FF9900 url(../images/index/degradado_amarillo.jpg) repeat-x;
	overflow: scroll;
}

#paginado ul{
	float:left;
	margin:0;
	padding:0;
	border-left:1px solid #fff;
	list-style:none;
}

#paginado ul li{
	float:left;	
}

#paginado ul li a{
	width: 84px;
	height:72px;
	float:left;
	color:#fff;
	text-decoration:none;
	font:2em bold Arial, Helvetica, sans-serif;
	padding:25px 0px 5px 0px;
	text-align:center;
	border-right:1px solid #fff;
}

#paginado ul li a em,#paginado ul li a i{
	font-size:0.5em;
	padding:0px 0;
	text-align:center;
	display:block;
	font-style: normal;
	font-weight:bold;
}

#paginado ul li a i{
	color: #F90;
}


.paginado_boton{
	width:51px;
	padding-top:25px !important;
	background:url(../images/index/tramado.gif);
}

.paginado_active{
	background: #FF3300 url(../images/index/degradado_naranja.jpg) left top repeat-x;	
}

/********************************** º ANTERIOR **********************************/


#siguiente_anterior{
	width:512px;
	height: 50px;
	float:left;
	border-top:1px solid #fff;
}

#siguiente_anterior ul{
	margin:0;
	padding:0;
	list-style:none;
}

#siguiente_anterior ul li{
	float:left;
	background:url(../images/index/paginado_item.jpg);
}

#siguiente_anterior ul li a{
	height:40px;
	float:left;
	color:#fff;
	text-decoration:none;
	font:2em bold Arial, Helvetica, sans-serif;
	padding:10px 10px 0 10px;
	text-align:center;
}


.siguiente_anterior_boton{
	width: 70px;
	color:#FF9900;
	background:#FF9900 url(../images/index/degradado_amarillo.jpg) repeat-x;
}

.siguiente_anterior_volver{
	width:492px;
	background:#FF9900 url(../images/index/degradado_amarillo.jpg) repeat-x;
}

/********************************** LISTADO **********************************/


.amarillo{
	background:#faba00;
}

.negro{
	background:#000;
}

#listado{
	width:512px;
	float:left;
}


#listado ul{
	float:left;
	margin:0;
	padding:0;
	height:500px;
	list-style:none;
	border-bottom:1px solid #fff;
}

#listado ul li{
	width:512px;
	float:left;
	list-style:none;
	padding:0 0 0px 0;
	border-bottom:1px solid #fff;
}


#listado ul li a{
	float:left;
	color:#fff;
	
	text-decoration:none;
}

#listado ul li a img{
	width:81px;
	height:81px;
	padding: 0 0px 0 0;
	border-right:1px solid #fff;
}

#listado_categoria{
	width:82px;
	height:51px;
	float:left;
	padding:10px 0;
	text-align:center;
	background:#4FAEDB;
	background: none;
	background: #4395BB url(../images/index/degradado_azul.jpg) repeat-x;
}


#listado_categoria b{
	font:bold 2.5em/0.8em "Trebuchet MS";
	letter-spacing:-0.1em;
	display:block;
}

#listado_categoria i{
	width:80px;
	float: left;
	padding:4px 0 0 0;
	font:normal 0.8em/0.9em Arial, Helvetica, sans-serif;
	text-align:center;
	display:block;
	color: #f90;
}

#listado_categoria i span{
	display:block;
	color: #Fff;
}

#listado_date{
	width:81px;
	float:left;
	padding:5px 0 0 0;
	text-align:center;
}

#listado_date b{
	font:bold 2.5em "Trebuchet MS";
	display:block;
}

#listado_date i{
	font:normal 0.6em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}


#listado_name{
	width:419px;
	height:71px;
	float:left;
	overflow:hidden;
	padding:0 5px;
	background: url(../images/index/tramado.gif);
}

#listado_name strong{
	padding:2px 0 0 0;
	display:block;
}

#listado_name i{
	color: #faba00;
	font:italic 0.8em Arial, Helvetica, sans-serif;
	display: block;
	padding:0 0 2px 0;
}


#listado_name b{
	color: #999999;
	display: block;
	font:normal 0.8em Arial, Helvetica, sans-serif;
}

#listado_date .desde{
	color: #FABA00;
	font:normal 0.8em Arial, Helvetica, sans-serif;
}

/********************************** FICHA **********************************/

#ficha{
	width:512px;
	float:left;
}

#ficha .thickbox{
	float:left;
	text-decoration:none;
	color: #5C1B0F;
	color:#fff;
	padding: 5px;
	margin:5px;
	background: url(../images/index/degradado_amarillo.jpg);
	border:1px solid #fff;
	border-bottom:none;
	font:bold 1.1em Arial, Helvetica, sans-serif;
}

#ficha_title{
	width:319px;
	height:256px;
	float:left;
	background: #91c5dd;
	border-bottom:1px solid #fff;	
}

#ficha_title h3{
	width:303px;
	float:left;
	margin:0;
	padding:8px 8px 8px 8px;
	overflow:hidden;
	color:#fff;
	background: #4395BB url(../images/index/degradado_azul.jpg) repeat-x top left;
}

#ficha_title h4{
	width:303px;
	float:left;
	margin:0;
	padding:0;
	color:#fff;
	padding:0 8px 5px 8px;
	color: #333;
	border-bottom:1px solid #fff;
	background: #4395BB url(../images/index/degradado_azul.jpg) repeat-x bottom left;
}

#ficha_title h4 b{
	color:#FFCC00;
	padding:3px 0 0 5px;
	font:normal 1.0em/10px Geneva, Arial, Helvetica, sans-serif;
}

#ficha_fotos{
	width:192px;
	height:256px;
	float:right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	background: #91c5dd;
}

#ficha_fotos img{
	width:192px;
	height:192px;
	float:left;
	background: #91c5dd;
}

#ficha_fotos span{
	width:170px;
	padding:10px;
	color:#588fa8;
	float:left;
	font: italic 0.9em Arial, Helvetica, sans-serif;
}

#ficha_fotos ul{
	margin:0;
	padding:0;
	list-style:none;
	background: #91c5dd;
}

#ficha_fotos ul li{
	background: #91c5dd;
	float:left;
}

#ficha_fotos ul li img{
	width:64px;
	height:64px;
	float:left;
}

#ficha_title span{
	width:303px;
	float:left;
	color:#fff;
	padding:3px 8px 2px 8px;
	font:normal 0.8em Arial, Helvetica, sans-serif;
}

#ficha_title i{
	width:130px;
	float:left;
	padding:4px 8px;
	color:#fff;
	font:normal 0.8em Arial, Helvetica, sans-serif;
}


#ficha_title strong{
	display:block;
	color: #666;
	padding:4px 0 0 0;
}

#ficha_descripcion{
	width:303px;
	height:265px;
	float:left;
	padding:0px 8px 8px 8px;
	color: #fff;
	font:normal 0.8em Arial, Helvetica, sans-serif;	
	overflow: hidden;
	background:url(../images/index/tramado.gif);
}

#ficha_descripcion2{
	width:496px;
	height:260px;
	float:left;
	padding:5px 8px 8px 8px;
	color: #fff;
	font:normal 0.8em Arial, Helvetica, sans-serif;	
	overflow: hidden;
	background:url(../images/index/tramado.gif);
}

/******************************************** FICHA LISTADO */

#ficha_listado{
	width:192px;
	height:273px;
	float:left;
	border-left:1px solid #fff;
	overflow:hidden;
}


#ficha_listado ul{
	margin:0;
	padding:0;
	list-style:none;
}


#ficha_listado ul li{
	width: 192px;
	float:left;
}

#ficha_listado ul li a{
	width: 182px;
	float:left;
	text-decoration:none;
	color:#fff;
	padding: 5px;
	background: url(../images/index/degradado_amarillo.jpg);
	border-bottom:1px solid #fff;
}

#ficha_listado ul li img{
	float:left;
	padding:0 3px 0 0;
}

#ficha_listado ul li span{
	width: 142px;
	float:left;
	font:0.7em bold Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	padding:7px 0 0 0;
}



/******************************************** COLUMNA BOTONES */


#columna_botones{
	height:210px;
	float:left;
	padding:4px;
}

#columna_botones ul{
	width:218px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #fff;
}

#columna_botones ul li{
	float:left;
}

#columna_botones ul li a{
	width: 208px;
	float:left;
	text-decoration:none;
	color: #5C1B0F;
	color:#fff;
	padding: 5px;
	background: url(../images/index/degradado_amarillo.jpg);
	border:1px solid #fff;
	border-bottom:none;

}

#columna_botones ul li img{
	float:left;
	padding:0 6px 0 0;
}

#columna_botones ul li span{
	width: 170px;
	float:left;
	text-transform:uppercase;
	text-decoration:none;
	padding:5px 0 0 0;
	font:bold 0.9em Arial, Helvetica, sans-serif;
}

/******************************************** CALENDARIO */

#calendario{
	width:218px;
	float: left;
	padding:5px 4px;
}

#calendario span{
	width:217px;
	float:left;
	padding:5px 0;
	background: #FF3300 url(../images/index/degradado_naranja.jpg) left top repeat-x;
	background:#000;
	border:1px solid #fff;
	border-bottom:none;
	color:#fff;
	text-align:center;
	font-size: 0.9em;
}

#calendario span i{
	display: block;
	text-transform:lowercase;
	font:normal 1.3em Arial, Helvetica, sans-serif;
	padding-bottom:3px;
}

#calendario span em{
	font-style: normal;
	font-size: 0.9em;
	padding:4px 0;
}

#calendario ul{
	width:217px;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	border:1px solid #fff;
	border-top:none;
	background:#000;
}

#calendario ul li{
	float:left;
/*	width:30px;
	float:left;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:center;*/
}

#calendario ul li span, #calendario ul li a, #calendario ul li span, #calendario ul li strong{
/*	width:30px;
	height:25px;
	display:block;
	padding:5px 0 0 0;
	color:#fff;
	text-decoration:none;*/
}

#calendario ul li span{
	background: url(../images/index/degradado_azul.jpg);
	display:none;
}

#calendario ul li strong{
	background: url(../images/index/degradado_naranja.jpg);
	background: #000;
	width:29px;
	height:25px;
	border:1px solid #333;
	text-align:center;
	display:block;
	padding:5px 0 0 0;
	color: #fff;
	text-decoration:none;
}

#calendario ul li a{
	background: url(../images/index/degradado_amarillo.jpg);
	display:none;
}


/********************************** ACTIVIDADES **********************************/

#actividades{
	width:512px;
	float:left;
}

#actividades ul{
	margin:0;
	padding:0;
	list-style:none;
}

#actividades ul li{
	width:250px;
	height:91px;
	float:left;
	padding:3px;
	overflow:hidden;
	color:#fff;
	background: url(../images/index/tramado.gif);
}

#actividades ul li strong{
	display:block;
	padding:1px 5px;
	font:bold 0.9em Arial, Helvetica, sans-serif;
	background:#000;
	color:#333;
	background: url(../images/index/degradado_amarillo.jpg);
}


#actividades ul li b{
	font:bold 0.7em Verdana, Geneva, sans-serif;
	display:block;
}

#actividades ul li i{
	font:normal 0.7em Verdana, Geneva, sans-serif;
	display:block;
	color: #FC0;
}

#actividades ul li span{
	font:normal 0.7em Verdana, Geneva, sans-serif;
	display:block;
}