/* TABLE OF CONTENTS
---------------------------------------------------------
    0. = NORMALIZES
    1. = LAYOUT
    2. = TYPOGRAPHY
    3. = NAV
    4. = FORM
    5. = MODULES	
---------------------------------------------------------
*/
/* NORMALIZES Browers Styles */
* {
	margin:0;padding:0; /* removes defaults from all elements */
} 
ul {
	list-style:none; /* removes list-styles from lists */
}
a {
	text-decoration: none; 
}
table {
	border-collapse:collapse;
}
fieldset,img {
	border: 0; 
}
dl {
	clear:both;
	height:100%;
}
dt,dd {
	float:left;
}
/* = CLEARING
---------------------------------------------------------
*/
.stretch, .clear {
	clear: both; 
	height: 1px; 
	margin: 0; 
	padding: 0; 
	font-size: 15px;
	line-height: 1px;
}
.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
}
/* fix for IE7 */
.clearfix{
	display: inline-block;
}
/* Show to IE-pc only */
* html .clearfix{
	/* Hide from IE-mac \*/
	height: 1px;
	/* End hide from IE-mac */
}
/* END CLEARING
--------------------------------------------------------------
*/

/*---------------------------------------------------------- */
/*  Layout Styles includes display properties,               */
/*						   floats ans positioning,           */ 
/*						   widths and heights,               */
/*						   paddings and margins              */
/*---------------------------------------------------------- */
/* = LAYOUT: TABLE OF CONTENTS
    1. = BODY & PAGE
    2. = HEADER
    3. = CONTENT
    4. = FOOTER
---------------------------------------------------------
*/
/* = BODY & PAGE
---------------------------------------------------------
*/
html{
   min-width:978px;
} 
#wrapper{
	width:100%;
	float:left;
	padding:0;
	margin:0;
}
#subwrapper{
	width:100%;
	float:left;
	padding:0;
	margin:0;
}
#container {
	width:978px;
	margin:0 auto;
	position: relative;
	padding:0;
	min-height:500px;
}
/* END BODY & PAGE
---------------------------------------------------------
*/
/* = HEADER
---------------------------------------------------------
*/
#header {
	position:relative;
	width:100%;
	height:155px;
	margin:0;
	z-index:99999;
}
#header h1 { 
	margin:0 ;
	border-top:none;
	border-bottom:none;
}
h1.logo a{ 
	position:absolute;
	top:15px;
	left:30px;
	width:222px;
	height:100px;
	z-index:1000;
}
h1.logo a:hover{
	border:0;
}
/* END HEADER
---------------------------------------------------------
*/
/* = CONTENT
---------------------------------------------------------
*/
#body {	
	position:relative;
	float:left;
	width:100%;
}
#content {
	width:978px;
	min-height:800px;
	float:left;
	margin:0;
	padding:0;
	background: url(../images/backgrounds/bg-imagotip.jpg) no-repeat 100% 90%;
}

div.whole {
	float:left;
	margin: 40px 0 0;
	width: 100%;
	/*min-height:500px;*/
	/*background:#FF0000;*/
}

div.contBanners {
	float:left;
	padding:40px 0 60px 0;
	width: 100%;
}

div.main{
	/*float:right;
	width:642px;
	padding-bottom:20px;*/
	float:left;
	margin:0;
	padding:15px 15px 0 15px;
	width:640px;
		
}
div.side{
	float:left;
	width:306px;
	padding-bottom:20px;	
}
div.col03{
	float:left;
	width:222px;
	margin:0 0 0 30px;
}
div.col04 {
	float:left;
	width:306px;
	margin:0 0 0 30px;
}
div.col05 {
	float:left;
	width:390px;
	margin:0 15px;
}
div.col06 {
	float:left;
	width:474px;
	margin:0 15px;
}
div.col08 {
	position:relative;
	float:left;
	width:672px;
	margin:0;
}
div.first {
	margin:0;
}
div.last {
	margin:0 0 0 15px;
}
/* END CONTENT
---------------------------------------------------------
*/
/* = FOOTER
---------------------------------------------------------
*/
#footer-wrapper{
	width:100%;
	float:left;
}
#footer-container {
	width:978px;
	height: 205px;
	margin:0 auto;
	background:url(../images/backgrounds/bubbles-footer.jpg)  no-repeat 100% 17%;
}
#footer {
	float:left;
	width:100%;
	padding:0;
}
#footer div.main{
	float:left;
	width:336px;
	min-height: inherit;
	padding:10px 0 0 0;
	margin:23px 0 0 0;	
	clear: none;
	background:url(../images/icons/dash-line.png) no-repeat 0% 0%;
}

#footer div.noneLine{
	background:none;
}

#footer div.side{
	float:right;
	width:306px;
	min-height: inherit;
	padding:10px 0 0 0;
	margin:23px 0 0 0;	
	clear: none;
	background: url(../images/icons/dash-line.png) no-repeat 0% 0%;
}
/* END FOOTER
---------------------------------------------------------
*/

/* --------------------------------------------------------------------------- */
/* Common Styles includes background properties, colors and images,	           */
/*						  font families, sizes, line heights, letter spacing,  */
/*						  text decorations and text colors					   */		    
/* --------------------------------------------------------------------------- */
/* = TYPOGRAPHY: TABLE OF CONTENTS
    1. = LINKS
	2. = BODY
    3. = HEADINGS
    4. = TEXT
    5. = LISTS
    6. = TABLES
    7. = HORIZONTAL RULES
---------------------------------------------------------
*/
/* = LINKS
---------------------------------------------------------
*/
a, a:link, a:active{
	color:#454545;
	background-color: transparent;
	outline:none;
}
a:visited{
	color:#232323;
	background-color: transparent;
}
a:hover{
	color: #2175bd;
	background-color: transparent;
}
a:focus { 
	outline: 0;
}
#body a, #body a:link, #body a:active, #body a:hover{
	text-decoration: none;
    outline: 0;
}

/* END LINKS
---------------------------------------------------------
*/
/* = BODY
---------------------------------------------------------
*/

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

body {
	font-size: 63.0%; /* sets the stage for using ems */
	text-align: center;
	font-family: 'Fjord One', serif;
	color:#3a3a3a;
	background:url(../images/backgrounds/bg.jpg);
}
#wrapper{
	/*background:#FFF  url(../images/backgrounds/bgPg.gif) repeat-x;*/
	background:url(../images/backgrounds/bg-wrapper1.jpg) repeat-x;
}
#subwrapper{}
#container{
	text-align:left;
}
#header {}
#body {
	font-size:1.4em;
}
.main {}
.side {}

#footer-wrapper{
	background: url(../images/backgrounds/bg-footer.jpg) repeat-x;		
}

#footer-container{}

#footer {
	/*color:#d4d4d4;*/
	color:#FF0000;
	background:url(../images/branding/footer.png) no-repeat 50% 0;
	font-size:1.4em;
	font-family: 'PT Sans Narrow', sans-serif;
}
#footer div.side,
#footer div.main{
	text-align:left;
}

#footer p{
	margin:0 0 20px 0;
	padding:0;
	color:#d4d4d4;
	line-height:1.1em;
	
}
#footer a, #footer a:visited{
	color:#d4d4d4;
}
 #footer a:hover{
	color:#eaeaea;
}
/* = HEADINGS
---------------------------------------------------------
*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'titilliumregular', sans-serif;
	font-weight:100;
	padding: 0;
}

h1{
	font-size: 1.6em;
	line-height: 1.6em;
	margin: 0 0 1.3em 0;
	padding: 0.5em 0 0.5em 30px;
	width:246px;
	color:#2175bd;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
}

.blueLine{
 	background:url(../images/backgrounds/blueLine.jpg) no-repeat 12% 52%;
}

span.smallText{
	font-size: 0.9em;
	font-weight:700;
}

span.upperText{
	text-transform:uppercase;
}

h2{
	font-size:1.30em;
	line-height: 1.2em;
	padding:0 0 0.5em 0;
	margin: 0 0 0.5em 0;
	color:#2175bd;
	border-bottom:1px dotted #cccccc;
}

h2.spacetop{
	font-size:1.30em;
	line-height: 1.2em;
	padding:0 0 0.5em 0;
	margin: 20px 0 0.5em 0;
	color:#2175bd;
	border-bottom:1px dotted #cccccc;
}

h2.calendar{
	color:#FFFFFF;
	border-bottom:1px dotted #a3a1a1;
}

h3
{
	font-size: 1.2em;
	line-height: 1em;
	margin: 0 0 0.7em 0;
}
h4{
	font-size: 1em;
	line-height: 1em;
	margin: 0 0 0.5em 0;
}
h5{
	font-size: .9em;
	line-height: 1em;
	margin: 0 0 0.25em 0;
}
/* END HEADINGS
---------------------------------------------------------
*/
/* = TEXT
---------------------------------------------------------
*/
p{
	/*margin: 0 0 1.3em;
	padding: 0;
	font-size: 1.15em;
	line-height: 1.4em;*/
	
	width:100%;
	/*float:left;*/
	margin:10px 15px 20px 0;
	color:#454545;
	line-height:1.7em;
	
}
.col03 p, .col04 p, .col05 p, .col06 p{
	text-align:left;
	word-spacing:-0.2em;
}
blockquote{
	margin: 20px 40px;
	font-size:1.2em;
	font-weight:normal;
}
strong, b{
	font-weight: bold;
}
em, i{
	font-style: italic;
}
pre{
	font-family: monospace;
	font-size: 1.0em;
}
code{
    font-family: "courier new", courier, monospace;
    font-size: 1.0em;
    white-space: pre;
}
sup, sub {
	font-size:.6em;
}
/* END TEXT
---------------------------------------------------------
*/
	
/* = LISTS
---------------------------------------------------------
*/
ul{
	margin: 0 0 1.5em;
	padding: 0;
	line-height: 1.4em;
}
ul li{
	margin: 0 0 0.3em;
	padding: 0;
	line-height: 1.5em;
}
#body ul{
	padding: 0;
}
#body ul li{
	padding: 0 0 0 17px;
	background:url(../images/icons/bullet01.png) no-repeat 0 0px;
}
#body ul ul{
	margin-top:1em;
}
#body ul li li{
	padding: 0 0 0 17px;
	background:url(../images/icons/bullet01.png) no-repeat 0 0px;
}

#body form ul li{
	background:none;;
}
ol{
	font-size: 1.0em;
	line-height: 1.4;
	margin: 0 0 1.5em 15px;
	padding: 0;
}
ol li{
	margin: 0 0 0.25em 10px;
	padding: 0;
}
dl{
	font-size: 1.0em;
	line-height: 1.4;
	margin: 0 0 1.5em 0;
	padding: 0;
}
dl dt{
	font-weight: bold;
	margin: 0.25em 0;
	padding: 0;
}
dl dd{
	margin: 0 0 0 30px;
	padding: 0;
}
/* END LISTS
---------------------------------------------------------
*/
/* = TABLES
---------------------------------------------------------
*/
table {
	font-size: 1.0em;
	margin: 0 0 1.5em 0;
	padding: 0;
}
table caption {
	font-weight: bold;
	margin: 0;
	padding: 0 0 1.5em 0;
}
th {
	font-weight: bold;
	text-align: left;
}
td {
	font-size: 1em;
}
/* END TABLES
---------------------------------------------------------
*/
/* = HORIZONTAL RULES
---------------------------------------------------------
*/
hr{
	display: none;
}
/* END HORIZONTAL RULES
---------------------------------------------------------
*/



/* ---------------------------------------------------------- */
/* Navigation Styles										  */
/* ---------------------------------------------------------- */
/* = NAV: TABLE OF CONTENTS
    1. = MAIN NAV
    2. = SECONDARY NAV
	3. = LANGUAGE NAV
---------------------------------------------------------
*/
/* = MAIN NAV
---------------------------------------------------------
*/
#nav {
	position:absolute;
	top:155px;
	left:0px;
	width:306px;
	height:217px;
	margin:0;
	background:url(../images/backgrounds/bg.jpg);
	z-index:99999;
	
	
}
#nav ul.principal{
	float:left;
	width:100%;	
	width:246px;
	margin:0 30px 0 30px;
	padding:0;
/*	background:url(../images/icons/dash-line.png) no-repeat 0% 0%, 
			   url(../images/icons/dash-line.png) no-repeat 0% 100%;*/
}

#nav li {
	display:block;
	position:relative;
	margin:0;
	padding:0;
}
#nav li a {
	display:block;
	color:#3d3d3d;
	font-size:1.6em;
	height: 24px;
	line-height: 24px;
	padding:0 5px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:100;
}

.home #navItem1 a,
.actualitat #navItem2 a,
.quiSom #navItem3 a,
.activitats #navItem4 a,
.publicacions #navItem5 a,
.docTreball #navItem6 a,
.projectes #navItem7 a,
.links #navItem8 a,
.contacte #navItem9 a{
	text-decoration:none;
	color:#FFFFFF;
	background:#afcc55;
}
#nav li a:hover {
	text-decoration:none;
	color:#FFFFFF;
	background:#afcc55;
}
/* - - - - - - - - sub nav - - - - - - - - - */
#nav ul ul {
	position: absolute;
	top:-15px;
	right:0;
	height:25px;
	width:100%;
	padding:0;
	z-index:9999;
	margin-top:15px;
}

#nav ul ul.actCa {
	background:#afcc55 url(../images/backgrounds/act.jpg) no-repeat 0% 0%;
}

#nav ul ul.whoCa {
	background:#afcc55 url(../images/backgrounds/quisom.jpg) no-repeat 0% 0%;
}

#nav ul ul.actEn {
	background:#afcc55 url(../images/backgrounds/news.jpg) no-repeat 0% 0%;
}

#nav ul ul.whoEn {
	background:#afcc55 url(../images/backgrounds/who.jpg) no-repeat 0% 0%;
}


#nav li li{
	float:right;
	position:relative;
	margin:0;
	height:5px;
	padding:0 5px 0 0;
	z-index:9999;

	
}
#nav li li a {
	float:left;
	color:#888180;
	height:15px;
	line-height:20px;
/*	line-height: inherit;*/
	margin:3px 0px 0 0;
	z-index:9999;
	font-size:1.5em;
	font-weight: 300;
	text-transform: none;
	padding: 0 7px 0 7px;
}

#nav li li a.lastItem {
	border-right:1px solid #888180;
	height:18px;
	line-height:20px;
	margin:3px 0px 0px;
	padding: 0 10px 0 10px;

}

/* END MAIN NAV
---------------------------------------------------------
*/


/* = SECONDARY NAV
---------------------------------------------------------
*/
#secondary-nav {
	float:left;
	width:100%;
	padding:1em 0;
	margin:0 0 1em 0;
}

#body #secondary-nav .title {
	float:left;
	width:95%;
	font-size:1.30em;
	line-height: 1.2em;
	padding:0 0 1.0em 0;
	margin: 0 5px 1.0em 5px;
	color:#3d3d3d;
	font-family: 'PT Sans Narrow', sans-serif;
	border-bottom:1px dotted #cccccc;
}

#secondary-nav ul {
	float:left;
	width:100%;
	margin:0;
	padding:0 0 1em 0;
	list-style:none;
}
#body #secondary-nav li {
	float:left;
	width:100%;
	margin:3px 0 4px 0;
	padding:0 0 4px 0;
	background:none;
}
#secondary-nav li a {
	display:block;
	color:#3d3d3d;
	font-size:1.15em;
	line-height: 22px;
	padding:0 5px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:100;
}

.trece #navItem13 a, .trece #navItem13 a:visited,
.doce #navItem12 a, .doce #navItem12 a:visited,
.once #navItem11 a, .once #navItem11 a:visited,
.diez #navItem10 a, .diez #navItem10 a:visited,
.nueve #navItem09 a, .nueve #navItem09 a:visited,
.ocho #navItem08 a, .ocho #navItem08 a:visited,
.siete #navItem07 a, .siete #navItem07 a:visited,
.seis #navItem06 a, .seis #navItem06 a:visited,
.cinco #navItem05 a, .cinco #navItem05 a:visited{
	text-decoration:none;
	color:#2175bd;
}

#secondary-nav li a:hover {
	text-decoration:none;
	color:#2175bd;
}




/* END SECONDARY NAV
---------------------------------------------------------
*/
/* = LANGUAGE NAV
---------------------------------------------------------
*/
#language-nav{
	position:absolute;
	top:15px;
	right:10px;
	width:50px;
}
#language-nav ul{
	margin:0;
	padding:0;	
	display:inline;
	float:right;
}
#language-nav li{
	margin:0;
	padding:0px 2px;
	display:inline;
	line-height:10px;
	font-size:1.25em;
	font-family: 'PT Sans Narrow', sans-serif;
	border-left:#919191 solid 1px;
}
#language-nav li.first{
	border-left:none;
}
#language-nav a, #language-nav a:visited, #language-nav a:hover{
	color:#919191;
}
#language-nav a.current{
	color:#919191;
}
#language-nav a:hover{
	color:#3d3d3d;
}
/* = END LANGUAGE NAV
---------------------------------------------------------
*/


/*--------------------------------------------------------- */
/*  Form Styles						    */
/*--------------------------------------------------------- */
/* = FORMS: TABLE OF CONTENTS
    1. = PARENT ELEMENTS
    2. = LABELS
    3. = INPUTS
	4. = SPECIFIC FORMS
---------------------------------------------------------
*/
/* = PARENT ELEMENTS
---------------------------------------------------------
*/
form {
	display: block;
	margin: 0;
	padding: 0;
}
form div, form p {
	font-size: 1.0em;
	margin: 0;
	padding: 0;
}
/* END PARENT ELEMENTS
---------------------------------------------------------
*/

/* = LABELS
---------------------------------------------------------
*/
label{
	font-weight: normal;
	text-align: left;
	display: block;
	float: left;
	clear: both;
    margin: 0;
	padding: 0 20px 0 0;
}
/* END LABELS
---------------------------------------------------------
*/

/* = INPUTS
---------------------------------------------------------
*/
input, select, textarea{
	font-family: arial, sans-serif;
	font-size: 1.0em;
	display: block;
	float: left;
	width:100%;
	margin: 0;
	padding:5px;
	border:1px solid #DDD;
}
input, select{
	vertical-align: middle;
}
textarea{
	width:390px;
	height: 220px;
}
input.check{
	border: none;
	width: 1.0em;
	height: auto;
	margin: 0 .5em 0 0;
    padding: 0;
}
input.radio{
	border: none;
	width: 1.0em;
	height: auto;
	margin: 0 .5em 0 0;
    padding: 0;
}
/* END INPUTS
---------------------------------------------------------
*/
/* = SPECIFIC FORMS
---------------------------------------------------------
*/
.form01{
	padding:0;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	width:75%;
}
#body .form01 li.short{
	float:left;
	width:45%;
	margin:0 0 1.3em 17px;
	padding:0 0 0 0;
}
.form01 li.full{
	float:left;
	width:100%;
	margin:0 0 1.3em 0;
}
.form01 label{
	width:100%;
	padding:0;
	margin:0;
	font-size:1.0em;
	/*text-transform:uppercase;*/	
}
.form01 input{
	float:left;
	width:90%;
	padding:0 5px;
	height:30px;
	line-height:30px;
	margin:0;
}
.form01 li.full input{
	width:92%;
}

.form01 textarea{
	width:92%;
	margin:0;
}

.form01 input.btn{	
	float:left;
	width:80px !important;
	height:35px;
	vertical-align:top;
	margin:10px 0 0 0;	
	padding:3px;
	cursor:pointer;
	cursor:hand;
	border:0;
	text-align:center;
	color:#FFF;
	background:#2f2f2f ;
	font-size:.8em;
	text-transform:uppercase;
	font-weight:bold;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	
}
.form01 input.btn:hover{	
	background:#000;
}

#errores{
	float:left;
	width:70%;
	height:35px;	
	line-height:35px;	
	margin:10px 0 0 20px;
}
.okform{
	background: #a1cd3a;
	padding:0 3px 2px;
	color:#FFF;
	font-weight:bold;
	white-space:nowrap;
}
/* END SPECIFIC FORMS
---------------------------------------------------------
*/


/* --------------------------------------------------------------- */
/* Modules Styles includes latest news, news, faqs, links, content */
/*						   services, gallery, sitemap, text legal  */
/* --------------------------------------------------------------- */

/* = SLOGAN 
---------------------------------------------------------
*/
.slogan{
	position:absolute;
	right:0;
	top:55px;
	padding-top:0px;
	width:658px;
	font-family: 'titilliumregular', sans-serif;
	font-size:2.15em;
	/*font-size: 2.2em;*/
	line-height:1.15em;
	font-weight:100;
	text-align:left;
	color:#919191;
	background:url(../images/logos/ub.jpg) no-repeat 450px 50%;
}
/* = END SLOGAN 
---------------------------------------------------------
*/
/* = SLIDER
---------------------------------------------------------
*/
.sliderCorp{
	width:672px;
	height:217px;
	overflow:hidden;
	margin:0 0 0 306px;
	color:#fff3e7;
	text-align:center;
}

#cycle_slideshow { margin: 0; width: 672px; height: 217px; border:0;}
#cycle_slideshow img{ width: 672px; height: 217px; }
#nav_slider { z-index: 50; position: absolute; width:220px; height:20px; top: 10px; left:92%; margin-left:-110px; text-align:center; /*background:#FF0000;*/}
#nav_slider li { width: 16px; height:16px; display:inline-block; margin: 3px; list-style: none}
#nav_slider a { width: 16px; height:16px; display: block; background: url(../images/icons/slide_nav.png) no-repeat 0 0; }
#nav_slider li.activeSlide a { width: 16px; height:16px; display: block; background: url(../images/icons/slide_nav.png) no-repeat 0 -16px; }
#nav_slider a:focus { outline: none; }

#prev{position:absolute;top:50%;left:0;width:50px;height:60px;z-index: 50;margin-top:-30px; 
background: url(../images/icons/btn-prev.png) no-repeat 50% 50%;overflow: hidden;text-indent:-1000px; display:none;}
#next{position:absolute;top:50%;right:0;width:50px;height:60px;z-index: 50;margin-top:-30px; 
background: url(../images/icons/btn-next.png) no-repeat 50% 50%;overflow: hidden; text-indent:-1000px;display:none;}

/* = END SLIDER
---------------------------------------------------------
*/
/* = COPY (Texto publicitario)
---------------------------------------------------------
*/
.copy{
	float:left;
	width:100%;
	margin:0 0 30px 0;
	text-align:center;
	font-style:italic;
}
/* = END COPY 
---------------------------------------------------------
*/
/* = COMPANY
---------------------------------------------------------
*/
.company{
	float:left;
	width:100%;
	margin:0 0 20px 0;
	padding:20px 0;
	background:#e9e0d4;
	text-align:center;
}
.company p{
	padding:0 20px;
}

/* = END COMPANY
---------------------------------------------------------
*/
/* = MAP
---------------------------------------------------------
*/
.mapcontent{
	float:left;
	width:100%;
}
.map{
	float:left;
	width:100%;
	height:298px;
	margin:15px 0 0 0;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.mapfooter a{
	float:left;
	width:100%;
	font-size:.9em;
	color:#454545;
}
/* = END MAP
---------------------------------------------------------
*/
/* = SOCIAL
---------------------------------------------------------
*/
.social{
	position:relative;
	float:left;
	/*width:64px;*/
	height:32px;
}
.social ul{
	float:left;
	margin:0;
	padding:0;
}
.social ul li{
	float:left;
	height:33px;
	line-height:32px;
	margin:0 5px 0 0px;
	padding:0;
}
.social a{
	float:left;
	height:33px;
	width:32px;
	color:#000;
	font-size:1.2em;
}
.social a.btn-facebook{
	background:url(../images/icons/socialIc.png) no-repeat 0 -32px;
}
.social a.btn-twitter{
	background: url(../images/icons/socialIc.png) no-repeat -32px -32px;	
}
.social a.btn-youtube{
	background: url(../images/icons/socialIc.png) no-repeat -64px -32px;	
}
.social a.btn-facebook:hover{
	background:url(../images/icons/socialIc.png) no-repeat 0 0;
}
.social a.btn-twitter:hover{
	background:url(../images/icons/socialIc.png) no-repeat -32px 0;
}
.social a.btn-youtube:hover{
	background:url(../images/icons/socialIc.png) no-repeat -64px 0;
}

/* = END SOCIAL
---------------------------------------------------------
*/
/* = NEWS LIST
---------------------------------------------------------
*/
.newslist{
	width:100%;
	float:left;
	margin:0 0 1em;
}
.newslist ul{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
#body .newslist ul li{
	width:100%;
	float:left;
	margin:0 0 1.0em;
	padding:0 0 1.5em;
	background:none;
	line-height: 1.4em;
	border-bottom:1px dotted #a3a1a1;
}


#body .newslist ul li.thirdCol{
	width:100%;
	float:left;
	margin:0 0 1.5em;
	padding:0 0 1.5em;
	border:none;
	line-height: 1.4em;
	background:#00FF00 url(../images/icons/dash-line.png) no-repeat 100% 0%;
}

#body .newslist ul li.last{
	width:100%;
	float:left;
	margin:0 0 1.5em;
	padding:0 0 1.5em;
	background:none;
	line-height: 1.4em;
	/*border-bottom:none;*/
}

.newslist .date{
	width:100%;
	float:left;
	color:#FFFFFF;
}
.newslist .title{
	width:100%;
	float:left;
	margin:0 0 15px;
	color:#aeaeae;
}
.newslist .title a{}
.newslist .title a:hover{}
.newslist a.btn-more{
	position:relative;
	float:left;
	margin:0 0 20px 0;
}

/* = END NEWS LIST
---------------------------------------------------------
*/

/* = NEWS SECOND LIST
---------------------------------------------------------
*/
.newsSecondlist{
	width:100%;
	float:left;
	margin:0 0 1em;
}
.newsSecondlist ul{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
#body .newsSecondlist ul li{
	width:100%;
	float:left;
	margin:0 0 1.0em;
	padding:0 0 1.4em;
	background:none;
	line-height: 1.4em;
	border-bottom:1px dotted #a3a1a1;
}

#body .newsSecondlist ul li.last{
	width:100%;
	float:left;
	margin:0 0 0.5em;
	padding:0 0 1.4em;
	background:none;
	line-height: 1.4em;
	/*border-bottom:none;*/
	background:none;
}

.newsSecondlist .conTitular{
	float:left;
	width:100%;
	padding-bottom:10px;
}

.newsSecondlist .title a{
	float:left;
	width:160px;
	float:left;
	margin:0 27px 15px 0;
	font-weight:600;
 	color:#454545;
}

.newsSecondlist .img{
	margin:0 0 10px 0;
	float:left;
	width:85px;
	height:auto;
	border:1px solid #cccccc;
/*	background:#999999;*/
}
.newsSecondlist .text{
	width:100%;
	float:left;
	margin:0 0 15px;
	color:#454545;
}

.newsSecondlist .textShort a{
	float:left;
	width:160px;
	float:left;
	margin:0 27px 0 0;
 	color:#454545;
}


.newsSecondlist .title a:hover{}
.newsSecondlist a.btn-more{
	position:relative;
	float:left;
	margin:0 0 20px 0;

}

/* = END NEWS LIST
---------------------------------------------------------
*/

/* = NEWS THIRD LIST
---------------------------------------------------------
*/
.newsThirdlist{
	width:100%;
	float:left;
	margin:0 0 20px 0;
	padding:0 0 15px 0;
	background:url(../images/icons/dash-line.png) no-repeat 0% 100%;

}
.newsThirdlist ul{
	float:left;
	margin:20px 0;
	padding:0 0 0 0;
	list-style:none;
}
#body .newsThirdlist ul li{
	width:100%;
	float:left;
	margin:0 0 0em;
	padding:0 0 0em;
	background:none;
	line-height: 1.4em;
}

#body .newsThirdlist ul li.last{
	width:100%;
	float:left;
	margin:0 0 1.3em;
	padding:0 0 0;
	background:none;
	line-height: 1.4em;
}

.newsThirdlist .conTitular{
	float:left;
	width:100%;
}

#body .newsThirdlist .title {
	float:left;
	width:100%;
	font-size:1.30em;
	line-height: 1.2em;
	padding:0 0 0.5em 0;
	margin: 0 0 0 0;
	color:#2175bd;
	border-bottom:1px dotted #cccccc;
}

/*.newsThirdlist .img{
	float:left;
	width:85px;
	height:79px;
	border:1px solid #cccccc;
}*/
.newsThirdlist .text a{
	width:100%;
	float:left;
	margin:0px;
	color:#454545;
	line-height:1.7em;
}


.newsThirdlist .title a:hover{}
.newsThirdlist a.btn-more{
	position:relative;
	float:left;
	margin:0 0 20px 0;
}

/* = END NEWS LIST
---------------------------------------------------------
*/

/* = NEWS FOUR LIST
---------------------------------------------------------
*/
.newsFourlist{
	float:left;
	width:100%;
	margin:10px 0 20px 0;
	padding:0 0 30px 0;
	background:url(../images/icons/dash-line.png) no-repeat 0% 100%;
}

.newsFourlist H1{
	float:left;
	width:100%;
	padding: 20px 0 20px 0;
}

.noLine{
	background:none;
}

.newsFourlist ul.half{
	float:left;
	width:48%;
	margin:0px 4% 0 0;
	padding:0 0 0 0;
	list-style:none;
}


#body .newsFourlist ul.wholeNews{
	float:left;
	width:100%;
	margin:0px 4% 0 0;
	padding:0 0 20px 0;
	list-style:none;
}

#body .newsFourlist ul.wholeNews li{
	float:left;
	min-height:0px;
	margin: 0 0 30px 0;
}
#body .newsFourlist ul.wholeNews .title{
	float:left;
	width:640px;
}

#body .newsFourlist ul.wholeNews .conTitular{
	float:left;
	width:640px;
}
#body .newsFourlist ul.wholeNews .underTitular{
	float:left;
	width:100%;
}

#body .newsFourlist ul.wholeNews .btn-more{
	position:relative;
	float:left;
	margin:20px 0 20px 0;
}


#body .newsFourlist ul.wholeNews .data{
	float:left;
	width:500px;
	margin:0px 4% 0 0;
	padding:0 0 0 0;
	list-style:none;
}

.newsFourlist ul.wholeNews .text{
	float:left;
	width:500px;
	/*min-height:140px;*/
	margin:0px 0 20px 0;
	padding:0 0 0 0;
	list-style:none;
}

.newsFourlist ul.wholeNews .img{
	float:left;
	margin: 0 0 0 40px;
	width:85px;
	border:1px solid #cccccc;
}


.newsFourlist ul.last{
	margin:0px 0 0 0;
}

.newsFourlist ul{
	float:left;
	width:205px;
	margin:20px 8px 0 0;
	padding:0 0 0 0;
	list-style:none;
}
#body .newsFourlist ul li{
	display:block;
	margin:0 0 0em;
	padding:0 0 0em;
	background:none;
	line-height: 1.4em;
	
}

#body .newsFourlist ul li.last{
	display:block;
	width:100%;
	margin:0 0 1.3em;
	padding:0 0 0;
	background:none;
	line-height: 1.4em;
}

.newsFourlist .conTitular{
	float:left;
	width:100%;
	margin:0 20px 0 0;
}

.newsFourlist .title a{
	width:100%;
	float:left;
	font-size:1.30em;
	line-height: 1.5em;
	padding:0 0 0.5em 0;
	margin: 0 0 0 0;
	color:#2175bd;
	border-bottom:1px dotted #cccccc;	
}

.newsFourlist .titleSobre{
	width:100%;
	float:left;
	font-size:1.30em;
	line-height: 1.5em;
	padding:0 0 0.5em 0;
	margin: 0 0 0 0;
	color:#2175bd;
	border-bottom:1px dotted #cccccc;	
}

.newsFourlist .titleMembres{
	width:100%;
	float:left;
	font-size:1.30em;
	line-height: 1.5em;
	padding:0 0 0.5em 0;
	margin: 0 0 20px 0;
	color:#2175bd;
	border-bottom:1px dotted #cccccc;	
}


.newsFourlist .img{
	position:relative;
	right:20px;
	top:15px;
	padding:0;
	width:85px;
	margin:0;
	/*border:1px solid #cccccc;*/
}
.newsFourlist .text a{
	width:100%;
	float:left;
	margin:0px;
	color:#454545;
	line-height:1.7em;
}

.newsFourlist .textSemShort a{
	width: 185px;
	float:left;
	margin:10px 15px 0 0;
	padding:0 0 20px 0;
	color:#454545;
	line-height:1.7em;
}

.newsFourlist .textSem a{
	width:100%;
	float:left;
	margin:10px 15px 0 0;
	padding:0 0 20px 0;
	color:#454545;
	line-height:1.7em;
}

#body .newsFourlist .data a{
	width: 205px;
	float:left;
	margin:10px 15px 0px 0;
	color:#454545;
	line-height:1.7em;
}

#body .newsFourlist .autor a{
	width:205px;
	float:left;
	margin:0px 15px 20px 0;
	color:#454545;
	line-height:1.7em;
}

#body .newsFourlist .autorWidther a{
	width:100%;
	float:left;
	margin:0px 15px 20px 0;
	color:#454545;
	line-height:1.7em;
}


.newsFourlist .title a:hover{}
/*#body .newsFourlist a.btn-more{
	font-size:.9em;
	margin:10px 0;
	cursor:pointer;
}*/

.newsFourlist a.btn-more{
	position:relative;
	float:left;
	margin:0 0 20px 0;
	}


#body .newsFourlist .linkPage a,
#body .newsFifthlist .linkPage a{
	color:#454545;
	padding:0;
	margin:10px 0 0 0;
	font-family: 'titilliumregular', sans-serif;
	text-decoration:underline;
	cursor:pointer;

}



/* = END NEWS LIST
---------------------------------------------------------
*/

/* = NEWS FIFTH LIST
---------------------------------------------------------
*/
.newsFifthlist{
	float:left;
	width:100%;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}
.newsFifthlist .conTitular{
	font-size: 1.4em;
	line-height: 1.5em;
	margin: 5px 0 1.0em 5px;
	padding: 0 0 0.6em 0;
	font-family: 'titilliumregular', sans-serif;
	color:#2175bd;
	float:left;
	width:100%;
}

#body .newsFifthlist .data{
	width:100%;
	float:left;
	margin:0px 15px 20px 0;
	color:#454545;
	line-height:1.7em;
}
.newsFifthlist ul{
	float:left;
	margin:0 8px 0 0;
	padding:0 0 0 0;
	list-style:none;
}
#body .newsFifthlist ul li{
	float:left;
	width:198px;
	margin:0 0 0em;
	padding:0 0 0 0;
	background:none;
	line-height: 1.4em;
	border-right:1px dotted #cccccc;
}

#body .newsFifthlist ul li.last{
	float:left;
	width:400px;
	margin:0 0 1.3em 30px;
	padding:0;
	background:none;
	line-height: 1.4em;
	border-right:none;
}

#body .newsFifthlist ul li.whole{
	float:left;
	width:100%;
	margin:0 0 1.3em 5px;
	padding:0;
	background:none;
	line-height: 1.4em;
	border-right:none;
}

.newsFifthlist .title {
	float:left;
	width:158px;
	text-align:left;
	font-size:1.0em;
	line-height: 1.5em;
	padding:0 0 0.5em;
	margin: 0 20px 10px 5px;
	color:#454545;
	background:url(../images/icons/dash-line.png) no-repeat 0% 100%;
}

#body .newsFifthlist .title a{
	color:#454545;
	text-decoration:underline;
	cursor:pointer;

}

#body .newsFifthlist .title a:hover{
	color:#767676;
	text-decoration:underline;
	cursor:pointer;

}

.newsFifthlist .last {
	border-bottom:none;
}


.newsFifthlist .img{
	float:left;
	margin: 0 0 20px 5px;
	width:158px;
	border:1px solid #cccccc;
	/*background:#999999;*/
}
.newsFifthlist .text{
	width:100%;
	float:left;
	margin:0 0 1.5em 0;
	color:#454545;
	line-height:1.7em;
}


.newsFifthlist .title a:hover{}
.newsFifthlist a.btn-more{
	position:relative;
	float:left;
	margin:0 0 20px 0;
	}
#content .newsFifthlist ul li ul{
	width: 100%;
}

#content .newsFifthlist ul li ul li{
	padding: 0 0 0 17px;
	background: url(../images/icons/bullet01.png) no-repeat 0 0px;
	border: 0px;
	width: 100%;
}

/* = END NEWS LIST
---------------------------------------------------------
*/

.newsSixlist{
	float:left;
	width:100%;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}

#body .newsSixlist ul {
	padding: 20px 0 0 0;
	
}

#body .newsSixlist ul li{
	background: none;
	
}

#body .newsSixlist .title {
	float:left;
	width:100%;
	font-size:1.30em;
	line-height: 1.2em;
	padding:0 0 0.5em 0;
	margin: 0 0 10px 0;
	color:#2175bd;
	border-bottom:1px dotted #cccccc;
}


/* = PAGINATION
---------------------------------------------------------
*/
.pagination{
	float:left;
	width:100%;
	border-top:1px solid #DDD;
	padding:5px 0 0 0;
	margin:0;
	text-align:right;
}
.pagination span, .pagination a{
	float:left;
	line-height:24px;
	height:24px;
	width:24px;
	text-align:center;
	color:#666;
}
.pagination a:hover{}
.pagination strong{
	float:left;
	line-height:24px;
	height:24px;
	width:50px;
	padding:0 5px;
	text-align:left;
	font-weight:normal;
	color:#666;	
}

.pagination .prev, .pagination .next{
	line-height:24px;
	padding:5px;
	color:#666;
	cursor:pointer;
	float:none;
	
}
.pagination .prev:hover, .pagination .next:hover{
	color:#000;
}
.pagination .current{
	float:left;
	line-height:24px;
	height:24px;
	width:24px;
	font-weight:bold;
}

/* = END PAGINATION
---------------------------------------------------------
*/
/* = NEWS ITEM
---------------------------------------------------------
*/
 .nextprev{
	width:100%;
	float:right;
	margin:0 0 5px 0;
	text-align:right;
}

 .nextprev a{
	color:#666;
	margin:0 0 0 10px;
}

 .nextprev a:hover{
	color:#000;
}

.newsitem .date{}

.newsitem div.medianews{
	width:300px;
	float:right;
	margin:3px 0 10px 10px;
}
.medianews img, .medianews iframe, .medianews object{
	width:100%;
	float:left;
}
.medianews .mediafooter{
	font-size:.9em;
	width:100%;
	float:left;
	margin:0 0 1em;
}
.newsitemfooter{
	width:100%;
	float:left;
	margin:1em 0;
}
.newsitemfooter p{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:url(../images/icons/dash-line.png) no-repeat 0% 100%;
}
#body .newsitemfooter p a{
	margin:0;
	color:#3d3d3d;
	text-decoration:underline;
}

.newsitemfooter .linksContent{
	float:left;
	width:170px;
	padding:0 30px 0 0;
}

.newsitemfooter .videoFrame{
	margin-left:230px;
}

/* = NEWS ITEM
---------------------------------------------------------
*/
/* =  SIDE NEWS
---------------------------------------------------------
*/
.sidenews{
	width:100%;
	float:left;
	margin:0 0 1em;
}
.sidenews ul{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
#body .sidenews ul li{
	width:100%;
	float:left;
	margin:0 0 1.5em;
	padding:0;
	background:none;
	line-height: 1.5em;
}

.sidenews .date{
	width:100%;
	float:left;
}
.sidenews .title{
	width:100%;
	float:left;
	margin:0 0 5px;
}
.sidenews .title a{}
.sidenews .title a:hover{}
.sidenews a.btn-more{	
	position:relative;
	float:left;
	margin:0 0 20px 0;
	}
/* =  END SIDE NEWS
---------------------------------------------------------
*/
/* = SITEMAP LIST
---------------------------------------------------------
*/
ul.sitemapList{
	background:#eee;
	padding:10px;
	margin:0;
}
 ul.sitemapList li{
	margin:0 0 .5em;
	padding:0;
}
 ul.sitemapList li ul{
	margin-top:10px;
	margin-left:20px;
}
/* = END SITEMAP LIST
---------------------------------------------------------
*/
/* = PSEUDO-MICROFORMATS (inside spans)
---------------------------------------------------------
*/
a.btn-more{
	padding:3px 10px;
	background: #a7d060;	
	color:#FFF;
	/*text-transform: uppercase;*/
	font-family: 'titilliumregular', sans-serif;
	font-size:.85em;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}

#body a.btn-moreGeneral{
	float:left;
	padding:3px 10px;
	margin:5px 0 20px 0;
	color:#e7e5e5;
	font-size:1.0em;
	width:90%;
	text-decoration:underline;
}

#body a.btn-moreGeneralGrey{
	float:left;
	padding:3px 10px;
	margin:5px 0 20px 0;
	color:#454545;
	font-size:1.0em;
/*	height:50px;*/
	width:90%;
	text-decoration:underline;
}

#body a.btn-moreGeneral:hover,
#body a.btn-moreGeneralGrey:hover{
/* color:#000;*/
}

a.btn-pdf{
	padding:0 0 0 20px;
	background: url(../images/icons/pdf.gif) no-repeat 0 50%;
	text-transform: lowercase;
	font-variant:small-caps;
	font-size:1em;
}
.img-left{
	float:left;
	margin:0;
	border:0;
	width:274px;
	border:1px solid #cccccc;
}
.img-right{
	float:right;
	margin:3px 0 10px 10px;
	border:0;
}

/* = END PSEUDO-MICROFORMATS (inside spans)
---------------------------------------------------------
*/
/* = SEDES
---------------------------------------------------------
*/

.sedes{
	float:left;
	width:100%;
	margin:1em 0;
	background: url(../images/backgrounds/filet01.png) repeat-x 0 100%;
	
}
.sedes h2{
	margin:5px 0;
	padding-bottom:20px;
	background: url(../images/backgrounds/filet01.png) repeat-x 0 100%;
	color:#FFF;
	text-transform: none;
}


#slideshow {
	float:left;
	margin:10px 0 15px 0;
	width:978px;
    position:relative;	
}

#slidesContainer {
    margin:0 30px;
    width:920px;	
    overflow:auto; /* allow scrollbar */
    position:relative;
	
}

#slideshow #slidesContainer .slideNew {
    margin:0 auto;
    width:920px;
	z-index:95;	
}


.slideNew ul{
	float:left;
	width:920px;
	margin:0;
	padding:0;
	background: url(../images/backgrounds/corondelFooterList.gif) repeat-y 50% 0;
}
.slideNew ul.last{
	background: none
	
}
.slideNew ul li{
	float:left;
	margin:0 12px;
	padding:0;
	width:205px;
	text-align:left;
}


#slideshow #slidesContainer, #slideshow #slidesContainer .slideNew, #slideshow, .slideNew ul {
    height:150px;
}
#slideshow #slidesContainer .slide a {
	border:0;
	padding:0;
	margin:0;
}
/**

 * Slideshow controls style rules.

 */

.control {
  float:left;
  display:block;
  width:32px;
  height:32px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  top:50%;
  left:-32px;
  left:0;
  background: url(../images/icons/arrowLeft.png) no-repeat 50% 0;
  z-index:98;
  margin-left:0;
  margin-top:-16px;
}
#leftControl:hover {
  background: url(../images/icons/arrowLeft.png) no-repeat 50% -32px;
}
#rightControl {
  top:50%;
  right:-32px;
  right:0;
  background: url(../images/icons/arrowRight.png) no-repeat 50% 0;
  z-index:98;
  margin-right:0;
  margin-top:-16px;
}
#rightControl:hover {
  background: url(../images/icons/arrowRight.png) no-repeat 50% -32px;
}

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  width:900px;
  height:400px;
  margin:0 auto;
  overflow:hidden;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;

}
.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:900px;
  height:400px;
  margin:0 auto;
  padding:0;
}
.cs_article h2 {
  display:block;
  width:26%;
  margin:10px 26px 5px 67%;
  text-align:left;
}
.cs_article img {
  position:absolute;
  top:0;
  left:0;
  width:66%;
  border:0;
  -ms-interpolation-mode:bicubic;
}
.cs_article p {
  display:block;
  width:26%;
  margin:0 26px 5px 67%;
  padding:0;
  border:0;
}
.cs_article .readmore {
  display:block;
  width:26%;
  margin:0 6% 1% 68%;
  text-align:right;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:400px;
  padding:10px 0;
  z-index:600;
}
.cs_leftBtn {
  left:0;
  outline:0;
}
.cs_rightBtn {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}

/* = END SEDES
---------------------------------------------------------
*/

*:focus { 
	outline: 0;
}


.webLink{
	padding-right:26px;
	background: url(../images/icons/linkweb.png) no-repeat 100% 2px;
}
.emailLink{
	padding-right:29px;
	background: url(../images/icons/emailLetter.png)no-repeat 100% 2px;
}	
.webLink:hover{
	color:#4d91ca!important;
	background: url(../images/icons/linkwebHover.png) no-repeat 100% 2px;
}
.emailLink:hover{
	color:#4d91ca!important;
	background: url(../images/icons/emailLetterHover.png)no-repeat 100% 2px;
}
/* = TOKENS
---------------------------------------------------------
*/

div.token01{
	float:left;
	margin:0;
	padding:20px 15px 0 15px;
	width:274px;
	/*min-height: 600px;*/
}

div.token02{
	float:left;
	margin:0;
	padding:20px 15px 0 15px;
	width:244px;
	/*min-height: 600px;*/
}

div.token03{
	float:left;
	margin:0;
	padding:15px 15px 0 15px;
	width:640px;
	/*min-height: 400px;*/
}

div.token-Banners{
	margin:0;
	padding:0;
	width:100%;
	height:80px;
	
}

div.bannerUp{
	position:absolute;
	right:55px;
	top:65px;
	height:53px;
	width:167px;
}

div.white{
	background:url(../images/backgrounds/bg-token.png);
	border-left:1px solid #e3e2e2;
	border-right:1px solid #e3e2e2;
	border-top:3px solid #afcc55;
	border-bottom:1px solid #e3e2e2;
	
	-webkit-box-shadow: 0 8px 6px -6px #7a7a7a;
	   -moz-box-shadow: 0 8px 6px -6px #7a7a7a;
	        box-shadow: 0 8px 6px -6px #7a7a7a;
}
div.grey{
	background:#5c5c5c;
	border-left:1px solid #525151;
	border-right:1px solid #525151;
	border-top:3px solid #afcc55;
	-webkit-box-shadow: 0 8px 6px -6px #7a7a7a;
	   -moz-box-shadow: 0 8px 6px -6px #7a7a7a;
	        box-shadow: 0 8px 6px -6px #7a7a7a;
}

/* =END TOKENS
---------------------------------------------------------
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 2, 2013 */



@font-face {
    font-family: 'titilliumbold';
    src: url('titillium-semibold-webfont.eot');
    src: url('titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('titillium-semibold-webfont.woff') format('woff'),
         url('titillium-semibold-webfont.ttf') format('truetype'),
         url('titillium-semibold-webfont.svg#titilliumbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumregular';
    src: url('titillium-regular-webfont.eot');
    src: url('titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('titillium-regular-webfont.woff') format('woff'),
         url('titillium-regular-webfont.ttf') format('truetype'),
         url('titillium-regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}