/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}


/* ------------------------------------- General -----------------------------------*/
body{
	height:100%;
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight: normal;
	color: #222222;
}

img{
	border:none;
	margin:0px;
	padding:0px;
	
	}
	

p {
margin: 0px 0px 10px 0px;
padding: 0px;
line-height: 15px;
}

input{
border: 1px solid #bebebe;
width: 300px;
font-family:trebuchet_Ms, arial;
font-size: 110%;
color: #777777;
padding:2px;
}


form{
margin: 0px;
padding: 0px;
}

hr {
	background-color:#990000;
	color: #990000;
	height: 2px;
	width: 100%;
	padding:0px;
	margin: 0px;
}

label {  
 display:block;   
} 


/* ----------- Enlaces -------------*/

a{
	font-weight: normal;
	color:#990000;
	text-decoration:none;
}	

a:hover {
    color: #cc0000;
	text-decoration:underline;
}	



/* ----------- Encabezados y parrafo -------------*/

h1{
	display:none;
}

h2{
	/*padding:10px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	color: #990000;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	height:25px;
	border-bottom: 1px solid #990000;
	*/
	display:none;
}

h3{
	color: #444444;
	font-size: 100%;
	font-weight: bold;
	padding:10px 0px 5px 10px;
	background-image: url(img/fondo_tit3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom:10px;
}

h4{
	font-weight: bold;
	color:#990000;
	font-size:110%;	
	text-transform: uppercase;
	margin:20px 0px 0px 0px;
}

/* ----------- Titulos (textos como imagen) -------------*/




/* ----------- Capas -------------*/
#barra_roja {
	width:100px;
	height:6px;
	background-color: #990000;
	padding: 0px;
	float:left;
}




#contenedor_todo{
	width:950px;
	margin: 0px auto 0px auto;
	background-color: #9d6b16;

}

#contenedor_izq{
	width:164px;
	margin: 0px 0px 0px 0px;
	float:left;
	background-color: #9d6b16;
}

#logo{
	width:164px;
	height:215px;
	margin: 0px 0px 0px 0px;
	float:left;
	background-image: url(img/loyola_logo.jpg);
}

#botones_izq{
	width:164px;
	height:29px;
	margin: 0px 0px 0px 0px;
	float:left;
	background-image: url(img/botfondo_izq.jpg);
}


#fondo_jugador{
	width:164px;
	height:320px;
	margin: 0px 0px 0px 0px;
	float:left;
	background-image: url(img/fondo_jugador.jpg);
}


#contenedor_der{
	width:786px;
	margin: 0px;
	float:left;
	background-color: #FFFFFF;
}
#cabecera{
	width:786px;
	height:111px;
	margin: 0px;
	float:left;
	background-image: url(img/cabe.jpg);
}

#botones_der{
	width:786px;
	height:45px;
	margin: 0px;
	float:left;
	background-image: url(img/fondobot_der.jpg);
}

#contenido{
	width:746px;
	min-height:605px;
	margin: 0px;
	float:left;
	padding:20px;
}


#pie{
	width:950px;
	height:60px;
	margin:0px 0px 0px 0px;
	text-align:center;
	background-image: url(img/fondo_faldon.jpg);
	clear:both;
	border-top: solid #ffffff 2px;
}
#boton_hor{
	height:45px;
	float:left;
	background-image: url(img/lista_menu.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#contenedor_410 {
	width:410px;
	float:left;

}

#contenedor_316 {
	margin: 0px 0px 0px 20px;
	width:316px;
	float:left;
	background-color: #D6D7D9;
}

#contenedor_276 {
	margin: 0px 20px 0px 20px;
	width:276px;
	float:left;
	background-color: #FFFFFF;
}

#contenedor_746 {
	width:746px;
	float:left;
}

#contenedor_50 {
	width:373px;
	float:left;
}

#contenedor_50r {
	width:333px;
	float:right;
}

#contenedor_50_2 {
	float:left;
	padding: 10px;
	border: 1px solid #cccccc;
}

#contenedor_25 {
	width:186px;
	float:left;
}

#jugadores {
	width:226px;
	float:left;
	margin: 5px 5px 15px 15px;
}
#contenedor_316_2 {
	margin: 0px 0px 0px 20px;
	height:206px;
	width:316px;
	float:left;
	background-color: #CCCCCC;
}

#contenedor_316_2b {
	margin: 0px 0px 0px 20px;
	width:316px;
	float:left;
	background-color: #CCCCCC;
}

/* --------------------------- Clases --------------------------------------------------------------------------------------------*/


/* ----------- Clases -------------*/
.fondo_loyola {
	background-color: #FFFFFF;
	background-image: url(img/fondo_web.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

p.pp {
	padding-bottom: 15px;
}

.contenedor_373 {
	margin: 0px 20px 20px 20px;
	width:333px;
	float:left;
	background-color: #ffffff;
}

.esp_todo {
	padding: 20px;
}

.esp_izq_der{
	padding: 0px 20px 0px 20px;
}

.esp_izq_der2{
	padding: 0px 0px 0px 10px;
}

.esp_ar_ab{
	padding: 20px 0px 20px 0px;
}

.esp_der{
	padding: 0px 20px 0px 0px;
}
.esp_izq{
	padding: 0px 0px 0px 20px;
}

.esp_ab{
	padding: 0px 0px 20px 0px;
}
.tit_h3 {
	font-size: 100%;
	color: #9D6B16;
	font-weight: bold;
	text-transform: none;
	padding-left: 20px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #9D6B16;
	padding-bottom: 10px;
}


.esp_ar{
	padding: 20px 0px 0px 0px;
}

.esp_fotos{
	padding: 2px;
	border: 1px solid #990000;
	margin: 20px 0px 0px 20px;
		
}

.esp_fotos_pat{
	padding: 2px;
	border: 1px solid #990000;
	margin: 20px 5px 0px 10px;
		
}

.titular1 {
	color: #990000;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
}

.estamos_en {
	height:20px;
	font-size: 90%;
	color: #9D6B16;
	padding: 0px 0px 0px 10px;
	background-image: url(img/fondo_estamos.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}

.estamos_en strong{
	color: #990000;
	text-transform: uppercase;
}


.blanco {
	color: #FFFFFF;
	padding: 12px 0px 0px 0px;
	text-align:center;
}


.menu_izq {
	color: #FFFFFF;
	padding: 7px 10px 0px 38px;
}

.menu_izq a{
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
	font-family: "Trebuchet MS";
}

.menu_izq a:hover{
	color: #F37F0D;
	font-size: 90%;
	font-weight: bold;
	font-family: "Trebuchet MS";
}

.menu_horiz {
	color: #FFFFFF;
	padding: 12px 10px 0px 38px;
}

.menu_horiz a{
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	font-family: "Trebuchet MS";
}

.menu_horiz a:hover{
	color: #F37F0D;
	font-size: 110%;
	font-weight: bold;
	font-family: "Trebuchet MS";
}

.fotos_marco {
	padding: 2px;
	border: 1px solid #990000;
}

.fotos_marcoblan_der {
	padding: 2px;
	border: 1px solid #E2E2E2;
	margin-right: 10px;
	margin-bottom: 10px;
}

.rojo{
	color: #990000;
}

.formulario_x{
	width: 300px;
}

.mostaza{
	color: #9D6B16;
}

a.lk{
	color: #FFFFFF;
	text-decoration:none;
}

a.lk:hover{
	color: #F37F0D;
	text-decoration:underline;
}

.patroc{
	float:left;
	font-size:100%;
	width:160px;
	font-family: "Trebuchet MS";
	padding: 5px 10px 0px 15px;
	min-height: 145px;
	}
	
.tien{
	width:400px;
	float:left;
	}
	
.index_1{
	width:500px;
	float:left;
	}

.index_2{
	width:200px;
	float:right;
	margin-right: 10px;
	}
	
.galeria{
	float:left;
	font-size:100%;
	width:160px;
	font-family: "Trebuchet MS";
	padding: 5px 10px 0px 15px;
	min-height: 108px;
	text-align:center;
	}
	
.fot{
	padding: 2px;
	border: 1px solid #990000;
}

.cuad1{
	height:20px;
	background-color: #990000;
	color:#ffffff;
}

.cuad2{
	background-color: #E6E6E6;
	color:#444444;
	padding: 5px;
	font-weight: normal;
}



/* ----------- Listas -------------*/
.lista_enlaces li{
	padding-left: 20px;
	background-image: url(img/flecha_lista.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	width:200px;
	height:20px;
	float:left;
	margin-bottom: 10px;
	margin-left: 15px;
}

.lista_foros li{
	list-style-type: none;
	height:130px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-bottom-color: #990000;
	padding-top: 15px;
	left: 20px;
}

.lista_foros_b li{
	padding-left: 30px;
	background-image: url(img/flecha_foro.jpg);
	background-repeat: no-repeat;
	background-position: left 20px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-bottom-color: #990000;
	padding-top: 20px;
	left: 20px;
}

.lista_foros2 li{
	padding-left: 80px;
	background-image: url(img/flecha_foro2.jpg);
	background-repeat: no-repeat;
	background-position: 40px 20px;
	width:500px;
	height:50px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #9D6B16;
	padding-top: 20px;
	left: 40px;
	list-style-type: none;
}

.lista_foros3 li{
	padding-left: 60px;
	background-image: url(img/flecha_foro3.jpg);
	background-repeat: no-repeat;
	background-position: 40px 10px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #9D6B16;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	left: 60px;
	list-style-type: none;
}

.lista_foros_n li{
	list-style-type: none;
	padding-top: 15px;
	left: 20px;
}



/* ----------------- general ------------*/
ul{
	margin:0px;
	padding:0px;
}

li{
	margin:0px;
	padding:0px;
}


#paginacion ul li {
      display: inline;
      width:565px;
}

#paginacion ul li {
        display: inline;
        padding: 2px 7px; /*Separar el texto*/
        margin:5px; /* Separar los botones */
        background-color:#E4E4E4; /* Color de fondo */
}
#paginacion ul li:hover {
        background-color:#CCCCCC; /* Color de fondo sobre el boton */
}
#paginacion ul {
        text-align: center;
}

/* ----------- Botones -------------*/

.bot_mas {
	margin:0px 0px 0px 40px;
	background-image: url(img/bot_info.jpg);
	background-repeat: no-repeat;
	text-align: center;
	width: 70px;
	height: 25px;	
	font-weight: bold;
	color: #FFFFFF;	
	line-height: 170%;
	clear:both;
}

.bot_mas a{
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;		
}

.bot_mas a:hover{
	color: #CCCCCC;	
	font-weight: normal;
	text-decoration: none;	
}

.bot_bl {
	margin:0px 0px 0px 15px;
	background-image: url(img/boton_bl.gif);
	background-repeat: no-repeat;
	text-align: center;
	width: 70px;
	height: 25px;	
	font-weight: bold;
	color: #FFFFFF;	
	line-height: 170%;
	clear:both;
}

.bot_bl a{
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;	
}

.bot_bl a:hover{
	color: #CCCCCC;	
	font-weight: normal;
	text-decoration: none;	
}

a.lk_patr {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	display: block;
}

a.lk_patr:hover{
	color: #FFFFFF;	
	font-weight: normal;
	text-decoration: underline;	
}

.botones_enviar {
	background-image: url(img/bot_enviar.jpg);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 29px;
	width: 101px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 90%;
	cursor:pointer;
}