body, div, h1, h2, h3, h4, h5, h6, p, ul, li, strong, em, span, form, fieldset, label {

	margin: 0;

	padding: 0;

    border: none;

	font-size: 1em;

}

input, textarea, select {

	margin: 0;

    font: 10px Verdana, Arial, Helvetica, sans-serif;
	
}

button {

	margin: 0;
	
	cursor: pointer;
	
}

hr {
	
	display: none;
	
}

body {
	
	background: #120c0c;

    font: 12px Arial, Helvetica, sans-serif;

	behavior: url("htc/csshover3.htc");

}








/* 

	Full container 
	
*/

div#full-container {

	position: relative;
	
	background: #efebe5 url(../images/pasto.jpg) repeat-x;
	
}








/* 

	Container 
	
*/

div#container {

	position: relative;
	
	background: url(../images/container-bg.jpg) repeat-y;
	
	width: 1024px;
	
	padding: 0 0 40px 0;
	
}








/* 

	Header 
	
*/

div#header {

	position: relative;
	
	background: url(../images/header-bg.jpg) no-repeat;
	
	width: 100%;
	
	height: 152px;
	
}

div#header h1 {
	
	position: absolute;
	
	top: 0;
	
	left: 43px;
	
}

div#header h1 a {

	display: block;
	
	background: url(../images/header-h1.jpg) no-repeat;
	
	width: 256px;
	
	height: 113px;
	
    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */
	
}

div#header #buscador {
	
	position: absolute;
	
	top: 12px;
	
	right: 20px;
	
	width: 335px;
	
	font-size: 11px;
	
	color: #fff;
	
	text-align: right;
	
}

div#header #buscador a {
	
	color: #29f5fe;
	
	text-decoration: none;
	
}

div#header #info-clima {
	
	margin: 0 0 5px 0;
	
}







/* 

	Navigation 
	
*/

div#navigation {

	position: relative;
	
	background: url(../images/navigation-bg.gif) no-repeat;
	
	width: 612px;
	
	height: 85px;
	
	padding: 0 0 0 301px;	
	
	z-index: 99;
	
}

div#navigation ul.menu {
	
	position: relative;
	
	width: 612px;
	
	height: 63px;
	
	padding: 0 0 0 0;
	
	list-style: none;
	
	z-index: 99;
	
}

div#navigation ul.menu li {
	
	display: block;
	
	position: relative;
	
	float: left;
	
	background: url(../images/nav-li.gif) left 3px no-repeat;
	
	height: 27px;
	
	padding: 0 3px;
	
}

div#navigation ul.menu li.first {
	
	background: none;
	
}

div#navigation ul.menu li a {
	
	display: block;
	
	position: relative;
	
	float: left;
	
	_width: 1%;
	
	height: 27px;
	
	padding: 0 0 0 4px;

	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	text-decoration: none;

	color: #2676b7;
	
	z-index: 99;

}

div#navigation ul.menu li a span {
	
	display: block;
	
	height: 27px;
	
	padding: 0 4px 0 0;
	
	cursor: pointer;
	
}

div#navigation ul.menu li a span span {
	
	display: block;
	
	height: 27px;
	
	padding: 0 3px;
	
	line-height: 27px;
	
	white-space: nowrap;
	
}

div#navigation ul.menu li.active a {
	
	background: url(../images/nav-left-hover.gif) no-repeat;

	color: #fff;
	
}

div#navigation ul.menu li.active a span {
	
	background: url(../images/nav-right-hover.gif) right top no-repeat;
	
}

div#navigation ul.menu li.active a span span {
	
	background: #2676b7;
	
}

div#navigation ul.menu li:hover a,
div#navigation ul.menu li.active:hover a {

	background: url(../images/nav-left.png) no-repeat;

	color: #fff;

}

div#navigation ul.menu li:hover span,
div#navigation ul.menu li.active:hover span {
	
	background: url(../images/nav-right.png) right top no-repeat;	

}

div#navigation ul.menu li:hover span span,
div#navigation ul.menu li.active:hover span span {
	
	background: #86c638;
	
}

div#navigation ul.menu li.inicio.active a,
div#navigation ul.menu li.capacitacion.active a {
	
	background: url(../images/nav-left-hover.gif) no-repeat !important;

	color: #fff !important;
	
}

div#navigation ul.menu li.inicio.active a span,
div#navigation ul.menu li.capacitacion.active a span {
	
	background: url(../images/nav-right-hover.gif) right top no-repeat !important;
	
}

div#navigation ul.menu li.inicio.active a span span,
div#navigation ul.menu li.capacitacion.active a span span {
	
	background: #2676b7 !important;
	
}



div#navigation ul.submenu {
	
	display: none;
	
	position: absolute;
	
	top: 24px;
	
	_top: 27px;
	
	left: 3px;

	background: none;
	
	_background: #86c638 !important;
	
	_height: auto !important;
	
	padding: 23px 0 0 0;
	
	_padding: 0 0 0 0;
	
	z-index: 98;
	
}

div#navigation ul.television {
	
	background: url(../images/nav-television.png) left -27px no-repeat;
	
	width: 144px;
	
	height: 190px;
	
}

div#navigation ul.sembrando-satelital {
	
	background: url(../images/nav-sembrando-satelital.png) left -27px no-repeat;
	
	width: 193px;
	
	height: 141px;
	
}

div#navigation ul.exposiciones {
	
	background: url(../images/nav-exposiciones.png) left -27px no-repeat;
	
	width: 144px;
	
	height: 80px;
	
}

div#navigation ul.servicios {
	
	background: url(../images/nav-servicios.png) left -27px no-repeat;
	
	width: 144px;
	
	height: 83px;
	
}

div#navigation ul.institucional {
	
	left: auto;
	
	right: 3px;
	
	background: url(../images/nav-institucional.png) left -27px no-repeat;
	
	width: 102px;
	
	height: 83px;
	
}

div#navigation ul.menu li:hover ul.submenu {
	
	display: block;
	
}

div#navigation ul.submenu li {
	
	display: block;
	
	float: left;
	
	background: none;
	
	width: 100%;
	
	height: auto;

	margin: 0;
	
	padding: 0;
	
	text-indent: 8px;
	
	border-top: 1px solid #689233;

}

div#navigation ul.submenu li a {
	
	display: block;
	
	background: none !important;
	
	height: 26px;
	
	width: 100%;
	
	margin: 0;
	
	padding: 0;
	
	color: #fff;
	
	line-height: 26px;
	
}

div#navigation ul li ul.submenu li a:hover,
div#navigation ul li ul.submenu li.active a {
	
	background: url(../images/nav-li-hover.png) left 1px repeat-x !important;
	
	color: #fff;
	
}



div#navigation .facebook {
	
	position: absolute;
	
	bottom: 10px;
	
	left: 114px;
	
	height: 35px;
	
	z-index: 1;
	
}

div#navigation .facebook img { border: none; }

div#navigation .facebook a { float: left; }

div#navigation .facebook .megusta {
	
	float: left;
	
	width: 400px;
	
	height: 29px;
	
	margin: 0 0 0 10px;
	
	padding: 6px 0 0;
	
}

div#navigation .facebook .megusta iframe {
	
	position: relative;
	
	width: 600px;
	
	height: 25px;

	border: none;
	
	overflow: hidden;
	
	z-index: 1;
	
}






/*

	Content

*/

div#content {
	
	position: relative;
	
	_height: 1%;
	
	padding: 0 0 0 60px;

}








/*

	Main content

*/

div.main-content {
	
	position: relative;
	
	float: left;
	
	width: 780px;
	
}






/*

	Columna

*/

div.columna {
	
	position: relative;
	
	float: left;
	
	width: 440px;
	
	overflow: hidden;
	
}

div.right {
	
	position: relative;
	
	float: right;
	
	width: 340px;
	
}


div.right div.box {
	
	width: 290px;
	
	margin: 0 auto 10px auto;
	
}

div.right div.full-box {
	
	position: relative;
	
	height: 131px;
	
	margin: 0 18px 15px 0;
	
	text-align: right;
	
}

div.right div.full-box a {
	
	position: absolute;
	
	top: 0;
	
	right: 0;
	
}











/*

	Publicidades

*/

div#publicidades {
	
	position: relative;
	
	float: right;
	
	background: url(../images/publicidad-bg.gif) repeat-y;
	
	width: 175px;
	
	margin: -114px 0 0 0;
	
	z-index: 100;
	
}

div#publicidades ul {
	
	margin: 0 0 0 3px;
	
	list-style: none;
	
}

div#publicidades ul li {
	
	display: block;
	
	background: #fff;

	width: 150px;
	
	margin: 10px auto;

	padding: 3px;
  
	border: 1px dashed #ccc;
	
}

div#publicidades ul li a {
	
	text-decoration: none;
	
}

div#publicidades ul li img,
div#publicidades ul li object {
	
	display: block;
	
	margin: auto;
	
	border: 0;
	
}
	










/* 

	Footer 
	
*/

div#footer-container {
	
	position: relative;
	
	background: url(../images/footer-bg-trans.png) repeat-x;
	
	width: 100%;
	
	height: 217px;
	
	margin: -40px 0 0 0;
	
	overflow: hidden;
	
}

div#footer {

	position: relative;
	
	background: url(../images/footer-izquierda-bg-trans.png) no-repeat;
	
	height: 217px;
	
}

div#footer .content {
	
	width: 850px;
	
	padding: 120px 0 0 0;
	
	color: #fff;
	
	text-align: center;
	
}

div#footer .content p {
	
	margin: 0 0 3px 0;
	
	clear: both;
	
}

div#footer .content a {
	
	color: #fff;
	
	text-decoration: none;
	
}










/* 

	Logia 
	
*/

div#logia {

	position: relative;
	
	margin: 20px 0;
	
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	
	text-align: center;
	
	color: #000;
	
}

div#logia a {

	text-decoration: none;
	
	color: #299101;
	
}

