/* /////////////////////////////////////////////////////////////////////////
Hoja De Estilos - COMVECINOS
Realizacion: digival.es 
joseignacio.marcos@digival.es
///////////////////////////////////////////////////////////////////////// */
HTML{
	height: 100%;
}
BODY{
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 0;
	padding: 0;
	height: 100%;
	background: #4b4b4b url(../images/bg.gif) repeat-x 0px -44px;
}
IMG{
	border: 0;
}
*{
	padding: 0;
	margin: 0;
}
.clear{
	clear: both;
}
P{
	line-height: 18px;
	margin-bottom: 10px;
}
a{
	color: #d25b30;
	text-decoration: underline;
	outline: none;
}
a:hover{
	text-decoration: none;
}
.justif{
	text-align: justify;
}
.alignDer{
	text-align: right;
}
.centro{
	text-align: center;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
.fleftMargin{
	float: left;
	margin: 0px 10px 10px 0px;
}
.frightMargin{
	float: right;
	margin: 0px 0px 10px 10px;
}
input, button, textarea, select{
	font-size: 11px;
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
}
ul{
	list-style: none;
}
/* ---------------------------------------------------------------------------------------- */
/*   DIVS GENERALES --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#sitio{
	width: 960px;
	margin: 0px auto;
}
#cabecera{
	width: 960px;
	height: 599px;
	overflow: hidden;
	position: relative;
}
#footer{
	margin-top: 10px;
	width: 960px;
	margin-bottom: 40px;
}
/* ---------------------------------------------------------------------------------------- */
/*   CABECERA ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.fotos{
	width: 960px;
	height: 275px;
	overflow: hidden;
	display: block;
	margin-bottom: 15px;
	position: relative;
	background: url(../images/loader.gif) no-repeat 50% 50%;
}
#foto1{
	position: absolute;
	left:0px;
	bottom:-282px; 
	width: 319px;
	height:240px;
	margin-bottom: 0px;
}
#foto2{
	position: absolute;
	left: 50%;
	margin-left: -243px;
	bottom:-294px; 
	width: 413px;
	height:250px;
	margin-bottom: 0px;
}
#foto3{
	position: absolute;
	right: 0px;
	bottom:-275px; 
	width: 381px;
	height:230px;
	margin-bottom: 0px;
}

h1{
	width: 630px;
	height: 140px;
	display: block;
	background: url(../images/logo_comvecinos.gif) no-repeat;
	overflow: hidden;
	text-indent: -99999px;
	margin: 0px auto;
}
h2 a{
	width: 515px;
	height: 91px;
	display: block;
	margin: 0px auto;
	text-indent: -99999px;
	background: url(../images/servicioconsultas.gif) no-repeat ;
}
h2 a:hover{
	background-position: 0px -91px;
}
.libro1 a{
	width: 171px;
	height: 195px;
	position: absolute;
	background: url(../images/libro_guiapractica.jpg);
	right: 0px;
	bottom: 0px;
	text-indent: -99999px;
}
.libro2 a{
	width: 171px;
	height: 195px;
	position: absolute;
	background: url(../images/libro_comunidadesdevecinos.jpg);
	left: 0px;
	bottom: 0px;
	text-indent: -99999px;
}
.libro1 a:hover, .libro2 a:hover{
	background-position: 0px -195px;
}
.texto{
	width: 600px;
	margin: 0px auto;
	text-align: center;
	color: #cb4d24;
	font-size: 12px
}
.texto a{
	font-style: italic;
}

/* ---------------------------------------------------------------------------------------- */
/*   CUERPO ------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */
/*  footer  ------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#footer P{
	width: 400px;
	color: #eaeaea;
	float: left;
}
#footer P a{
	color: #eaeaea;
}
#footer ul{
	width: 550px;
	float: right;
}
#footer ul li{
	float: right;
	color: #eaeaea;
}
#footer ul li a{
	color: #eaeaea;
	margin: 0px 5px;
}
#footer ul li a:hover. #footer P a:hover{
	color: #cb4d24;
}
#footer P.logos{
	float: right;
	margin-top: 5px;
	width: 400px;
	margin-bottom:2px;
}
/* ---------------------------------------------------------------------------------------- */
/*  navegacion  --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#barraMenu{
	width: 960px;
	height: 50px;
}
ul#barraMenu li{
	display:block;
	float:left;
	text-indent:-9999px;	
}
ul#barraMenu li a{
	display:block;
	text-decoration:none;
	background:transparent url(../images/nav.gif) no-repeat;
	height:50px;
}

ul#barraMenu li#nv1 {width:88px; }
ul#barraMenu li#nv2 {width:119px; }
ul#barraMenu li#nv3 {width:144px; }
ul#barraMenu li#nv4 {width:142px; }
ul#barraMenu li#nv5 {width:160px; }
ul#barraMenu li#nv6 {width:99px; }
ul#barraMenu li#nv7 {width:92px; }
ul#barraMenu li#nv8 {width:116px; }

ul#barraMenu li#nv1 a {background-position: 0px 0px;}
ul#barraMenu li#nv2 a {background-position: -88px -0px;}
ul#barraMenu li#nv3 a {background-position: -207px -0px;}
ul#barraMenu li#nv4 a {background-position: -351px -0px;}
ul#barraMenu li#nv5 a {background-position: -493px -0px;}
ul#barraMenu li#nv6 a {background-position: -653px -0px;}
ul#barraMenu li#nv7 a {background-position: -752px -0px;}
ul#barraMenu li#nv8 a {background-position: -844px -0px;}

ul#barraMenu li#nv1 a:hover, ul#barraMenu li#nv1 a:focus {background-position: 0px -50px;}
ul#barraMenu li#nv2 a:hover, ul#barraMenu li#nv2 a:focus {background-position: -88px -50px;}
ul#barraMenu li#nv3 a:hover, ul#barraMenu li#nv3 a:focus {background-position: -207px -50px;}
ul#barraMenu li#nv4 a:hover, ul#barraMenu li#nv4 a:focus {background-position: -351px -50px;}
ul#barraMenu li#nv5 a:hover, ul#barraMenu li#nv5 a:focus {background-position: -493px -50px;}
ul#barraMenu li#nv6 a:hover, ul#barraMenu li#nv6 a:focus {background-position: -653px -50px;}
ul#barraMenu li#nv7 a:hover, ul#barraMenu li#nv7 a:focus {background-position: -752px -50px;}
ul#barraMenu li#nv8 a:hover, ul#barraMenu li#nv8 a:focus {background-position: -844px -50px;}