﻿/*	CSS del UserControl Capcalera.ascx	*/

/* Estil del div contenidor de la capcalera */
#CapcaleraContenidor{
	background-color:#FEFDFF;
	
	/*height:13.3em;*/
	height: auto !important; /* para los browsers buenos */
	height: 13.3em; /* para IE5+ */
	min-height: 14em; /* para los browsers buenos */
	
	position:relative;
	width:962px;
}
/* Estil del div contenidor de la capcalera */
#CapcaleraContenidorCercaAvancada{
	background-color:#FEFDFF;
	
	/*height:13.3em;*/
	height: auto !important; /* para los browsers buenos */
	position:relative;
	width:962px;
}
/* Estil del div contenidor del logo MapaTIC de la capcalera */
#CapcaleraLogo{
	float:left;
	width:500px;
}
/* Estil del div contenidor de les icones de home, contactar, idiomes */
#CapcaleraIconesIdiomes
{
    float:right;
	vertical-align:top;
	margin: auto 0;
	max-width: 400px;
}

.ContenidorIconesIdiomes
{
	margin-right: 5px;
	overflow: hidden;
	float: right;
}

.ContenidorBuit
{
	float: left;	
}

.divBtnCercar
{
    background: url(../Imatge/Bordes/dot_blue.gif) 0 100% repeat-x;
}
    /* Estil del botó de la cerca*/
.CapcaleraBotoCerca{
    background-color:Transparent;
	border:0 none transparent;
	color:#FFFFFF;
	float:right;
	font-size:small;
	font-weight:bold;
	height:25px;
	text-align:right;
	vertical-align:middle;
	width:100%;
	padding-right:6%;
}
.fonsBtn
{
    float:left;
    background-image:url(../Imatge/Icona/boton-cercar.png);
	background-repeat:no-repeat;
	height:28px;
	vertical-align:middle;
	width:110px;
	}
/* Estil comú a les icones de home, contactar, idiomes*/
#CapcaleraIconaHome, #CapcaleraIconaEmail, .CapcaleraIconaIdioma
{
	background-color:#EFEEF0;
	height:17px;
	font-size:x-small;
	float:left;
}
/* Estil de la icona de home */
#CapcaleraIconaHome{
	width:1.5em;
	border-right:2px solid #DDDDDD;
	padding-left:1px;
	padding-bottom:3px;
	padding-right:5px;
}
/* Estil de la icona de contactar */
#CapcaleraIconaEmail{
	width:1.5em;
	margin-right:5px;
	padding-left:4px;
	padding-top:3px;
	padding-right:5px;
}
/* Estil de la icona dels idiomes */
.CapcaleraIconaIdioma{
	/*width:2.2em;*/
	border-left:1px solid #DDDDDD;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
}
/* Estil de l'enllaç a l'idioma */
.CapcaleraIconaIdioma a{
	color:#000000;
	padding-top:3px;
	text-decoration:none;
}
/* Estil de l'enllaç a l'idioma al posar el ratolí a sobre */
.CapcaleraIconaIdioma a:hover{
	text-decoration:underline;
}
/* Estil del contenidor del menú de la capcalera */
#CapcaleraMenu{
	clear:both;	
	/*font-size: smaller;*/
}
/* Estil de la llista que correspon al menú */
#CapcaleraMenu ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:1em 10px 0;
}
/* Estil de l'element de la llista del menú */
#CapcaleraMenu ul li{
	float:left;
	margin-right:0.5em;
	border-right:1px solid #999999;
	padding-right:0.5em;
}
/* Estil de l'element actual (seleccionat) de la llista del menú */
#CapcaleraMenu ul li.Actual{
	font-weight:bold;
}
/* Estil de l'últim element de la llista del menú */
#CapcaleraMenu ul li.Ultima{
	border-right:0;
}
/* Estil de l'enllaç del menú */
.MenuCapcalera{
	color:#000000;
	text-decoration:none;
    font-weight: bolder;
}
/* Estil de l'enllaç del menú al posar el ratolí a sobre */
.MenuCapcalera:hover{
	text-decoration:underline;
}
/* Estil de l'enllaç seleccionat del menú */
.MenuCapcaleraSeleccionat{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

/* Estil de l'enllaç seleccionat del menú al posar el ratolí a sobre */
.MenuCapcaleraSeleccionat:hover{
	text-decoration:underline;
}
/* Estil del contenidor del login a la capcalera */
/*#CapcaleraLogin{
	float:right;
	margin-right:12px;
}*/
/* Estil del contenidor exterior de l'espai de cerca de la capcalera*/
#CapcaleraContenidorCerca{
	padding-top:5px;
	padding-left:10px;
	float:left;
}
/* Estil del contenidor interior de l'espai de cerca */
.CapcaleraContenidorInteriorCerca{
	padding-left:15px;
	padding-top:12px;
	height:28px;
}
/* Estil del textbox de la cerca*/
.CapcaleraTextboxCerca{
	width:405px;
	height:18px;
	float:left;
	margin-top: 1px;
}
div.ContenidorCaixaCerca
{
	float: left;
}

.MenuHeader{
    margin-top:1px;
    }
/* Estil del contenidor de crear el compte */
#CapcaleraContenidorCreaCompte{
	padding-top:5px;
	float:left;
	background-color:#FEFDFF;
}
/* Estil del contenidor interior de crear el compte */
#CapcaleraContenidorInteriorCreaCompte{
	padding-left:2px;
}
/* Estil del contenidor del contigut de crear el compte*/
#CapcaleraContingutCreaCompte{
	width:245px;
	float:left;
	position:relative;
}
/* Estil de la imatge del ninot de crear compte */
.CapcaleraImatgeCreaCompte{
	left:7px;
	position:absolute;
	top:4px;
	border:0;
}
/* Estil de l'enllaç principal a crear el compte*/
.CapcaleraEnllacPrincipal{
	position:absolute;
	top:10px;
	padding-left:50px;
	font-size:small;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}
/* Estil de l'enllaç secundari a crear el compte*/
.CapcaleraEnllacSecundari{
	position:relative;
	padding-left:50px;
	top:10px;
	font-size:small;
	text-decoration:none;
	color:#000000;
}
/* Estil dels enllaços de crear el compte quan es posa el ratolí a sobre */
#CapcaleraContingutCreaCompte a:hover{
	text-decoration:underline;		
}
/* Estil del contenidor de l'enllaç de cerca avançada */
#CapcaleraLinkCercaAvancada
{
	float:right;
	font-size:x-small;
}
/* Estil de l'enllaç a la cerca avançada*/
#CapcaleraLinkCercaAvancada a
{
	color:#FFFFFF;
	text-decoration:none;
}
/* Estil de l'enllaç a la cerca avançada quan es posa el ratolçi a sobre*/
#CapcaleraLinkCercaAvancada a:hover
{
	text-decoration:underline;
}
/* Estils cantonades arrodonides -- VERD */
.TopVerd {background: #AED6D5 url(../Imatge/Bordes/dot_blue.gif) 0 0 repeat-x; /*width: 700px;*/ width: 675px;}
.BottomVerd {background: url(../Imatge/Bordes/dot_blue.gif) 0 100% repeat-x}
.LeftVerd {background: url(../Imatge/Bordes/dot_blue.gif) 0 0 repeat-y}
.RightVerd {background: url(../Imatge/Bordes/dot_blue.gif) 100% 0 repeat-y}
.BottomLeftVerd {background: url(../Imatge/Bordes/bl_blue.gif) 0 100% no-repeat}
.BottomRightVerd {}
.TopLeftVerd {background: url(../Imatge/Bordes/tl_blue.gif) 0 0 no-repeat}
.TopRightVerd {padding:10px;height:3.8em;}

/* Estils cantonades arrodonides -- GRIS */
.TopGris {background: #d6dbde url(../Imatge/Bordes/dot_gray.gif) 0 0 repeat-x; width: 265px;}
.BottomGris {background: url(../Imatge/Bordes/dot_gray.gif) 0 100% repeat-x}
.LeftGris {background: url(../Imatge/Bordes/dot_gray.gif) 0 0 repeat-y}
.RightGris {background: url(../Imatge/Bordes/dot_gray.gif) 100% 0 repeat-y}
.BottomLeftGris {}
.BottomRightGris {background: url(../Imatge/Bordes/br_gray.gif) 100% 100% no-repeat}
.TopLeftGris {}
.TopRightGris {background: url(../Imatge/Bordes/tr_gray.gif) 100% 0 no-repeat; padding:10px;height:3.8em;}

/* Estils cantonades arrodonides -- BLANC */
.TopBlanc {background: #fefdff url(../Imatge/Bordes/dot_white.gif) 0 0 repeat-x; width: 245px;}
.BottomBlanc {background: url(../Imatge/Bordes/dot_white.gif) 0 100% repeat-x}
.LeftBlanc {background: url(../Imatge/Bordes/dot_white.gif) 0 0 repeat-y}
.RightBlanc {background: url(../Imatge/Bordes/dot_white.gif) 100% 0 repeat-y}
.BottomLeftBlanc {background: url(../Imatge/Bordes/bl_white.gif) 0 100% no-repeat}
.BottomRightBlanc {background: url(../Imatge/Bordes/br_white.gif) 100% 100% no-repeat}
.TopLeftBlanc {background: url(../Imatge/Bordes/tl_white.gif) 0 0 no-repeat}
.TopRightBlanc {background: url(../Imatge/Bordes/tr_white.gif) 100% 0 no-repeat; padding:0px;height:4.1em;}

/*Estil del subtitol*/
div.subtitolCapcalera
{
    float:left;
    padding-left:15px;
    /*font-size:x-small;*/
}
/*Padding subtitol*/
div.PaddingSub
{
    padding-top:6%
}

/*Estil del subtitol*/
div.TitolCapcalera
{
    float:left;
}

/* Estil per l'enllaç de login/logout*/
#CapcaleraLogin
{
	float:right;
	margin-right:12px;
	text-align: right;
}

.ImatgeLogin
{
	float: right;
	border: none 0px transparent;
}

.EnllacLogin
{
	padding-top: 2px;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	background-color: Transparent;
	float: right;
}


.LinkLogin
{
    font-weight: bold;
	text-decoration:none;	
	color: Black !important;
}

.LinkLogin:hover
{
	text-decoration:underline;
}

/* Estil de l'etiqueta de benvinguda amb el nom d'usuari*/
#BenvingudaUsername
{
    text-align:right;
    margin-right:5px;
    margin-top:15px;
    padding-top: 15px;
    clear: both;
}
