/* CSS RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */


body {
	text-align:center;
	background:#374C6A;
	color:#fffff;
}

a {
	text-decoration:none;
		color:#fffff;
}

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

#wrap {
	width:1000px;
	text-align:left;
	margin:0 auto;
	height: 100%;
	background:url(images/background_main.gif) repeat-y;
}




/* header */
#header { position:relative;background:url(images/cabecera.jpg); height:225px; width:1000px;}
#header_publi { position:relative;background:url(images/apuesta_reina.jpg); height:161px; width:1000px; text-align: center;}



#content 
{
		
}



#content_main
{
	margin-left: 70px;
	margin-top:10px;
	float: none;
	display: block;
	clear: both;
	width: 845px;
}

#publiheader
{
	top: 0;
	float: right;
	margin-right: 68px;
	margin-top:56px;
	display:inline;

}


#menuhtml 
{
	text-align: center;
	float: none;
	clear: both;
}



.contentmenu 
{
	position:relative;
	z-index: 1;
	height: 53px;
	width: 890px;
	left:55px;
	top: 0px;
	background: transparent url(images/sub_bar.gif) repeat-x;
}

#boxcontacto
{
	float: left;
	clear: none;
	margin-top: 15px;
	width: 620px;
}



/*  ---------- noticias ----------- */

#noticias
{

	top: 0;
	background: url(images/bg_noticias_portada.gif) left repeat-y;
	float: left;
	width: 580px;
	/* border:1px solid #8DA5BF; */
	margin-top: -3px;
}



	/* ----------- Promociones ------------ */

#promociones
{
	float: right;
	margin-top: 3px;
	width: 230px;
}
		/* cssbox -> Cajas que contienen cada promocion */

    /* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(images/img.php.png) no-repeat bottom right;
     }
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:230px !important; /* IE Win = width - padding */
		
			text-align: center;
      
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      }

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:10px 0 20px 15px ; 
      height:auto !important;
      height:1%;
      font-size: 11px;
      font-family: "Verdana";
      font-weight: bold;
      } /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
    	text-align:center;
      background-position:bottom left;
      margin-right:5px; /* interior-padding right */ 
      font-family: "Verdana";
      font-size: 9px;
      padding:10px 0 20px 15px;

      } /* mirror .cssbox_head right/left */

	/* ----------- Fin promociones -------- */






	/* ----------- ContentSection --------- */
	/* Content para las secciones (except. indicd */

#contentsection
{
	margin-left: 135px;
	float: none;
	display: block;
	clear: both;
}

#contentsection_clasifica
{
	background:url(images/bg_mizuno.jpg) repeat;


	margin-left: -35px;
	width: 800px;
	float: none;
	display: block;
	clear: both;
	font-size: 1em; 
	line-height: 1em;
}


#sub_content_noticias
{
	margin-top: 6px;
}

#contentsection_noticias
{
	background:url(images/bg_mizuno.jpg) repeat;
	margin-left: 70px;
	width: 845px;
	margin-top:10px;
	float: none;
	display: block;
	clear: both;
	
}


#contentsectionPlantilla
{
	background:url(images/bg_mizuno.jpg) repeat;
	width: 845px;
	margin-left: 70px;
	float: none;
	display: block;
	clear: both;

}

#contentsectionCalendario
{
	background:url(images/bg_mizuno.jpg) repeat;
	width: 845px;
	margin-left: 70px;
	float: none;
	display: block;
	clear: both;
	width: 850px;
}

#contentsectionCalendario h1
{
		color: black; 
		font-weight: bold; 
		font-size: 1.4em; 
		line-height: 1em;
}
#contentsectionCalendario h2
{
		color: black; 
		font-weight: bold; 
		font-size: 1em; 
		line-height: 1em;
}

#boxCalendario
{
	float: none;
	display: block;
	clear: both;
	margin-left: 5%;
}

#boxError
{
	float: none;
	display: block;
	clear: both;
	height: 500px;
}

#contentsectionPatroc
{

	margin-left: 120px;
	float: none;
	display: block;
	clear: both;
}


#contensection_historia
{
	background:url(images/bg_mizuno.jpg) repeat;
	width: 845px;
	margin-left: 70px;;
	float: none;
	display: block;
	clear: both;
	height: 1800px;
}

#contensection_socios
{
	margin-left: 60px;
	float: none;
	display: block;
	clear: both;
	height: 800px;
	width: 850px;
}

#contentContacto
{
	margin-left: 200px;
}

	/* --------- Fin ContentSection ------- */


	/* ----------- NoticiasFull --------- */


.noticiapic2{

	padding:1px;
	border:2px solid #fff;
	margin:1em .5em .5em .5em;
}

.noticiapic {
  border:1px solid #000;
  }


	.clean-gray{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:4px;
		text-align:center;
		margin: 0 auto; /* center for now */
		width: 45em; /* ems so it will grow */
		font-size: 100%;
	}
	
	.clean-gray h1{
		color: black; 
		font-weight: bold; 
		font-size: 1.4em; 
		line-height: 1em;
	}
	
	.clean-gray h2{
		color: black; 
		font-weight: bold; 
		font-size: 1em; 
		line-height: 1em;
	}
	

	.clean-gray-portada{
		border:solid 1px #333333; 
		background:#436A96;
		color:#EEEEEE;
		padding:2px;
		text-align:center;
		margin: 0 auto; /* center for now */
		width: 44em; /* ems so it will grow */
		font-size: 100%;
	}
	
	.clean-gray-portada h1{
		font-weight: bold; 
		font-size: 1.4em; 
		line-height: 1em;
	}
	
	.clean-gray-portada h2{
		font-weight: bold; 
		font-size: 1em; 
		line-height: 1em;
	}
	
	.clean-gray-noticia-port{
		border:solid 0 #DEDEDE; 
		background:#95AECA;
		color:#EEEEEE;
		padding:1px;
		text-align:left;
		font-weight: bold; 
		margin: 0; /* center for now */
		width: 425px; /* ems so it will grow */
		font-size: 100%;
		float: right;
		margin-right: 3px;
	}
	
	.clean-gray-noticia-port-contenido{
	  background:url(images/bg_noticias.gif) repeat-x;
		border:solid 0 #DEDEDE; 
		color:#242300;
		padding:1px;
		text-align:left;
		font-weight: bold; 
		margin: 0; /* center for now */
		width: 425px; /* ems so it will grow */
		height: 120px;
		font-size: 100%;
		float: right;
		margin-right: 3px;

	}

	.clean-gray-portada-promo{
		border:solid 1px #333333; 
		background:#436A96;
		color:#EEEEEE;
		padding:2px;
		text-align:center;
		width: 238px; /* ems so it will grow */
		font-size: 100%;
	}
	
	.clean-gray-portada-promo h1{
		font-weight: bold; 
		font-size: 1.4em; 
		line-height: 1em;
	}
	
	.Clean-Gray-Portada-Promo H2{
		Font-Weight: Bold; 
		Font-Size: 1Em; 
		Line-Height: 1Em;
	}
	
/* Show Only To Ie Pc \*/
* Html .Boxhead H2 {Height: 1%;} /* For Ie 5 Pc */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 43em; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0 auto; /* center for now */
	width: 43em; /* ems so it will grow */
}

.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxhead h3 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}


	/* ----------- END NoticiasFull --------- */
	
	
	
	
	/* ---------------- BoxPlantilla ------------------ */
	
	
#boxPlantilla
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 3em;
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 60em;				/* <-- use this for a set width */
	background-color: #eeeeee;
	}
 	
#contentBoxPlantilla
	{
	padding:3em;
	}

#contentBoxPlantilla h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
#contentBoxPlantilla p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-color: #eeeeee;
	background-image:url(images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	
	
#personal{
	float: none;
	clear: none;
	height: 200px;
	width: 600px;
}
	
#img_personal{
	float: left;
	width: 180px;

}

#text_personal{
	float: right;
	width: 420px;
	text-align: left;
}


	
	
	
		/* --------------- END BoxPlantilla ---------------- */
		
		
		
#noticiasfull
{
	background: url(images/bg_noticiasfull.gif) left repeat-y;
	clear: none;
}


#cab_noticiasfull
{
	background: url(images/cab_noticiasfull.gif) top left no-repeat;
	float: left;
	clear: none;
	margin: 0px;
	margin-left: 0px;
	height: 30px;
	width: 750px;
	font-size: 13px;
	font-weight: bold;
	color: white;
	font-family: "Arial";
	padding:4px 19px;
	
}

#boxnoticiafull
{
	width: 750px;
	margin-left: 8px;
}


#titulonoticiafull
{
	color:#000;
	height: 10px;
	float: right;
	width: 680px;
  font-size: 12px;
  font-weight: bold;
  font-family: "Verdana";
	padding:14px 14px;
	margin-right: 29px;
}

#textonoticiafull
{
	color:#000;
	width: 680px;
  font-size: 11px;
  font-family: "Verdana";
	padding:15px 14px;
	margin-right: 29px;
}

#foot_noticiasfull
{
	background: url(images/foot_noticiasfull.gif) bottom left no-repeat;
	float: none;
	clear: none;
	width: 750px;
	padding: 0;
}

#rsociales
{
float: right;
margin:0px;
padding:0px;
}

#rsociales li
{
display: inline;
list-style-type: none;
padding-right: 1px;
}

#rsociales2 li
{
display: inline;
list-style-type: none;
padding-right: 1px;
}