@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);
@import url(http://fonts.googleapis.com/css?family=Acme);

*{   margin:0;padding:0;font-family:"Source Sans Pro",sans-serif}

a								{   text-decoration:none;color:#fff}
a img							{   border:none;}
.oculto							{   display:none;}
.clearfix						{   clear:both}

html							{   overflow: auto; }
html, body						{   height: 100%; }

#wrapper						{   width: 100%; overflow: hidden; height: auto; min-height: 100%; }


#header-container,
#middle .content,footer .content{   margin:0 auto;width:960px}
#middle 						{   z-index: 5;}


header, footer					{   width:100%;}

#footer							{   margin-top: -37px; height: 37px;}

/*header							{   background:#d40019;background:-moz-linear-gradient(top, #d40019 0, #a20013 100%);
 									background:-webkit-gradient(linear,left top,left bottom,color-stop(0%, #d40019),color-stop(100%, #a20013));
 									background:-webkit-linear-gradient(top, #d40019 0, #a20013 100%);
 									background:-o-linear-gradient(top, #d40019 0, #a20013 100%);
 									background:-ms-linear-gradient(top, #d40019 0, #a20013 100%);
 									background:linear-gradient(to bottom, #d40019 0, #a20013 100%);
 									filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d40019', endColorstr='#a20013', GradientType=0 );
 									border-bottom:10px #d40019 solid;color:#fff;margin-bottom:17px;
 									max-height:98px;}*/
header							{   background:url(../img/bg-header.jpg) repeat-x; color:#fff;margin-bottom:17px;height:98px;
									max-height:98px; z-index: 10;}
#header-logo					{   width:180px;height:98px;margin:0 0 0 10px;float:left}
#header-logo.active				{   background:url(../img/flecha-hover.png) bottom no-repeat}
#header-container				{   height:88px}
#header-container nav			{   float:right}
#header-container nav li		{   list-style:none;padding:37px 0 0 0;float:left;width:178px; cursor:pointer;}
#header-container 
nav li .tab-nombre				{   text-transform:uppercase;font-size:14px;padding:0 0 0 25px;font-weight:400; display:block;}
#header-container 
nav li .tab-desc				{   font-size:12px;padding:0 0 0 25px; font-weight:400; display:block;}
#header-container 
nav li .nav-anidado				{   display:none;position:absolute;width:177px;box-shadow:4px 4px 10px -5px black; z-index: 999}
#header-container 
nav li .nav-anidado li			{   position:relative;z-index:1}
#header-container 
nav li:hover .nav-anidado		{   display:block}
#header-container 
nav .contacto					{   width:178px}

#header-container nav .empresas	{   width:178px}
#header-container nav .valores	{   width:178px}
#header-container nav 
.corporativo					{   width:202px}
#header-container nav .contacto	{   width:178px; border-left:}

#header-container .nav-title	{   height:61px;background:url(../img/linea-header.png) no-repeat right top; cursor:pointer;
									position:relative}
									
#header-container .absoluto		{   position:absolute; right:0; top:2px; width:200px;}
#header-container .absoluto img	{   float:left; margin-top:2px;}
#header-container .absoluto div	{   font-weight:600; font-size:12px; float:right; margin-right:10px;}									
									
#header-container .nav-title div{   height:61px; width:3px; background:url(../img/linea-header.png) no-repeat left top;
									position:absolute; left:0; top:0}
#header-container .active,
#header-container .contacto:hover	{   background:url(../img/flecha-hover.png) bottom no-repeat}
#header-container .active.home	{   background:url(../img/flecha-hover-home.png) bottom no-repeat !important}
#header-container .nav-anidado li,
#contenidos						{   color:#686868}
#header-container 
.nav-anidado li					{   padding:9px 0;border-bottom:1px dotted gray;font-size:13px;background:#fff;height:9px;
									padding-left:10px;width:167px;line-height:16px}
#header-container 
.nav-anidado li a				{   color:#686868; display:block;width:100%; height:100%;}
#header-container 
.nav-anidado li a:hover			{   color:#d40019;font-weight:normal;}
#header-container 
.nav-anidado li:hover			{   border-left:#d40019 solid 4px; color:#d40019;
									background:url(../img/flecha-menu-hover.png) 96% no-repeat white;padding-left:6px}
									

#slider							{   border-bottom:5px solid #2E8F4B;height:318px}
#slider .slides li				{   list-style:none; display:none;}
#slider .slides li:first-child	{   display:block;}
#slider .flex-control-nav		{   width:960px;padding-top:10px;text-align:center;}
#slider .flex-control-nav li	{   display:inline-block;margin-right:5px;}
#slider 
.flex-control-paging li a		{   width:11px;height:11px;display:block;background:url(../img/slide-nav.png) no-repeat;
									cursor:pointer;text-indent:-9999px}
#slider .flex-control-paging 
li a.flex-active				{   width:11px;height:11px;display:block;background:url(../img/slide-nav-activo.png) no-repeat;
									cursor:pointer;text-indent:-9999px}
#slides-content .slides			{   overflow:hidden}
#contenidos						{   margin-top:30px}
#info							{   padding:0 10px;margin:34px 0 60px;font-size:13px;color:#686868;line-height:20px}
#info-logo						{   width:144px;margin-right:0;height:139px;float:left;
									padding-top:55px}
#info-text 						{   float:right;width:764px;padding:10px 0; padding-left:30px;border-left:1px dotted #686868;}
#info-text article 				{   width:370px;float:left}
#info-text article.left		 	{   margin-right:20px}

#info-text h2, #contacto h2		{	font-family: 'Acme', sans-serif; font-weight: normal; font-size: 28px; 
									text-transform: uppercase; color: #2b6d46; margin-bottom: 22px }
#info-text h2					{	padding-top:12px;}
.logo .active					{   display:none}
#reportes						{   font-size:13px}
#reportes h2					{   color:#686868;font-size:24px;padding:30px 0 0 10px;font-weight:600}
#banner							{   margin-bottom:31px;height:185px;border-bottom:5px solid #2E8F4B}
#menu ul						{   height:30px;list-style-type:none}
#menu ul li						{   display:block;padding:4px 0;text-align:center;float:left;border-top:1px dotted #DCDCDC;
									border-bottom:1px dotted #DCDCDC;background:url(../img/separador-gris-h.png) middle right}
#menu ul li a					{   color:#686868}
#menu ul li:first-child			{   border-left:0}
#menu ul li.active a,
#menu ul li:hover a				{   color:#D30019;}
#menu ul li:hover,
#menu ul li.active				{   border-top:1px dotted #616161;border-bottom:1px dotted #616161}


#contacto						{   border-top:1px dotted #9B9B9B;overflow:hidden;margin-bottom:60px;padding-top:7px;
									position:relative;}
#contacto h2					{  	padding:0 10px}
#contacto-form					{   width:340px;float:left;padding-left:200px;padding-top:23px; position:relative;}
#contacto-form label			{   width:90px;float:left;color:#686868;font-size:14px}
#contacto-form input,
#contacto-form textarea			{   width:230px;font-family:Arial;border: 1px solid #B1B1B1;padding:5px}
#contacto-form textarea			{   height:140px}
#contacto-form p				{   padding-bottom:8px}
#contacto-form p.last			{   padding-bottom:0}
#contacto-info					{   padding-top:20px;width:420px;float:right;font-style:normal;margin-bottom:91px}
#contacto-info strong			{   font-size:16px;color:#33A155;font-weight:400}
#contacto-info span				{   font-size:13px;color:#686868;line-height:30px}

#submit,
#contacto-form #submit			{   background:url(../img/bg-submit.jpg) repeat-x;border:none;font-size:10px !important;
									height:31px;width:112px !important;cursor:pointer;border-left:3px solid #016037;color:#fff;
									text-align:center;text-transform:uppercase; position:absolute; bottom:0;
									right: -113px;}

.espaciado-pre-footer			{   padding-bottom:37px;}
footer							{   border-top:4px solid #33A155;background:#2B6F47;
									box-shadow:inset -1px 15px 15px -20px black;
									webkit-box-shadow:inset -1px 15px 15px -20px black}
footer .content					{   height:37px; padding:0px 0;font-size:12px;text-align:center;color:#fff}
footer .content p				{   padding:9px 0;font-size:12px;text-align:center;color:#fff}