/* CSS Document */




.col2{
	-moz-column-count: 2;  
	column-count: 2;
	 -webkit-column-count: 2; 
	 
	 column-gap: 20px;  
	 -moz-column-gap: 20px; 
	  -webkit-column-gap: 20px;  
	}


html, body {
height: auto;
}

*{
margin:0;
padding:0;

}


  
.spacer{
clear:both;
font-size:0;
line-height:0;
}

.clearfix{clear:both; margin:0px; padding:0px;}



BODY {
background:#f5f5f5 url(../images/bg2.png) repeat;
font-size: 100%;
font-style : normal;
line-height : 1.4;
text-decoration : none;
color : #111111;
font-weight : normal;
font-family:Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
text-align:center;
height:auto;
overflow-y:auto;
overflow-x:hidden;
max-height:800px;
}

#wrap {
width:auto;
height:auto;
margin:0px ;
padding:0px;
}
* html #wrap {height:auto;}


#header{
	background-color: #fff;
width: 100%;
margin: 0px 0px 20px 0px;
padding: 0px 0px 10px 0px;
}

#inner-wrap:after {
content:" ";
display:block;
clear:both;
width:auto;

}
* html #inner-wrap {
height:1px;
}

#inner-wrap {
padding-bottom:2px;
background-color:inherit;
margin:0px auto;
max-width:980px;
width:100%;
}

#tripa{
border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
    display: block;
    float: left;
    height: 100%;
    max-width: 980px;
    padding-left: 0;
    width: 100%;
	margin:0px 0px 20px;
	background:#fff;
	box-shadow: 0 1px 5px #DEDEDE;
}
#cos{
height:auto;
max-width:1200px;
width:100%;
}
#main{
	height:auto;
max-width:1200px;
width:100%;
display:inline-block;
	}
#top1{
	
	/*background: none repeat scroll 0 0 #FFFFFF;*/
    display: block;
    height:auto;
    margin: 0 auto;
    max-width: 980px;
    padding:0px;
  /*  position: fixed;*/
    top: 0;
    width: 100%;
    z-index: 9999;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;

	}
	
#top1.f-nav{
	 z-index: 9999;
	  position: fixed;
	   left: 0;
	    top: 0; 
		width: 100%; 
		max-width:100%;
		 background-color: #fff;
		  margin:0px auto;
		  }	
		  
		  #top1.f-nav .nav{
			  	max-width:980px;
				margin:0px auto;
			  }
	
#menu1 {
/* border-bottom: 1px solid #DEDEDE; */
width: 280px; 
float: right;
height: auto;
display: block;
margin: 0px;
text-align: left;
}

.moduletable-slogan{
	width:300px;
	height:40px;
	float:left;
	display:block;
	text-align:left;
	}

#top1 h1{
	width:300px;
	height:40px;
	line-height: 40px;
	float:left;
	display:block;
	font-family: 'Quicksand', sans-serif;
	font-weight: normal;
	color: #bbb;
	}
	
	#menu1 a {
font-family: 'Quicksand', sans-serif;
color: #777;
float: left;
margin: 0 1px 1px 0;
padding: 0px 7px;
text-decoration: none;
position: relative;
line-height: 40px;
z-index: 9999;
font-size:14px;
transition:all 0.2s ease-in-out;
}
		#menu1 a:hover, #menu1 a:focus{
			color:#bbb;
			}
			
			#menu1 li.active a{
			color:#bbb;
		
			}
			
#menu1 li ul li {display:none;}			
			
#menu2{
	width:35%;
	float:right;
	height:auto;
	display:block;
	margin:0px;
	text-align:right;
	/*border-bottom: 1px solid #DEDEDE;*/
	}
	#menu2 a{
		font-style:italic;
		font-family:Georgia, "Times New Roman", Times, serif;
		background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    float: right;
    margin: 0 0 1px 1px;
    padding: 3px 7px;
    text-decoration: none;
	position:relative;
	z-index:9999;
	
		}
		#menu2 a:hover{
			color:#fff;
			background:#555  url(../images/bg.png) repeat center top;
			}
			
			#menu2 li.active a{
			color:#fff;
			background: url(../images/bg.png) repeat center top;
			}

#top2{
	height: 150px;
display: block;
max-width: 1200px;
width: 100%;
margin: 0px auto 0px;
text-align: center;
padding: 20px 0px 0px;
	}
#logo{
	height:150px; 
	diplay:block;
	max-width:160px;
	margin:0px auto;
width:100%;
}
#logo img{
	width:100%;
	min-width:120px;
	max-width:160px;
}


a:link, a:visited, a:active{
font-size:inherit;

	color: #333;

	text-decoration:none;
	
}

a:hover {
font-size:inherit;

	color: #777;

	text-decoration: none;
	
}

#flash {
/* border: 1px solid #DEDEDE; */
display: block;
height: auto;
margin: 0 auto 10px auto;
max-width: 980px;
width: 100%;
}

#video {
/* border: 1px solid #DEDEDE; */
display: block;
height: auto;
margin: 0 auto 10px auto;
max-width: 980px;
width: 100%;
}

#bloc{
 border-top: 1px solid #DEDEDE; 
max-width: 960px;
padding: 10px 10px 0px;
width: 100%;
	}
	
	.moduletable-bloc h3 {
width: 90%;
height: 40px;
line-height: 40px;
display: block;
font-family: 'Quicksand', sans-serif;
font-weight: normal;
color: #333;
font-size: 22px;
padding: 10px 0px 0px 10px;
}
	
/*#bloc .moduletable{
	background: none repeat scroll 0 0 #F8F8F8;
    float: left;
    margin: 10px 0 0;
    max-width: 290px;
    padding: 5px;
    width: 100%;
	}*/


.moduletable-all{
	height:40px;
	width:100%;
	max-width:980px;
	margin:0px 0px 10px 0px;
	display:block;
	 }
	 
	 
	 .moduletable-latest{
	width:100%;
	max-width:980px;
	margin:0px 0px 10px 0px;
	display:block;
	 }
	.moduletable-latest h2 {
width: 100%;
/* background: none repeat scroll 0 0 #B3B3B3; */
color: #333;
font-family: 'Quicksand',sans-serif;
font-weight: normal;
height: 30px !important;
line-height: 30px !important;
font-size: 20px !important;
margin: 0px;
padding: 4px 10px 0px;
text-align: left;
}

#footer{
margin-top:20px;
display:block;
background-image:url(../images/pieweb.gif);
background-position:left top;
background-repeat:repeat-x;
clear:both;
width:100%;
height:0px;
}



#texto{
	max-width: 350px;
float: left;
margin: 0px 10px 0px 10px;
}















/* ---------------------------------------------------------------------------------------------------*/

/*GENERALS*/




span.pagenav {
font-family:Georgia, "Times New Roman", Times, serif;
font-size : 12px !important;
color : #000;
text-decoration : none !important;
padding : 0 2px 2px 4px;
margin : 1px;
font-style:italic;
padding:5px !important;
}
a.pagenav, a.pagenav:visited {
font-family:Georgia, "Times New Roman", Times, serif;
font-size : 12px !important;
color : #999;
text-decoration : none padding:5px !important;;
font-style:italic;
padding:5px !important;
transition:all 0.2s ease-in-out;
}
a.pagenav:hover {
font-family:Georgia, "Times New Roman", Times, serif;
font-size : 12px !important;
color : #000;
text-decoration : none;
font-style:italic;
padding:5px !important;
}





table.pagenav{
	border-top:1px solid #eee;
	margin: 50px auto 0 !important;
    width: 100%;
	}


th.pagenav_next a, th.pagenav_next a:visited{
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
font-size : 12px !important;
color : #999;
text-decoration : none padding:5px !important;;
font-style:italic;
padding:5px !important;
transition:all 0.2s ease-in-out;
font-weight:normal;
}
th.pagenav_next a:hover, th.pagenav_next a:focus{
	font-family:Georgia, "Times New Roman", Times, serif;
font-size : 12px !important;
color : #000;
text-decoration : none;
font-style:italic;
padding:5px !important;
font-weight:normal;
}

th.pagenav_prev a,  th.pagenav_prev a:visited{
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
font-size : 12px !important;
color : #999;
text-decoration : none padding:5px !important;;
font-style:italic;
padding:5px !important;
font-weight:normal;
transition:all 0.2s ease-in-out;
}

th.pagenav_prev a:hover, th.pagenav_prev a:focus{
	font-family:Georgia, "Times New Roman", Times, serif;
font-size : 12px !important;
color : #000;
text-decoration : none;
font-style:italic;
padding:5px !important;
font-weight:normal;
}

.newsfeed_item{

text-align: left;

	margin:2px 20px 2px 0px;

	color: #000000;

	font-size: xx-small;

	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}
	



ul.newsfeed {list-style:none;padding:0px;margin:0px;}


li.newsfeed a {
	font-weight: normal;
	font-style: normal;
	line-height:1;
}
li.newsfeed {
		background: url(../images/rssicon.png) no-repeat left center;
		padding-left: 24px;
		line-height: 24px;
}


DIV#colb .latestnews, .mostread {
list-style: none;
list-style-image:none;
padding: 0px;
text-align: left;
/*text-indent:5px;*/
background: none;
width:280px;
margin:0px;

}


DIV#colb li.latestnews, DIV#colb li.mostread {
list-style: none;
list-style-image:none;
padding: 0px;
background: none;
font: normal .9em Arial, Helvetica, sans-serif;

}



DIV#colb li.latestnews a, DIV#colb li.mostread a {
text-transform: none;
text-decoration: none;
text-align: left;
padding: 5px;
margin:0px;
width: 100%;
display: block;
color: #666;
border-bottom:1px solid #FFE2E4;
list-style: none;
list-style-image:none;
background-image:url(../images/latest.png);
background-position:left;
background-repeat:no-repeat;
}



DIV#colb li.latestnews a:hover,DIV#colb li.mostread a:hover {
text-decoration: none;
color: #FF6666;
background-color:inherit;
border-bottom:1px dotted #777;
list-style: none;
list-style-image:none;
background-image:url(../images/latest.png);
background-position:left;
background-repeat:no-repeat;
}

DIV#colc .latestnews, .mostread {
list-style: none;
list-style-image:none;
padding: 0px;
text-align: left;
/*text-indent:5px;*/
background: none;
width:280px;
margin:0px;

}


DIV#colc li.latestnews, DIV#colc li.mostread {
list-style: none;
list-style-image:none;
padding: 0px;
background: none;
font: normal .9em Arial, Helvetica, sans-serif;

}



DIV#colc li.latestnews a, DIV#colc li.mostread a {
text-transform: none;
text-decoration: none;
text-align: left;
padding: 5px;
margin:0px;
width: 100%;
display: block;
color: #666;
border-bottom:1px solid #B4E1FB;
list-style: none;
list-style-image:none;
background-image:url(../images/latest.png);
background-position:left;
background-repeat:no-repeat;
}



DIV#colc li.latestnews a:hover,DIV#colc li.mostread a:hover {
text-decoration: none;
color: #0099CC;
background-color:inherit;
border-bottom:1px dotted #777;
list-style: none;
list-style-image:none;
background-image:url(../images/latest.png);
background-position:left;
background-repeat:no-repeat;
}


td {
font-family:inherit;
}

th {
font-family:inherit;}



div.line{
	width:100%;
	height:1px;
	border-top:1px solid #eee;
	display:block;
	margin:10px 0px;
	}


img { border: 0 none; }

a.image, a.image:hover {
border : 0;
}

li {
list-style : none;/*url(../images/arrow.gif) */
margin-bottom:10px;
}
ul {
list-style : none;
margin-left:20px;
}

DIV {
margin : 0 0 0 0;
}
table {
margin : 0 0 0 0;
font-family:inherit;
font-size : inherit;
border : 0;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0px;
	padding: 0px 10px 0px 10px;
	font-size:13px;
}

form label {
	cursor: pointer;
	
}

label{font-size:12px; color:#666666; font-weight:lighter;}


	
select{border:1px solid #eaeaea;
	margin: 0px 0px 0px 0px;
	padding:0px ;
	background:#F5F5F5;
	height:18px;
	font-size: 88%;}


input {
    font-family: Arial;
    padding: 6px 7px;
    margin: 0px;
    background-color: #fff;
    width: auto;
    border-top: 1px solid #b8bec2;
    border-left: 1px solid #b8bec2;
    border-right: 1px solid #b8bec2;
    border-bottom: 1px solid #b8bec2;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0px 2px 3px rgba(0,0,0,.1);
	border-radius:3px;
	behavior: url(templates/fun/polyfill/PIE.htc);
}

input:focus {
    outline: none;
    border-color: #000;
	background:#f8f8f8;
    -webkit-box-shadow: 0px 0px 4px rgba(143, 56, 121, .52);
    -moz-box-shadow: 0px 0px 4px rgba(143, 56, 121, .52);
}

input[type=checkbox] {
    width: auto;
}

textarea{    
width:100%;
max-width:400px;
    font-family: Arial;
    padding: 6px 7px;
    margin: 0px 0px 5px 0px;
    background-color: #fff;
   border-top: 1px solid #b8bec2;
    border-left: 1px solid #b8bec2;
    border-right: 1px solid #b8bec2;
    border-bottom: 1px solid #b8bec2;
    background-color: #fff;
	border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	behavior: url(templates/fun/polyfill/PIE.htc);
    -webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0px 2px 3px rgba(0,0,0,.1);}
	
textarea:focus{
	outline: none;
    border-color: #000;
	background:#f8f8f8;
    -webkit-box-shadow: 0px 0px 4px rgba(143, 56, 121, .52);
    -moz-box-shadow: 0px 0px 4px rgba(143, 56, 121, .52);}
    
select{border:1px solid #eaeaea;
    margin: 0px 0px 0px 0px;
    padding:0px ;
    background:#F5F5F5;
    height:18px;
    font-size: 88%;}

.button, button {
	border:1px solid #eaeaea;
    display: inline-block;
    cursor: pointer;
    padding: 0px 10px;
    color:#fff;
background:#000 url(../images/button.jpg) center bottom repeat-x;
    height:33px;
    margin: 0px;    
    font-size: 13px;
    line-height: 30px;
    text-decoration: none;
    text-align: center;
}
.button:hover, button:hover {
    color:#fff;
    background:#555 url(../images/button.jpg) center top repeat-x;
 
}




/*---------------------------------------------------------------------------------*/







h2 {
	width: 90%;
/* background: none repeat scroll 0 0 #B3B3B3; */
color: #333;
font-family: 'Quicksand',sans-serif;
font-weight: normal;
height: auto !important;
line-height: 24px !important;
font-size: 20px !important;
margin: 0px 0px 10px 0px;
padding: 4px 10px 0px;
text-align: left;
	}















blockquote {
width:90%; /*El ancho de la cita */
padding-left:25px; /*Esta longitud varia de acuerdo al tamaño de la imagen que uses de la comilla abierta*/
background: url(../images/abre-comillas.gif) top left no-repeat; /* aquí especificamos donde se encuentra la imagen de nuestra comilla que abre y la ubicamos */
}
blockquote p {
padding-right:11px;
background: url(../images/cierra-comillas.gif) bottom right no-repeat; /* aquí especificamos donde se encuentra la imagen de nuestra comilla que cierra y la ubicamos */
}

/*****************************************/
/********* menu ul vertical  *****/
/*****************************************/

	
ul.menu {

    height:auto;
	margin: 0;
	padding:0;
	list-style: none !important;
	list-style-image:none !important;
	background-color:#fff/*#E9EEF2*/;
	
}

ul.menu li {
	margin: 0;
	padding:0;
	background: none !important;
	list-style-image:none;
	
}
/*
ul.menu li a {
	padding:10px 0px 10px 0px;
	margin:10px 0px 10px 0px;
	border-bottom:2px #D7DEE4 dotted;
	font-family:Georgia;
	font-size:12px;
	color: #999A9D;
	text-decoration: none;
	font-style:italic;
	outline: none;
	list-style-image:none;
	width:250px;
	line-height:40px;
}

*/

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus
 {
	color: #DF998E;
	text-decoration: none;
	list-style-image:none;
}

ul.menu li.active a {
color: #DF998E;
/*color: #e9b8b1;*/
	/*color: #298DC7;*/
	text-decoration: none;
	list-style-image:none;
}





ul.menu li li a {
	margin: 0;
	padding:0;
border:none;
font-family:Georgia;
font-size:12px;
color: #999A9D;
	/*color: #b0b1b4;*/
	text-decoration: none;
	font-style:italic;
	outline: none;
	list-style-image:none;
line-height:20px;
	
}



ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus
 {border:none;
 color: #DF998E;
    /*color: #e9b8b1;*/
	text-decoration: none;
	list-style-image:none;

}

ul.menu li li.active a {
color: #DF998E;
/*color: #e9b8b1;*/
	/*color: #298DC7;*/
	text-decoration: none;
	list-style-image:none;
}







ul.menu li li li a {
	margin: 0;
	padding:0;
border:none;
font-family:Georgia;
font-size:11px;

	color: #b0b1b4;
	text-decoration: none;
	font-style:italic;
	outline: none;
	list-style-image:none;
line-height:20px;
	
}



ul.menu li li li a:hover,
ul.menu li li li a:active,
ul.menu li li li a:focus
 {border:none;
    color: #e9b8b1;
	text-decoration: none;
	list-style-image:none;

}

ul.menu li li li.active a {
color: #e9b8b1;
	/*color: #298DC7;*/
	text-decoration: none;
	list-style-image:none;
}








#container {
border-top:2px dotted #e9b8b1;
height:auto;
}

#articulo{
padding-right:10px;
float:left;
width:300px;
height:auto;
display:block;}

.articulo{
text-align:left;
padding:0px;
margin:20px 0px 0px 0px;
float:left;
width:700px;
height:auto;
display:block;}


.box {

padding-right:30px;
width: auto;
height:auto;
float: left;
display:inline-block;
}
#lupa{

margin: 0px 0px 0px 0px;
width:32px;
height:32px;
background: url(../images/lupa.png) left top no-repeat;
}
#lupa img{
visibility:hidden;
}
#lupa:hover img{
visibility:visible;
}




/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

span.pathway {
  display: block;
  margin: 0 20px;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size:.90em;
  line-height: 1.3;
  overflow: hidden;
}

/* headers */


h1 {
	text-align:left;
	margin:0px;
	color: #666666;
	font-size:15pt;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:bold;
	
	padding:0;	
}

.contentheading {
width: 100%;
height: 40px;
line-height: 40px;
display: block;
font-family: 'Quicksand', sans-serif;
font-weight: normal;
color: #333;
font-size: 22px;
padding: 10px 0px 0px 10px;
text-transform:uppercase;
	
}
.contentheading-expo {
background: url("../images/h2-bg.png") no-repeat scroll left top transparent;
    color: #555555;
    font-family: 'OstrichSansBold',Arial,Helvetica,sans-serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 40px;
    margin: 0;
    padding: 0 10px;
    text-align: left;
	
}

td.contentheading{
width:100%;
 }



.contentpagetitle {
	text-align: left;
padding-left:50px;
	border-bottom:2px dotted #e9b8b1;
	color:#999;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:18px;
	font-style:italic;

}
a.contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited {
width:auto;
font-style:italic;
	text-align: left;
padding-left:50px;
	border-bottom:2px dotted #e9b8b1;
	color:#999;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:18px;

}
a.contentpagetitle:hover {
text-decoration:none;
border:none;
color:#e9b8b1;
}









table.contentpaneopen td{


	}


#main h4 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #666;
	font-size:1em;
	font-weight:normal;
}

#slogan h4 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #C68C62;
	font-size:0.8em;
	line-height:1.2;
	font-weight:lighter;
}

#main h5 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333;
	font-size:1.5em;
	 padding: 0 10px;
}

H3, table.moduletable th, legend {
  
  font-weight: bold;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: .90em;
 
	margin-bottom: 3px;
	text-align: right;
	color:#666666;
}






.componentheading{
	background: none repeat scroll 0 0 #B3B3B3;
    color: #FFFFFF;
    font-family: 'OstrichSansMedium',Arial,Helvetica,sans-serif;
    font-size: 32px;
    font-weight: normal;
    height: 30px;
    line-height: 36px;
    margin: 0 10px 10px;
    padding: 0 10px;
    text-align: left;

	}
	
	
	.componentheading-expo{
	background: none repeat scroll 0 0 #B3B3B3;
    color: #FFFFFF;
    font-family: 'OstrichSansMedium',Arial,Helvetica,sans-serif;
    font-size: 32px;
    font-weight: normal;
    height: 30px;
    line-height: 36px;
    margin: 0 10px 10px;
    padding: 0 10px;
    text-align: left;

	}
	

table.moduletable td {text-align: left;

	margin:0px;

	color: #111111;

	font-size:.9em;
	
	line-height:1.3;

	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;}

.moduletable{font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:left; font-size:inherit;}

.moduletable h3 {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:left; 

	}
.moduletable-arrow a{
background-image:url(../images/img-arrow-off.jpg);
background-position:left;
background-repeat:no-repeat;}

.moduletable-arrow a:hover,a:active{
background-image:url(../images/img-arrow-on.jpg);
background-position:left;
background-repeat:no-repeat;}

.moduletable-arrow a:visited{
background-image:url(../images/img-arrow-on.jpg);
background-position:left;
background-repeat:no-repeat;}




	

	

	
DIV#cola h3{font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:left; 
color:#7C7C7C/*#3E396C*/;

	font-size:.9em;
	line-height:1;

	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;

	border-bottom:1px solid #ccc;
	}
	
		
DIV#colb h3{font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:left; 
color:#7C7C7C/*#3E396C*/;

	font-size:.9em;
	line-height:1;
	
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;

	
	border-bottom:1px solid #ccc;
	}
	
	DIV#colc h3{font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:left; 
color:#0099CC;

	font-size:.9em;
	line-height:1;
	
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;

	
	border-bottom:1px dotted #f8f8f8;
	}

/* small text */
.small {
	text-align:left;

	margin:0px;

	color: #333;

	font-size:xx-small;

	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

a.small{font-weight:bold; color: #666666;}
a.small:link{
        text-decoration:underline;}
a.small:hover{
        text-decoration:none;}


.modifydate {
text-align:left;

	margin:10px 10px 5px 10px;

	color: #666666;

	font-size:xx-small;

	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

.createdate {
text-align:left;

	margin:0px 10px 5px 10px;

	color: #7A7A7A;

	font-size:xx-small;

	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;

}

a.readon {
	line-height:20px;
	margin-top:10px;
	padding-left:5px;
	padding-right:5px;
	display:block;
	float:right;
	height:20px;
	border: 1px solid #ccc;
	
	color: #777;
	font-size: 11px;
	background-image: url(../images/button_bg.gif);
	background-position:left top;
	background-repeat:repeat;
}

a.readmore{			line-height:20px;
	margin-top:10px;
	padding-left:5px;
	padding-right:5px;
	display:block;
	float:right;
	height:20px;
	border: 1px solid #ccc;
	
	color: #777;
	font-size: 11px;
	background-image: url(../images/button_bg.gif);
	background-position:left top;
	background-repeat:repeat;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
	background-color: #f6f6f6;
}

.ol-background {
	background-color: #666;
}

.ol-textfont {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.ol-captionfont {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	color: #0B55C4;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}



/* spacers */

/*
.article_column {
	padding-right: 5px;
}
*/
.column_separator {
	border:none;
	padding-left: 10px;
}

td.buttonheading {

}

td.buttonheading img {
	border:none;
}

.clr {
	clear: both;
}



div#maindivider {
  border-top: 1px solid #ddd;
  margin-bottom: 10px;
  overflow: hidden;
  height: 1px;
}

table.blog span.article_separator {
	display: none;
	/*height: 20px;*/
}

.blog {
margin: 0px auto;
padding: 10px;
width: 100%;
}

/* edit button */
.contentpaneopen_edit{
	float: left;
	display:none;
}

/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  float: right;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  background: #eaeaea;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #ccc;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  border-bottom:1px dotted #fff;
  font-size:1em;
  line-height:1.4;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

td.sectiontableentry0,
td.sectiontableentry1 {
  background: #5c9ac9;
  border-left: 1px solid #666666;
  border-right: 1px dashed #5c9ac9;
  border-bottom: 1px solid #eaeaea;
  padding: 4px;
  font-size:9px;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  color:#fff;
  
}
td.sectiontableentry2 {
  background: inherit;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #eaeaea;
  padding: 4px;
  font-size:9px;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}


/* content styles */

.contentpaneopen, .contentpane {
	text-align:left;
	color: #555;
	margin:0;
	/* padding:0px 5px 0px 10px;*/
	font-size:10px;
	line-height:14px;	
	font-weight:lighter;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
}
.contentpaneopen p, p {
font-size: 12px;
color: #999;
font-weight: 100;
font-family: 'Georgia', Arial, Helvetica, sans-serif;
/* font-style: italic; */
margin: 0px 0px 10px 5px;
text-align: left;
letter-spacing: 0.7px;
line-height: 19px;
padding: 0 5px;
}

td.article_column p{padding: 0px !important;}

#bloc p{     font-size:12px;
	 color:#222;
	 font-weight:lighter;
	 font-family:'Georgia', Arial, Helvetica, sans-serif;
	 font-style:italic;
	margin:0px 0px 5px 5px;
    text-align:left;
	line-height: 19px;
}
.contentpaneopen p img {
	margin:0px !importnant;
}
h3 {
color: #333;
font-family: 'Quicksand',sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 18px;
margin: 0px 0 0 0px;
letter-spacing: 1px;
padding: 0;
text-transform: uppercase;
text-align: left;
}
	
	#cuadro:hover h3{
		color: #000;
		}
	#cuadro{
	border-top:1px solid #ddd;
		text-align:left;
		width:100%;
		height:200px;
		display:block;
		padding: 20px 0px 0px 0px;
		
		}
		#cuadro p{ 
	transition:all 0.2s ease-in-out;
		}	
		
	#cuadro:hover p{ 
	color:#333;
		}	
		

.contentpaneopen-cat, .contentpane-cat {
	text-align: left;

	margin:0px;

	color: #555;

	font-size:85%;
	
	line-height:1.2;
	
	letter-spacing:.1em;
	font-weight:normal;

	font-family: Arial, Helvetica, sans-serif;
	width:630px;
	
}
table.contentpaneopen-cat li {
	margin-bottom: 2px;
	list-style : url(../images/arrow.gif) none;
}

table.contentpaneopen li {
	margin-bottom: 5px;
	list-style :none;
	list-style-image:none;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #ddd;
}


table.contentpaneopen h4 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #555;
}

.highlight {
	background-color: #fffebb;
}

.category{	text-align: left;

	margin:0px;
	padding:0px;
	color: #555;

	font-size:.80em;
	line-height:1.5;
	
	/*letter-spacing:.1em;*/
	font-weight:400;

	font-family:Arial, Helvetica, sans-serif;}

/* forms */
table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

div.search input {
	width: 145px;
	border: 1px solid #ccc;
	margin: 15px 0 10px 0;
}

form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#form-login ul { padding-left: 20px; }

form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#com-form-login ul { padding-left: 20px; }

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }



/* Text advert style */

.banneritem_text {
	padding: 4px;
	font-size: 11px;
}

.bannerfooter_text {
	padding: 4px;
	font-size: 11px;
	background-color: #F7F7F7;
	text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 5px; border: 1px solid #222; }
.pagination a    { padding: 5px; }
ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
	background: url(../images/dot.gif) repeat-x top;
		list-style-type:none;
	list-style-image:none;
}

ul.pagination li {
	float: left;
    list-style: none outside none !important;
    margin: 0 5px 10px !important;
	
}

ul.pagination li span{
	list-style-type:none;
	list-style-image:none;
}

ul.pagination li a {
	  background:#222;
    border: 1px solid #222;
    padding: 1px 4px;
    text-decoration: none !important;
}


ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	background:#000;
	border: 1px solid #000;
}


/* Polls */
.pollstableborder td {
	text-align: left;
}

/* WebLinks */
span.description {
	display:block;
	padding-left: 30px;
}

/* Frontend Editing*/
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}

legend {
	margin: 0;
	padding: 0 10px;
}

td.key {
	border-bottom:1px solid #eee;
	color: #666;
}

/* Tooltips */

.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul {border:0px; margin:0px;  text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul {  background: url(../../system/images/notice-alert.png) 4px center no-repeat; border:0px; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul {  background:  url(../../system/images/notice-note.png) 4px center no-repeat; border:0px; margin:0px; padding-left: 40px; text-indent:0px;}

dd.message li p{text-align:center;}

dt.message{
	display:none;
	}


#syndicate{
	float:left;
	padding-left: 25px;
}

#power_by{
	float:right;
	padding-right: 25px;
}

/* Component Specific Fixes */




/**
 * Joom!Fish - Multi Lingual extention and translation manager for Joomla!
 * Copyright (C) 2003-2007 Think Network GmbH, Munich
 *
 * All rights reserved.  The Joom!Fish project is a set of extentions for
 * the content management system Joomla!. It enables Joomla!
 * to manage multi lingual sites especially in all dynamic information
 * which are stored in the database.
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307,USA.
 *
 * The "GNU General Public License" (GPL) is available at
 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 * -----------------------------------------------------------------------------
 * $Id: mod_jflanguageselection.css 567 2007-07-17 05:53:43Z akede $
 *
*/

/* Joom!Fish CSS definition used by the module or component. You might overwrite it in your
 * template and remove this. Within your module configuration you can switch off the loading of the css*/


#jflanguageselection
{
   /* float: right;*/
	/*margin: 15px 0px 10px 5px; */ 
	text-align:right;  
}

/* language lists with UL (names & images) */
#jflanguageselection ul.jflanguageselection
{
	
	float:right;
	display:inline;
}

#jflanguageselection ul.jflanguageselection li
{
		BORDER-TOP-WIDTH: 0px;

	BORDER-RIGHT: #979da6 1px solid;

	PADDING-RIGHT: 5px;

	PADDING-LEFT: 5px;

	FONT-SIZE: 10px;

	BORDER-BOTTOM-WIDTH: 0px;

	BORDER-LEFT: #ffffff 1px solid;

	COLOR: #666666;

	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;
	float:right;
	display:inline;
}

#jflanguageselection ul.jflanguageselection li#active_language
{
 	
	BORDER-RIGHT: #FFF7AE 1px solid;

   TEXT-DECORATION: underline;
}

#jflanguageselection ul.jflanguageselection li a
{
	/*display:inline;*/
}

#jflanguageselection ul.jflanguageselection img
{
	border: none;
}

div#jflanguageselection img.langImg {
	float: left;
	border: none;
	margin-top: 3px;
}
div#jflanguageselection li img.langImg {
	float: left;
	border: none;
	margin: 0px 1px 0px 1px;
}

/** Styles for the drop down list */

#jflanguageselection select.jflanguageselection
{
	border: 1px solid #cccccc;
}

#jflanguageselection label.jflanguageselection
{
	position:absolute;
	left:-1000px;
}

/** Controls Raw Display of Images **/

.rawimages {
	text-align: center;
	margin-top: 3px;
}
.rawimages img {
	border: none;
	margin:2px;
}
.rawimages span#active_language img
{
	margin:2px;
	border: none;
}

div#jflanguageselection img.langImg{ float: left; border: none; margin-top: 3px; }
div#jflanguageselection li img.langImg{ float: left; border: none; margin: 1px 3px 0px 0px; }

#jflanguageselection .opaque{
	/*filter:alpha(opacity=30);*/
}
#jflanguageselection option.opaque{
	color:graytext;
}

/*-----------FORMULARIO DE CONTACTO------------*/
/*
#component-contact table td {padding-top:5px; }
#component-contact{height:365px; margin-bottom:0px;  background-image:url(../images/contacto.png); background-position:right top; background-repeat:no-repeat; z-index:100000;}
.contact_email{text-align:left; height:auto; margin-top:-40px; margin-bottom:0px;}
#contact_textmsg{float:left; z-index:10000; margin-top:-110px; margin-left:270px;}
.contact_email textarea{ padding:3px 3px 3px 3px; width:430px; height:82px; float:left; z-index:10000; margin-top:-110px; margin-left:270px; 
 background-image:url(../images/contacto.png); background-position:203px -50px; background-repeat:no-repeat;}
.contact_email button{float:left; margin-top:-40px; margin-left:270px; }
*/
/*-----------FIN FORMULARIO DE CONTACTO------------*/
{
	/*background:url(../images/contact.jpg) right top no-repeat;*/
	}
	.contact_email{
		width:auto;
		position:relative;
		z-index:999;
		margin:0px 0px 0px 0px;
		}
	#component-contact textarea{
		font-size:12px;
		
		}


.cornerBox {
	position: relative;
	background: transparent;
	width: 100%;
}
.corner {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #cfcfcf ;
	font-size: 0%;
}
.cornerBoxInner {
	padding: 10px;
}

a .cornerBox:hover {
	padding: 8px;
}
.TL {
	top: 0;
	left: 0;
	background-position: 0 0;
}
.TR {
	top: 0;
	right: 0;
	background-position: -10px 0;
}
.BL {
	bottom: 0;
	left: 0;
	background-position: 0 -10px;
}
.BR {
	bottom: 0;
	right: 0;
	background-position: -10px -10px;
}








.clearwrap
{

padding: 10px;
	background: transparent;
	-ie-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.clearwrap {
background:#dedede;


}



td.article_column{
	width:300px;
	}
	
.blog-expo {
    width: 100%;
}
		
.contentpaneopen-expo{
	 border-bottom: 1px solid #E9E9E9;
    margin: 10px 0 0 !important;
    padding: 0 0 40px !important;
    width: 100%;
	}		
	.contentpaneopen-expo h2{
background: transparent;
    color: #555555;
    font-family: 'Georgia', Arial, serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 10px;
    padding: 0 10px;
    text-align: left;
		width:100%;
		}
		
		.contentpaneopen-expo .galleria-container{
			background-color:transparent !important;
			}
	
	td.article_column img {
width: auto;
float: left;
margin: 0px 10px 5px 0px;
max-width: 250px;
}
	
td.article_column table{
	margin:0px;
	padding:0px;
	}



#peuleft{width:69.5%;  float:left; display:block; border-right:1px solid #dedede;}

#peuright{width:28.5%;float:right; display:block;}




/*RESPONSIVE*/

	/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
		
		.col2{
	-moz-column-count: 1;  
	column-count: 1;
	 -webkit-column-count:1; 
	 
	 column-gap: 0px;  
	 -moz-column-gap: 0px; 
	  -webkit-column-gap: 0px;  
	}
		
		#texto {
max-width:100%;
float: none;
margin: 0px 10px 0px 10px;
}

.moduletable-slogan {
width: 100%;
height: 40px;
 float: none; 
display: block;
text-align: center;
}

#top1 h1 {
width: 100%;
height: 40px;
line-height: 40px;
float: none;
text-align: center !important;
display: block;
font-family: 'Quicksand', sans-serif;
font-weight: normal;
color: #bbb;
}

ul.menu {
height: auto;
margin: 0px 0px 0px 10px;
text-align: center;
padding: 0;
list-style: none !important;
list-style-image: none !important;
background-color: #fff/*#E9EEF2*/;
}

#menu1 {
border-top: 1px solid #eee;
width: 100%;
float: right;
height: auto;
display: block;
margin: 0px;
text-align: center;
}
	
	.article_column{
	border: 1px solid #FFFFFF;
    float: left;
    margin: 0 0 0 2px;
    max-width: 97.5%;
    padding: 0;
    width: 100% !important;
		}
			.article_column img{
		width:100%;
	
		}
		
		
		
		
		
	
#cuadro {
border-top: 1px solid #ddd;
text-align: left;
width: 100%;
height: auto;
display: block;
padding: 20px 0px 0px 0px;
}
		
		
		td.article_column img {
width: 100%;
float: none;
margin: 0px 10px 5px 0px;
max-width: 100%;
}
		
		
			#bloc {
    border-top: 1px solid #DEDEDE;
    padding: 10px 10px 0;
    width: 93%;
}

		.container_skitter img{
			width:100%;
			}
			.image{
			width:100%;
			}
	
				#top2 {
                margin: 0px auto 0;
                 }		
				 
.moduletable-latest{
overflow: hidden;
    width: 100%;
}	
.moduletable-latest h2 {
	width:100%;
	margin:0px !important;
	
}	

.galleria-thumbnails .galleria-image {
max-width:98% !important;
width:98% !important;
height:350px;
}
			
#social{}					
						
textarea{    
width:80%  !important;
max-width:80%  !important;
    font-family: Arial;
    padding: 6px 7px;
    margin: 0px 20px 5px 0px;
   border-top: 1px solid #b8bec2;
    border-left: 1px solid #b8bec2;
    border-right: 1px solid #b8bec2;
    border-bottom: 1px solid #b8bec2;
    background:url(../images/textarea.png) center top repeat !important;
	border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	behavior: url(templates/fun/polyfill/PIE.htc);
    -webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0px 2px 3px rgba(0,0,0,.1);}		
	
	#component-contact {
   /* background: url("../images/contact.jpg") no-repeat scroll 300px top transparent !important;*/
}				


#peuleft{width:100%;  float:left; display:block; border-right:none;}

#peuright{width:100%;float:left; display:block; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; border-top:1px solid #dedede;}

}

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		#texto {
max-width:100%;
float: none;
margin: 0px 10px 0px 10px;
}

	.article_column{
	border: 1px solid #FFFFFF;
    float: left;
    margin: 0 0 0 5px;
    max-width: 48%;
    padding: 0;
    width: 100%;
		}
			.article_column img{
		width:100%;
	
		}
		
			#bloc {
			
    border-top: 1px solid #DEDEDE;
    padding: 10px 10px 0;
    width: 95.7%;
}

		.container_skitter img{
			width:100%;
			}
			.image{
			width:100%;
			}
	
				#top2 {
                margin: 60px auto 0;
                 }		
				 
.moduletable-latest{
    overflow: hidden;
    width: 100%;
}	
.moduletable-latest h2 {
	width:100%;
	margin:0px !important;
}	
					
			
			
			
			
.galleria-thumbnails .galleria-image {
max-width:235px !important;
width:98% !important;
height:150px;
}			
			
		
		#peuleft{width:100%;  float:left; display:block; border-right:none;}

#peuright{width:100%;float:left; display:block; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; border-top:1px solid #dedede;}				

}





/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation:portrait) {
	
		.article_column{
	border: 1px solid #fff;
    float: left;
    margin:0px 3px;
    max-width:247px;
    padding: 0px;
    width: 100%;
		}
			.article_column img{
		width:100%;
		max-width:247px;
		}
		
			.container_skitter img{
			width:100%;
			}

.image{
			width:100%;
			}
				#top2 {

    margin: 10px auto 0;
}	

	#bloc {
   width: 97.3%;
}

.moduletable-latest h2 {
	width:97%;
}






#peuleft{width:100%;  float:left; display:block; border-right:none;}

#peuright{width:100%;float:left; display:block; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; border-top:1px solid #dedede;}	

	
	}





















#galleria{  min-height:155px; height:auto; padding-left:10px;}

#galleria1, #galleria2, #galleria3, #galleria4, #galleria5, #galleria6, #galleria7, #galleria8, #galleria9, #galleria10, #galleria11, #galleria12, #galleria13, #galleria14, #galleria, 15, #galleria16, #galleria17, #galleria18, #galleria19, #galleria20{
	height:150px !important;
	padding-left: 10px !important;
	}

#video .flexslider .slides > li{
	max-height: 100% !important;
	height:auto !important;
	}