table.agenda{
	border: solid 1px;
	border-collapse:collapse;

}

table.agenda tr.ag_titulo{
	background-color:#29363E;
	height: 25px;
	text-color: #FFFFFF;
	color: #FFFFFF;
	text-align:center;
	font-weight: bold;
}

table.agenda tr.ag_titulo_dia{
	background-image: url('http://www.turismotorrox.es/resources/imagenes/calendario/tile.gif');
	height: 30px;
	text-color: #FFFFFF;
	color: #FFFFFF;
	text-align:center;
	vertical-align: middle;
}
table.agenda tr.ag_titulo_dia td{
	vertical-align: middle;
}
table.agenda tr td.ag_dia{
	background-color: #95CCB1;
	border: solid 1px #FFF;
	vertical-align: top;
	height: 50px;
    padding: 10px 0px 10px 0px;
    border-radius:20px;
}
table.agenda tr td.ag_dia:hover{
	background-color: #BBBBBB;
}
table.agenda tr td.ag_dia_mes_ant{
	background-color: #F1F1F1;
	border: solid 1px #FFF;
}
table.agenda span.ag_num_dia{
	font-weight: bold;
	font-size: 10px;
	font-color: #29363E;
	color: #29363E;	
	margin: 2px;
}


table.agenda td.ag_semana{
	background-color:#29363E;
	text-color: #FFFFFF;
	color: #FFFFFF;
	width: 2%;
	text-align:center;
	vertical-align: middle;
}
table.agenda div.ag_evento{
	background-color:#FFD36D;
    text-align:center;
	text-color: #444444;
	color: #444444;
	margin: 2px;
	padding: 5px 5px 5px 5px;
	font-weight:normal;
	font-size: 10px;	
    border-radius:20px;
}
table.agenda div.ag_evento:hover{
	text-decoration: underline;	
}
div span.titulo1 {
	font-size: large;
	font-weight: bold;
	color: #000080;
}
.sub_titulo1 {
	color: #00458A;
	font-weight: bold;
}


.titulo2 {
	font-size: 20px;
	width: 100%;
	margin: 10px 0px 4px 0px;
	color: #00458A;
}

.sub_titulo2 {
	font-size: 18px;
	width: 100%;
	margin: 6px 0px 4px 0px;
	color: #00458A;
}

.enlace1 a:link, .enlace1 a:visited {
	color: #000080;
	text-decoration: none;
	cursor: pointer;
}
.enlace1 a:hover{
	color: #00458A;
	text-decoration: underline;
}




/* CSS Document */
* {
	outline: none;
}





#body_root {
	/* background-color: #FFF4D8; */
    width: 100%
	margin: auto;
	margin-top: 10px;
	padding: 0px;
	color: #555555;
	font-family: 'Varela Round', sans-serif;
	font-size: 14px;
    overflow:visible;
    background-position:center;
    background-image: url(http://www.turismotorrox.es/resources/imagenes/fondo_2015.png);
    background-attachment: fixed !important;
    }

#body_menu {
	position: relative;
	width: 1100px;
	margin: auto;
	padding: 0px;
    height:40px;
}
#body_pre_inicio {
    background-repeat:repeat;
    background-image: url(http://www.turismotorrox.es/resources/imagenes/bg_box.png);
	position: relative;
	width: 100%;
	margin: auto;
	padding: 0px;
}
.body_inicio {
	position: relative;
	width: 1100px;
	margin: auto;
	padding: 0px;
    background-repeat:repeat;
    //background-image: url(http://www.turismotorrox.es/resources/imagenes/bg_box.png);
}
********************************/
/* MENU_PRIN_PORTADA */
/********************************/
/* all menu links */


.menu_prin_portada{
    position:relative;
    text-align:center;
    margin: auto;
}
.menu_prin_portada{
	text-decoration:none;
    font-size:28px;
    font-weight: 600;
	font-family: 'Varela Round', sans-serif;
	color: #FFFFFF;
    text-shadow: 0.0em 0.0em 0.2em #000000;
}
.menu_prin_portada a{
	text-decoration:none;
    font-size:28px;
    font-weight: 600;
	font-family: 'Varela Round', sans-serif;
	color: #FFFFFF;
    text-shadow: 0.0em 0.0em 0.2em #000000;
}

.menu_prin_portada a:hover{
	color: #000000;
    text-shadow: 0.0em 0.0em 0.2em #FFFFFF;
}

.logo_portada{
    border: solid 1px;
    text-align:center;
    border:solid 0px;
    margin-top:180px;
}
.logo_portada img{
    width:1115px;
}

********************************/
/* MENU_PRIN */
/********************************/
/* all menu links */

.menu_prin {
    position:relative;
    text-align:center;
    margin: auto;
}
.menu_prin{
	text-decoration:none;
    font-size:26px;
    font-weight: bold;
	font-family: 'Varela Round', sans-serif;
	color: #FFFFFF;
    text-shadow: 0.0em 0.0em 0.1em #000000;
}
.menu_prin a{
	text-decoration:none;
    font-size:26px;
    font-weight: bold;
	font-family: 'Varela Round', sans-serif;
	color: #FFFFFF;
    text-shadow: 0.0em 0.0em 0.1em #000000;
}

.menu_prin a:hover{
	color: #000000;
    text-shadow: 0.0em 0.0em 0.1em #FFFFFF;
}

#indicator {
	position: absolute;
	left:450px;
	top: 150px; 
    display:none;
}
#logo {
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 0;
}
#eslogan {
	position: absolute;
	top: 20px;
	right: 22px;
	z-index:1000;
    border:solid 0px;
    
}
#sub_menu_prin {
	position: absolute;
	top:0px;
    right:100px;
	margin:auto;
	border: solid 0px;
	padding-left: 0px;
	cursor: pointer;
}
.sub_menu_prin_item {
    color: #AF0542
}
.sub_menu_prin_item_hover {
    
}


#idiomas {
	position: absolute;
	top:0px;
    right:20px;
	margin:auto;
	border: solid 0px;
	padding-left: 0px;
	padding-right: 10px;
	cursor: pointer;
	z-index: 1000;
}

#cabecera {
	position: relative;
	//background-repeat: no-repeat;
	//background-position: top center;
	//background-image: url(http://www.turismotorrox.es/resources/imagenes/linea_pano.png);
	//background-repeat: no-repeat;
	top: 20px;
	width: 100%;
	height: 120px;
	margin: auto;
	border: solid 0px;
}

#player {
    position: absolute;
    left: 270px;
    top: -40px;
}

#contenedor_prin {
	position: relative;
	top: 10px;
	width: 100%;
	margin: auto;
	border: solid 0px;
}
#contenedor_prin tr td {
	vertical-align: top;
}
#contenedor_prin tr td.menu_secun {
	vertical-align: top;
    width:300px;
    padding-left:20px;
}

.data_titulo {
	text-align: right;
}
.data_titulo span {
	font-size: large;
	color: #00008e;
}

/********************************/
/* MENU_DOCK */
/********************************/
#dock_frj {
	position: relative;
	margin:auto;
	border: solid 0px;
	width: 100%;
}
#dockContainer{
	position: relative;
	top: 0px;
	width: 100%;
	left: 0px;
	display :table;
	text-align :center;
	border: solid 0px;
}

#dockContainer>div{
	display :inline-block;
}

#dockContainer>div{
}

#dockContainer>div{
	display :table-cell;
	text-align :left;
	border-bottom :0px solid rgb(220,220,200);
}

#dockContainer>div>div{
}

#dockContainer div div div{
	height :120px;
	margin: 0px;
	overflow: hidden;
}

/* FIN MENU_DOCK */
/********************************/


/********************************/
/* MENU */
/********************************/

#target_menu {
	position: relative;
	border: solid 0px;
	margin-top: 0px;
	margin-left: 0px;
	width: 230px;
}

#menu_titulo {
	
	font-family: 'Varela Round', sans-serif;
	position: relative;
	font-size: 20px;
	color: #000080;
	border: solid 0px;
	margin-top: 20px;
	font-weight: bold;
	margin-left: 20px;	
}


#Menu {
	line-height: 1;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 20px;
	margin-left: 20px;
}

.MGroup {
	font-size: 18px;
	padding: 0 0 5px;
	font-family: 'Varela Round', sans-serif;
	text-decoration: none;
}

.MGroup .item_prin {
	padding: 6px 10px;
	text-decoration: none;
	display: block;
	color: #000000;
	text-align: left;
	border-left: 4px solid #5e708e;
    text-shadow: 0.0em 0.0em 0.1em #AAAAAA;
	cursor: pointer;
}

.MGroupContent {
	font-size: 16px;
	padding-top: 5px;
	font-weight: normal;
	text-transform: none;
	display: none;
}

.MFile a:link, .MFile a:visited, .MIndex a:link, .MIndex a:visited {
	display: block;
	padding: 4px 4px 4px 30px;
	margin: 2px 0;
	color: #5C5C5C;
	text-decoration: none;
	text-align: left;
}

.MFile a:hover, .MFile a:active, .MIndex a:hover, .MIndex a:active {
	color: #AF0542;
}

.MEntry a:hover, .MEntry a:active {
	color: #AF0542;
}
.MEntry_hover {
	padding: 6px 10px;
	text-decoration: none;
	display: block;
	text-align: left;
	border-left: 4px solid #5e708e;
	cursor: pointer;
	color: #AF0542;
    text-shadow: 0.0em 0.0em 0.1em #AAAAAA;
}

.menu_iconos{
}
.menu_iconos tr{

}
.menu_iconos tr td{
	border-bottom: dotted 1px;
	padding: 10px;
	cursor: pointer;
	color: #00458A;
    font-size: 20px;
	font-family: 'Varela Round', sans-serif;
}
.menu_iconos tr td:hover{
	border-bottom: dotted 1px;
	padding: 10px;
	cursor: pointer;
	color: #FF6600;
}
.menu_iconos tr td img{
	border: solid 2px #D7B420;
	padding: 4px;
    margin-right:4px;
    float:left;
    border-radius: 35px;
}
.menu_iconos tr td:hover img{
	border: solid 2px #2586C4;
	padding: 4px;
}

.menu_webcams{
}
.menu_webcams tr{

}
.menu_webcams tr td{
	padding: 10px;
	cursor: pointer;
	color: #00458A;
    font-size: 20px;
	font-family: 'Varela Round', sans-serif;
}
.menu_webcams tr td:hover{
	padding: 10px;
	cursor: pointer;
	color: #FF6600;
}
.menu_webcams tr td img{
	border: solid 2px #D7B420;
	padding: 4px;
    border-radius: 35px;
}
.menu_webcams tr td:hover img{
	border: solid 2px #2586C4;
	padding: 4px;
}


/* FIN MENU */
/********************************/

.galeria img{
	border: solid 2px #D7B420;
	padding: 4px;
    margin: 4px;
    border-radius: 35px;
}
a.galeria:hover img {
	border: solid 2px #2586C4;
}




/********************************/
/* CONTENIDO */
/********************************/
#data {
	position: relative;
	width: 100%;
	min-height: 350px;
	border: solid 0px;
	color: #000000;
    margin-top:50px;
}

.tabla1 tr td{
	border-bottom: dotted 1px;
	padding: 10px;
}
.tabla1 tr td img.img_tabla1{
	border: solid 2px #DDDDDD;
	padding: 4px;
    border-radius: 35px;
}
.tabla1 tr td div.titulo{
	color: #00458A;
	font-weight: bold;
    font-size: 16px;
}
.tabla1 tr td div.data{
}

/* FIN CONTENIDO */
/********************************/

/********************************/
/* BUZON DEL CIUDADANO			*/
/********************************/
#buzon_formulario {
	position: relative;
	font-family: 'Varela Round', sans-serif;
	font-size: 14px;
	width: 100%;
	left: 0px;
	top: 10px;
	margin: auto;
	z-index: 1000;
}
#formulario_contacto {
	text-align: center;
}
#formulario_contacto table tr td{
	vertical-align: middle;
}
.con_formulario_label {
	color: #000033;
	font-family: 'Varela Round', sans-serif;
	font-size: 14px;
	text-align: right;
}
.con_formulario_text {
	background-color: #F7FAFB;
	border: solid 1px #DDDDDD;
	color: #000033;
	font-family: 'Varela Round', sans-serif;
	font-size: 14px;
}
.con_formulario_form {
	position: relative;
	font-family: 'Varela Round', sans-serif;
	font-size: 14px;
}
/* FIN BUZON */
/********************************/


/********************************/
/* PIE_DE_PÁGINA */
/********************************/
#pie_de_pagina {
	background-image: url(http://www.turismotorrox.es/resources/imagenes/pie_pano.png);
	background-position: top center;
	background-repeat:no-repeat;
	position: relative;
	margin-top: 20px;
	margin-bottom: 10px;
	border: solid 0px;
	text-align: center;
	left: 0px;
	width: 100%;
	height: 70px;
	font-family: 'Varela Round', sans-serif;
	font-size: 12px;
	z-index: 10;
}
#logo_informatica {
	position: absolute;
	top: 10px;
	right: 0px;
}
#logo_torrox {
	position: absolute;
	top: 5px;
	left: 0px;
}
#pie_notas {
	position: relative;
	text-align: center;
	border: solid 0px;
	margin:auto;
	top: 20px;
}

/* FIN PIE_DE_PÁGINA */
/********************************/



/*-----------------------------------------------*/
/* Noticias										 */
/*-----------------------------------------------*/
#menu_noticias {
	position: relative;
	right: 0px;
	padding-top: 10px;
	border: solid 0px;
}
#listado_noticias {
	position: relative;
	width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    left: 0px;
}
.noticia{
	border: solid 2px #D7B420;
	padding: 4px;
    margin:4px;
    border-radius: 35px;
}
.noticia:hover{
	border: solid 2px #2586C4;
	padding: 4px;
    cursor: pointer;
}
.noticias_titulo_listado{
	font-size: 16px;
	color: #222;
	color: #01448A;
}
.noticias_texto_listado{
    text-align: justify;
}
.noticias_leer_mas{
	cursor:pointer;
	position:relative;
	text-align:right;
	top:4px;
	color: #000080;
}
.noticias_leer_mas_hover{
	cursor:pointer;
	position:relative;
	text-align:right;
	top:4px;
	color: #FF8809;
}
.noticias_bottom{
	position: relative;
	margin: auto;
	font-size: 14px;
	padding: 0px;
	padding-top: 2px;
	width: 100%;
	height: 0px;
}
.noticias_head{
	position: relative;
	margin: auto;
	font-size: 14px;
	padding: 0px;
	margin-top: 10px;
	padding-bottom: 0px;
	width: 100%;
	height: 18px;
}
.noticias_volver{
	cursor:pointer;
    padding: 5px 10px 5px 10px;
	text-align:right;
	color: #000000;
	float:right;
    font-size: 18px;
    border: solid 1px;
    border-radius: 30px;
}
.noticias_volver_hover{
	cursor:pointer;
    padding: 5px 10px 5px 10px;
	text-align:right;
	color: #000080;
	float:right;
    font-size: 18px;
    border: solid 1px #000080;
    border-radius: 30px;
}
.noticias_fecha{
	cursor:pointer;
    padding: 5px 10px 5px 10px;
	float: left;
	color: #000000;
    font-size: 18px;
}

.noticias_pag{
	cursor:pointer;
	color: #000000;
}
.noticias_pag_hover{
	cursor:pointer;
	font-weight: bold;
	color: #BA2828;
}

#cont_menu_noticias {
	position: relative;
	margin: auto;
	top: 20px;
	text-align: left;
	font-size: 14px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: solid 0px;
	width: 100%;
}

/*-----------------------------------------------*/
/* Tips											 */
/*-----------------------------------------------*/
.tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}

.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(http://www.turismotorrox.es/resources/imagenes/bubble.png) top left;
}

.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(http://www.turismotorrox.es/resources/imagenes/bubble.png) bottom right;
}












.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 350px;
	width: 1100px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 350px;
	margin: 0 auto;
	width: 1100px;
}
.slideshow a img {
	border: 0;
}