/* CSS Document */
/* ©2006 AGUSTINOS RECOLETOS DE GRANADA . Colegio Santo Tomás de Villanueva
--------------------------------------------------------------------------------------------- */
@import url(noticias.css);
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.75em;

	color: #333333;
	background:#D6EBFF url(../img/bg_body.jpg) repeat-x;
}

a {
	font-family:Arial, Helvetica, sans-serif;
	color:#6666CC;
	text-decoration: underline;
}
a:hover{
	font-family:Arial, Helvetica, sans-serif;
		color:#6666CC;
	text-decoration: none;
}


h1{
	width:auto;
	/*float:left;*/
	font-size: 170%;
	color:#FF3333;
	margin:0px 5px 6px 0px;
	padding:0px;
}
h2{
width:auto;
float:left;
color:#FF3333;
font-size: 160%;
font-weight:normal;
margin:2px 0px 0px 0px;
padding:0px 0px 0px 25px;
background:url(../img/bg_h2.gif) no-repeat left center;
text-transform:lowercase;
}
h2:first-letter{
text-transform:capitalize;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight:normal;
	margin:0px 0px 6px 0px;
	padding:0px;
	color:#19536E;
}
h4{/*para los títulos de las tablas*/
	width:495px;
	height:13px;
	float:left;
	font-size:90%;
	font-weight:normal;
	color:#FFFFFF;
	text-transform:uppercase;
	background-color:#FF3333;
	padding-left:5px;
	margin-bottom:16px;
}
h5{/*para los títulos de las tablas*/
	width:485px;
	height:13px;
	float:left;
	font-size:90%;
	font-weight:normal;
	color:#FF3333;
	background:url(../img/topo2.gif) no-repeat left center;
	padding-left:15px;
	margin-bottom:16px;
}

.oculta {
	display:none;
}

p{
margin:0px 0px 23px 0px;
padding:0px;

}
p, li
{
	line-height:1.4em;
}
blockquote{
	font-style: italic;
}

/* ESTRUCTURA GENERAL
--------------------------------------------------------------------------------------------- */

#contenedor_principal {
	width: 740px;
	height:auto;
	margin: 0px auto;

}

#contenedor{
	width:740px;
	height:auto;
	float:left;
	color:#333333;
	background:#FFFFFF;
	padding:15px;
}


#cabecera{
	width:740px;
	height:214px;
	background:#FFF url(../img/foto_inicio.jpg) no-repeat !important;
	position:relative;
}

#logo{
/*	width:180px;*/
/*	float:right;*/
	height:214px;
	background: url(../img/cabecera_logo.jpg) no-repeat right;
}
#logo span.portada
{
	cursor:pointer;
	background: none;
	display:block;
	height:180px;
	visibility:hidden;
	text-decoration:none;
}
#cabecera form{
	width:180px;
	position:absolute;
	bottom:12px; 
	right:12px;
}
#buscador{
	width:168px;

	height:22px;
	/*margin-top:180px;*/
}
div>#buscador{
	margin-right:13px;
}

.tx-indexedsearch-searchbox-sword{
	width:88px;
	height:15px;
	float:left;
	font-size:80%;
	padding-left:20px;
	padding-top:3px;
	background:#FFFFFF url(../img/bg_buscador.gif) no-repeat left center;
}
a.buscar{
	width:45px;
	height:13px;
	float:right;
	color:#FFFFFF;
	font-size:80%;
	text-decoration:none;
	margin-top:6px;
	margin-left:2px;
	padding-left:6px;
	background:#218184;
}
a.buscar:hover{
width:45px;
	height:13px;
	float:right;
	color:#FFFFFF;
	font-size:80%;
	text-decoration:none;
	margin-top:6px;
	margin-left:3px;
	padding-left:6px;
	background:#33CC66;
}
div>a.buscar{
	margin-left:2px;
}
#cabecera_down{ /*solo para la index*/
	width:740px;
	height:41px;
	float:left;
	margin-bottom:25px;
	background:url(../img/bg_menu1.jpg) repeat-x;
}
#cabecera_down ul{ /*solo para la index*/
	width:auto;
	float:right;
	display:inline;
	margin-top:31px;
}
#cabecera_down li{ /*solo para la index*/
	width:auto;
	display:inline;
	color:#248487;
font-size:80%;
}
#cabecera_down li a{ /*solo para la index*/
	color:#248487;

}
#cabecera_down li a:hover{ /*solo para la index*/
	color:#248487;
	text-decoration:none;
}
#pie{
	width:729px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FFFFFF;
	background:#187478;
	margin:50px 0px 0px 0px;
	padding:1px 0px 1px 11px;
}
#pie a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#pie a:hover{
	text-decoration:underline;
}


/* INDEX
................................................*/
#menu_index{
	width:251px;
	height:auto;
	float:left;
	color:#6666CC;
	margin-right:30px;
	clear:both;
}
#menu_index dl{
	width:251px;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;

}
#menu_index dt{
	width:251px;
	height:auto;
	float:left;
	color:#6666CC;
	font-size:130%;
	margin:0px;
	padding:0px;
	}
#menu_index dt a{
	width:251px;
	height:auto;
	color:#6666CC;
	float:left;
	text-decoration:underline;
	margin:0px;
	padding:0px;
}
#menu_index dd{
	width:251px;
	height:auto;
	float:left;
	color:#333333;
	margin:0px 0px 20px 0px;
	padding:0px;

}

/*#menu_index ul{
	list-style-type:none;
	display:block;
	margin:0px;
	padding:0px;
}

#menu_index li{
	width:251px;
	height:17px;
	float:left;
	color:#FFFFFF;
	margin:0px 0px 20px 0px;
	padding:0px;
	overflow:hidden;


}
	
#menu a:hover{
width:770px;
background-position:0px -17px;
}
#menu a.selected{

background-position:0px -17px;
}
.inicio a{
	background-image:url(../img/bot_ini.jpg)
}
.inicio_selec a{
	width:770px;
	background-position:0px -17px;
	background-image:url(../img/bot_ini.jpg)
}
*/
#column_resaltado{
	width:459px;
	float:left;
}
.banner{
	width:352px;
	height:86px;
	float:left;
	margin-bottom:27px;
	padding-left:108px;
	background:url(../img/bg_banner.jpg) no-repeat left top;
}
.text_banner{
	background:url(../img/tit_banner.gif) no-repeat left top;
	padding-top:30px;
}
.eventos{
	width:250px;
	float:left;
	margin-right:29px;
	background:url(../img/bg_eventos.gif) repeat left top;
}
.top_eventos{
	width:250px;
	height:9px;
	float:left;
	background:url(../img/top_eventos.gif) no-repeat left top;
}
.down_eventos{
	width:250px;
	height:9px;
	float:left;
	margin-bottom:-7px;
	background:url(../img/down_eventos.gif) no-repeat left top;
}
div>.down_eventos{
	width:250px;
	height:9px;
	float:left;
	background:url(../img/down_eventos.gif) no-repeat left top;
}
.tit_eventos{
	color:#FF3333;
	margin-left:10px;
}
.fecha_eventos{
float:left;
color:#19536E;
font-size:90%;
font-weight:bold;
margin-left:20px;
}
.descarga{
	width:229px;
	float:left;
	color:#6666CC;
	background:url(../img/bg_descarga.gif) repeat left top;
	padding:6px 0px 10px 21px;
	margin:9px 0px 12px 0px;
}
.descarga a, .descarga a:hover{
color:#6666CC;
font-size:90%;
text-decoration:underline;
padding:0px 10px 0px 10px;
}
.ico_descarga{
	width:29px;
	height:28px;
	float:left;
	margin-right:8px;
background:url(../img/ico_descarga.gif) no-repeat;
}
.evento{
	width:227px;
	float:left;
	color:#19536E;
	font-size:90%;
	padding-left:23px;
	background:url(../img/topo_eventos.gif) no-repeat;
	margin-bottom:7px;
}
div>.evento{
	margin-bottom:15px;
}
.news-list-morelink{
width:auto;
margin-top:-20px;
padding:0px;
text-transform:uppercase;}
.news-list-morelink a{
color:#248587;
font-size:100%;
text-decoration:underline;
}
.news-list-morelink a:hover{
color:#248587;
text-decoration:none;
}


.mensaje1{
	width:180px;
	height:auto;
	float:left;
	color:#FFFFFF;
}
/*.top_mensaje1{ /*para fondo con estilos
	width:180px;
	height:123px;
	float:left;
	padding-top:13px;
	font-weight:bold;
	background:url(../img/bg_mensaje.gif) no-repeat left top;
	border-top:1px solid #000000;
}*/
.top_mensaje1{ /*imagen directa en el html*/
	width:180px;
	height:123px;
	float:left;
	font-weight:bold;
}
.text_mensaje1{
	width:155px;
	float:left;
	color:#333333;
	font-size:90%;
	margin-top:-20px;
	vertical-align:bottom;
}
.mensaje2{
	width:180px;
	height:auto;
	float:left;
	color:#FFFFFF;
}
.foto{
	width:53px;
	float:left;
	color:#333333;
	margin-right:10px;
}
.text_mensaje2{
	width:115px;
	float:left;
	font-size:90%;
	margin-bottom:27px;
	color:#333333;
}
a.boton,a.boton:hover{
	width:auto;
	height:13px;
	color:#FFFFFF;
	font-size:80%;
	text-decoration:none;
	margin-top:6px;
	padding:1px 6px 1px 6px;
	background:#218184;
}
a.boton:hover{
	background:#33CC66;
}
.comunicados{
	width:459px;
	float:left;
	margin-top:40px;

}
.tit_comunicados{
	width:449px;
	height:13px;
	float:left;
	font-size:90%;
	color:#FFFFFF;
	background-color:#FF3333;
	padding-left:10px;
	margin-bottom:16px;

}
.caja_comunicados{
	width:459px;
	float:left;
	margin-bottom:10px;
}
.caja_comunicados a {
	font-family:Arial, Helvetica, sans-serif;
	color:#19536E;
	text-decoration: underline;
}
.caja_comunicados a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#19536E;
	text-decoration: none;
}
.tit_comunicado{
	width:97px;
	height:13px;
	float:left;
	font-size:90%;
	color:#497C97;
	background-color:#BBDBF7;
	padding-left:13px;
	margin-right:18px;
		text-transform:uppercase;
}
.text_comunicado{
	width:331px;
	float:left;
	color:#19536E;
	font-size:90%;
	padding-bottom:9px;
border-bottom:1px solid #33CC66;
}


.text_comunicado p{
margin:0px;
padding:0px;

}
.news-list-category{/*texto del comunicado después del subheader*/
font-size:100%;
margin-top:-10px;
padding:0px;
}
.botonera_comunicados{
float:right;
}
a.rss,a.rss:hover{
	width:auto;
	height:13px;
	color:#FFFFFF;
	font-size:80%;
	text-decoration:none;
	margin-top:6px;
	padding:1px 6px 1px 25px;
	background:#218184 url(../img/topo_rss.gif) no-repeat left center;
}
a.rss:hover{
	background:#33CC66 url(../img/topo_rss.gif) no-repeat left center;
}
/* MENU INTERIOR
................................................*/
#cabecera_down_interior{
	width:740px;
	height:47px;
		float:left;
	margin-bottom:15px;
	background:url(../img/bg_menu2.jpg) repeat;
	border-bottom:4px solid #33CC66;
}

#cabecera_down_interior ul{
	width:728px;
	float:left;
	list-style-type:none;
	display:inline;
	margin:0px 0px 0px 12px;
	padding:0px;
}

#cabecera_down_interior li{
	height:47px;
	float:left;
	color:#FFFFFF;
	overflow:hidden;
}
#cabecera_down_interior li.select{
	height:47px;
	float:left;
	color:#298587;
	padding:0px 7px 0px 7px;
	margin-right:1px;
	overflow:hidden;
	background:url(../img/bg_menu2_bot.jpg) repeat-x;
}
#cabecera_down_interior a{
	height:47px;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:19px 7px 0px 7px;
	margin-right:1px;
	overflow:hidden;

}	

#cabecera_down_interior a:hover{

	color:#298587;
	overflow:hidden;
	background:url(../img/bg_menu2_bot.jpg) repeat-x;
}	

/* CONTENIDO INTERIOR
................................................*/

.column_left{
width:500px;
float:left;
margin-left:5px;
/*margin-right:6px;*/
margin-right:6px;
padding-top:18px;
padding-bottom:0px;
}
.column_left div.titulo a{
 text-decoration:none;
 color:#F33;
 text-transform:none;
}
div>.column_left{
margin-left:10px;
margin-right:13px;
}
.column_right{
width:217px;
float:left;
}
.img_seccion{
width:217px;
vertical-align:bottom;
text-align:right;
}

.submenu ul{
	width:180px;
	float:right;
	font-size:80%;
	color:#19536E;
	list-style-type:none;
	display:block;
	margin-top:15px;
	padding:0px;

}
.submenu li{
	width:180px;
	list-style-type:none;
	margin-bottom:7px;
	text-transform:uppercase;
}
.submenu li a{
	color:#19536E;
	text-decoration:none;
	padding-left:17px;
	background:url(../img/topo1.gif) no-repeat left center;
}
.submenu li.select a{
padding-left:0px;
background:0px;
}
.submenu li a:hover{
	color:#FF3333;
	text-decoration:none;
	text-transform:uppercase;
}

.submenu li.select{
	color:#FF3333;
	text-decoration:none;
	text-transform:uppercase;
	padding-left:17px;
	background:url(../img/topo2.gif) no-repeat left center;
}

.submenu li.select a,.submenu li.select a:hover{
	color:#FF3333;
	text-decoration:none;
}
.encabezado{
width:500px;
float:left;
color:#660000;
padding:0px;
/*margin-top:12px;*/
margin-bottom:27px;

}
.encabezado p{
width:float;
font-size:80%;
}
.titulo{
width:auto;
float:left;
padding-bottom:4px;
}
.titulo h1{
float:left;
}
.contenido{
width:500px;
float:left;
}




.csc-header h1{
color:#19536E;
font-size:1.3em;
}
/*
h1.csc-firstHeader{
width:500px;
float:left;
color:#660000;
font-size:90%;
font-weight:normal;
margin:0px 0px 36px 0px;
}
*/

/* IMÁGENES DEL CONTENIDO
................................................*/
.csc-textpic{
margin:22px 22px 22px 0px;
}


/* descarga patallas interior
................................................*/
.csc-textpic{
margin:22px 22px 22px 0px;
}

/* descarga patallas interior
................................................*/
.contenido .descarga{
	width:466px;
	float:left;
	color:#6666CC;
	background:url(../img/bg_descarga.gif) repeat left top;
	padding:16px 0px 10px 21px;
	margin:9px 0px 12px 0px;
}
.contenido .descarga a, .contenido .descarga a:hover{
color:#6666CC;
font-size:90%;
font-weight:bold;
text-decoration:underline;
padding:0px 10px 0px 10px;

}
.contenido .ico_descarga{
	width:29px;
	height:28px;
	float:left;
	margin-right:8px;
	margin-top:-10px;
background:url(../img/ico_descarga.gif) no-repeat;
}
/* Submenú subseciones
................................................*/

.submenu_contenido{
width:500px;
float:right;
margin-bottom:15px;
border-bottom:2px solid #1C7B7E;
}
.submenu_contenido ul{
	width:auto;
	float:right;
	text-transform:uppercase;
	font-size:80%;
	list-style-type:none;
	display:inline;
	margin:0px;
	padding:0px;

}

.submenu_contenido li{
	float:left;
	color:#1C7B7E;
	margin-top:1px;
	border-left:1px solid #248587;
}
.submenu_contenido li.select{
	height:8px;
	float:left;
	color:#FFFFFF;
	padding:3px 12px 0px 12px;
	background:#248587;
}
div>.submenu_contenido li.select,div>.submenu_contenido a,div>.submenu_contenido a:hover{
	padding:4px 12px 0px 12px;
	height:16px;
}
.submenu_contenido a,.submenu_contenido a:hover{
	height:8px;
	color:#1C7B7E;
	float:left;
	text-decoration:none;
	padding:3px 12px 0px 12px;
}


.submenu_contenido a:hover{
	height:8px;	
	color:#FFFFFF;
	background:#248587;
}


.submenu2_contenido{
width:500px;
float:left;
margin-bottom:32px;
padding-bottom:21px;
border-bottom:2px solid #1C7B7E;
}
.submenu2_contenido h3{
float:left;
color:#19536E;
font-weight:bold;
font-size:110%;
margin-bottom:15px;
}
.submenu2_contenido ul{
	width:auto;
	float:left;
	font-size:90%;
	list-style-type:none;
	display:inline;
	margin:0px;
	padding:0px;
}

.submenu2_contenido li{
	width:63px;
	float:left;
	color:#248587;
	background:url(../img/topo3.gif) no-repeat left center;
	padding-left:21px;
	margin-right:16px;
	margin-bottom:10px;
}

.submenu2_contenido  a{
	color:#1C7B7E;
	float:left;
	text-decoration:underline;
}
.submenu2_contenido a:hover,.submenu2_contenido li.select{
	color:#FF3333;
	float:left;
	text-decoration:none;
}


/* Mini ficha con imagen
................................................*/
.mini_ficha{
	width:500px;
	float:left;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #33CC66;
}
.mini_ficha img{
	float:left;
	margin-right:13px;
	margin-bottom:0px;
}
.mini_ficha p{
margin:0px 0px 0px 0px;
}


/* Contacto
................................................*/
form{
width:500px;
float:left;
}
fieldset{
width:500px;
float:left;

border:0px;
}
.csc-mailform-field{
width:500px;
float:left;
margin-bottom:25px;
}
label{
width:500px;
float:left;
font-size:90%;
color:#19536E;
}
input, textarea{
width:485px;
float:left;
padding-left:9px;
}
textarea{
height:160px;
}
input.csc-mailform-submit{
	width:54px;
	height:13px;
	float:right;
	color:#FFFFFF;
	font-size:70%;
	text-transform:uppercase;
	background:#218184;
	border:0px;
}


/* Tablas generales
................................................*/

table{
width:100%;
float:left;
margin:0px 0px 20px 0px;
padding:0px;

}

caption{
	width:500px;
	height:13px;
	float:left;
	font-size:90%;
	color:#19536E;
	font-weight:bold;
	text-align:left;
	background:#BBDBF7;
	padding:0px 0px 0px 5px;
	margin-bottom:16px;
}
/*.csc-header h1{ podría servir en lugar del h4 o del caption, pero afecta a todas las páginas
	width:497px;
	height:13px;
	float:left;
	font-size:90%;
	color:#19536E;
	font-weight:bold;
	text-align:left;
	background:#BBDBF7;
	padding:0px 0px 0px 5px;
	margin:0px;
}*/

tr{
/*height:20px;*/
/*text-transform:lowercase;*/
float:left;
padding:0px;
margin-bottom:5px;
}
tfoot .tr-last{
float:left;
border:1px solid #000;
}
tfoot.tr-odd{
float:left;
	background:url(../img/topo2.gif) no-repeat left center;
border:1px solid #000;
}
tfoot td {
	width:auto;
	float:left;
	font-weight:normal;
	padding:0px 0px 0px 5px;
	border-bottom:0px;
	} 
tfoot .td-0{
	width:auto;
	float:left;
	font-weight:normal;

	padding:0px 0px 0px 5px;
	border-bottom:0px;
	} 
tfoot td-last {
	width:auto;
} 
	
	
td {
	width:230px;
float:left;
	font-weight:normal;
	padding:0px 0px 0px 5px;
	border-bottom:1px dashed #BBDBF7;
	overflow:hidden;
}

/*td:first-letter {
text-transform:capitalize;
margin:0px;
padding:0px;
}*/
td strong{
	float:right;
	font-weight:normal;
	margin-top:-15px;
	padding:0px;
	color: #248587;
	}
.td-0{
	margin:0px 28px 0px 0px;
}


/* TEMPORADAS DEPORTES
................................................*/

.listado_deportes{
width:500px;
float:left;
margin-bottom:30px;
}
.listado_deportes h4{
width:475px;
height:auto;
float:left;
color:#19536E;
font-size: 130%;
background:url(../img/topo4.gif) no-repeat left center;
padding:0px 0px 0px 25px;
margin:0px 0px 18px 0px;
text-transform:none;
}


.listado_deportes h5{
	width:445px;
	height:13px;
	float:left;
	font-size:90%;
	color:#FF3333;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 0px 5px;
	margin:0px 0px 9px 0px;
	background-color:transparent;
}




.ficha_deporte{
width:500px;
	float:left;
	padding:0px;
	margin:0px 0px 10px 0px;
}


.categoria{
	width:100px;
	height:13px;
	float:left;
	color:#19536E;
	font-size:80%;
	font-weight:normal;
	padding:0px 0px 0px 10px;
	margin:0px 10px 0px 0px;
	background:#BBDBF7;
}
.equipo{
	width:340px;
	float:left;
	/*border-bottom:1px dashed #BBDBF7;*/
	padding:0px 0px 3px 0px;
}

.puesto{
	width:35px;
	float:left;
	text-align:right;
	font-weight:normal;
}


/*para typo3*/

.align-right
{text-align:right}
.align-center
{text-align:center}
.align-left
{text-align:left}
.align-justify
{text-align:justify}
