body {
	background: url(../img/bg.jpg) bottom right no-repeat fixed;
	font-family: serif;
	font-size: 12pt;
}

a, a:hover, a:visited {
	color: #528CE0;
	text-decoration: none;
}

img {
	border:0;
}

.left {
	float:left;
	margin-right: 20px;
}

input, textarea {
	margin:5px 0 5px 0;
	font-family: serif;
	font-size:11pt;
}


/*********EMERGENCY MENU!!!!!!!************************/

#menu2 {
	float:left;
	display:inline;	
	margin:20px 0 30px 0;	
	width: 240px;
	height: 512px;
	background: url(../img/bgMenu.png) top left no-repeat;	
}

.nav2 {
	padding:25px 0 0 0;
}	

.nav2 ul {
	list-style-type: armenian;
	font-size: 11pt;
}

.nav2 ul a {
	color:black;
}

.nav2 ul a:hover {
	color:black;
	color: #528CE0;
}





/******************************************************/
/* layout */

#header {
	/*
	background: url(../img/bgHeader.jpg) top left no-repeat;
	*/
	background:white;
}

#wrapper {
	width:982px;
	margin:34px auto 0 auto;
	text-align:left;
	overflow:hidden;
}

#menu,
#content {
	float:left;
	display:inline;	
	margin:20px 0 30px 0;
}

#menu {		
	width: 240px;
	height: 512px;
	background: url(../img/bgMenu.png) top left no-repeat;	
}

#content {
	width: 680px;
	min-height:500px;	
	padding: 0 0 0 30px;
	margin-left:15px;		
	}

#header{
	height: 110px;
	/*border-bottom: dotted #CCCCCC;*/
	background: url(../img/largeDot.gif) bottom repeat-x;
}

#logo {
	/*background: url(../img/GPlogo.jpg) top left;*/
	position: absolute;
	width: 120px;
	height: 120px;	
}

#banner {
	background: url(../img/GPbanner.jpg) right no-repeat;
	position: absolute;
	width: 362px;
	height: 100px;
	margin:0 0 0 -181px;
	left: 50%;
}

/*bloques*/
.bloque
	{	
	margin:0 0 0 0;
	padding:10px 0 30px 10px;	
	border-bottom:1px dotted #999999;
	}


/******************************************************/
/* navigation menu */

#nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*-----------------------*/
/* navigation */


#nav .bgTop {
	height: 109px;	
	background: url(../img/nav/bgTop.png) no-repeat;
}

/*-----------------------*/

#nav .quienes{
	height: 23px;
	width: 240px;
	background: url(../img/nav/quienes.png) top no-repeat;
}
		
#nav .quienes:hover{
	background-position:0 -23px;
	}
		
#nav .quienes span{
	display: none;
	}
		
#nav .quienes a{
	display: block;
	width: 240px;
	height: 23px;			
	}

/*-----------------------*/

#nav .tratamientos{
	height: 24px;
	width: 240px;
	background: url(../img/nav/tratamientos.png) top no-repeat;
}
		
#nav .tratamientos:hover{
	background-position:0 -24px;
	}
		
#nav .tratamientos span{
	display: none;
	}
		
#nav .tratamientos a{
	display: block;
	width: 240px;
	height: 24px;			
	}


/*-----------------------*/

#nav .formacion{
	height: 24px;
	width: 240px;
	background: url(../img/nav/formacion.png) top no-repeat;
}
		
#nav .formacion:hover{
	background-position:0 -24px;
	}
		
#nav .formacion span{
	display: none;
	}
		
#nav .formacion a{
	display: block;
	width: 240px;
	height: 24px;			
	}

/*-----------------------*/

#nav .recomienda{
	height: 25px;
	width: 240px;
	background: url(../img/nav/recomienda.png) top no-repeat;
}
		
#nav .recomienda:hover{
	background-position:0 -25px;
	}
		
#nav .recomienda span{
	display: none;
	}
		
#nav .recomienda a{
	display: block;
	width: 240px;
	height: 25px;			
	}
	
/*-----------------------*/

#nav .contacto{
	height: 23px;
	width: 240px;
	background: url(../img/nav/contacto.png) top no-repeat;
}
		
#nav .contacto:hover{
	background-position:0 -23px;
	}
		
#nav .contacto span{
	display: none;
	}
		
#nav .contacto a{
	display: block;
	width: 240px;
	height: 23px;			
	}
	
/*-----------------------*/

#nav .noticias{
	height: 25px;
	width: 240px;
	background: url(../img/nav/noticias.png) top no-repeat;
}
		
#nav .noticias:hover{
	background-position:0 -25px;
	}
		
#nav .noticias span{
	display: none;
	}
		
#nav .noticias a{
	display: block;
	width: 240px;
	height: 25px;			
	}



/******************************************************/
/* type */

#menu {
	font-size: 11.5pt;
}

blockquote {
	font-style: italic;
}

#contacto {
	font-size: 10pt;
	padding-top: 150px;
}

#contacto img {
	width:15px;
}

h2 {
	/*border-bottom: double #CCCCCC;*/
	padding-bottom: 8px;
	background: url(../img/doubleLine.gif) bottom repeat-x;
}

h3 {
	padding-bottom: 3px;
	background: url(../img/doubleRule.gif) bottom repeat-x;
}

h5 {
	margin:0;
	padding:0;
	line-height: 100%
}




/* noticias */

.titulo_noticia {
	font-weight:bold;
	color:#999999;
	font-size:13pt;
}

.noticia{
	font-size:11pt;
	margin: 5px 0 5px 5px;
	padding: 10px 0 20px 5px;
	background: url(../img/pattern.png);
}

.noticia_selector {
	text-align: center;
}

.noticia_selector a {
	font-size: 9pt;
	color: black;
}

.noticia_selector a:hover {
	color: #528CE0;
}

.noticias_paginator {	
	font-size:10pt;
	text-align:right;
}

.noticias_paginator a {
	color: black;
}

.noticias_paginator a:hover {
	color: #528CE0;
}

/* fechas */

.fecha{font-weight:bold; font-size:10pt;}



/*secciones*/

#accordion img, #mapa img, #despacho img {
	border: 1px solid black;
}




/******************************************************/
/* clase para centrar horizontalmente y verticalmente */
.centrar {
	position: absolute; /*Posicionamiento absoluto*/
	height: 550px; /*altura*/
	width: 800px; /*anchura*/
	margin-left: -400px; /*Restamos la mitad de ancho del DIV para centrarlo horizontalmente*/
	margin-top: -275px; /*Restamos la mitad de alto del DIV para centrarlo verticalmente*/
	left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
	top: 50%; /*Desde arriba, colocar al 50% de la pantalla*/
}


/******************************************************/
/* footer */

#footer	{	
	position:fixed;
	bottom:0;
	left:0;
	width:100%;	
	padding: 8px 0 5px 0;
	height:15px;
	text-align: center;
	font-size: 10pt;
	background: url(../img/doubleLine.gif) top repeat-x white;
	}
	
#footer img {
	vertical-align: middle;
}	
	
#footer a {
	text-decoration:none;
	color:black;
	}
	
#footer a:hover {
	color: #528CE0;
	}

@media screen {
	/*body>div#menutop{position:fixed;}*/
	body>div#footer{position:fixed;}
	}
	
/******************************************************/
/* accordion */

h4.toggler {
	cursor: pointer;
	color: #000000;
	/*background: url(../img/pattern.png) repeat;*/
	
	font-size: 11pt;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div .element{
	font-size: 11pt;
	margin:0px 10px 20px 10px;
	padding:4px 8px 20px 8px;	
	/*
	background: url(../img/pattern.png) repeat;
	*/
}

div .element p, div .element blockquote, div .element ul{
	margin-left:170px;
}


div .element img {
	border:0;
	float:left;
	margin: 20px 10px 10px 0;
}