@charset "utf-8";

/*------------- [ RESET ] -------------*/

body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/*------------- [ LAYOUT ] -------------*/
body{ background:url(../images/background.png) left top repeat-x #fff; }

	#header { height: 227px; margin-top: 13px; }
		#logo { width: 349px; height: 227px; float: left; }
		#banner { width: 626px; height: 227px; float: left; }

	#container{ width: 975px; margin:6px auto 0px; background: url(../images/container-bg.jpg) 245px top repeat-y #EAEDEE; }

	#menu { width: 646px; margin: 0px 0px 0px auto; background:url(../images/menu-bg.png); }
		#menu div { width: 8px; height: 44px; background: url(../images/menu-esquina.png) no-repeat; float: left; display: inline; }
		#menu ul { float: left; margin: 0px 0px 0px 87px; display:inline; xbackground: url(../images/menu-separador.png) right no-repeat; }
			#menu ul li{ float: left; font-family: Arial; font-size: 14px; color: #FFFFFF; padding: 14px 15px 14px 15px; xbackground: url(../images/menu-separador.png) left no-repeat; }
				#menu li a { color: #FFFFFF; text-decoration: none; float: left; }
					#menu li a img { vertical-align:text-bottom; margin: 0px 8px 0px 0px; }
	
	.header { display:block; float:left; margin: 13px 0px 0px 0px; }
	
	#sidebar { float: left; width:260px; text-align: left; display:inline; }
		#sidebar .tip { margin: 0px 0px 0px 50px; padding: 1px 0px; width: 185px; background: url(../layout/panel_bg.png) top no-repeat; }
			#sidebar .tip div { margin: 5px auto 5px auto; width: 163px; }
		
		#sidebar h2 { font-family: "Trebuchet MS"; margin: 25px 0px 8px 20px; padding: 5px 0 0 20px; color: #fff; font-size: 20px; font-weight: bold; height: 30px; background-color: #4C8CE8; border-bottom: 3px solid #8E8E8E; text-align: left; }
			#sidebar h2 a { color: #FFFFFF; }

		#sidebar p, .slideshow p { background: transparent url(../images/icon-sidebar.jpg) no-repeat scroll left 6px; padding: 0px 0px 0px 18px; margin: 10px 20px 10px 40px;  }
		.slideshow p { padding-left: 25px; margin-left: 20px; color: #333; }
			#sidebar p a { color: #666666; text-decoration: none; }
			#sidebar p a:hover { color:#000000; }
		
		#sidebar .encuesta { background:none; padding: 0px 0px 0px 10px }
	
	.slideshow { border: 5px solid #ccc; margin: 10px 15px; background: #EAEDEE; padding: 10px 0; }
	.highlighted { border: 5px solid #F5FF46; margin: 10px 15px; background: #FBFFB0; padding: 0 10px; text-align: center; }
	.highlighted p { color: #333; font-weight: bold; }
		
	#contenido-container { float: left; width: 420px; margin: 0px 0px 0px 30px; display: inline; }
		#contenido { position: relative; }


	#sidebar-right { position: relative; float: left; width: 232px; background: #EAEDEE url(../images/sidebar-right.jpg) no-repeat top center; margin: 15px 0 0 30px; }
		#sidebar-right-content { margin: 0 8px; }
		#sidebar-right-bottom { position: relative; width: 232px; background: #EAEDEE url(../images/sidebar-right-bottom.jpg) no-repeat bottom center; height: 11px; }
	#sidebar-right h2 { font-family: "Trebuchet MS"; margin: 25px 0 8px; padding: 5px 0 0; color: #990000; font-size: 18px; font-weight: bold; height: 30px; background-color: #F7F9F9; border-top: 3px solid #D0D7D9; text-align: center; }

	#footer { border-top:solid #EAEAEA 1px; margin: 38px 0px 0px 290px; padding: 20px 0px 20px 0px; }
		#footer div { float:left;}
			#footer p { font-family: "Trebuchet MS"; font-size: 12px; color: #999999; margin: 0;}
		#footer img { float:right; }

	.clear { clear: both; }

/*------------- [ FLOAT CONTAINERS FIX ] -------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Holly Hack Targets IE Win only \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End Holly Hack */