/*
Theme Name: Postural Group
Theme URL: www.porturalgroup.com
Description: Posturología
Author: HR para Blexideas
Version: 1.0
.
General comments/License Statement if any.
.


[Table Of Contents] 

	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- Middle 
	7- Forms
	8- Extras
	9- Footer 

*/



	*{margin:0;
	padding:0;
	}
	
	.clear{clear:both;}
	
	body  {
	color: #666;

	background-color:#D4E7F6;
	/*#DBF3FF;*/
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
		}
	
	#container	{
		background-color:#fff;
		margin: 0 auto; 
		width:960px;
		}
	
	.header{
		width:960px;
		height:160px;
		background-image: url(imgs/cabecera.jpg);
		margin:0 0 10px 0;
		}
	
	
	
	
		#icon {
		float:right;
		margin-top:140px;
		margin-right:20px;
		border:none;
		}
		
		#icon a img {
		border:none;		
		text-decoration: none;
		}
	
	
	
	/*-----------------------------------------------------BARRA MENU PRINCIPAL -----------------------------------------------------------*/
	
	#menu {
	
		float:left;
		width:960px;
		height:35px;
		margin:0 0 20px 0;
		}
	
	#menu ul {
		list-style-type:none; /*con esto quitamos las viñetas*/
		margin:0; /*le quitamos el margen a la lista*/ 
		padding:0; /*y el relleno*/
	    }
	
	#menu li {
		margin:0; /*le quito el margen al elemento de la lista*/ 
		float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
	    }

	
	
/*BOTONES IMAGEN ROLLOVER MENU PRINCIPAL ------------------------------------------*/

a {
  outline: none;
  }



/*OPCION 01--------------------*/

	.rollover01 {
	  display: block;
	  width: 131px;
	  height: 35px;
	  background: url(imgs/bot_plo.jpg) no-repeat;
	  text-indent: -1px;
	  }

	a.rollover01:link, a.rollover01:visited, a.rollover01:active {
	  background: url(imgs/bot_plo.jpg) no-repeat;
	  }

	a.rollover01:hover {
	  background-position: -131px;
	  }

/*OPCION 02--------------------*/

.rollover02 {
  display: block;
  width: 131px;
  height: 35px;
  background: url(imgs/bot_pme.jpg) no-repeat;
  text-indent: -1px;
}

a.rollover02:link, a.rollover02:visited, a.rollover02:active {
  background: url(imgs/bot_pme.jpg) no-repeat;
}

a.rollover02:hover {
  background-position: -131px;
}
/*OPCION 03--------------------*/

.rollover03 {
  display: block;
  width: 131px;
  height: 35px;
  background: url(imgs/bot_med.jpg) no-repeat;
  text-indent: -1px;
}

a.rollover03:link, a.rollover03:visited, a.rollover03:active {
  background: url(imgs/bot_med.jpg) no-repeat;
}

a.rollover03:hover {
  background-position: -131px;
}

/*OPCION 04--------------------*/

.rollover04 {
  display: block;
  width: 131px;
  height: 35px;
  background: url(imgs/bot_cur.jpg) no-repeat;
  text-indent: -1px;
}

a.rollover04:link, a.rollover04:visited, a.rollover04:active {
  background: url(imgs/bot_cur.jpg) no-repeat;
}

a.rollover04:hover {
  background-position: -131px;
}


/*OPCION 05--------------------*/

.rollover05 {
  display: block;
  width: 131px;
  height: 35px;
  background: url(imgs/bot_pro.jpg) no-repeat;
  text-indent: -1px;
}

a.rollover05:link, a.rollover05:visited, a.rollover05:active {
  background: url(imgs/bot_pro.jpg) no-repeat;
}

a.rollover05:hover {
  background-position: -131px;
}

/*--------------------------OPCION 06--------------------*/

.rollover06 {
  display: block;
  width: 131px;
  height: 35px;
  background: url(imgs/bot_enl.jpg) no-repeat;
  text-indent: -1px;
}

a.rollover06:link, a.rollover06:visited, a.rollover06:active {
  background: url(imgs/bot_enl.jpg) no-repeat;
}

a.rollover06:hover {
  background-position: -131px;
}

/*--------------------------OPCION 07--------------------*/

.rollover07 {
  display: block;
  width: 131px;
  height: 35px;
  background: url(imgs/bot_con.jpg) no-repeat;
  text-indent: -1px;
}

a.rollover07:link, a.rollover07:visited, a.rollover07:active {
  background: url(imgs/bot_con.jpg) no-repeat;
}

a.rollover07:hover {
  background-position: -131px;
}


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

	.centro{text-align:center}
	
	
	
	.izquierda{
		width:200px;
		margin:0 0 0 20px;
		float:left;
		display:inline;
		}
	
	/*El la div "derecha" vamos a ajustar los valores para que tenga una anchura de 200píxeles, una altura que también
	dependa del contenido que tenga dentro, y le vamos a dar un margen de 5px, además de hacer que se sitúe a la derecha*/
	.derecha{
		width:200px;
		margin:0 20px 0 0;
		float:right;
		display:inline;
		}
	
	.derecha img{
	margin-top:100px;
		}
	
	
	.principal{
		width:480px;
		background-color:#FFF;
		margin:0 20px 0 240px;
	
		}
	
	

.principal ul li {
   padding-left: 15px;
   background: url(imgs/bullet.gif) no-repeat left 8px; 
   list-style-type: none;
}

	
	
	
		
   /*.principal li{
	
	background-position: top left;
	list-style: none;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-image: url(imgs/bullet.gif);
	}*/
	
	.principal .separador {
background: url(imgs/separador.jpg) no-repeat center;
height:20px;



}
			
.destacado2 {
	background-image:url(imgs/bkg_destacado3.jpg);
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	width:180px;
	height:170px;
	padding:10px 10px 0 10px;
		}
/*hack*/
			*html .destacado2 { 
				width:200px;
				w\idth:180px;
			    }

	.destacado {
	    background-image:url(imgs/bkg_destacado.jpg);
	    background-repeat:no-repeat;
		width:180px;
		height:170px;
		padding:10px 10px 0 10px;
		}
	
	/*hack*/
			*html .destacado { 
				width:200px;
				w\idth:180px;
			    }

	
	.doctores {
	width:145px;
	margin:7px;
	float:left;
	}
		
		
*html .doctores{
	width:140px;
	margin:7px;
	float:left;
		}
		
		
		
		.col1{width:230px;
			float:left;
			}
		.col2{width:230px;
			float:right;	
			
			}
		
		
		
	.banner_curso{
		float:right;
		margin-right:20px;
		width: 720px;
		position: relative;
		
	    }
		
		.banner_curso img{
		border:0;
		
		
	    }

/* Posicionamiento imagenes*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft {
	float:left;
	margin:4px 10px 4px 0;
}

img.alignright {
	float:right;
	/*margin:4px 0 4px 10px;*/
}

.right.inset {margin: 0 120px 0 20px;} /* img floated right within text */
.left.inset {margin-left: 230px;} /* img floated left within text */



/* postmeta FOOTER - Menu a pie de pagina*/
	.postmeta {
		padding: 7px 5px;
		margin: 20px 20px 15px 20px;
		font-size: 1em;
		color: #545454;
		border-top: solid;
		border-top-color:#003366;
		text-align:center;
		}


.postmeta a.readmore { margin: 0 10px 0 5px;	}