@charset "UTF-8";
/* reset: tags */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}



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

html {}

body {
	background:url(../images/cssimg/bg-main1.jpg);
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	position:relative;
	}



/* -- Typography ----------  */ 

h1 {
	font-family: 'allerbold';
	font-size:28px;
	color:#000;
	line-height:100%;
	padding-bottom:10px;
	}

h2 {
	font-family: 'allerbold';
	font-size:22px;
	color:#81b67c;
	
	}

h3 {
	font-family: 'allerbold';
	font-size:17px;
	line-height:110%;
	}

h4 {	 
	font-family: 'allerbold';
	font-size:20px;
	 }

h5 {
	
	}

p {
	line-height:135%;
	}

b {}

a {
	text-decoration:none;
	color:#81b67c;
	}

a:hover {
	text-decoration:underline;
	color:#000;
	}

em {
	font-style:italic;
	}

.txtSmall1 {
	font-size: 12px;
	}
	
.txtBig1 {
	font-size: 16px;
	}
	
.taggedText {
	background:#ececec;
	padding:2px 6px;
	}		

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



/* --- Main Layout ----------  */

#siteHeaderExtend {	
	height:85px;
	background:#000000;
	width:100%;
	position:absolute;
	}


#siteWrapper {
	width:980px;
	margin:0 auto;
	position:relative;
	}


#siteHeader {
	position:relative;
	z-index:2;
	width:980px;
	height:108px;
	background:url(../images/cssimg/header-bg1.png) no-repeat;
	}


#siteContent {
	width:800px;
	background:#FFFFFF;
	margin:-25px 0 0 0px;
	padding:45px 25px 25px 25px;
	}

#siteFooter {
	position:relative;
	background:#000000;
	width:820px;
	padding:12px 15px;
	left:-25px;
	top:30px;
	
	}


#mainContent {
	
	}
	
#sideBar {

 	}	


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




/* --- Common Styles ----------  */

.clear {
	clear:both;
	}
	
.vertSpacer05 {
	height:5px;
	}	

.vertSpacer1 {
	height:10px;
	}	
		

.vertSpacer2 {
	height:20px;
	}	
		
	
.vertSpacer3 {
	height:30px;
	}	
	
.horLine1 {
	width:auto;
	height:1px;
	background:#CCC;
	}	
	

.bt_readMore1, .bt_readMore2 {
	padding:0 8px 3px 8px;
	background:#81b67c;
	color:#FFF;
	text-decoration:none;
	font-family: 'allerbold';
	font-size:13px;
	position:relative;
	top:5px;
}

.bt_readMore2 {
	padding:0px 8px 2px 8px;
	background:#000;
	color:#FFF;
}

.bt_readMore1:hover, .bt_readMore2:hover {
	background:#ccc;
	color:#000;
	text-decoration:none;
	}
	
	
.bt_Download1, .bt_Download2 {
	display:block;
	padding:3px 8px 6px 8px;
	background:#81b67c;
	color:#FFF;
	text-decoration:none;
	font-family: 'allerbold';
	font-size:13px;
	position:relative;
	top:5px;
}	
	
	
.bt_Download1:hover, .bt_Download2:hover {
	background:#ccc;
	color:#000;
	text-decoration:none;
}	

.bt_big1 {
	display:inline-block;
	padding:3px 14px 4px 14px;
	background:#81b67c;
	color:#FFF;
	text-decoration:none;
	font-family: 'allerbold';
	font-size:18px;
	position:relative;
	top:5px;
	}
	
.bt_big1:hover {
	color:#000;
	text-decoration:none;
	}	
	
.bt_big1 .text {
	position:relative;
	top:-2px;
	z-index:1;
	}	
	
.bt_big1 .ico-star1 {
	top:-20px;
	right:-15px;
	z-index:0;
	}
	
	
	
/* text holders */



/* text holder2  --> textareas (ckeditor) */
.textHolder2 {
	line-height:130%;
	color:#333;
	font-size:13px;
	margin:15px 0 0 0;
	width:580px;
	}
	
	
.textHolder2 ul {
	margin:0px;
	
	}

.textHolder2 li {
	margin-left:20px;
	
	}
	
.textHolder2 p {
	margin:0;
	line-height:100%;
	/*color:#999999;*/
	}	
	
	
.textHolder2 .cuadroVerde {
	background:#81b67c;
	padding:4px 6px;
	color:#FFFFFF;
	}	
		
.textHolder2 .textoGris1 {
	color:#666;
	font-size:16px;
	}	
	
	
.textHolder2 .textoPequeno {
	font-size:12px;
	color:#666;
	}		
				
		
	
.textHolder2 h3 {
	border-bottom:1px solid #ccc;
	padding:0 0 6px 0;
	line-height:130%;
	margin:0 0 8px 0;
	}		
	
	

.textHolder3 {
	line-height:130%;
	color:#333;
	font-size:13px;
	}	
		
	
.textHolder3 .col_left {
	width:380px;
	float:left;
	margin:0 10px 0 2px;
	}	
	
.textHolder3 .col_right {
	width:380px;
	float:left;
	margin:0 0 0 10px;
	}					
				
		
	
/* ---- ICONS --- */

/* idividual icons are defined in file: icon-sprites.css*/

.ico-arrow-down1 {
	position:relative;
	top:8px;
	line-height:8px;
	padding:0 8px;
	margin:0 0 0 5px;
	background:url(../images/cssimg/ico-arrow-down1.png) no-repeat;
	}
	
.ico-star1 {
	display:block;
	position:absolute;
	width:47px;
	height:45px;
	background:url(../images/cssimg/icon-star1.png);
	}	


/* --- Header ----------  */

#siteLogo {
	display:block;
	position:absolute;
	top:15px;
	left:30px;
	width:130px;
	height:70px;
	background:url(../images/cssimg/logo-top2.png) no-repeat;
	}
	
#siteLogo:hover {
	background:url(../images/cssimg/logo-top2.png) 0 -70px no-repeat;
	}	
	
#topNavigation {
	position:relative;
	right:130px;
	top:25px;
	}
	
#topNavigation li {
	list-style:none;
	}	
	
#topNavigation ul {
	margin:none;
	}		

#topNavigation a {
	font-family: 'allerbold';
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
	padding:2px 15px 5px 15px;
	background:#81b67c;
	word-spacing:-1px;
	}
	
	
#topNavigation a:hover, .selected {
	background:url(../images/cssimg/bg-tranp-white1.png);
	color:#000000;
	}	
	

#topNavigation .withSubmenu:hover, #topNavigation .withSubmenu_selected  {
	background:url(../images/cssimg/bg-tranp-white1.png);
	/*padding-bottom:15px;*/
	color:#000000;
	}		
	
	
#topNavigation .level1  {
	float:right;
	margin:0 0 0 10px;
	position:relative;
	}


#topNavigation .level2 {
	display:none;
	position:absolute;
	width:200px;
	top:40px;
	left:0px;
	padding:8px 5px;
	background:url(../images/cssimg/bg-tranp-white1.png);
	}
	
#topNavigation .level2 li {
	float:none;
	display:block;
	width:100%;
	margin:0 0 4px 10px;
	}	

#topNavigation .level2 a {
	color:#333;
	background:none;
	font-size:14px;
	padding-left:0;
	line-height:100%;
	}
	
#topNavigation .level2 a:hover {
	color:#336633;
	background:none;
	}	


#topNavigation .level2 li {}




#topSocialMedia {
	position:absolute;
	right:20px;
	top:18px;
	}	
	

#topSocialMedia .iconHolder a {
	line-height:120%;
	color:#666;
	font-size:11px;
	text-align:center;
	}	
	
#topSocialMedia .iconHolder a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}		
	
#topSocialMedia .iconHolder a span {
	display:block;
	}		

#topSocialMedia .ico_facebook {
	width:30px;
	height:30px;
	margin:0 auto;
	background:url(../images/cssimg/ico-sprite-30.png)
	}	
	

	

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




/* --- Content Boxes ----------  */



/* home page */
.contBox_main_home1 {
	position:relative;
	top:-45px;
	margin:0 0 -40px 0;
	}

.contBox_main_home1 h1 {}


.contBox_main_home1 .imageHolder {
	position:relative;
	width:850px;
	left:-25px;
	margin:0px 0 5px 0;
	}
	
	
.contBox_main_home1 .imageHolder .bt_big1 {
	display:block;
	height:30px;
	position:absolute;
	top:260px;
	right:25px;
	color:#000;
	}

.contBox_main_home1 .imageHolder .bt_big1:hover {
	color:#fff;
	}	
		
	
.contBox_main_home1 .textHolder {}


	

.contBox_main_1 {}

.contBox_main_1 h1 {
	text-transform:uppercase;
	color:#333333;
	margin:0 0 8px 0;
	}
	
.contBox_main_1 h1 span {
	font-family: 'allerregular';
	color:#CCC;
	}	

.contBox_main_1 .textHolder {
	line-height:130%;
	color:#333;
	}



	
	


/* 2 columns version 1 (example: "tallers detail) */


.contBox_main_2cols_1 {}

.contBox_main_2cols_1 h1 {
	text-transform:uppercase;
	color:#333333;
	margin:0 0 8px 0;
	}
	
.contBox_main_2cols_1 h1 span {
	font-family: 'allerregular';
	color:#999;
	}	
	
	

.contBox_main_2cols_1  .imageHolder{
	
	}	

.contBox_main_2cols_1 p {
	margin: 0 0 15px 0;
	font-size:13px;
	line-height:130%;
	color:#333333;
	}	


.contBox_main_2cols_1 .colLeft {
	width:400px;
	float:left;
	}


.contBox_main_2cols_1 .colRight {
	width:358px;
	float:left;
	margin:0 0 0 20px;
	}
	
.contBox_main_2cols_1 .additionalInfo {
	float:right;
	}
	
.contBox_main_2cols_1 .bt_Download1 {
	float:right;
	margin:8px 0 4px 0;
	}			
	

.contBox_main_2cols_1 .bt_Download2 {
	float:left;
	margin:4px 0 4px 0;
	}				
	
	
.contBox_main_2cols_1 .additionalInfo table {
	margin:15px 0 0 0;
	font-size:13px;
	}	

.contBox_main_2cols_1 .additionalInfo td {
	padding:0 18px 0 0;
	line-height:130%;
	}		
	
.contBox_main_2cols_1 .additionalInfo .tagged {
	padding:5px 15px 5px 0;
	line-height:130%;
	}			
		
		
		
/* 2 columns version 2 (example: "contact") */		

.contBox_main_2cols_2 {
	margin:0 0 0 10px;
	}

.contBox_main_2cols_2 .colLeft {
	width:290px;
	float:left;
	}

.contBox_main_2cols_2 .colRight {
	width:500px;
	float:left;
	}
	
.contBox_main_2cols_2 p {
	line-height:135%;
	}	

.contBox_main_2cols_2 #googelMapsHolder {}




/* 2 columns version 3 (example: "blog" , "static default" ) */		

.contBox_main_2cols_3 {
	margin:0 0 0 10px;
	}

.contBox_main_2cols_3 .colLeft {
	width:595px;
	float:left;
	}

.contBox_main_2cols_3 .colRight {
	width:155px;
	float:left;
	margin:0 0 0 35px;
	}
	
.contBox_main_2cols_3 h3 {
	margin:6px 0;
	}	
	
.contBox_main_2cols_3 p {
	line-height:135%;
	font-size:14px;
	}	

.contBox_main_2cols_3 .imageHolder {
	width:595px;
	overflow-x:hidden;
	}	
	
	
	
	
/* side menu */	
.contBox_main_2cols_3 .sideMenu1 {
	list-style:none;
	}		
	

.contBox_main_2cols_3 .sideMenu1 {
	line-height:135%;
	}		
		
	
.contBox_main_2cols_3 .sideMenu1 a {
	list-style:none;
	font-family: 'allerbold';
	font-size:16px;
	color:#666;
	}			


/* blog entry */


.contBox_main_2cols_3 .entryBox {
	margin:0 0 25px 0;
	border-bottom:4px #81b67c solid; 
	padding:0 0 18px 0;
	} 
	

.contBox_main_2cols_3 .entryBox h2 {
	font-size:22px;
	color:#666;
	padding:0 0 4px 0;
	border-bottom:#CCC 1px solid;
	margin-bottom:5px;
	} 
	
	
.contBox_main_2cols_3 .entryBox p {
	/*font-size:13px;*/
	} 
		

.contBox_main_2cols_3 .infoHolder {
	font-size:12px;
	line-height:120%;
	margin:0 0 10px 0;
	border-bottom:1px solid #CCC;
	padding:0 0 5px 0;
	} 	
	
	
.contBox_main_2cols_3 .infoHolder .left {
	float:left;
	} 	
	

.contBox_main_2cols_3 .infoHolder .right {
	float:right;
	text-align:right;
	color:#666;
	} 		
		

.contBox_main_2cols_3 .imageHolder {
	margin:8px 0;
	} 		
	
	
.contBox_main_2cols_3 .entryBox .bt_readMore1 {
	float:left;
	margin:0 15px 0 0;
	}	
	
.contBox_main_2cols_3 .entryBox .facebook-like {
	position:relative;
	top:5px;
	float:left;
	margin:0 0 0 0px;
	width:300px;
	}		


.contBox_main_2cols_3 .entrySticky h2 {
	font-size:22px;
	color:#666;
	padding:0 0 4px 0;
	border-bottom:0px;
	margin-bottom:5px;
	}





/* 1/4th content box (example home, "novetats") */


.contBox_4th_1 {
	width:175px;
	float:left;
	margin:0 25px 25px 0;
	}


.contBox_4th_1 h3 {
	margin:0 0 8px 0;
	}
	

.contBox_4th_1 p {
	font-size:13px;
	line-height:120%;
	color:#333;
	}	
	
.contBox_4th_1 .thumb {
	width:175px;
	overflow-x:hidden;
	margin:0 0 6px 0;
	}	
	
	
	
/* 1/3rd content box (example: "lista tallers") */	
	

.contBox_3rd_1 {
	width:232px;
	float:left;
	margin:0 25px 30px 0;
	}


.contBox_3rd_1 h3 {
	margin:0 0 8px 0;
	font-size:16px;
	}
	

.contBox_3rd_1 p {
	font-size:13px;
	line-height:120%;
	color:#333;
	}	
	
.contBox_3rd_1 .thumb {
	width:232px;
	overflow-x:hidden;
	margin:0 0 6px 0;
	}			



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



/* --- Footer ----------  */



#siteFooter {
	color:#999;
	font-size:12px;
	}
	
#siteFooter a:hover {
	color:#FFFFFF;
	}	



#siteFooter .left {
	float:left;
	font-size:11px;
	}
	
#siteFooter .facebook-like {
	float:left;
	margin:0 25px;
	}	

#siteFooter .right {
	float:right;
	text-align:right;
	}

.logoBottom {
	width:62px;
	height:32px;
	background:url(../images/cssimg/logo-bottom.png);
	}	



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