/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */
	color: #000;
	background: #E10000;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
 }

.clearfix {
        display: inline-block;
 }

/* start commented backslash hack \*/

* html .clearfix {
        height: 1%;
 }

.clearfix {
        display: block;
}
/* close commented backslash hack */


/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important;; }
.alignMiddle { vertical-align: middle !important;; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left; }
.floatRight { float: right; }
.imgFloatRight { margin: 0 0 20px 20px; float: right; }
.imgFloatLeft { margin: 0 20px 20px 0; float: left; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w120px { width: 120px; }
.w150px { width: 150px; }
.w200px { width: 200px; }
.w250px { width: 250px; }
.w300px { width: 300px; }
.w350px { width: 350px; }
.w400px { width: 400px; }
.w450px { width: 450px; }
.w500px { width: 500px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }

strong { font-weight: bold; }
em { color: #fff; font-style: italic; }

ul {
	list-style: none;
	list-style-position: outside;
}

ol {
	list-style-position: inside;
	list-style: decimal;
	list-style-position: inside;
	margin: 0 0 1.5em 0;
}

/* =Layout
-----------------------------------------------------------------------------*/
#wrapper { width: 937px; margin: 0 auto; padding: 10px 0;}
	
	#logo{ float: left; padding: 2px 0 0 0; }
	#enlaces{ width: 630px; float: right; padding-top: 46px; }
		#centre-UAB { width: 325px; height: 28px; }
		#btns-news { width: 200px; height: 28px; position: relative; }
			#btns-news-links { position: absolute; top: 7px; left: 16px; }
			#btns-news-links a { display: block; float: left; margin: 0 6px 0 0; }
		#btn-webmail { width: 105px; height: 28px; }
	#contentWrapper { }
	#content{ float: left; width: 932px; height: 452px; background: #fff; position: relative;}
		#shadow_right{ float: right; width: 5px;}
		#shadow_bottom{ clear: both; }
	#footer{ padding-right: 5px;}
		#subscribe { width: 306px; float: left; position: relative; }
			#subscribe-form { width: 245px; height: 21px; position: absolute; top: 6px; left: 9px; }
			#subscribe-form .separated { margin: 0 0 0 5px; }
		#contact-info { width: 610px; float: right; padding: 5px 0 0 0; }
		
	
	/* absolut positioning */
	
	#banner_left{ position: absolute; top:6px; left:6px; z-index: 1; width: 295px; height: 440px; background: #ccc; overflow: hidden;}
	#banner_left div.wrap {position: relative}
	
	#banner_right{ position: absolute; top:6px; right:6px; z-index: 1; width: 295px; height: 440px; background: #ccc; overflow: hidden;}
	#banner_right div.wrap {position: relative}
	#banner_right div.actual {position: absolute; top: 0; left: 0; width: 295px; height: 440px; z-index: 1;}
	#banner_right div.loaded {position: absolute; top: 0; left: 0; width: 295px; height: 440px; z-index: 2; display: none; }

	#banner_left div.wrap {position: relative}
	#banner_left div.actual {position: absolute; top: 0; left: 0; width: 295px; height: 440px; z-index: 1;}
	#banner_left div.loaded {position: absolute; top: 0; left: 0; width: 295px; height: 440px; z-index: 2; display: none; }

	
	#main_menu { position: absolute; top:6px; left:6px; z-index: 2; width: 295px; height: 440px; overflow: auto; }
		
	
		#main_menu ul li { background: url(../img/bkg_menu_level1.png) no-repeat 0 0; padding: 4px 10px 4px 20px; }
			#main_menu ul li:hover { background: url(../img/bkg_menu_level1.png) no-repeat 0 -50px; }
		#main_menu ul li a { font-size: 1.1em; font-weight: bold; text-decoration: none;  text-transform: uppercase; margin-right: 3px;}
		
		#main_menu ul li.submenu{ padding: 0; background: none;  }
		
		#main_menu ul li.submenu ul { display: inline; }
		#main_menu ul li.submenu ul li{ background: url(../img/bkg_trans_blanco_60.png) no-repeat 0 0; padding: 2px 10px 2px 20px;}
		#main_menu ul li.submenu ul li a{ text-decoration: none; text-transform: none;}

	
	#main_content{ position: absolute; top:5px; left: 305px; z-index: 1; width: 320px; height: 440px; background: #fff; overflow: auto; }
		#main_content.loading { background: #fff url(../img/loader.gif) no-repeat 50% 50%; }
		#main_content .html { font-size: 1.1em; line-height: 120%; width: 275px; padding: 5px 5px 5px 20px; }
		#main_content h1 { font-weight: bold; text-decoration: none;  text-transform: uppercase; margin: 0 0 10px 0;}


/*  =Navigation
-----------------------------------------------------------------------------*/


/* =Type
-----------------------------------------------------------------------------*/
#contact-info h3 { font-size: 1.1em; color: #fff; margin: 0; font-weight: bold; letter-spacing: 1px; }
#contact-info p { font-size: 1.1em; color: #fff; margin: 0; }

#subscribe h3 { font-size: 1.1em; font-weight: bold; }

/* =Classes
-----------------------------------------------------------------------------*/
.cat{ color: #000 !important}
	.cat a:link, .cat a:visited, .cat a:hover, .cat a:active { color: #000; text-decoration: none;  }
.spa{ color: #CD161E !important}
	.spa a:link, .spa a:visited, .spa a:hover, .spa a:active { color: #CD161E; text-decoration: none;  }
.eng{ color: #555 !important}
	.eng a:link, .eng a:visited, .eng a:hover, .eng a:active { color: #555; text-decoration: none;  }


a.catLink:link, a.catLink:visited, a.catLink:hover, a.catLink:active { text-decoration: none; color: #000 !important; }
a.spaLink:link, a.spaLink:visited, a.spaLink:hover, a.spaLink:active { text-decoration: none; color: #CD161E !important; }
a.engLink:link, a.engLink:visited, a.engLink:hover, a.engLink:active { text-decoration: none; color: #555 !important; }

#contact-info a:link, #contact-info a:visited, #contact-info a:hover, #contact-info a:active { color: #fff; text-decoration: none; }


.warning { /* background: #fff; */ color: #fff !important; font-size: 1.1em !important; }
.success { /* background: #fff; */ color: #fff !important; font-size: 1.1em !important; }


/* =Subscription
-----------------------------------------------------------------------------*/
#wrapper-subscription { width: 170px; height: 330px; margin: 0; background: #ed2024; padding: 10px 15px 0px 15px; overflow: hidden; }

	.button-close { text-align: right; }
	
	.subscription-form h2 { font-size: 1.5em; color: #fff; font-weight: bold; margin: 10px 0; line-height: 130%; }
	.subscription-form p { font-size: 1em; color: #fff; line-height: 120%; margin: 10px 0 15px 0; }

	.subscription-form label { font-size: 1.1em; color: #fff; font-weight: bold; }
	.subscription-form input.textField { font-size: 1.1em; padding: 5px 3px; width: 164px; border: none; vertical-align: middle; }
	.subscription-form input.button { font-size: 1.1em; color: #000; vertical-align: middle; }
	
	.subscription-form a:link, .subscription-form a:visited { color: #fff; font-size: 1.1em; text-decoration: underline; } 
	.subscription-form a:hover, .subscription-form a:active { text-decoration: none; } 
	
	
/* =Aviso legal
-----------------------------------------------------------------------------*/
.avis-legal {
	font-size:1.1em;
	color:#fff;
	padding:0 0 0 10px;
}

	.avis-legal a:link, .avis-legal a:visited { color: #fff; text-decoration:none; }
	
	.legal-content p {
		margin:0 0 15px 0;
	}
	
	.cat .legal-content em {
		color:#000 !important;
	}
	
	.spa .legal-content em {
		color:#CD161E !important;
	}
	
	.eng .legal-content em {
		color:#555 !important;
	}