@charset "UTF-8";
/* CSS Document */

img, #logo { behavior: url(/web2/templates/ekaconsultores08/css/iepngfix.htc); }

body {
	behavior:url(/web2/templates/ekaconsultores08/css/csshover.htc);
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #65696c;
	background: #efefef;
	text-align: center;
}

a {
	text-decoration: none;
	color: #f80000;
	outline: none;
}

img {
	border: none;
}

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
}

#container {
	text-align: left;
	margin: 0 auto;
	width: 900px;
}

#header a#logo {
	display: block;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat;
	width: 439px;
	height: 148px;
	position: absolute;
}

#topmenu ul {
	margin: 0 0 0 440px;
	_margin: 0 0 0 230px;
	padding: 54px 0 0 30px;
	float: left;
	background: url(../images/bgTopMenu.jpg) no-repeat;
	width: 390px;
	height: 27px;
	list-style: none;
	list-style-type: none;
}

#topmenu ul li {
	float: left;
}

#topmenu ul li a {
	color: #FFFFFF;
	font-size: 10px;
	text-transform: uppercase;
	padding: 4px 4px;
	border-right: 1px dotted #FFFFFF;
}

#topmenu ul li ul {
	position: absolute;
	width: auto !important;
	margin: 0;
	padding: 0;
	background: none;
	height: auto;
	*margin: 15px 0 0 -80px;
	z-index: 1000;
}

#topmenu ul li ul li {
	float: none !important;
	margin: 0 !important;
	_height: 13px !important;
	padding: 0 !important;
}

#topmenu ul li ul li a {
	margin: 0 !important;
	border: none;
	width: auto;
	background: #666666;
	display: block;
	padding: 5px;
}

#topmenu ul li ul li a:hover {
	background: #999999;
	text-decoration: none;
}

ul ul, li:hover ul ul { 
   display:none;
}

li:hover ul, li:hover li:hover ul { 
   display:block;
}

.left {
	float: left;
}

.right {
	float: right;
}

form#searchBar {
	margin: 0;
	padding: 16px 15px 0 0;
	float:left;
	width: 885px;
	display: block;
	background:url(../images/bgSearch.jpg);
	height: 34px;
	text-align: right;
}

div#media {
	background: url(../images/bgVideo.gif);
	border-bottom: 1px solid #dedede;
}

ul.menu {
	margin: 0 0 0 1px;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

html>/**/body ul.menu {
	margin: -25px 0 0 1px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul.menu {
		margin-top: 0 !important;
	}
}

ul.menu li {
	float: left;
	margin: 0 1px 0 0;
}

ul#medios li {
	padding: 0 !important;
	border: none !important;
}

ul#medios {
	background: none !important;
	border: none !important;
	width: auto !important;
}

ul.menu li a {
	display: block;
	text-indent: -9999px;
	background-image: url(../images/mainMenu.jpg);
	height: 43px;
}

ul.menu li.item4 a {background-position: 0 0; width: 225px;}
ul.menu li.item5 a {background-position: -226px 0; width: 223px;}
ul.menu li.item6 a {background-position: -451px 0; width: 222px;}
ul.menu li.item7 a {background-position: -675px 0; width: 225px;}

ul.menu li.item4 a:hover, ul.menu li#current.item4 a {background-position: -1px -45px;}
ul.menu li.item5 a:hover, ul.menu li#current.item5 a {background-position: -225px -45px;}
ul.menu li.item6 a:hover, ul.menu li#current.item6 a {background-position: -450px -45px;}
ul.menu li.item7 a:hover, ul.menu li#current.item7 a {background-position: -675px -45px;}

ul.menu li ul {
	list-style: none;
	list-style-type: none;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 1000;
}

ul.menu li ul li {
	float: none !important;
	margin: 0;
	text-align: left !important;
}

ul.menu li ul li a, ul.menu li ul li span.separator {
	text-indent: 0;
	background: #FF0000;
	height: auto;
	color: #FFFFFF;
	padding: 5px 5px 5px 20px;
	font-size: 14px;
	text-align: left !important;
	text-transform: none !important;
}

ul.menu li ul li span.separator {
	display: block;
	padding: 5px !important;
	color: #CCCCCC;
}

ul.menu li ul li a:hover {
	background: #cccccc;
	color: #000000;
	text-decoration: none;
}

ul.menu li.item4 ul li a {
	width: 198px !important;
}

 ul.menu li.item4 ul li span.separator {
	width: 214px !important;
}

ul.menu li.item5 ul li a {
	width: 197px !important;
}

ul.menu li.item5 ul li span.separator {
	width: 212px !important;
}

ul.menu li.item5 ul {
	margin: 0 0 0 1px;
}

ul.menu li.item6 ul li a {
	width: 197px !important;
}

ul.menu li.item6 ul li span.separator {
	width: 212px !important;
}

ul.menu li.item7 ul li a {
	width: 199px !important;
}

ul.menu li.item7 ul li span.separator {
	width: 214px !important;
}

#welcome h1 {
	text-indent: -9999px;
	background: url(../images/h1Bienvenidos.jpg) no-repeat;
	width: 220px;
	_width: 215px;
	height: 73px;
	display: block;
	padding: 0;
	margin: 25px 50px 0 50px;
	_margin: 25px 50px 0 25px;
	float: left;
}

#welcome h2, .contentheading, .componentheading {
	font-weight: normal;
	color: #f80000;
	margin: 0;
	padding: 0;
	font-size: 16px;
}

#welcome p {
	margin: 0;
	padding: 0;
}

#welcome a.masinfo {
	display: block;
	float: right;
	text-indent: -9999px;
	background:url(../images/masinfo.gif);
	width: 147px;
	height: 33px;
}

a#closeMedia {
	background:url(../images/bgBtnCerrarMedia.jpg);
	width: 57px;
	height: 17px;
	display: block;
	float:right;
	text-align: center;
	padding: 2px 0 0 0;
	color: #999999;
	font-size: 10px;
}

a#closeMedia:hover {
	color: #000000;
	text-decoration: none;
}

#welcome .introtext {
	float: left;
	width: 499px;
	_width: 479px;
	margin: 25px 0 0 0;
	padding: 0 30px 0 50px;
	border-left: 1px solid #d0d0d0;
}

#media #videoPlayer {
	float: left;
	margin: 30px;
	_margin: 30px 30px 30px 15px;
}

#media #tabbContent {
	float: left;
	margin: 30px 0 11px 0;
}

#centerCol {
	width: 565px;
	float: left;
	padding: 0 25px;
	margin-top: 30px;
}

#leftCol {
	width: 285px;
	float: left;
	margin-top: 30px;
}

#leftCol2 {
	width: 285px;
	float: left;
	margin: 30px 0 0 611px;
	position: fixed;
}

.midLeftCol {
	background: url(../images/bgCol.gif) #ebebeb repeat-x;
	border-left: #e1e1e1 1px solid;
	border-right: #e1e1e1 1px solid;
	padding: 5px 15px;
	overflow: auto;
}

.topLeftCol {
	background: url(../images/topCol.gif);
	width: 285px;
	height: 8px;
	font-size: 1px;
}

.botLeftCol {
	background: url(../images/botCol.gif);
	width: 285px;
	height: 9px;
	font-size: 1px;
}

#footer {
	background: url(../images/bgFooter.jpg);
	width: 900px;
	height: 42px;
	margin: 20px 0;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	margin-left: 20px;
	float: left;
}

#footer ul li {
	float: left;
	_padding-top: 13px;
	_padding-bottom: 13px;
	_border-right: 1px solid #dedede;
}

#footer ul li a {
	padding: 13px 13px 0 13px;
	height: 29px;
	border-right: 1px solid #dedede;
	_border: none;
	display: block;
	_display:inline;
}

.ekaconsultores {
	float: right;
	display: block;
	padding: 13px;
}