/*---------------------------------------- 
					home 
-----------------------------------------*/

#main { background:none; position:relative;}
#main:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content { padding:0; }

/*---------------------------------------- 
				center nav 
-----------------------------------------*/

#centernav {
	position:relative;
	height:31px;
	padding:15px 20px 0 20px;
	text-align:left;
	background:#f8f8f8 url(../images/search-bar-bg.jpg) repeat-x 0 0;
}

#centernav2 {
	position:relative;
	height:31px;
	text-align:left;
	padding:15px 20px 0 20px;
	border-bottom: 1px #CCC solid;
	background:#f8f8f8 url(../images/search-bar-bg.jpg) repeat-x 0 0;
}

/*-------------------------------------------- 
					center page
---------------------------------------------*/

#center {
	position:relative;
	width:980px;
	height:auto;
	padding:0 2px;
	margin:0 0 0 0;
	background:#fff url(../images/content-bg.gif) repeat-y;
}
#center .centercap {  position:absolute; width:984px; height:7px; left:0; z-index:5; font-size:1px; }
#center .centercap.top { top:0; background: url(../images/content-top.png) no-repeat 0 100%; }
#center .centercap.bottom { bottom:0; _bottom:-1px; background: url(../images/content-bottom.png) no-repeat 0 100%; }
#home #content #center img { position: absolute; top: 1px; left: 294px; _top: -5px; }
img.center { margin:10px auto 20px auto; display:block; }

/*-------------------------------------------- 
					center page
---------------------------------------------*/

#home_center {
	position:relative;
	width:980px;
	height:auto;
	padding:0 2px;
	margin:0 0 0 8px;
	background:#fff url(../images/content-bg.gif) repeat-y;
}
#home_center  .centercap {  position:absolute; width:984px; height:7px; left:0; z-index:5; font-size:1px; }
#home_center  .centercap.top { top:56px; background: url(../images/content-top.png) no-repeat 0 100%; }
#home_center  .centercap.bottom { bottom:0; _bottom:-1px; background: url(../images/content-bottom.png) no-repeat 0 100%; }
#home #content #home_center  img { position: absolute; top: 1px; left: 294px; _top: -5px; }
img.home_center  { margin:10px auto 20px auto; display:block; }


/*-----------------------------------------
				lateral page menu 
-----------------------------------------*/

#pagemenu { float:left; margin-top:10px; width:200px;}
#pagemenu li { padding:0 0 1px; _padding-top:2px; }
#pagemenu li a { display:block; position:relative; padding:6px 0 6px 20px; color:#8c8c8c; line-height:25px; background:url(../images/fn_arrow_grey.gif) no-repeat 97% 12px; -webkit-transition:color 0.2s ease-in-out; -moz-transition:color 0.3s ease-in-out; }
#pagemenu:hover li a { color:#333; text-decoration:none; -webkit-transition:color 0.2s ease-in-out; -moz-transition:color 0.3s ease-in-out; }
#pagemenu li a:hover,
#pagemenu:hover li a:hover {
	background:url(../images/fleche.gif) no-repeat 99% 12px;
	color:#961b4e;
}


/*----------------------------------------
				content filas
----------------------------------------*/
.content1fil {
	display:block;
	width:720px;
	padding-right:20px;
}
.content2fil {
	float:right;
	margin: 20px 0 20px 0;
	padding-left:30px;
	border-left: 1px #CCC solid;
}
.content2fil .fila {
	width:340px;
}

.fila { float: left; }
.fila.first, .fila.last { margin-left: 0 !important; }
.fila.first, .fila.last { margin-right:20px; float: left !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, .content2fil:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .content2fil { zoom: 1; }


/*-------------------------------------------
					layout 
--------------------------------------------*/

html { background: #f2f2f2; }
html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; text-decoration: none; text-transform:none;}
ul,ol { list-style: none; }
img { border: none; }

#content { padding: 18px 50px 18px 50px; }

h1, h2, h3, h4, h5, h6 { color:#000; font-family: Arial, Verdana, sans-serif; text-decoration: none; text-transform:none;}
h1 { margin-bottom:.3em; font-size:3em; line-height:1.4; font-weight:normal; text-decoration: none; text-transform:none;}
h2 { margin-bottom:.3em; font-size:2em; line-height:1.4; font-weight:normal; text-decoration: none; text-transform:none;}

h3 { 
	font-family: Arial, Verdana, sans-serif;
	margin-bottom:.9em; 
	padding:3px 7px;
	font-size:1.1em; 
	line-height:1.4; 
	font-weight:normal; 
	background-color:#CCC; 
	color:#961B4E; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	text-transform:none;
}

h4 { font-size:1em; line-height:1.5; text-decoration: none; text-transform:none;}
h5 {}
h6 {}

.title h2 { 
	font-family: Arial, Verdana, sans-serif;
	margin-bottom:.9em; 
	padding:3px 7px;
	font-size:1.5em; 
	line-height:1.4; 
	font-weight:normal; 
	background-color:#961B4E; 
	color:#FFF; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	text-transform:none;
}

.title h3 { 
	font-family: Arial, Verdana, sans-serif;
	margin-bottom:.9em; 
	padding:3px 7px;
	font-size:1.1em; 
	line-height:1.4; 
	font-weight:normal; 
	background-color:#CCC; 
	color:#961B4E; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	text-transform:none;
}

#main { width:984px; margin:0 auto; zoom:1; }

/*--------------------------------------------
			Recuadros de servicios 
---------------------------------------------*/

#recuadrosfooter #recuadros h4 { margin-bottom: 2px; padding: 0 0 0 15px; }
#recuadrosfooter #recuadros h4 a { display: block; }
#recuadrosfooter #recuadros h5 { color: #961B4E; font-size: 14px; font-weight: bold; font-family:Tahoma, Geneva, sans-serif; }
#recuadrosfooter #recuadros p { font-size: 11px; margin-bottom: 8px; padding-left: 15px; }
#recuadrosfooter #recuadros a { display: inline; padding: 0; }
#recuadrosfooter #recuadros a.more { padding-right: 8px; background-position: 100% 60%; }

#recuadrosfooter {width:984px; margin:2px 0 0 5px; padding-top:17px; background:url(../images/recuadros/footer_top.png) no-repeat; zoom:1;}
#recuadrosfooter #recuadros {width:980px; margin-bottom:0; padding:0 2px 4px; background:url(../images/recuadros/footer_bottom.png) no-repeat 0 100%; zoom:1;}

#recuadrosfooter #recuadros:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#recuadrosfooter #recuadros li.recuadro {text-align:left; position:relative; float:left; width:244px; min-height:17em; _height:15em; padding-right:1px; margin-top:-16px; }
#recuadrosfooter #recuadros li.recuadro a { color:#777; }
#recuadrosfooter #recuadros li.recuadro:hover a { color:#961B4E; text-decoration:none; font-weight:normal;}

#recuadrosfooter #recuadros img { display:block; }

#recuadrosfooter #recuadros h4 a,
#recuadrosfooter #recuadros p a,
#recuadrosfooter #recuadros ul { position:relative; display:block; padding-left:15px; padding-right:12px; text-align:left; z-index:101; }

#recuadrosfooter #recuadros h4 a { font-size:18px; font-weight:normal; padding-top:15px; }
#recuadrosfooter #recuadros p { margin-bottom:0; }
#recuadrosfooter #recuadros p a { font-size:11px; line-height:1.4; }
#recuadrosfooter #recuadros a.image { height:185px; position:absolute; bottom:0; z-index:100; }

/* MAIN */

#content { padding: 0; position: relative; color: #333; }

/* TYPE */
body { font: 12px/18px Arial, Verdana, sans-serif;  line-height:1.5; color:#333; background-color:#F2F2F2; }

a { color: #961B4E; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }


p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

/*--------------------------------------------- 
					enlaces 
----------------------------------------------*/
.enlaces { display: block; zoom: 1; }
.enlaces:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.enlaces li { float: left; display: inline; }
.enlaces a { border-left: 1px solid #888; padding: 0 0 0 0.75em; margin-left: 0.75em; color:#961b4e; text-decoration:none; }
.enlaces a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

/*---------------------------------------------
				GLOBALHEADER 
----------------------------------------------*/
#globalheader { width: 982px; height: 38px; margin: 18px auto; position: relative; z-index: 9998; }

/*---------------------------------------------
				Global Footer 
----------------------------------------------*/
#globalfooter { 
		border-top: 1px solid #999; 
		width: 980px; 
		color: #888; 
		font-size: 10px; 
		margin: 15px 0 15px 7px;
		padding-bottom: 10px;
		padding-top: 10px;
		text-align: left !important; 
}
		
#globalfooter p.footer-copyright { float: left; width: 52%; margin: 5px 0 5px 0px; }
#globalfooter .footer-links { float: right; margin: 5px 0px 5px 0; }


.flag {
		margin-top:2px;
		margin-right:7px;
}


.nota {
	clear:both;
	width:auto;
	display:block;
	background-color:#F2F2F2; 
	padding:10px 10px 10px 10px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.list {
	float:left;
	border:0;
	padding:2px 7px 0 0;
}

.numero {
	margin-top:-2px;
}

.arrow {
	margin-top:2px;
	padding-left:5px;
}


	
/*----------------------------------------
				Menu Tabs E
---------------------------------------- */

    #tabsB {
      float:left;
      width:100%;
      background:#F2F2F2;
      font-size:93%;
      line-height:normal;
	  margin-bottom:15px;
	  -webkit-border-radius: 5px;
	  -khtml-border-radius: 5px;	
	  -moz-border-radius: 5px;
	  border-radius: 5px;
      }
    #tabsB ul {
	  margin:0;
	  padding:10px 10px 0 60px;
	  list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background:url("../images/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url("../images/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#961B4E;
	  font-weight:bold;
      }
	  
	  #tabsB .active a span {
      color:#000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }
	
.srch {
	float:right;
	background:url(../images/search/srch_bg.gif) repeat-x;
}

.buscar {
	float:left;
	background:url(../images/search/srch_bg.gif) repeat-x;
	margin:0;
	padding:0;
	border:none;
	width:120px;
	color:#666;
	font-size:9pt;
	text-decoration:none;
}

.buscar-left {
	float:left;
	background: url(../images/search/srch_l.gif) no-repeat;
	margin:0;
	padding:0;
	width:19px;
	height:19px;
}

.buscar-right {
	float:left;
	background: url(../images/search/srch_r.gif) no-repeat;
	margin:0;
	padding:0;
	width:19px;
	height:19px;
}

.dali {
	margin: 0 7px 7px 0;
}

.buscar {
float:left;
background:url(../images/search/srch_bg.gif) repeat-x;
margin:0;
padding:0;
border:none;
width:120px;
color:#666;
font-size:9pt;
text-decoration:none;
}

.buscar-left {
float:left;
background: url(../images/search/srch_l.gif) no-repeat;
margin:0;
padding:0;
width:19px;
height:19px;
color: #FFFFFF;
text-align: right;
}

.buscar-right {
float:right;
background: url(../images/search/srch_r.gif) no-repeat;
margin:0;
padding:0;
width:19px;
height:19px;
color: #FFFFFF;
}




/*-----------------------------------------
				page menu 
-----------------------------------------*/

#eventos { float:left; margin-top:10px;}
#eventos li { padding:0 0 1px; _padding-top:2px; }
#eventos li a { display:block; position:relative; color:#8c8c8c; line-height:25px; -webkit-transition:color 0.2s ease-in-out; -moz-transition:color 0.3s ease-in-out; }
#eventos:hover li a { color:#333; text-decoration:none; -webkit-transition:color 0.2s ease-in-out; -moz-transition:color 0.3s ease-in-out; }
#eventos li a:hover,
#eventos:hover li a:hover {	color:#961b4e;}

/*-----------------------------------------
				news list 
-----------------------------------------*/

#news_nota {

	float:left;
	width:280px;
	height:300px;
	display:block;
	background-color:#FFF; 
	padding: 3px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:11px;
	font-family: Arial, Verdana, sans-serif;
	color:#666;
	margin: 0;
}

#news_nota h1 {
	width:auto;
	height:32px;
	display:block;
	background-color:#961B4E; 
	padding: 0;
	margin:0 0 5px 0;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:13px;
	font-family: Arial, Verdana, sans-serif;
	text-align:center;
	color:#FFF;
}



.portlet-content { 
	padding: 0.4em; 
}

.news-list-wrap{
	height:auto;
	overflow:hidden;
}
.news-list li {
	margin-bottom:5px;

}

.news-list li img{
	float:left; 
	padding:0 6px 0px 0px;
}

.news-list span{
	border-bottom:dotted 1px #CCC;
	clear:both;
	display:block;
	width:100%;
	padding:0 0 5px 0;
}

.news-list li p.member-info{
	line-height:1.4em;
	font-size:0.9em;
}

.logoT{
background: url(../images/twt.jpg) no-repeat top right;
	width: 61px;
	height: 17px;
	float: right;
	margin: 0 0 0 2px;
}