/* Containers--------------------------------------------------------------------------------*/
.main{
	margin-left: auto;
	margin-right: auto;
	width: 970px;
}
.container{	width: 100%;}	
/*----------------------------------------  CABECERA TOP COMUN A TODAS LAS PÁGINAS -----------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

/*---- background de la cabecera ----*/
.bkgtop{background: url(../images/bkg-logocastillo.jpg) top right no-repeat;}
.top {
	background:#ffffff url(../images/bkg-cabecera.png) top left repeat-x;
	height:158px;
	margin-bottom: 5px;
	}
/*---- imagen logo ----*/	
.logo {
background:transparent url(../images/logo-vecinosportorrelodones.jpg) top left no-repeat;
width:475px;
height:100px;
float:left;
display:block;
}

/*-------------------------------------------   MENU NAVEGACION HORIZONTAL   -------------------------------------------------------------------*/
/*---------------------- estilos del men�. Posiciona la barra del men� y sus botones. Es una lista con im�genes de fondo que hacen rollover----*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
.topmenu {
float:left;
height:50px;
display:block;
width: 970px;
}
.topmenu ul{
float:left;
margin-left:0;
}
.topmenu ul li{
display:inline;
float:left;
margin-left:0;
}
/*---- Posicionamiento de la imagen de los botones ----*/
.topmenu ul li a{
display:block;
width:110px;
height:30px;
background:url(../images/btn-cabecera.png) top left no-repeat;
background-position:  -140px 0px;
padding: 10px 15px;
text-align:center;
color:#666;
font: 13px Verdana, Arial, Helvetica, sans-serif;
line-height:14px;
}
/*---- Posicionamiento de la imagen del bot�n de la izquierda ----*/
.topmenu ul li a.left{
background-position:  0px 0px;
}
/*---- Posicionamiento de la imagen del bot�n de la derecha ----*/
.topmenu ul li a.right{
background-position:  -280px 0px;
width:100px;
}

/*---- Posicionamiento de la imagen del bot�n de la secci�n activa ----*/
.topmenu ul li a:hover, .topmenu ul li a.active{				background-position:  -140px -50px;}
.topmenu ul li a:hover.left, .topmenu ul li a.left .active{		background-position:  0px -50px;}
.topmenu ul li a:hover.right, .topmenu ul li a.right .active{	background-position:  -280px -50px;}
.topmenu ul li a:hover, .topmenu ul li a.active,.topmenu ul li a:hover.left, .topmenu ul li a.left .active,.topmenu ul li a:hover.right, .topmenu ul li a.right .active{
border:0px;
color:#ffffcc;}

/*------------------------------------------------------------HOME: CENTRAL ---------------------*/
/*------------------------------------------------------------HOME: ACTUALIDAD TORRE --------------*/
h1.h1bullet{
	padding-left:60px;
	background:url(../images/bullet-big.gif) top left no-repeat;
	letter-spacing:-0.02em;
	height:68px;
	line-height:26px;
	margin-bottom:5px;
	color: #333;
}
h1.h1bullet span{
font-size:14px;
color:#FF9900;
clear:both;
display:block;
border-bottom:1px solid #FF9900;
}
ul.ulhome, ul.ulhome li {list-style-type:none;}
ul.ulhome {margin-left:40px;}
ul.ulhome li{
background:transparent url(../images/bullet-grey.gif) no-repeat scroll 0 5px;
margin-top:5px;
padding:0 0 0 20px;
}
ul.ulhome li a{
color:#333;
font-size:12px;
font-family: "Trebuchet" Arial, Helvetica, sans-serif;
border-bottom:1px dotted #333;
padding: 0px 0px 3px 0px;
}
ul.ulhome li a:hover{
color:#FF9900;
border-bottom:1px dotted #FF9900;
}
/*------------------------------------------------------------HOME: Botón PASTILLA --------------*/
.pastilla{
background:url(../images/btn-pastillote.png) top center no-repeat;
display:block;
height:93px;
padding: 15px 10px 10px 70px;
}
.pastilla h1{
color:#FFFFFF;
letter-spacing:-0.02em;
line-height:22px;
}
.pastilla a{
color:#cc3300;
background:url(../images/bullet-white.png) 0px 0px no-repeat;
padding:0px 0px 3px 15px;
margin-right:15px;
font-size:14px;
}
.pastilla a:hover{color:#fff; border: none;}
/*------------------------------------------------------------HOME: Área EXTRA 1 (FLASH) ------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*---------- Imagen de fondo para el flash (imagen con sombra -----------------------*/
.imagenfondo1{
/*background:url(../images/bkg-area-extra3.jpg) top right no-repeat;*/
height:310px;
}
/*------ Contenedor del flash. Tamaño exacto: Ancho 540px x Alto 275px.  --------------*/
.areaflash{
width:540px;
height:300px;
margin:5px 5px 0 4px;

}

/*------------------------------------------------------------ HOME: ZONA RALLADA (estilos secci�n con el fondo rallado) ---------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
.bottom{
	background:#000000 url(../images/bkg-rallado.png) top left repeat-x;
	height:382px;
	padding-top: 15px;
	}
/*------------------------------------------------------------ HOME: MENU SPRITE ----------------------------------------------*/	
/*-----------------------------PARA EL SPRITE VE LA PÁGINA SPRITE.CSS. ESTE ES SOLO EL CONTENEDOR GENERAL---------------------*/
.sprite{
	background:url(../images/bkg-sprite.png) top left no-repeat;
	width:640px;
	height:346px;
}

/*------------------------------------------------------------HOME: EXTRA 2  -------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*---------- Imagen de fondo para el flash (imagen con sombra) -----------------------*/
.area-extra{
	background:url(../images/bkg-area-extra2.png) top right no-repeat;
	height:325px;
	margin-left: 10px;
	width: 280px;
	padding: 10px 10px;
	overflow:hidden;
	float: left;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------  PAGINA INTERIOR    ------------------------------------------------*/
/*----------------- COLUMNA IZQUIERDA  --------------------*/
/*------------ menu columna izquierda  --------------------*/
.menuizq {height: 750px;}
.menuizq ul, .menu ul li{margin:0; padding:0px 0px; list-style-type: none; }
.menuizq ul li a {display: block;  width: 100%; color: #999999; padding-left:10px; margin-bottom:3px; }
.menuizq ul li a:hover { background-color: #fc3; color: #fff; border:none}
.categoria{display: block;  width: 100%; color: #333333; padding-left:10px; margin-bottom:3px; background-color: #e1e1e1; border:none}
	
/*-------------------- ZONA CENTRAL  --------------------*/
/*------------ navegacion superior   --------------------*/
.topnavegation{
	margin-left: -30px;
	height:20px;}
.navegation{
	float:left;
	border-left: 1px dotted #333;
	padding-left: 40px;
}
.navegation p, .navegation a{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	float:left;
	margin: 0px 5px 0px 0px !important;
	padding: 0px;
	line-height:1.2;
	font-size:12px;
	color: #CCCCCC;
}
.navegation a:hover{color: #FF9900}
.navegation p.active{color: #FF9900}
.navegation h1{	background: url(../images/bullet-small.png) top left no-repeat;	padding: 5px 0px 0px  45px;	height: 40px; margin-top: 20px;}
.navegation h5{ margin-top: -20px; }


/*------------ estilos de la zona central de texto   --------------------*/
.central {
	border-left: 1px dotted #333;
	margin: 0px 0px 30px 0px;
	padding: 0px 40px 0px 40px;	
}
.central p{ text-align: justify; color: #333333; }

/*----------------- COLUMNA DERECHA  --------------------*/
/*------------ menu columna derecha  --------------------*/
.colright{	color: #999;}
.colright h4{	color: #000; border-bottom: 1px dotted #000; padding-bottom: 10px; margin-bottom:10px;}

/*------------------------------------------------------------   FOOTER     -------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -256px;
}
.push{
    height: 256px;
}
div.footer{
    width: 100%;
    background: url(../images/bkg-footer.png) top left repeat-x;
    height: 256px;
}
.footerheight{
	height:190px;
	overflow:hidden;
	padding-top:20px;}

/*------------------------- links del footer y listas   ------------------------------*/
.footer a{	color: #CCCCCC; }
.footer a:hover{ color: #ff9900}
.footer h5{ font-size: 14px; border-bottom: 1px dotted #ff9900; padding-bottom: 10px; margin-bottom: 5px;}
.footer h5 a{	color: #999;}
.footer h5 a:hover{	color: #ff9900; border: none}
.footer ul li, .footer ul{	margin: 0px; padding: 0px; list-style-type: none; font-size: 12px;}


/*------------------------  banda inferior del footer   ------------------------------*/
.footer .g960 { width: 920px; border-top: 1px dotted #ff9900;  padding:10px 10px 0px 0px;}
.footer p {color: #999; margin-bottom: 0px;}

.telef{
	background: url(../images/icon-telef.png) top left no-repeat;
	padding-left: 20px;
	float: right;
	color: #FF6600 !important;
	font-size: 18px;
	font-weight: bold;
	margin-right: 20px;
}
.especialfont{
	font-size: 14px;
	color: #999;
	float: right;
}
/*-----------------------------------------------------------  FORMULARIO  -------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
.label1{width: 100px;color: #999999; padding:3px 0px;}
input, textarea{ width: 300px;}
small{font-size:9px; color:#CCCCCC;}
button {margin-top: 5px;}



/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------  GENERAL   ------------------------------------------------*/

/* estilo para enlaces */
a{			color:#ff9900;}
a:hover{	border-bottom: 1px dotted #ff9900;}
a:hover.noborder{ border:0px;}

/* estilos para flotar elementos */
.floatleft { 	float:left; }
.floatright { 	float:right; }
.imgleft{ float:left; margin:0 15px 15px 0;}
.imgright{ float:right; margin: 0px 0px 15px 15px;}

/* estilos para m�rgenes superiores */
.margen5{ margin-top:5px; }
.margen20{ margin-top:20px; }
.margen30{ margin-top:30px; }

/* mas estilos  */
code { color: #CCCCCC;}
p {line-height: 1.3em;}



/*--------------------------------------------------------------------------------*/
/*----------------- ESTILOS PARA LOS TAMA�OS DE LOS CONTENEDORES---------------------*/ 
.g80, .g140, .g160, .g240, .g320, .g400, .g480, .g560, .g640, .g720, .g800, .g880, .g960 {
	display: inline;
	float: left;
	margin-left: 10px;
}
.g140{
	padding-right: 20px;}
/* =Grid >> 12 Columns--------------------------------------------------------------------------------*/
.g80{width:70px;}
.g140{width:130px;}
.g160{width:150px;}
.g240{width:230px;}
.g320{width:310px;}
.g400{width:390px;}
.g480{width:470px;}
.g560{width:550px;}
.g640{width:630px;}
.g720{width:710px;}
.g800{width:790px;}
.g880{width:870px;}
.g960{width:950px;}


/* =Grid >> 12 Columns - no left margin
--------------------------------------------------------------------------------*/
.ml40{margin-left:60px;}
.ml80{margin-left:90px;}
.ml160{margin-left:170px;}
.ml240{margin-left:250px;}
.ml320{margin-left:330px;}
.ml400{margin-left:410px;}
.ml480{margin-left:490px;}
.ml560{margin-left:570px;}
.ml640{margin-left:650px;}
.ml720{margin-left:730px;}
.ml800{margin-left:810px;}
.ml880{margin-left:890px;}
.ml960{margin-left:970px;}


.inside{margin-left:0;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {	display: inline-block;}
* html .clearfix {	height: 1%;}
.clearfix {	display: block;}

.division {
border-bottom:1px dotted #fc3;
border-top:1px dotted #fc3;
}
.formulario {
margin-left: 10px;
float: left;
width:710px;
}
.bordeinferior{
border-bottom:1 px solid #ff9900;
}

.titularnoticia{
		
	color: #FF6600 !important;
	font-size: 16px;
	font-weight: bold;
	
}