/* CSS Document */

html, body{
	height:100%;
}

body {
	margin: 0;
	background: transparent url(../images/fondo.png) repeat-x;
	background-color:#FAA20E !important;/**/
	background-color:#F99809;	
	color:#000;
}

/*----------------------------estilos de los contenedores generales--------------------------------------------*/

#contenedor_global {
	margin:auto;
	background:transparent url(../images/sombra.png) repeat-y !important;
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.deportesroquetas.org/images/sombra.png', sizingMethod='scale');
	background-repeat:repeat-y;
	width: 839px;
	padding-top:99px;
	position: relative;
	overflow:hidden;
}

#banner_global {
	top:0;
	position:absolute;
	width:839px;
	height:99px;
	background: transparent url(../images/banner_global.png) no-repeat;
}

#telefono-mail-panel {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	top:5px;
	right:20px;
	position:absolute;
	width:170px;
	height:60px;	
	padding:0;
}
#telefono-mail-panel .facebook { width: auto; height: 16px; display: block; margin-bottom: 10px; line-height: 16px; padding-left: 20px; 
background: url('../images/facebook.gif') no-repeat 0 0; color: #0f2f74;  }

#telefono-mail-panel .facebook:hover{	
	color:#fff; text-decoration: none;
}

#enlaces-banner{
	position:absolute;	
	top:115px;
	right:25px;
	height:30px;
	width:500px;	
	text-align:right;
}

#menu_contenido {
	padding-left: 20px;
	padding-right: 20px;
	width: 799px;
}

#menu {	
	margin-top:11px;
	background: transparent url(../images/fondo_menu.png) repeat-y;/**/	
	width: 799px;
	overflow:hidden;
	color:#fff;	
}

#contenido-menu{
	width: 232px;
	height:100%;	
}

#contenedor_contenido {
	margin-top:233px;/**/
	width: 566px;
	color:#000;
  overflow: hidden;		
}

#contenido {	
	position:relative;
	padding-left:10px;
	width: 556px;
	overflow: hidden;
}
#contenido img {max-width: 556px; }

#banner_contenido {
	height:225px;
	width:566px;
	top:110px;
	position: absolute;
	background: transparent url(../images/banner.png) no-repeat;
	/*background-color:#000000;/**/
} 



#pie {
	width: 788px;
	height: 60px;
	margin: 10px 20px;	
	background: transparent url(../images/fondo-pie.png) repeat-x;	
	color:#fff;
	padding:10px 10px 20px 0;
	text-align:center;
	overflow:hidden;
}

/*-----------------------------------------------------------------------------------------*/
/*----------------------------estilos genericos--------------------------------------------*/

.left {
	float:left;
}

.right{
	float:right;
}

img{
	border:0px;
}

.alineacion-derecha{
	text-align:right;
}

.alineacion-centro{
	text-align:center;
}

.clear{
	clear:both;
}

.p-top8{
	padding-top:8px;
}

.p-top3{
	padding-top:3px;
}

.p-left5{
	padding-left:5px;
}

.p-left20{
	padding-left:20px;
}


.formulario{
	display:inline;
}


/*----------------------------estilos de textos y enlaces-------------------------------------------*/

.blanco-grande-cabecera{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#fff;
	padding-left:10px;	
	text-align:right;
}

.blanco-grande-cabecera a:link, .blanco-grande-cabecera a:visited, .blanco-grande-cabecera a:active{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#fff;
	text-decoration:none;
	font-size:15px;
}

.blanco-grande-cabecera a:hover{	
	color:#FF4800;
}

.blanco, .blanco a:link, .blanco a:visited, .blanco a:active{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;		
	color:#FFFFFF;
	text-decoration:none;
	line-height:16px;
}

.blanco a:hover{	
	color:#000000;
	text-decoration:none;
}

a:link,a:visited,a:active{
	text-decoration:none;
	color:#FA2E23;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
}

a:hover{
	color:#FD7B0C;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
}

/*------------------------------------------------------------------------------------------*/
/*----------------------estilo para el menu con imagen de fondo---------------------------- */
	
	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
#menu-estilo {
	width: 226px;		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;		
	color:#FFFFFF;
}
	
#menu-estilo li a {  	
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;		
	color:#FFFFFF;
}
	
#menu-estilo li a:link, #menu-estilo li a:visited {
	color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;		
	display: block;
	overflow:visible;
	height:20px;
	background: url(../images/menu-imagen.gif);
	padding: 7px 0px 0 13px;	
}
	
#menu-estilo li a:hover {
	color:#F9A100;
	background: url(../images/menu-imagen.gif) 0 -27px;
	padding: 7px 0 0 13px;
}

#menu-estilo li a:active {
	color: #000000;
	background: url(../images/menu-imagen.gif) 0 -54px;
	padding: 7px 0 0 13px;
}
/*--------------------segunda opcion del menu----------------*/

#menu-estilo2 {
	width: 226px;		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;		
	color:#FFFFFF;
}
	
#menu-estilo2 li a {  	
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;		
	color:#FFFFFF;
	line-height:18px;
}
	

#menu-estilo2 li a:link, #menu-estilo2 li a:visited {
	color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	line-height:15px;	
	display: block;
	overflow:visible;
	height:30px;
	background: url(../images/menu-imagen2.gif);
	padding: 3px 4px 0 13px;	
}
	
#menu-estilo2 li a:hover {
	color:#F9A100;
	background: url(../images/menu-imagen2.gif) 0 -37px;
	padding: 3px 4px 0 13px;
}
	
#menu-estilo2 li a:active {
	color: #000000;
	background: url(../images/menu-imagen2.gif) 0 -74px;
	padding: 3px 4px 0 13px;
}

/*----------------------------------------------------------------------------------------------*/
/*--------------------segunda opcion del menu----------------*/

#menu-estilo3 {
	width: 226px;		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;		
	color:#FFFFFF;
	
}
	
#menu-estilo3 li a {  	
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;		
	color:#FFFFFF;
	line-height:18px;
	border-bottom:1px solid #333;
}
	

#menu-estilo3 li a:link, #menu-estilo3 li a:visited {
	color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	line-height:15px;	
	display: block;
	overflow:visible;
	height:20px;
	background: url(../images/menu-imagen5.gif) 0 -54px;
	padding: 7px 0 0 19px;
}
	
#menu-estilo3 li a:hover {
	color:#F9A100;
	background: url(../images/menu-imagen5.gif) 0 -27px;
	padding: 7px 0 0 19px;
}
	
#menu-estilo3 li a:active {
	color: #000000;
	background: url(../images/menu-imagen5.gif) 0 -54px;
	padding: 7px 0 0 19px;
}
/*----------------------------------------------------------------------------------------------*/

/*----------------------estilos para el contenidos del wordpress------------------*/

.mostrar-noticia{
	padding-bottom:30px;
	/*background-color:red;*/
}


.titulo{		
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:none;
	color:#FA2E23;
}

.titulo a:link, .titulo a:visited, .titulo a:active{
	text-decoration:none;
	color:#FA2E23;
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

.titulo a:hover{
	color:#FF7A00;
	text-decoration:none;
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */	
}

.pre-general{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:19px;	
}

/*--------------------------------------------------------------------------------*/
/* ------------peque�o div con scroll de para las ultimas noticias----------------*/
.ultimas-noticias{
	 background-color:#FFFFFF;
	 border:2px #F9B700 solid;		
	 height:300px; 
	 width:180px;	
	 margin:auto;
	 margin-top:30px; 
	 overflow:hidden;	
}

.titulo-ultimas-noticias{
	margin:4px;
	width:172px;
	height:28px;
	background:url(../images/fondo_titulo.png) repeat-x;	
	padding-top:4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
}

.contenido-ultimas-noticias{
	width:168px;
	height:250px;
	overflow:auto;
	/*background-color:#FF0000;/**/
	margin-left:4px;
	margin-bottom:4px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#000000;
	 
	SCROLLBAR-FACE-COLOR: #FF7A00;
    SCROLLBAR-HIGHLIGHT-COLOR:#F9B700;
    SCROLLBAR-SHADOW-COLOR:#F9B700;
    SCROLLBAR-3DLIGHT-COLOR:#F9B700;     
    SCROLLBAR-ARROW-COLOR: #F9B700;
    SCROLLBAR-TRACK-COLOR: #F9B700;
    SCROLLBAR-DARKSHADOW-COLOR: #F9B700;
}

.linea-ultima-noticia{
	width:151px;
	/*margin-bottom:10px;/**/
	overflow:hidden;		
}

.linea-naranja{
	height:1px;
	width:130px;
	margin-left:10px;
	background:url(../images/pixel-naranja.jpg) repeat-x;
	margin-top:8px;
	margin-bottom:8px;
}

.enlace-ultimas-noticias a:link, .enlace-ultimas-noticias a:visited, .enlace-ultimas-noticias a:active{
	text-decoration:none;
	color:#000;
	border-left:2px solid #F9B700;
	padding-left:3px;
	display: block;
}

.enlace-ultimas-noticias a:hover{
	color:#F9B700;
	text-decoration:none;
}

/*------------estilo para los enlaces de interes----------*/

.enlace-enlaces-interes a:link, .enlace-enlaces-interes a:visited, .enlace-enlaces-interes a:active{
	text-decoration:none;
	color:#F9B700;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
}

.enlace-enlaces-interes a:hover{
	color:#ffffff;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
}

.pixel-centrado{
	padding-top:3px;
	padding-bottom:2px;
}

/*---------------------estilos para los comentarios de la web-----------------------*/

.comentarios{
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:50px;	
}

.globo{
	width:110px;
	height:60px;
	background:url("../images/globo.jpg") no-repeat;
}

.globo-contenido{	
	paddding-left:20px;
	padding-top:6px;	
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	
}

.globo-contenido a:link, .globo-contenido a:visited, .globo-contenido a:active{
	text-decoration:none;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:bold;
}

.globo-contenido a:hover{
	color:#000;
}

.letra-grande{
	font-size:17px;
}

.mostrar-comentario{
	width:500px;
	border-left:6px solid #FF3F00;
	border-right:6px solid #FF3F00;
	border-top:1px solid #FF3F00;
	border-bottom:1px solid #FF3F00;	
	padding:10px;
	
}

.fecha{
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #F9A200;
	
}
.autor{
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#F9A200;		
}

.pre-comentario{
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #FA2E23;
	line-height:19px;
	font-style:italic;
}

.contenedor-formulario{
	width:500px;
	border-left:6px solid #C6C2C2;
	border-right:6px solid #C6C2C2;
	border-top:1px solid #C6C2C2;
	border-bottom:1px solid #C6C2C2;	
	padding:10px;
	
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#FFFFFF;
}

.opciones_buscador{
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#474747;	
	border:1px;
	border-style: solid;
	border-color: #999999;
	padding-left:3px;
	background:url(../images/fondo-opciones.jpg) repeat-x bottom;
}

#boton_enviar_comentario input{
	width:181px;
	height:39px;
	background-color:#FFFFFF;
	background-image:url(../images/boton-enviar-comentario.jpg);
	background-repeat:no-repeat;
	border:0px;
	cursor:pointer;	
}

#boton_enviar_comentario a:hover input{		
	background-image:url(../images/boton-enviar-comentario2.jpg);
}

#boton_enviar_comentario input:hover{		
	background-image:url(../images/boton-enviar-comentario2.jpg);
}


/*------------------------------------------------------------------------------------------*/
/*---------------------------estilos para el menu desplegable-------------------------------*/

.slide{
	width: 226px;		
	background:#fbf9e1;
	overflow:hidden;
	height:0; /* */	
}

.menu_general {
	width: 210px;		
	color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	line-height:15px;	
	display: block;/**/
	overflow:visible;/**/	
	height:20px;
	background: url(../images/menu-imagen3.gif);
	padding: 7px 0px 0 13px;	
	cursor: pointer;
	border-bottom:1px solid #333;
}


.menu_general2 {
	width: 206px;		
	color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	line-height:15px;	
	display: block;/**/
	overflow:visible;/**/
	height:30px;
	background: url(../images/menu-imagen4.gif);
	padding: 3px 4px 0 13px;	
	cursor: pointer;
	border-bottom:1px solid #333333;
}

.menu-subcategoria{
	background-color:#CCCCCC;
	padding-top:10px;
	padding-bottom:10px;
}

.titulos_posts, .titulos_posts a:link, .titulos_posts a:active, .titulos_posts a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F99809;
	font-size:14px;		
	font-weight:bold;
	width:515px;

}

.contenedor_titulos_posts{
	/*background-color:#FFF4E3;/**/
	margin-top:5px;
	margin-bottom:8px;
	width:540px;
	overflow:hidden;
}