@CHARSET "ISO-8859-1";
 /* ............................................CONSTANTS............................................
 		COLOR DE FONS:				#093C61
 		
  */
  
/*............................................ GLOBALS ............................................*/
body {
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:11px;
	
	background-color: #19547C;
	font-size: 11px;
	font-weight:normal;
	text-align:left;
	margin-top:15px;
}

a{
	text-decoration:none;
}

.bold{font-weight:bold;}

p{
	padding: 0px;
	margin: 0px;
}

img{border:none;}

ul, li {
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:11px;
	font-weight:normal;
	list-style-image:none;
	list-style-position:outside;
}

h4 {
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:15px;
	font-weight:bold;
}

/*PER A SEPARAR UN BLOC A L'ESQUERRA UN A LA DRETA...*/
div.col {
	clear:none;
	display:block;
	height:100%;
	width:50%;
}
div.floatRight {
	clear:right;
	float:right;
}
div.floatLeft {
	float:left;
}

#navegaFletxes {
	border:1px solid #E7E7E7;
	font-family:Tahoma,Verdana;
	font-size:10px;
	font-weight:bold;
	height:17px;
	margin-top:25px;
	text-align:left;
}

/*..................................................................................................*/

#principal {
	background-color:#FFFFFF;
	border-color:#164A6D;
	border-style:solid;
	border-width:14px 10px;
	margin:auto;
	width:880px;
}

/*............................................CAPCELERA............................................*/
#cap {
	border-bottom:1px solid #EFEAEE;
	height:79px; /*Amb el 1px del border suma 80px*/
}
* html #cap {
	 overflow: hidden;
}
#logo_wok {
	float:left;
	height:79px;
	position:relative;
	z-index:1;
}
#logo_wok img{
	width:449px; /*425+10 de margin-left*/
	height:79px;
}
#numButlleti{
	color:#FFB900;
	font-family:Tahoma,Verdana;
	font-size:23px;
	font-weight:bold;
	top:-104px;
	left:162px;
	position:relative;
	z-index:2;
}
#numButlleti img{
	width:64px;
	height:64px;	
}
#middle_cap {
	float:left;
	padding:10px 0px 5px 10px;
	width:266px;
}
#cap_content {
	color:#006699;
	font-family:Helvetica neue condensed,helvetica,arial;
	font-size:16px;
	font-weight:bold;
	margin-bottom:12px;
	margin-top:5px;
}
#cerca_nums {
	color:#335978;
	font-family:Arial;
	font-size:7pt;
}
#cerca_nums select{
	color:#335978;
	font-size:12px;
	width:96px;
}
#logo_UOC {
	float:right;
	height:79px;
}
#logo_UOC img{
	height:79px;
	width:155px;
}


/***************/

#cap_foto img{
	width:880px;
	height:80px;
}

/*...............................................PEU...............................................*/
#foot{
	background-color:#FFFFFF;
	background-image:url(../img/generals/peu/foot.gif);
	background-repeat:no-repeat;
	padding:13px;
	width:834px;
/*xxxheight:20px; height:7px;*/
/*margin-top:10px; float:left;*/
display:table;margin-bottom:3px;margin-left:10px;
}

#foot div.item{
	float:left;
	width:70px;
	height:13px;
}
#foot div.share{
	width:90px;
}
#foot div.print{
	width:78px;
}
#foot div.item a{
	font-size:10px;
	color:#969696;
	font-family:Tahoma,Verdana;
}
#foot div.item a img.image{
	float:left;
	margin-right: 4px;
}
#foot div.item a span.text{
}

#foot div.item a.colorGroc{
	color:#FF9900;
}
#foot div.logoRight{
	float:right;
	width:45px;
}
/*............................................VARIOS............................................*/
div.barraPunts{ /*home.jsp, leftMenu.jsp*/ 
	background-image:url(../img/generals/puntBarra.gif);
	background-repeat:repeat-x;
	width:100%;
	height:1px;
	overflow:hidden;
}
div.lineapunts {
	background-image:url(../img/generals/puntLineaPuntsSimple.gif);
	background-repeat:repeat-x;
	height:1px;
	width:100%;
	overflow:hidden;
}
div.lineapuntsEspais { /*bilblioInforma*/
	background-image:url(../img/generals/puntLineaPunts.gif);
	background-repeat:repeat-x;
	height:1px;
	margin-top: 10px;
	margin-bottom: 10px;
	width:100%;
	overflow:hidden;
}
div.fletxaComentari{
	background-image:url(../img/generals/fletxa.jpg);
	background-repeat:no-repeat;
	height:10px;
	margin-bottom:10px;
	margin-top:10px;
	width:100%;
}

/*............................................CONTINGUT............................................*/
#middle {
	margin:10px;
	display:table;
}
#middle_leftMenu {
	background-image:url(../img/generals/backMenuLateralLeft.gif);
	background-repeat:repeat-y;
	height:100%;
	float:left;
/*margin-bottom:10px;*/
}

#leftMenu{
	clear:left;
	float:left;
	width:130px;
	height:100%;
}
#middleWithMenus{
	float:left;
	width: 541px; /*teniem 560...ho adaptarem segons els width dels menus laterals*/
	padding-left: 10px;
	padding-right: 10px;
}
#rigthMenu{
	clear:right;
	float:left;
	width:169px;
}

.cos_small {
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:10px;
	text-align:left;
}
a.cos_small{
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:10px;
	text-align:left;
	text-decoration:underline;
}

/*..........BOXES...........*/
div.boxesMenuDalt,div.boxesMiddleNoticies, div.boxesMiddle{
	display:table;
	width:100%;
}
div.banner{
	margin-top:10px;
}
#middle div.col {
	width:425px;
}
/*BOX*/
div.box{
	background-color:#D6DDE3;
	display:table;
	width:100%;
}
div.boxMenu div.contentBox,div.boxMenuGran div.contentBox{
	background-image:url(../img/generals/backMenu_box.gif);
	float:left;
}
div.box div.headBox{
	color:#FFFFFF;
	font-family:Helvetica neue condensed,helvetica,arial;
	font-size:12.75px;
	font-weight:bold;
	background-color:#19547C;
	width:100%;
	height:30px;
}
div.menuHead{
	background-color:#19547C;
	width:100%;
	height:30px;
}
div.menuHead img{
	float:left;
}
div.menuHead div.textMenuHead{
	color:#668299;
	font-size:9px;
	padding-top:9px;
}
div.box div.headBox div.text{
	float:left;
	padding:8px 5px 5px 10px;
}
div.boxMenu div.headBox div.text{
	width:279px;
	_width:277px;/*IE6*/
}

a.opcioMenu, a.opcioMenu a:active,  a.opcioMenu a:visited, a.opcioMenu a:link{
	color:#335978;
	font-size:9px;
	display:block;
	height:14px;
	background-color:#B5C3CE;
	border-bottom:1px solid #D6DDE3;
	padding-left:8px;
	padding-top:5px;
}
div.boxMenuGran a.opcioMenu{
	width:294px;
}
div.headBox div.barraPunts{
	margin-top:2px;
}
div.menu div.barraPunts{
	background-color:#C0CAD3;
	margin-top:3px;
	margin-bottom:3px;
}
div.menu a.opcioMenu{
	width:122px;
}
div.menu a.selected{
	width:122px;
	background-color:#FF9900;
	color: #FFFFFF;
}
a.opcioMenu:hover{
	color: #FFFFFF;
	background-color: #849BAE;
	cursor:hand;
	cursor:pointer;
}
div.boxMenuGran a.opcioMenu:hover{
	width:294px;
}
div.boxMenu a.opcioMenu:hover{
	width:122px;
}
div.menu a.opcioMenu:hover{
	width:122px;
}

div.box div.blau{
	background-color:#19547C;
}
div.box div.gris{
	background-color:#C0CAD3;
	padding-top:1px;
}
div.box div.gris div.text {
	padding-top:5px;
}

div.boxesMiddle div.box div.contentBox{
	float:left;
	width:425px;
	clear:none;
	display:block;
}
div.box div.boxPartLeft{
	background-color:#D6DDE3;
	float:left;
	/*width:295px;*/
	width:294px;
_width:292px;
	clear:none;
	display:block;
}
div.box div.boxPartLeft div.boxContentImage img{
	height:122px;
	width:294px;
}

div.box div.boxUnaPart{
	float:left;
	width:100%;
}
div.box div.boxPartRight{
	clear:none;
	display:block;
	float:right;
	width:130px;
}
div.box div.boxPartRight div.boxContentImage img{
	width:130px;
	clear:none;
	display:block;
}
div.boxMenu div.boxPartRight {}

div.box div.boxContentText, div.boxGranContent{
	background-color:#D6DDE3;
	font-family:Tahoma,Verdana;
	font-size:11px;
	text-align:justify;
	color:#19547C;
	margin:10px 20px 10px 10px;
	clear:none;
	display:block;
}
div.box div.boxContentText div.titol,div.personPosition,div.description,div.boxMenuGran div.titol {	
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:11px;
	text-align:left;
	padding-top:2px;
}
div.box div.boxContentText div.titol,div.personPosition,div.boxMenuGran div.titol {	
	font-weight:bold;
}
div.description{
	color: #006699;
	font-size:11px;
}
div.box div.boxContentText div.personName, div.fitxaDestacada div.personName, div.fitxa div.contingutFitxa div.personName{
	color:#FF9900;
	font-size:17px;
	font-weight:bold;
	font-family: Arial;
	text-align:left;
}
div.fitxa div.personPosition{
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	padding-bottom:15px;
	padding-top:5px;
}
div.box div.linkMesInfo, div.fitxaDestacada div.linkMesInfo{
	background-color:#D6DDE3;
	background-image:url(../img/generals/puntets.gif);
	background-position:right center;
	background-repeat:no-repeat;
	height:11px;
	background-color:#FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 20px;
}

div.box div.portal a, div.fitxaDestacada div.portal a{
	font-size:9px;
}
div.box div.portal img, div.fitxaDestacada div.portal img{
	position:absolute;
}
div.fitxaDestacada div.linkMesInfo{
	margin: 0;
	margin-top:10px
}

div.box div.portal, div.fitxaDestacada div.portal{
	background-color:#FFB200;
}
div.boxMenuGran div.portal{
	background-color:#FFB200;
	clear:left;
	float:left;
	margin-left:0;
	padding-right:0;
	width:100%;
}
div.box div.noPortal, div.fitxaDestacada div.noPortal{
	background-color:#FFFFFF;
	padding-right:11px;
}
div.boxMenuGran div.noPortal{
	background-color:#FFFFFF;
	clear:left;
	float:left;
	margin-left:0;
	padding-right:0;
	width:100%;
}
div.box div.noPortal div.extend, div.fitxaDestacada div.noPortal div.extend, div.noPortal div.extend{
	background-image:url(../img/generals/infoImage.gif);
	background-position-x:left;
	background-position-y:top;
	background-repeat:no-repeat;
	padding-left:11px;
	height:8px;
	font-size:8.5px;
}
div.noPortal div.extend a{
	color: #969696;	
}
div.noPortal a:active, div.noPortal a:visited, div.noPortal a:link{
	color: #969696;	
}	
	
/*BOX GRAN*/
div.boxMenuGran div.headBox div.text{
	width:542px;
}
div.boxMenuGran div.boxPartLeft{
	background-color:#D6DDE3;
	width:558px;
}
div.boxMenuGran div.boxPartRight{
	width:302px;
}
div.boxMenuGran div.boxPartLeft div.boxGranContent{
	float:left;
	width:440px;
	clear:none;
	display:block;
}
div.boxMenuGran div.boxPartLeft div.boxGranContent div.boxPartLeftContentLeft{
	float:left;
	width:385px;
	_width:350px;
	display:block;
	#padding-bottom:10px;
}
div.boxMenuGran div.boxPartLeft div.boxGranContent div.boxPartLeftContentLeft img.image_boxPartLeftContentLeft{
	float:left;
	width:75px;
	margin-right:10px;
	height: 97px;
	border:1px solid #FFFFFF;
	padding:3px;
	clear:none;
	display:block;
}
div.boxMenuGran div.boxPartLeft div.boxGranContent img.imageRight_boxPartLeftContentLeft{
	width:48px;
	height:48px;
	float:right;
	clear:none;
	display:block;
}

/*sense recomana*/
div.alternativaRecomana{
	float: left;
   	margin-top: 10px;
   	padding-right: 10px;
   	width:358px;
}
div.alternativaRecomana img{
	border: 1px solid #FFFFFF;
    clear: none;
    display: block;
    float: left;
    margin-right: 10px;
    padding: 3px;
    /*
    width: 75px;
    height: 97px;
    */
    width: 348px;
    margin-bottom: 10px;
}
div.senseRecomana div.headBox img{
	display:none;
}
div.senseRecomana div.contentBox {
	background-image: none;
}
div.senseRecomana div.boxMenuGran div.boxPartLeft {
	width: 490px;
}
div.senseRecomana div.boxMenuGran div.boxPartRight {
	width: 369px;
}

/*...........FITXES...............*/
div.fitxa{
	background-color: #EAEEF1;
}

div.titolFitxa, div.fitxa div.titolFitxa, div.fitxaDestacada div.titolFitxa{
	background-color:#19547C;
	color:#FFFFFF;
	height:20px;
	padding-top:9px;
	padding-left:10px;
	font-weight:bold; 
	font-family:Tahoma,Verdana;
}

div.fitxa div.contingutFitxa{
	padding: 10px;
}

div.fitxa div.contingutFitxa div.titol, div.titol, div.titol {
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:13px;
	text-align:left;
	padding-bottom:15px;
	padding-top:5px;
}
div.fitxa div.contingutFitxa div.titol2, div.titol2{ /*ENTREUOCS, */
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:17px;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:8px;
	text-align:left;
}
div.fitxa div.contingutFitxa div.titol3, div.titol3{/*ENTREVISTA*/
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}
div.fitxa div.contingutFitxa div.titol4, div.titol4{/*ENTREVISTA*/
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
div.fitxa div.contingutFitxa div.titol4, div.titol5{/*EINES I RECURSOS*/
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:12px;
	font-weight:bold;
	padding-bottom:15px;
	padding-top:5px;
	text-align:left;
}

div.fitxa div.contingutFitxa div.itemImageTextFitxa, div.apartats div.itemImageText{
	display:table;
	width:100%;
	padding-bottom:10px;
}
div.fitxa div.contingutFitxa div.textItemFitxaInvers, div.apartats div.textItemInvers{
	clear:none;
	float:left;
	width:100%;
}
div.fitxa div.contingutFitxa div.textItemFitxaInvers .imatgeInvers, div.apartats div.textItemInvers .imatgeInvers{
	border:medium none;
	clear:none;
	display:block;
	float:right;
	margin-left:10px;
}
div.fitxa div.contingutFitxa div.textItemFitxa, div.apartats div.textItem{
	clear:none;
	float:right;
	width:100%;
}
div.fitxa div.contingutFitxa div.textItemFitxa .imatge, div.apartats div.textItem .imatge{
	border:medium none;
	clear:none;
	display:block;
	float:left;
	margin-right:10px;
}

div.fitxaDestacada{
	background-color: #D6DDE3;
}
div.fitxaDestacada div.contingutFitxa{
	padding: 10px;
}
div.fitxaDestacada div.contingutFitxa div.text{
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:10px;
	text-align:left;
}

div.apartats{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 15px;
}

div.apartats div.subtitol{
	font-family:Tahoma,Verdana;
	font-size:11px;
	text-align:left;
	margin-top:8px;
	margin-bottom:8px;
}

div.apartats div.text{
	padding-bottom:10px;
}

span.destacatTaronja, a.destacatTaronja{
	color:#FF6600;
	font-weight:bold;
}

div.apartats div.item div.titol{
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}

div.event{
	display:table;
	width:100%;
	padding-bottom:10px;
}

div.event div.imatge{
	clear:left;
	float:left;
	padding-right:10px;
	width:50px;
}
div.event div.imatge img{
	height:55px;
	width:42px;
}
	
div.event div.text{
	float:left;
	width:450px;
}

div.event div.text a, div.event div.text a:active, div.event div.text a:visited,div.event div.text a:link{
	color:#FF6600;
	font-family:Tahoma,Verdana;
	font-size:11px;
	font-weight:bold;
	text-align:left;	
	text-decoration:underline;
}

/*...........Plantilla segon nivell...............*/

/*BIBLIOTECA*/
div.apartatIndex, div.apartatIndex a, div.apartatIndex a:active, div.apartatIndex a:visited, div.apartatIndex a:link{
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:left;
}
div.apartatIndex span.apartatIndexNum{
	font-weight:bold;
	padding-right:10px;
}

/*ENTRE UOCS*/
div.requadreGris{
	background-color: #EAEEF1;
	width:100%;
	padding:5px 0 5px 5px;
}
/*CONCURS*/
div.conjuntPregunta{
	padding-top: 40px;
	padding-bottom: 40px;
}
div.conjuntPregunta div.pregunta{
	color:#006699;
	font-family:Tahoma,Verdana;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}
div.conjuntPregunta div.cos_small {
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:10px;
	text-align:left;
}
div.fitxa div.linkMesInfo{
	background-image:url(../img/generals/puntets.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:11px;
	padding-right:11px;
	margin-top:5px;
	width:200px;
	background-color:#FFFFFF;
}

/***************************************************/

/*CONTACTE*/
div.contentContact{
	background-color:#D6DEE4;
	display:table;
	width:860px;
}
div.footContact{
	background-color:#C5D0D9;
	padding-top:3px;
	width:100%;
}
div.footContact div.barraPunts{}
div.footContact div.comentariContact{
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
}
div.footContact div.comentariContact a{
	text-decoration:underline;
	font-weight:bold;
	color:#19547C;
}
div.footContact div.comentariContact a:hover,div.footContact div.comentariContact a:link,div.footContact div.comentariContact a:visited{
	text-decoration:underline;
	font-weight:bold;
	color:#19547C;
}

form.formContact{
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:10px;
}
form.formContact label {
	float:left;
	width:120px;
	padding-top:5px;
	font-weight: bold;
}
form.formContact textarea.areaGran{
	width:700px;
	overflow:hidden;
}
form.formContact input.inputPetit{
	width:300px;
}
form.formContact input.buttonEnviarContact{
	background-color:#FFFFFF;
	border:2px solid #F4F4F4;
	border-bottom:4px solid #F4F4F4;
	color:#2E3A69;
	font:Arial;
	font-size:11pt;
	font-weight:bold;
	margin-left:120px;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
}

/*CREDITS*/
div.contentCredits{
	background-color:#D6DEE4;
	padding-bottom:20px;
	padding-top:10px;
	display:table;
	width:860px;
}
div.contentCredits div.floatLeft, div.contentCredits div.floatRight{
	width:400px;
	margin-left:20px;
	margin-right:10px;
}
div.contentCredits div.floatLeft{
	background-image:url(../img/generals/puntBarraVertical.gif);
	background-repeat:repeat-y;
	background-position:right center;
}
div.contentCredits div.textMapa{
	float:right;
	margin-right:40px;
	cursor:hand;
	cursor:pointer;
	color:#19547C;
	font-family:Tahoma,Verdana;
	font-size:11px;
	font-weight:bold;
}
div.contentCredits a:hover,div.contentCredits a:link,div.contentCredits a:visited{
	text-decoration:none;
	font-weight:bold;
	color:#19547C;
}

/* TextAlPeu de les imatges de la home i el lateral*/
div.TextAlPeu {
	background-color:#EAEEF1;
	color:#19547C;
	height:11px;
	margin-top:-2px;
	width:100%;
}
span.TextAlPeu {
	float:right;
	font-size:9px;
}

/* TextAlPeu amb tractament especial que influeix el float que hi havia a la imatge*/
div.imageAmbPeu {
	float:left;
	padding-right:10px;
}
div.imageAmbPeuInvers {
	float:right;
	padding-left:10px;
}
div.fitxa div.contingutFitxa div.textItemFitxa div.imageAmbPeu .imatge, div.apartats div.textItem div.imageAmbPeu .imatge {
	float:none;
	margin-right:0;
        padding-right:0;
}
div.fitxa div.contingutFitxa div.textItemFitxaInvers div.imageAmbPeuInvers .imatge, div.apartats div.textItemInvers div.imageAmbPeuInvers .imatge {
	float:none;
	padding-left:0;
        margin-left:0;
}
div.fitxa div.contingutFitxa div.textItemFitxaInvers div.imageAmbPeuInvers .imatgeInvers, div.apartats div.textItemInvers div.imageAmbPeuInvers .imatgeInvers {
	float:none;
	padding-left:0;
        margin-left:0;
}
div.imageAmbPeu div.TextAlPeu, div.imageAmbPeuInvers div.TextAlPeu {
	margin-top:0;
	width:auto;
}
div.imageAmbPeu span.TextAlPeu, div.imageAmbPeuInvers span.TextAlPeu {
	float:right;
	font-size:9px;
}


/*ALERT COOKIES PORTAL*/
/*#principal{position:relative; z-index:999;}*/
div#trackingCookie{margin-top:75px;}
div#trackingCookie .alert-text {
    background-color: #f0f0f0;
    
    /*display: none;*/
    display:block;
    bottom:0px;
    
    float: none !important;
    height: 3em;
    left: 0;
    margin: 0 auto !important;
    padding: 2em 0;
    position: fixed !important;
    right: 0;
    text-align: center;
    text-shadow: none;
    width: 100% !important;
    z-index: 9999;
    font-size:100%;
	font-family: Arial,Helvetica,sans-serif;
	color: #3E3D40;
	font-size: 0.75em;
    line-height: 1.3em;
}
div#trackingCookie .alert-text .alert-text-center{
	margin: 0 auto;
    text-align: left;
    width: 82em;
}
div#trackingCookie .alert-text .alert-text-left{
	float:left;
	width: 75em;
}
div#trackingCookie .alert-text .alert-text-right{
	float:right
}
div#trackingCookie .alert-close{
}
div#trackingCookie a {
    color: #FFC229;
    text-decoration: underline;
}
div#trackingCookie a:hover {
	/*color: #FFC229;*/
}
div#trackingCookie .btn {
	background-image: url("http://www.uoc.edu/portal/system/modules/edu.uoc.portal.presentations.resources/resources/images/icons/matriculat-l.png");
	background-repeat:no-repeat;
	background-position: left top;
	display: inline-block;
	float: none;
	padding-left: 1.4em;
	text-decoration: none;
}
div#trackingCookie .btn:hover{
	color: #3E3D40;
	text-decoration: none;
	background-position: left bottom -3px;
}
div#trackingCookie .btn span {
    background-image: url("http://www.uoc.edu/portal/system/modules/edu.uoc.portal.presentations.resources/resources/images/icons/matriculat-r.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: inline-block;
    float: none;
    line-height: 2.6em;
    padding-right: 1.7em;
    color: #3E3D40;
}
div#trackingCookie .btn:hover span{
	background-position: right bottom -3px;
}

/*RESPONSIVE*/
@media only screen and (min-width: 801px) and (max-width: 1024px) { 
	.container{width:1024px;}
	div#trackingCookie .alert-text {height: 3em;}
	div#trackingCookie .alert-text .alert-text-center {width: 60em;}
	div#trackingCookie .alert-text .alert-text-left {width: 53em;}
	div#trackingCookie .alert-text .alert-text-left p {font-size:1em;}
}

@media only screen and (min-width: 751px) and (max-width: 800px) { 
	.container{width:800px;}
	div#trackingCookie .alert-text {height: 3em;}
	div#trackingCookie .alert-text .alert-text-center {width: 60em;}
	div#trackingCookie .alert-text .alert-text-left {width: 53em;}
	div#trackingCookie .alert-text .alert-text-left p {font-size:1em;}
}

@media only screen and (min-width: 601px) and (max-width: 750px) { 
	.container{width:750px;}
	div#trackingCookie .alert-text {height: 5em;}
	div#trackingCookie .alert-text .alert-text-center {width: 47em;}
	div#trackingCookie .alert-text .alert-text-left {width: 40em;}
	div#trackingCookie .alert-text .alert-text-left p {font-size:1em;}
}

@media only screen and (min-width: 481px) and (max-width: 600px) { 
	.container{width:600px;}
	div#trackingCookie .alert-text {height: 6em;}
	div#trackingCookie .alert-text .alert-text-center {width: 38em;}
	div#trackingCookie .alert-text .alert-text-left {width: 31em;}
	div#trackingCookie .alert-text .alert-text-left p {font-size:1em;}
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
	.container{width:480px;}
	div#trackingCookie .alert-text {height: 8em;}
	div#trackingCookie .alert-text .alert-text-center {width: 26em;}
	div#trackingCookie .alert-text .alert-text-left {width: 20em;}
	div#trackingCookie .alert-text .alert-text-left p {font-size:1em;}
}

@media only screen and (min-width: 100px) and (max-width: 320px) {
	.container{width:320px;}
	div#trackingCookie .alert-text {height: 17em;}
	div#trackingCookie .alert-text .alert-text-center {width: 16em;}
	div#trackingCookie .alert-text .alert-text-left {width: 10em;}
	div#trackingCookie .alert-text .alert-text-left p {font-size:1em;}
}

/* ARREGLOS PER CORREGIR RESPECTE EL TAMANY DEL BODY (font-seize) */
.alert-body, div#trackingCookie .alert-text {font-size:11px;}