/*
@import url("style_height_fixed.css");

@import url("style_height_auto.css");
*/

/*Veure: http://positioniseverything.net/easyclearing.html*/
#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#content {
	/*Veure: http://www.agenciaweb.cl/blog/altura-minima.htm*/
	min-height: 380;
	/*height: auto !important;*/
	height: auto;
	min-height: 455px;
}

#footer {
	display: inline;
}

/* global box-sizing and improved font */
*, *::before, *::after {
  box-sizing: border-box;
}

/*body {
	font: normal 11px verdana;
	color: #666;
	text-align: center;

	/*background-color: #DDD;*/
/*    background-image:url(images/trama.gif);
	background-repeat:repeat-x-y;

	margin: 0px;
}*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4;
	color: #666;
	text-align: center;
	background-image: url(../images/trama.gif);
	background-repeat: repeat;
	margin: 0;
}

h1 {
	font: normal 20px Arial;

	margin-top: 30px;
	margin-bottom: 17px;
}

h2 {
	font-size: 12px;
	color: #006600;
	margin-top: 0px;
}

p {
	margin-top: 0px;
	margin-bottom: 15px;
}

ul {
	margin-left: 0px;
	padding-left: 15px;
}
li {
	margin-bottom: 10px;
}

input {
	font-family: Verdana;
}

/* container responsive */
#container {
	background-color: #FFF;
	max-width: 800px;
	width: 100%;
	margin: 10px auto;
	padding: 0;
	text-align:left;
}

/*#container {
	text-align:left;

	background-color: #FFF;

	width:800px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding:0px;
}*/

#header {
	width: 100%;
	height: auto;
	}

/*#header img {
}*/

#leftside {
	width: 200px;
	height: 185px;
	float: left;
	}

	#logo {
		margin-top: 7px;
		margin-left: 12px;
}

#leftside_image {
	/*position: absolute;
	top: 350px !important;
	top: 356px;*/
	/*margin-top: 54px !important;*/
	margin-top: 56px;
}
#leftside_image_center {
	position: absolute;
	top: 430px !important;
	top: 436px;
	margin-left: 24px;
}


#main_container {
	width: 600px;
	height: auto;
	float: left;
}

#menu1 {
	font: bold 14px Arial;
	width: 100%;
	height: 14px;
	margin-top: 4px;
	margin-bottom: 2px;
	}

	#menu1 a {
		color: #006600;
		text-decoration: none;
	}
	#menu1 a:hover {
		color: #CC0000;
	}
	#menu1 .menu_item_a_current {
		color: #CC0000;
	}

	#menu1 .menu_item {
		padding-right: 10px;
		float: left;
	}
	#menu1 .menu_item_notfirst {
		padding-left: 10px;
		border-left: 1px solid #CC0000;
	
}

#menu2 {
	font-family: Arial;
	font-size: 12px;
	width: 185px;
	height: auto;
	margin-top: 3px;
	/*margin-left: 12px;*/
	}

	#menu2 .menu_item {
		margin-top: 2px;
		margin-bottom: 1px;
		}
		#menu2  .menu_item a {
			display: block;
			padding-left: 15px;
			padding-top: 2px;
			padding-bottom: 3px;
			background-color: #CCCCCC;
			color: #333333;
			text-decoration: none;
		}

	#menu2  .menu_item_lvl2 {
		margin-top: 1px;
		margin-bottom: 1px;
		font-size: 11px;
		color: #666666;
		}

		#menu2  .menu_item_lvl2 a {
			background-color: #E5E5E5;
			padding-bottom: 2px;
	}
	#menu2 a:hover, #menu2 .menu_item a.menu_item_a_current {
		color: #CC0000;
}


#menu3 {
	font-weight: bold;
	/*line-height: 170%;*/

	margin-top: 19px;
	}

	#menu3 a {
		color: #666666;
		text-decoration: none;
	}
	#menu3 a:hover {
		color: #CC0000;
	}
	#menu3 .menu_item_a_current {
		color: #CC0000;
	}
	#menu3 .menu_item {
		margin-bottom: 4px;
	}
	#menu3 .menu_item img {
		margin-left: 3px;
}

#menu_content_header {
	font: 11px Arial;
	width: 100%;
	height: 14px;
	margin-bottom: 8px;
	}

	#menu_content_header a {
		color: #666666;
		text-decoration: none;
	}
	#menu_content_header a:hover {
		color: #CC0000;
	}
	#menu_content_header .menu_item_a_current {
		color: #CC0000;
	}

	#menu_content_header .menu_item {
		padding-right: 10px;
		float: left;
	}
	#menu_content_header .menu_item_notfirst {
		padding-left: 10px;
		border-left: 1px solid #666666;
	
}
#title_content_header {
	 font-family:Arial;
	 color:#CC0000;
	 margin-bottom:8px;
}

#content_header_border {
	float: left;
	width: 100%;
	height: 97px;
	border-top: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
	padding-top: 2px;
	padding-bottom: 2px;
}
#content_header {
	width: 100%;
	height: 100%;
	
	background-color: #E7E7E7;
	/*line-height: 140%;*/
	}
	#content_header h1 {
		font-size: 15px;
		font-weight: bold;
		margin-top: 0px;
		margin-bottom: 2px;
	}
	#content_header p {
		font-family: Arial;
		font-size: 15px;
		margin-bottom: 0px;
}

#content_header_margins {
	margin-left: 20px;
	margin-top: 6px;
}

#content {
	line-height: 140%;

	background-position: right top;
	background-repeat: no-repeat;

	width: 100%;
	/*height: 475px;*/

	float: left;
}
/*
#content {
    /*Veure: http://www.agenciaweb.cl/blog/altura-minima.htm*/
/*    min-height: 380;
    height: auto !important;
    height: 455px;
}*/
#content a {
	color: #666666;
}


#content_right {
	float: right;
}

#content_right_text {
	background-color: #E5F5E5;
	width: 350px;
	margin-top: 55px;
	margin-right: 9px;
	}

	#content_right_text .p_first {
		margin-top: 0px;
}

.rbcontent {
	margin: 0px 19px 13px 22px;
	padding: 0px 0px 0px 3px;
}
.rbcontent h2 {
	margin-bottom: 15px;
}

.rbtop div, .rbtop, .rbbot div, .rbbot {
	height:16px;
}
.rbtop {
	background:transparent url(images/greencorner_top_right.png) no-repeat scroll right top;
}
.rbtop div {
	background:transparent url(images/greencorner_top_left.png) no-repeat scroll left top;
}
.rbbot {
	background:transparent url(images/greencorner_bottom_right.png) no-repeat scroll right bottom;
}
.rbbot div {
	background:transparent url(images/greencorner_bottom_left.png) no-repeat scroll left bottom;
}

#content_right_imagefooter {
	font: bold 24px Arial;
	color: #CCCCCC;
	text-align: center;
	margin-top: 18px;
	margin-left: 17px;
}

#content_right_textmsg {
	font-weight: bold;
	color: #CC0000;
	width: 330px;
	margin-top: 10px;
	margin-left: 25px ;
}

#content_center {
	width: 100%;
}
#content_center_text {
	margin-top: 10px;
	margin-left: 20px;
	width: 380px;
}

#content_center_text table {
    font-size:11px;
    }
    #content_center_text p.interprets {
        margin-bottom: 25px;
    }
    #content_center_text td {
        padding-left:0px;
    }
    #content_center_text td.separator {
        width: 20px;
}

#content_center_images img {
	width: 185px;
}

#content_center_images div.img_container {
    margin-bottom: 5px;
}

#content_header a, #content_center_text a {
	color: #666666;
	text-decoration: none;
	}
	#content_header a:hover, #content_center_text a:hover {
		color: #CC0000;
}


#footer {
	font: normal 11px Arial;
	color: #999999;
	width: 100%;
	height: 20px;
	float: left;
	}

	#footer p{
		margin: 0;
		padding: 0;
	}
	#footer a {
		color: #999999;
		text-decoration: none;
		}
		#footer a:hover {
			text-decoration: underline;
}
#footer {
    display: inline;
}

#special1 {
	font-family: Arial;
	color: #007336;
	text-align: center;
	line-height: 400%;
	width: 175px;
	margin-top: 20px;
	/*float: left;*/
}
#special1_1 {
	font-size: 60px;
	font-weight: bold;
	margin-bottom: 0px;
}
#special1_2 {
	font-size: 35px;
	font-weight: normal;
	margin-bottom: 0px;
}

/*#content_header_border {
	height: 76px;
}*/

/*#content_header_margins {
	margin-top: 15px;
	margin-right: 20px;
}*/

#content_header p {
	font-size: 16px;
}

#content_footer {
	font-weight: bold;
	width:100%;
	height:85px;
	margin-top: 10px;
	background-color:#E7E7E7;
	}
	#content_footer strong.maroon {
		color: #CC0000;
	
}
#content_footer_margins {
	margin-top: 10px;
	margin-left: 20px;
}