/* $TopStyle:URL=http://test.viasclinicas.com/pfw_files/tpl/estils/vcestils.css$ */

/* 
ESTILS de VIASCLINICAS.COM
Copyright  : 
             XMi Consultoria i Desenvolupament Inf. S.L. 
				 Diomedes
				 
COLORS :  
			Rosa fort : #E50178
			Blau del Menú dret : #8194CA
			Blau mes fort del menu lateral: #0055A5

TAGS GENERICS			
*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: Black;
	background-image: url(/pfw_files/tpl/estils/FondoPagina.gif);
}

h1 {
	color: #E50178;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	padding-bottom: 12px;
	padding-top: 3px;
	padding-bottom: 2px;
	border-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #E50178;
}

#pagina {
position: relative;
padding: 0px;
border: 0 0 0 0;
width: 970px;
height: 300px;
}

#header {
padding: 0px;
border: 0 0 0 0;
width: 970px;
height: 110px;
background-image: url(/pfw_files/tpl/estils/FondoTop.gif);
background-repeat: repeat-x;	
}

#LogoVC {
position: absolute;
left:21px; 
top:32px;
border: 0 0 0 0;
}

#Iconesheader {
position: absolute;
left:820px; 
top:32px;
border: 0 0 0 0;
margin:0;
}

#Iconesheader ul {
	list-style:none; 
	margin:0;
	}

#Iconesheader li {
	float:left;
	margin:0;
	padding:3px;
	background-image:none;
	text-indent:0;
	}
	
#BandaRosa {
border: 0 0 0 0;
margin:0;
background-color: #E50178;
width: 970px;	
height: 22px;
}
 
#Contingut {
   margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	position: absolute;
	left: 211px;
	top:  150px;
	float: left;
	width: 720px;
}

/* 
Menú Lateral 
Color del titol de grup -->  #E50178;
*/
	
#Menu {
	width: 210px;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 110%;
	}

#Menu ul { 
	display: block;
	width: 210px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	}

#Menu li { 
	width: 210px;
	text-indent:20px;
	display: block;
	vertical-align: middle;
	color: White;
	line-height: 27px;
	background-repeat: repeat-x;
	background-image:  url(/pfw_files/tpl/estils/MenuLateralNormal.gif);
	}

#Menu li a { 
	display: block;
	width: 210px;
	text-decoration: none;
	color: White;
	background-repeat: repeat-x;
	background-image:  url(/pfw_files/tpl/estils/MenuLateralNormal.gif);
	}
	
#Menu li a:hover {
	color: White;
	width: 210px;
	display: block;
	line-height: 27px;
	background-repeat: repeat-x;
	background-image:  url(/pfw_files/tpl/estils/MenuLateralHover.gif);
  }
  
#Menu li.titol {
	background-color: white;
	text-indent: 20px;
	color: #E50178;
	background-image: none;
	}
#Menu li.actual {
	background-color: #E50178;
	text-indent: 20px;
	color: White;
	background-repeat: x-repeat;
	background-image:  url(/pfw_files/tpl/estils/MenuLateralHover.gif);
	}
#Menu li.enllacos {
	background-color: #0055A5;
	text-indent: 20px;
	color: #fff;
	background-repeat: x-repeat;
	background-image: url(/pfw_files/tpl/estils/MenuLateralNormalEnllac.gif);
	}

#Menu li.enllacos a{
	background-color: #0055A5;
	text-indent: 20px;
	color: #fff;
	background-repeat:  x-repeat;
	background-image:  url(/pfw_files/tpl/estils/MenuLateralNormalEnllac.gif);
	}
#Menu li.enllacos a:hover{
	background-color: #0055A5;
	text-indent: 20px;
	color: #fff;
	background-position: bottom;
	background-repeat: x-repeat;
	background-image:  url(/pfw_files/tpl/estils/MenuLateralHover.gif);
	}
		
#SubMenu {
	width: 720px;
	border: 0 0 0 0;
	position: absolute;
	left: 220px;
	top: 110px;
	}

#SubMenu ul,#tablasetmana ul,#banners ul{ 
	margin: 0 0 0 0;
	padding:0 0 0 0;
	list-style: none;
	display: block;
	}

#SubMenu li { 
	float:left;
	text-indent:0;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: White;
	color: #0055A5;
	height: 15px;
	border-right: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-color: #E50178;
	}

#SubMenu a {
	color: #0055A5;
	text-decoration: none;
	}

#SubMenu a:hover, #SubMenu strong {
  color: #E50178;
	}

#banners {
	width: 728px;
	height: 80px;
	border: 0 0 0 0;
	position: absolute;
	left: 224px;
	top: 110px;	
	}
	
#banners li{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}	
#banners a{
	text-decoration: none;	
}
/* Clases para el calendario */
#Calendar {
	width: 210px;
	padding: 5px 0 0 0;
	font-weight: bold;
	font-size: 110%;
	}

#tablasetmana{
  width: 15px;
  background-color: #8194CA;
}

#tablasetmana li a{
  width: 15px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 10px;
  color: #ffffff;
}

#tablasetmana a,#tablasetmana strong{
  display: block;
  background-color: #8194CA;
  text-align: center;
  font-size: 10px;
  text-decoration:none;
  color: #ffffff;
}
#tablasetmana a:hover, #tablasetmana #current a:hover strong, #tablasetmana #current strong {
  background-color: #E50178;
  font-size: 10px;
  color: #ffffff;
}

.tablacalwhite{
  background-color: White;
  font-size: 10px;
  color: #0055A5;
  border: 0 0 0 0;
}

.tablacal{
  background-color: White;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 10px;
  color: #0055A5;
  border: 0 0 0 0;
}
.tablacalwhite a, .tablacalwhite strong {
  color:#0055A5;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 10px;	
  text-decoration:none;
	}	
.enlace a{
  font-size: 10px;	
  text-decoration:none;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  color: #0055A5;
  background-color: transparent;     	
}	
  	
.altn  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #FFF;
	background-color:#8194CA;
}

.tit {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #E50178;
	background-color: transparent;
	font-weight: bold;
      }		
.fs {
	font-family :Verdana, Arial, Helvetica, sans-serif;
	background-color:	#F85968;
	color:	#FFFFFF;
	text-align:	center;
	font-size: 10px;
	}
.fs a, .fs strong {
	font-family :Verdana, Arial, Helvetica, sans-serif;
	color:	#FFFFFF;
	text-align:	center;
	font-size: 10px;	
	text-decoration:none;
	}	
.da	{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color: #0055A5;
	color:	#FFFFFF;
	text-align:	center;
	font-size: 10px;
	}
.da a, .da strong {
	font-family :Verdana, Arial, Helvetica, sans-serif;
	color:	#FFFFFF;
	text-align:	center;
	font-size: 10px;	
	text-decoration:none;
	}	
.st	{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color:#D1E1D4;
	color: #000000;
	text-align:	center;
	font-size: 10px;
	}
.st a, .st strong {
	font-family :Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:	center;
	font-size: 10px;	
	text-decoration:none;
	}	
.otromes	{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	background-color: White;
	color: #D1E1D4;
	text-align:	center;
	font-size: 10px;
	}
.sub	{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #E50178;
	font-size: 10px;
	font-weight: bold;
	}
.sub2	{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #0055A5;
	font-size: 10px;
	font-weight: bold;
	}

	
.desplegable	{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color: White;
	color: #8194CA;
	font-size: 11px;
	}	
.boto	{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color: ActiveBorder;
	color: #E50178;
	font-size: 11px;
	}
	.tablaform
{
  background-color: White;
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px;
  color: #0055A5;
  border: 1px 1px 1px 1px;
  border-color: #0055A5;
  border-style: solid;  
}
 .form 
 {
  background-color: White;
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px;
  font-weight: bold;	
  color:#8194CA ;
  border: 1px 1px 1px 1px;
  border-color: #0055A5;
  border-style: solid;  
 }
 .send
 {
 	background-color: White;
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px;
   color:#8194CA;
	border: 1px 1px 1px 1px;
   border-color: #0055A5;
   border-style: solid;  
 }
 .text{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
 }
 .txtcab_rosa{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #E50178;
	font-weight: bold;
	padding-left: 4px;
 }
 .txtcab_azul{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0055A5;
	font-weight: bold;
	padding-left: 4px;	
 }
/*  enlaces favoritos */
#catfav ul{
  display: block;
  margin:0 0 0 0;
  padding:0 0 5px 0;
  list-style:none;
  font-size:85%;	
	}
#catfav li a{
	margin: 0;
	height: 24px; 
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	line-height: 10px; /* lo utilizo para centrar el texto en la celda */
	vertical-align: top;
	text-decoration:none;
	color:#8194CA;
	text-transform: uppercase;
	}
	
 #catfav a #catfav strong {
	display: list-item;
   color:#8194CA;
   background-color: transparent;
	text-decoration: none;
	}

#catfav #current strong, #catfav #current a {
  background-repeat:no-repeat;
  	text-decoration: none;
	color:#8194CA;
  }
  
#catfav a:hover, #catfav #current a:hover strong, #catfav #current strong {
  background-color: transparent;
  color:#E50178;
  font-weight: bold;
  text-decoration: none;
  }

/***********DIV PARA OBTENER ADOBE***********/
 #adobe{
 	width: 100px;
	position: absolute;
	left: 20px;
	top: 550px;
	background-color: transparent;
 }
 
 /***********Botón para ir hacia atrás (multidioma)****************/
                                                               /*  Castellano  */
	#tornar_es{
		width:90px;
		height: 26px;
	   text-align: right;
	}
																						
	#tornar_es a,#tornar_es strong {
   position: relative;
	display: block;
	background-image: url("/pfw_files/tpl/estils/volver_es.gif");
	background-repeat: no-repeat;
   text-decoration: none;
  }
  
  #tornar_es a:hover, #tornar_es #current a:hover strong, #tornar_es #current strong{
   position: relative;
	display: block;
	background-image: url("/pfw_files/tpl/estils/volver2_es.gif");
	background-repeat: no-repeat;
   text-decoration: none;
  }
   /***************************/
	#tornar_en{
		width:90px;
		height: 26px;
	   text-align: right;
	}	
	                                                         /*  Inglés  */
   #tornar_en a,#tornar_en strong {
   position: relative;
	display: block;
	background-image: url("/pfw_files/tpl/estils/volver_en.gif");
	background-repeat: no-repeat;
   text-decoration: none;
  }
  
  #tornar_en a:hover, #tornar_en #current a:hover strong, #tornar_en #current strong{
   position: relative;
	display: block;
	background-image: url("/pfw_files/tpl/estils/volver2_en.gif");
	background-repeat: no-repeat;
   text-decoration: none;
  }