@charset "utf-8";
/* CSS Document */

body {
	PADDING-RIGHT: 0px;  
	PADDING-LEFT: 0px; 
	FONT-SIZE: 12px;  
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 100%; 
	COLOR: #565656; 
	LINE-HEIGHT: 15px; 
	PADDING-TOP: 0px;  
	FONT-FAMILY: arial, verdana, helvetica, sans-serif; 
	HEIGHT: 100%; 
	BACKGROUND-COLOR: #f5f9fc;
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
}
* {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	TEXT-INDENT: 0px; 
	PADDING-TOP: 0px
}
img { 
	border: 0;  
	}
.redondea
{
  margin: 10px auto;
  padding: 6px;
  /* esquinas redondeadas */
  background-color: #fff;
  -webkit-border-radius: 6px;    /*  Safari */
  -moz-border-radius: 6px;       /*  Firefox */
}

.margenSuperior
{
	/*border: medium dotted #0000FF;*/
	background: transparent url('/Biblioteca%20Home/bg_top.png') no-repeat center bottom;	
	position: relative;
	height:5px;
	/*float:none;*/
}

#navegacion_superior{
				/*background-position: bottom;*/
				
				width: 998px; 
				height: 142px;;
				/*min-height: 142px;*/
				margin: 0 auto;
				padding: 0px;
				position: relative;
				z-index: 99;
				text-align: left; 
				/*background: transparent url('/Biblioteca%20Home/bg_top.png') no-repeat center bottom;
				background-image: url('/Biblioteca%20Home/bg_top.png');
				background-repeat: no-repeat !important;
				background-position: bottom;*/
}
	
}
#navegacion_superior h1 {
	background: url('/Biblioteca%20Home/logo_clicsalud.png') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	top: 27px;
	width: 191px;
}
.LogoClicSalud {
	/*background: url('/Biblioteca%20Home/logos_clic_ics.png') no-repeat;*/
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	top: 15px !important;
	width: 230px;
	left: 55px; 
	top: 50px
}

#navegacion_superior h1 a {
	height: 63px;
	width: 191px;
	display: block;
}
#ligas_auxiliares {
    position:absolute;
	top: 0em;
	right: 0em;
	width: 590px;
	height: 41px;
	padding-top: 0px;
	font: normal 11px Arial, Tahoma, Verdana, sans-serif;
	color: #000;
}

#ligas_resaltadas {
  color:#BA554A;
  border-bottom-style:dashed;
  border-bottom-width:thin;
 
  /*background:url("Images/megamenu/bg_mainmenu_right.png") no-repeat scroll right top transparent;
  display:block;*/
}


/*  Opciones del menu auxiliar  */

ul.aux {
	list-style: none;
	padding: 0px;
	}

.desplazamiento {
	position: absolute;
	left: -5000px;
	}

ul.aux li {
	float: left;
	}

ul.aux li a {
	display: block;
	height: 41px;
	background: url('/Biblioteca%20Home/auxiliar.png');
	}

/* Ligas normales */

ul.aux li.ics a {
	width: 119px;
	background-position: 0 0;
	}

ul.aux li.blog a {
	width: 117px;
	background-position: -119px 0;
	}

ul.aux li.capsula a {
	width: 117px;
	background-position: -236px 0;
	}
	
ul.aux li.calcula a {
	width: 116px;
	background-position: -353px 0;
	}

ul.aux li.persona a {
	width: 120px;
	background-position: -469px 0;
	}

/* Ligas Hover */
ul.aux li.ics a:hover {
	background-position: 0 -41px;
	}

ul.aux li.blog a:hover {
	background-position: -119px -41px;
	}

ul.aux li.capsula a:hover {
	background-position: -236px -41px;
	}

ul.aux li.calcula a:hover {
	background-position: -353px -41px;
	}

ul.aux li.persona a:hover {
	background-position: -469px -41px;
	}

/*  Ligas activas  */
ul.aux li.ics a:active {
	background-position: 0 -82px;
	}

ul.aux li.blog a:active {
	background-position: -119px -82px;
	}

ul.aux li.capsula a:active {
	background-position: -236px -82px;
	}
	
ul.aux li.calcula a:active {
	background-position: -353px -82px;
	}

ul.aux li.persona a:active {
	background-position: -469px -82px;
	}


/* Ligas seleccionada */
ul.aux li.ics a.selected {
	background-position: 0 -123px;
	}

ul.aux li.blog a.selected {
	background-position: -119px -123px;
	}

ul.aux li.capsula a.selected {
	background-position: -236px -123px;
	}
	
ul.aux li.calcula a.selected {
	background-position: -353px -123px;
	}

ul.aux li.persona a.selected {
	background-position: -469px -123px;
	}


#ligas_generales {
	position: absolute;
	top: 5em;
	right: 0em;
	padding: 0px ;
	width: 612px;
	height: 27px; 
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 11px;
	color: #4d3938;
	
}

ul.ligageneral {
	list-style: none;
	padding: 0px;
	}


ul.ligageneral li {
	float: left;
	padding-top: 1px;
	height: 26px;
	vertical-align: middle;
	line-height: 2em;
	}

ul.ligageneral li a {
	display: block;
	color: #4d3938;
	text-decoration: none;
	font-size: 11px; 
	}
ul.ligageneral li a:hover {
	color: #283558;
	}

/* Busqueda */	
fieldset.buscar {
	border: none;
	width: 198px;
	margin-left: 3px;
}
.buscar button {
	border: none;
	float: left;
}
.buscar input {
	border: none;
	float: left;
}
.buscar input.caja {
	color: #645e5e;
	font-size: 11px;
	width: 155px;
	height: 26px;
	padding: 6px 5px 0px 6px;
	background:url(/Biblioteca%20Home/bg_busqueda.png) no-repeat;
}

.buscar button.btn {
	width: 28px;
	height: 23px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(/BibliotecaHome/btn_busqueda.png) no-repeat top right;	
}
.buscar button.btn:hover {
	background: url(/Biblioteca%20Home/btn_busqueda1.png) no-repeat bottom right;	
}

#searchLayout input {
	 background: transparent url(/Biblioteca%20Home/bg_busqueda1.png) left no-repeat !important;
	 padding-left: 25px !important; }
#searchLayout .ms-sbcell {
	 background: url(/Biblioteca%20Home/btn_busqueda1.png) repeat-x !important;
	 border-color: #BD9BBD !important; }



/* pie de página */	
#pie{
	width: 998px;
	height: 40px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	background: transparent url('/Biblioteca%20Home/bg_bottom.png') no-repeat center top;
}
#der_reservados { 
	float:left;
	width: 350px; 
	margin: 23px 0px 10px 10px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #675e5f; }
	
#ligas_pie { 
	float:right; 
	text-align:right;
	width:250px; 
	margin: 23px 10px 10px 0px;  }
#ligas_pie a{
	text-decoration: none;
	color: #776969;
	}
#ligas_pie a:hover{
	color: #3a4975;
	}
	
	/*Elementos de control de sharepoint*/
#dvSiteAction{
	float:right;
	margin-right:197px;
	margin-top:0px;
	position:absolute;
	left: 675px;
	top:90px;
}


.bs-client-Welcome {
	padding-right:15px;
	padding-top:5px;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	width:180px;
	left:800px;
	top:84px;
	position:absolute;
}

	/* FIN Elementos de control de sharepoint*/
	
#menuContenedor {
	height:33px;
	position:absolute;
	top:109px;
	width:929px;
	left:66px;
	z-index:99;
}	
.botonCerrar
{
background-color:green;
				
}
/*  Estilso logo*/
.logo_clikisalud_icss  {
	display:block;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 10px !important;
	left: 8px;
    width: 180px;
	height: 88px;
	background: transparent url(/Biblioteca%20Home/logo_clikisalud.png) top left no-repeat;  
}

/*  Social Networks*/
#social_links { 
	display:block;
	height:38px;
	position:absolute;
	text-indent:-9999px;
	top:4px;
	left:331px;
	width:90px;
	z-index:601; 
	overflow: hidden; 
}
ul.socialnet {
	list-style: none; 
	padding: 0px;
	overflow: hidden; 
	height: 30px;
	margin-top: 5px;
	}

.desplazamiento {
	position: absolute;
	left: -5000px;
	}

ul.socialnet li {
	float: left;
	margin-left: 5px;
	}

ul.socialnet li a { 
	display: block;
	height: 30px;background: url(/Biblioteca%20Home/ico_social.png);
	}

/* links */

ul.socialnet li.fb a {
	width: 29px;
	background-position: 0 0;
	
	}

ul.socialnet li.tw a {
	width: 28px;
	background-position: -29px 0;
	}


/* Hover links */
ul.socialnet li.fb a:hover {
	background-position: 0 -29px;
	}

ul.socialnet li.tw a:hover {
	background-position: -29px -29px;
	}


/*  Social Networks
----------------------------------------------------------------------------------------------------*/


/*Estilos home Rich Text*/


/* para niños */
.box_image_nino{
	position: relative;
	overflow: hidden;
	background: url(/PublishingImages/home_ninos_nuevo.jpg) 0 0 no-repeat;
	width: 294px;
	height: 241px;
	font: 12px Arial, Helvetica, sans-serif;
	}
#intro_nino{
	position: absolute;
	overflow:hidden;
	bottom: 0px;
	left: 0px; 
	width: 294px;
	height:76px; }
#intro_nino ul {
	list-style-position: inside;
	list-style-image: url(/PublishingImages/bullet_home_rosa.png);
	padding: 5px 10px 0px 15px;
	margin: 0px ; 
}
#intro_nino ul li{
	line-height: 22px;
	padding:0px;
}
#intro_nino ul li a:link{
	color: #fff;
	text-shadow:1px 1px 2px #000;
	text-decoration: none;
	font-weight: bold;
}
#intro_nino ul li a:hover{
	color: #d3e9ff;
}
#intro_nino ul li a:visited{
	color: #d3e9ff;
	text-decoration: none;
	font-weight: bold;

}



/* para adolescente */
.box_image_adolescente{
	position: relative;
	overflow: hidden;
	background: url(/PublishingImages/home_adolescentes_nuevo.jpg) 0 0 no-repeat;
	width: 294px;
	height: 241px;
	font: 12px Arial, Helvetica, sans-serif;
	}
#intro_adolescente{
	position: absolute;
	overflow:hidden;
	bottom: 0px;
	left: 0px; 
	width: 294px;
	height:76px; }
#intro_adolescente ul {
	list-style-position: inside;
	list-style-image: url(/PublishingImages/bullet_home_amarillo.png);
	padding: 5px 10px 0px 15px;
	margin: 0px ; 
}
#intro_adolescente ul li {
	line-height: 22px;
	padding:0px;
}
#intro_adolescente ul li a:link{
	color: #fff;
	text-shadow:1px 1px 2px #000;
	text-decoration: none;
	font-weight: bold;
}
#intro_adolescente ul li a:hover{
	color: #d3e9ff;
}
#intro_adolescente ul li a:visited {
	color: #d3e9ff;
	text-decoration: none;
	font-weight: bold;

}


/* para profesionales */
.box_image_pro{
	position: relative;
	overflow: hidden;
	background: url(/PublishingImages/home_pro_nuevo.jpg) 0 0 no-repeat;
	width: 294px;
	height: 241px;
	font: 12px Arial, Helvetica, sans-serif;
	}
#intro_pro{
	position: absolute;
	overflow:hidden;
	bottom: 0px;
	left: 0px; 
	width: 294px;
	height:76px; }
#intro_pro ul {
	list-style-position: inside;
	list-style-image: url(/PublishingImages/bullet_home_azul.png);
	padding: 5px 10px 0px 15px;
	margin: 0px ; 
}
#intro_pro ul li{
	line-height: 22px;
	padding:0px;
}
#intro_pro ul li a:link{
	color: #fff;
	text-shadow:1px 1px 2px #000;
	text-decoration: none;
	font-weight: bold;
}
#intro_pro ul li a:hover{
	color: #d3e9ff;
}

#intro_pro ul li a:visited {
	color: #d3e9ff;
	text-decoration: none;
	font-weight: bold;

}


/*Fin Estilos Rich Text*/