/* BODY */
body {
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 12px;*/
    font-size: 15px;
    color: #5c5a54;
	background:#222222;
    margin:0;
    padding:0;
}



@import url(http://fonts.googleapis.com/css?family=Aclonica);
@import url(http://fonts.googleapis.com/css?family=Michroma);
@import url(http://fonts.googleapis.com/css?family=Paytone+One);


body.mceContentBody { 
   background: #fff; 
   color:#000;
}

/* HEADER */
#header-navigation{

	background: url("/images/background.jpg");
	background-repeat:no-repeat;
	background-size: 100% 100%; 
	/* background-size: cover; */
	/* background-size: contain; */
	/* for IE */
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/background.jpg',sizingMethod='scale')";
	/* for lower IE */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/background.jpg',sizingMethod='scale');	
}
a{position:relative;}  /* Needed for Internet Explorer background image stretch filter -- above */

#header{ height: 354px; }
#header h1 { margin: 0; }


img{border:0px;}

/* LOGO */
#logo {
position:relative; top:190px; left:12px; 
}

#anniversario {
position:absolute; top:150px; right:0px; 
}


/* HORIZONTAL MENU */
#navigation {
	width: 96%;
	clear: both;
	height: 50px;
	margin: 0 auto;
	color:#D2D2D2; 
	background:#000000; 	
}

#navigation ul {

	margin: 0 auto;
	padding: 10px 0 0 0;
	list-style: none;
}

#navigation ul li {
	padding: 0;
	margin: 0px;
	display: inline;
}

#navigation ul li a {
	float: left;
	display: block;
	width: 120px;
	height: 25px;
	padding: 5px 0 0 0;
	margin: 0 5px 0 0;
	font-size: 16px;
	font-weight:bold;	
	text-align: center;
	text-decoration: none;
	color: #ffffff;	
	outline: none;
}

#navigation li a:hover, #navigation li .current {
	color: #000000;
	background:url(/images/templatemo_button_01.png) no-repeat;
}

#navigation li .last {
	margin-right: 2px;
}

/* end of menu */



/* SKELETON 3 COL DESIGN */
#container
{
	margin: 0 auto;
	width: 96%;
}


/* CONTAINER */
#content-container1
{
	background: #fff;
	float: left;
	width: 100%;
}

#content-container2
{
	float: left;
	width: 100%;
}


/* LEFT COL */
#left-content
{
	float: left;
	width: 20%;
	padding: 0 0;
	display: inline;
	background:#fff; /* column 5 background colour */	

}

/* CENTER COL */
#center-content
{
	float: left;
	width: 60%;
	padding: 0 0;
	background:#fff; /* column 5 background colour */
	
font-family: Arial,Helvetica,sans-serif; font-size:13px; color: rgb(92, 90, 84); line-height:20px;	
}

#center-content a:link {color:#006600; text-decoration:none; font-weight:bold;}      /* unvisited link */
#center-content a:visited {color:#006600;text-decoration:none; font-weight:bold;}  /* visited link */
#center-content a:hover {color:#000000;text-decoration:none; font-weight:bold;}  /* mouse over link */
#center-content a:active {color:#006600;text-decoration:none; font-weight:bold;}  /* selected link */ 

#center-content p {font-family: Arial,Helvetica,sans-serif; font-size:13px; color: rgb(92, 90, 84); line-height:20px; }
#center-content h1 { text-align: left; height:22px; background: url(/images/novedades.png) no-repeat left top; padding: 0px 0 0px 30px; font-size: 26px; color:#000000; }
#center-content h2 { text-align: left; height:22px; background: url(/images/novedades.png) no-repeat left top; padding: 0px 0 0px 30px; font-size: 26px; color:#000000; }
#center-content h3 { text-align: left; font-size: 16px; color:#000000; }
#center-content ul
{
	list-style: square;
	margin-bottom: 1.5em;
	padding-left: 1em;
}


#center-content .head_seperator{ 	padding: 1em 0 2em 0; background: url(/images/hr.gif) no-repeat center top;}
#center-content .readmore{margin:0; padding:0; font-size:12px; text-align:right; font-weight:bold; text-transform:uppercase; }
#center-content .readmore a{padding:6px 0 7px 10px; color:#F2F2F2; background:url("/images/readmore_a.png") top left no-repeat; text-decoration:none;}
#center-content .readmore span{padding:6px 30px 7px 0; background:url("/images/readmore_a_span.png") top right no-repeat;}


#center-content .titlex{ min-height: 36px; border: 0px solid black; }
#center-content .descriptionx{ min-height: 190px; border: 0px solid black; font-family:inherit; }
#center-content .readmorex{  position:relative; bottom:0; border: 0px solid black; }
#center-content .seperatorx{ padding: 1em 0 2em 0; background: url(/images/hr.gif) no-repeat center top;}






/* NEWS STYLE */

.imagen_derecha { 
float:right; 	
margin: 4px 10px 5px 0; 
width:269px; 
height: 190px;
}

img.imagen_izquierda {
float:left; 
margin: 10px 10px 10px 0px; 
width:220px; 
height:160px;
}

img.imagen_articles {
float:left; 
margin: 10px 10px 10px 0px; 
width:125px; 
height:125px;
}


#left_news {

    display: inline-block;
	vertical-align:text-top;
    width:50%;

}

#right_news {

    display: inline-block;
	vertical-align:text-top;
    width:50%;

}









/* RIGHT COL */
#right-content
{
	float: right;
	width: 20%;
	padding: 0 0;
	display: inline;
	background:#fff; /* column 5 background colour */

}

#aside h3 { margin: 0; }








/* 5 COLUMN BASE */

#container5 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	color:#D2D2D2; background:#202020; border-bottom:1px solid #151515;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}


#container4 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
	color:#D2D2D2;
}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
	color:#D2D2D2;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
	color:#D2D2D2;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:20%;
	color:#D2D2D2;
}
#col1 {
	float:left;
	width:16%;
	position:relative;
	left:82%;
	overflow:hidden;
}
#col1 h2{color:#80AA47; font-size: 22px;}
#col1 form, #col1 fieldset, #col1 legend{margin:0; padding:0; border:none;}
#col1 legend, #col1 label{display:none;}
#col1 input, #col1 textarea{display:block; width:191px; margin:0 0 15px 0}
#col1 input, #col1 textarea, #col1 select, #col1 button{font-size:12px; color:#FFFFFF; }
#col1 input{height:20px; padding:5px 10px 0 10px; background:url("/images/form_input_bg.png") top left no-repeat; border:none}
#col1 textarea{height:101px; padding:7px 10px; overflow:auto; background:url("/images/form_textarea_bg.png") top left scroll; border:none}

#col1 button, #col1 form button span{margin:0; text-align:right; line-height:1.4em;}
#col1 form button{position:relative; height:29px; padding:0 0 0 10px; border:none; text-transform:uppercase; font-size:12px; font-weight:bold; cursor:pointer; overflow:visible; background:url("/images/readmore_a.png") top left no-repeat}
#col1 form button span{display:block; position:relative; height:24px; margin:-1px 0 0 0; padding:6px 30px 0 0; white-space:nowrap; background:url("/images/readmore_a_span.png") top right no-repeat; line-height:normal}

#col1 .contactform{margin:0; padding:0; font-size:14px; text-align:left; font-weight:bold;  text-transform:uppercase;}
#col1 .contactform a{padding:6px 0 7px 10px; color:#F2F2F2; background:url("/images/readmore_a.png") top left no-repeat; text-decoration:none;}
#col1 .contactform span{padding:6px 30px 7px 0; background:url("/images/readmore_a_span.png") top right no-repeat;}




#col2 {
	float:left;
	width:16%;
	position:relative;
	left:86%;
	overflow:hidden;
}
#col2 h2{color:#80AA47; font-size: 22px; }
#col2 ul { margin: 0; padding: 0; }
#col2 ul li { list-style-type: none; margin: 0; padding: 2px 0 2px 0;  }
#col2 a:link {color:#80AA47; text-decoration:none;}      /* unvisited link */
#col2 a:visited {color:#80AA47;}  /* visited link */
#col2 a:hover {color:#FFFFFF;}  /* mouse over link */
#col2 a:active {color:#80AA47;}  /* selected link */ 


#col3 {
	float:left;
	width:16%;
	position:relative;
	left:90%;
	overflow:hidden;
}
#col3 h2{color:#80AA47; font-size: 22px;}
#col3 ul { margin: 0; padding: 0; }
#col3 ul li { list-style-type: none; margin: 0; padding: 2px 0 2px 0; }
#col3 a:link {color:#80AA47;text-decoration:none;}      /* unvisited link */
#col3 a:visited {color:#80AA47;}  /* visited link */
#col3 a:hover {color:#FFFFFF;}  /* mouse over link */
#col3 a:active {color:#80AA47;}  /* selected link */ 


#col4 {
	float:left;
	width:16%;
	position:relative;
	left:94%;
	overflow:hidden;
}
#col4 h2{color:#80AA47; font-size: 22px; }
#col4 span{color:#ffffff;}
#col4 ul { margin: 0; padding: 0; }
#col4 ul li { list-style-type: none; margin: 0; padding: 2px 0 2px 0; }
#col4 a:link {color:#80AA47;text-decoration:none;}      /* unvisited link */
#col4 a:visited {color:#80AA47;}  /* visited link */
#col4 a:hover {color:#FFFFFF;}  /* mouse over link */
#col4 a:active {color:#80AA47;}  /* selected link */ 


#col5 {
	float:left;
	width:16%;
	position:relative;
	left:98%;
	overflow:hidden;
}
#col5 h2{color:#80AA47; font-size: 22px;}
#col5 a:link {color:#80AA47;text-decoration:none;}      /* unvisited link */
#col5 a:visited {color:#80AA47;}  /* visited link */
#col5 a:hover {color:#FFFFFF;}  /* mouse over link */
#col5 a:active {color:#80AA47;}  /* selected link */ 



.subcat {
	margin: 10px 0 10px 0;
	padding: 4px 0;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	border-bottom: 1px solid #333;
}




/* FOOTER */

#footer
{
	clear: both;
	background: #222222;
	text-align: right;
	padding: 10px;
	height: 1%;
	color:#fff; 	
	border-top:1px solid #2F2F2F;
	margin-top:5px;
}
#footer a{color:#80AA47; text-decoration:none;}



/* SLIDESHOW */
#slideshow-container {
float:right;
border: 1px dashed #000;
}

#slideshow {
margin: 0 0;
}
	
#slideshow div {
width: 300px;
height: 218px;
line-height: 150px;
text-align: center;
color: #000;
background: inherit;
}







/* ROUNDED CORNERS */

/* LEFT */
.boxl1  { 
background-color: #5A873C; 
padding: 5px; 
text-align: left; 
margin: 15px;

}
#boxl1 h2 { text-align: left; background: url(/images/logopin.png) no-repeat left top;	padding: 5px 0 0 40px; font-size: 18px; color:#000000; }



.boxl2  { 
background-color: #e7f2f6; 
padding: 15px; 
text-align: left; 
margin: 15px;
}
#boxl2 h2 { text-align: left; background: url(/images/idea.png) no-repeat left top;	padding: 5px 0 0 40px; font-size: 18px; color:#000000; }
#boxl2 a:link {color:#5A873C;text-decoration:none; font-size:14px; }      /* unvisited link */
#boxl2 a:visited {color:#5A873C;}  /* visited link */
#boxl2 a:hover {color:#000000;}  /* mouse over link */
#boxl2 a:active {color:#5A873C;}  /* selected link */ 




.boxl3  { 
background-color: #5A873C; 
padding: 15px; 
text-align: left; 
margin: 15px;
color:#FFF;
}
#boxl3 h2 { text-align: left; background: url(/images/userx.png) no-repeat left top;	padding: 5px 0 0 40px; font-size: 18px; color:#000000; }
.boxl3 button{font-size:12px; color:#FFFFFF; }
.boxl3 form button{position:relative; height:29px; padding:0 0 0 10px; border:none; text-transform:uppercase; font-size:12px; font-weight:bold; cursor:pointer; overflow:visible; background:url("/images/readmore_a.png") top left no-repeat}
.boxl3 form button span{display:block; position:relative; height:24px; margin:-1px 0 0 0; padding:6px 30px 0 0; white-space:nowrap; background:url("/images/readmore_a_span.png") top right no-repeat; line-height:normal}




/* CENTER */
.boxit  { 
background-color: #e7f2f6; 
padding: 15px; 
text-align: left; 
margin: 15px;
}
#boxit h1{color:#3A570F; font-size: 20px;}






/* RIGHT */
.boxr1  { 
background-color: #5A873C; 
padding: 15px; 
text-align: left; 
margin: 15px;
}

#boxr1 h2 { text-align: left; background: url(/images/magnifying.glass.png) no-repeat left top;	padding: 5px 0 0 40px; font-size: 18px; color:#000000; }
.text { width: 140px; height:24px; }
.boxr1 button{font-size:12px; color:#FFFFFF; }
.boxr1 form button{position:relative; height:29px; padding:0 0 0 10px; border:none; text-transform:uppercase; font-size:12px; font-weight:bold; cursor:pointer; overflow:visible; background:url("/images/readmore_a.png") top left no-repeat}
.boxr1 form button span{display:block; position:relative; height:24px; margin:-1px 0 0 0; padding:6px 30px 0 0; white-space:nowrap; background:url("/images/readmore_a_span.png") top right no-repeat; line-height:normal}




.boxr2  { 
background-color: #FFFFFF; 
padding: 15px 15px 15px 0px; 
text-align: left; 
margin: 15px;
}
#boxr2 h2 { text-align: left; background: url(/images/map.png) no-repeat left top;	padding: 5px 0 0 40px; font-size: 18px; color:#000000; }
#boxr2 img {  border-style: none; }

.boxr3  { 
background-color: #e7f2f6; 
padding: 15px 15px; 
text-align: left; 
margin: 15px;
font-size: 13px; 
}
#boxr3 h2 { text-align: left; background: url(/images/logopin.png) no-repeat left top;	padding: 5px 0 0 40px; font-size: 18px; color:#000000; }

#boxr3 a:link {color:#147468;text-decoration:none; } /* unvisited link */
#boxr3 a:visited {color:#147468;}  /* visited link */
#boxr3 a:hover {color:#000;}  /* mouse over link */
#boxr3 a:active {color:#147468;}  /* selected link */ 
/* caollapsible mod */
.expandacat { border: 0px solid #ccc; padding: 0px 0px; margin: 0 0 0 0px; color: #e7f2f6; text-decoration:none;  font-weight:bold; }
.expandaArticles { border: 0px solid #ccc; padding: 0px 2px; margin: 0 0 10px 10px; color: #e7f2f6; text-decoration:none; }


#boxr3 li a {
	display: block;
	color: #147468;
	padding: 5px 0 5px 20px;
	background: url(/images/bullet_category.png) center left no-repeat;
}



.boxr4  { 
background-color: #FFFFFF; 
padding: 15px 15px 15px 0px; 
text-align: left; 
margin: 15px;
}
#boxr4 h2 { text-align: left; background: url(/images/forum.png) no-repeat left top;	padding: 5px 0 0 40px; font-size: 18px; color:#000000; }
#boxr4 img {   border-style: none; margin-left: 15px; }




.boxr5  { 
background-color: #5A873C; 
padding: 15px; 
text-align: left; 
margin: 15px;
}

#boxr5 h2 { text-align: left; background: url(/images/links.png) no-repeat left top;	padding: 5px 0 0 40px; font-size: 18px; color:#000000; }
#boxr5 ul { margin: 0 0 0 10px; padding: 0; text-decoration:none;}
#boxr5 ul li { list-type: none; margin: 0 0 0px 10px; padding: 0px 0px; color: #000000; font-weight:bold; }

#boxr5 a:link {color:#FFFFFF;text-decoration:none; } /* unvisited link */
#boxr5 a:visited {color:#FFFFFF;}  /* visited link */
#boxr5 a:hover {color:#000000;}  /* mouse over link */
#boxr5 a:active {color:#FFFFFF;}  /* selected link */ 


.boxr6  { 
background-color: #FFF; 
padding: 15px 15px 15px 0px; 
text-align: left; 
margin: 15px;
}
#boxr6 h2 { text-align: left; background: url(/images/special.png) no-repeat left top;	padding: 5px 0 0 40px; font-size: 18px; color:#000000; }
#boxr6 img {  border-style: none; margin-left: 25px; }

.boxr7  { 
background-color: #FFF; 
padding: 15px 15px 15px 15px; 
text-align: left; 
margin: 15px;
}
#boxr7 h2 { text-align: left; background: url(/images/special2.png) no-repeat left top;	padding: 5px 0 0 40px; font-size: 18px; color:#000000; }
#boxr7 img {  border-style: none; }


#box1 { zoom:1 } /* fluid (zoom for layout) */


/* MARGIN / PADDING FOR CENTER AND RIGHT COLUMN */
.pcon{
padding: 15px; 
text-align: left; 
}








img.gal {
	margin:0 8px 8px 0;
	padding:0;
	border:4px solid #ece7e7;
}
.col {
	margin:0;
	float:left;
}
.c1 {
	padding:0 16px 0 0;
}





#hpagesplitter{display:block; width:100%; height:10px; margin:0 0 30px 0; clear:both; background:url("/images/spacer.gif") top center no-repeat;}




#center-content h1 {
	background: url(/images/novedades.png) left bottom no-repeat;	
}





/* MENU */

#templatemo_menu {
	width: 240px;
	margin-bottom: 20px;
}

#templatemo_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;

}

#templatemo_menu ul li {
	padding: 0px 0 0;
	margin: 0;
	display: block;
	height: 36px;
	background: url(/images/menu_divider.png) left bottom no-repeat
}

#templatemo_menu ul li a {
	display: block;
	height: 36px;
	padding: 0 0 0 30px;
	font-size:13px; 
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;
	outline: none;
	border: none;
/*
	font-family:Georgia, "Times New Roman", Times, serif; 
	text-shadow:#2C8100 -2px 2px 3px;
*/
}

#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
	padding-left: 40px;
	color: #000000;
	background: url(/images/logopin.png) left top no-repeat
}

/* END */









.shadowOLD {
float:left; 
margin: 10px 10px 10px 0px; 
width:125px; 
height:125px;

	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}



.shadow {
    float: left;
	width:125px; 
	height:125px;    
    margin: 0px 12px 12px 0px;
    padding: 5px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(212, 207, 189);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
    
}











/* SNEWS */
fieldset { border: 1px solid #ccc; padding: 10px 8px; margin: 0 0 8px 0; background: #FFF; color: #000; }
input { padding: 3px; margin: 0; }
textarea { width: 97%; height: 20em; padding: 3px;}
input.searchbutton { border: 2px solid #fff; padding: 2px; width: 60px; }
.comment { background: #eee; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 0px solid #ccc; }
.commentsbox {padding: 10px; margin: 0 0 10px 0; border-top: 0px solid #ccc; }
.contactsbox {padding: 10px; margin: 0 0 10px 0; border-top: 0px solid #ccc; }




/* comments counter */
.comments_counter { 
    float: right; 
    color: #333; 
    font-size: 30px;  
    line-height: 30px; /* for IE... */ 
    padding: 5px; 
}


/* digg furl del.ici.ous linklibrary indexer */
.bkmt img{
border: 1px solid #ccc;
}

.bkmt:hover img{
border: 1px solid navy;
}

.bkmt:hover{
color: white; /* irrelevant definition to overcome IE bug */
}


/* article pagination */
.paginator {
padding: 2px;
text-align:center;
margin: 0 5px 0 0;
}

.paginator span a:hover{
color: #000;
text-decoration: none; 
background-color:#FFE;
}

.paginator span{padding: 0 5px;
border: 1px solid #ccc;
margin-right:3px;
text-decoration: none; 
color: #303030;}


.article_text {
     width: 98%;
     height: 500px;
}




/* FORMS CONTACT & COMMENTS */
.button_comment_contact {
	background-color: #5A873C; /* Green */
	border: none;
	color: white;
	padding: 3px 3px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	border-radius: 6px;
	cursor:pointer;
}

.fname {
	border: 1px solid #5A873C;
	border-radius: 4px;
}

.fname:focus {
	border: 1px solid #000;
	border-radius: 4px;
}


.femail {
	border: 1px solid #5A873C;
	border-radius: 4px;
}

.femail:focus {
	border: 1px solid #000;
	border-radius: 4px;
}


.fmessage {
	border: 1px solid #5A873C;
	border-radius: 4px;
}

.fmessage:focus {
	border: 1px solid #000;
	border-radius: 4px;
}

.fsubject {
	border: 1px solid #5A873C;
	border-radius: 4px;
}

.fsubject:focus {
	border: 1px solid #000;
	border-radius: 4px;
}

.fcaptcha {
	border: 1px solid #5A873C;
	border-radius: 4px;
}

.fcaptcha:focus {
	border: 1px solid #000;
	border-radius: 4px;
}

.fbuttonsubmit {
	background-color: #5A873C; /* Green */
	border: none;
	color: white;
	padding: 5px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	border-radius: 6px;
	cursor:pointer;
}


