﻿@charset "utf-8";
/* CSS Document */
/* ---------------- General ---------------- */
body {
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE;
	background-image: url(../images/bg-page.jpg);
	background-repeat: repeat-y;
	background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

#header {
	width: 930px;
	height:auto;
	float: left;
	margin: 0px;
	padding: 0px;
}
#logo {
	float: left;
	width: 245px;
	height: 104px;
}
#global {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}
#content {
	width: 930px;
    margin:1px auto;

}
#search {
	float: right;
	/*width: 220px;*/
	text-align: right;
	padding-top: 15px;
	padding-bottom: 0px;
	height: 55px;
}
#search ul {
	margin: 0px;
}
#search li, #search li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #01476B;
	font-size: 9px;
}
#search li {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}
#search li a {
	text-decoration: underline;
	font-weight: normal;
}

.inputs_search, .btt_search  {
	height: 22px;
	float:left;
	margin-bottom:15px;
}
.btt_search {
    width: 30px;
}
.inputs_search  {
    width:460px;
}
/* ---------------- Formularios ---------------- */
form {
	margin: 0px; /*Importante para IE6*/
}
.contactform {
	margin-left:60px;
	list-style-image: none;
	list-style-type: none;
}
.contactform li {
	padding: 3px 0 4px 20px;
	display:block;
	height: 22px;
	border-left: 3px solid #EBE9E4;
	vertical-align: top;
}
.f_search, .f_search_xl, .f_search_where, .input_nombre, .input_nombre, .input_empresa, .input_email, .input_telefono, .input_tema, .input_mensaje {
	border:#CCCCCC solid 1px;
	background-image:url(../images/bg-f_search.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.f_search {
	/*width: 180px;*/
	margin-right: 5px;
	height:16px;
	float: left;
}
.f_search_xl {
	width: 200px;
	height:16px;
	margin-right: 5px;
}
.f_search_where {
	width: 170px;
	height:18px;
	margin: 0px 5px;
	padding:0px;
}
.input_nombre, .input_tema {
	width:280px;
	height:18px;
	margin-bottom: 6px;
}
.input_empresa, .input_email {
	width:220px;
	height:18px;
	margin-bottom: 6px;
}
.input_telefono {
	width:160px;
	height:18px;
	margin-bottom: 6px;
}
.input_mensaje {
	width:280px;
	height:200px;
	margin-bottom: 6px;
	background-image: url(../images/bg_f_mensaje.jpg);
	background-repeat: repeat-x;
	text-align:left;
}
.btt_enviar, .btt_baja {
	background-color: #005E8A;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1em;
	cursor:pointer; /*en lugar de hand*/
}

.btt_enviar  {
	height: 25px;
	width: 90px;
}

.btt_baja  {
	height: 25px;
	width: 250px;
}
/* ---------------- Navigation ---------------- */
#menu {
	width: 930px;
    height: 21px;	
	/*height: 40px;*/
	background-color: #007cc2; 
	margin: 15px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	float:left;
	clear:both;/*necesario ie6*/
	/*background-image: url(../images/menueff.png);*/
	background-repeat: repeat-x;
}

#menu_links {
	display:table !important;
	margin:0 auto !important;

	/* IE HACK */
	display:block;
	margin:0;
	text-align:center;
}
#menu ul {
	height:21px; /*necesario ie6*/
	margin: 0px auto;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;

	display:table-cell !important;
	
	/* IE HACK */
	display:inline;
	zoom: 1;
}
#menu ul li, #menu ul li a {
	width:auto; /*solo ie 7 y resto, revisar y hackear para ie6*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	height:21px;
	line-height: 21px; /*alto links*/
	letter-spacing: 0.03em;
	padding-left:10px;
	padding-right:10px;
}
#menu .current_page, #menu .main_link {
	/*background-color:#007cc2;*/
	padding: 0px;
	margin-top: 0px;
	/*margin-left:7px;
	margin-right: 7px;*/
	margin-bottom: 0px;
	list-style-type: none;
	float: left;
}
#menu .current_page {
	background-image: url(../images/menu_li.jpg);
	background-repeat: repeat-x;
	padding: 0px 3px 0px 3px;
	background-color:#FF9900;
}
#menu .main_link a:hover {
	float: left; /*importante*/
	background-image: url(../images/menu_li.jpg);
	padding-left:10px;
	padding-right:10px;
	
}
#menu ul li .current_page a:hover {
	float: left; /*importante*/
	background-color: white;
}


/*  ----- menu proyectos ---*/
#menu_proyectos {
	width: 930px;
    height: 21px;	
	/*height: 40px;*/
	background-color:#FFFFFF; 
	margin: 0px 0px -30px 0px;
	padding:0px; 
	text-align: center;
	float:left;
	clear:both;/*necesario ie6*/
	/*background-image: url(../images/menueff.png);*/
	position:relative;
}

#menu_proyectos ul {
	width:auto;
	height:21px; /*necesario ie6*/
	margin: 0px auto;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;

	display:table-cell !important;
	
	/* IE HACK */
	display:inline;
	zoom: 1;
}
#menu_proyectos ul li, #menu_proyectos ul li a {
	width:auto; /*solo ie 7 y resto, revisar y hackear para ie6*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#007cc2;
	text-transform: uppercase;
	text-decoration: none;
	height:21px;
	line-height: 21px; /*alto links*/
	letter-spacing: 0.03em;
	padding-left:10px;
	padding-right:10px;
}
#menu_proyectos .current_page, #menu_proyectos .main_link {
	/*background-color:#007cc2;*/
	padding: 0px;
	margin-top: 0px;
	/*margin-left:7px;
	margin-right: 7px;*/
	margin-bottom: 0px;
	list-style-type: none;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	
}
#menu_proyectos .current_page {
	background-image: url(../images/menu_li.jpg);
	background-repeat: repeat-x;
	padding: 0px 3px 0px 3px;
	background-color:#FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
}
#menu_proyectos .main_link a:hover {
	float: left; /*importante*/
	background-image: url(../images/menu_li.jpg);
	padding-left:10px;
	padding-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	
	
}
#menu_proyectos ul li .current_page a:hover {
	float: left; /*importante*/
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	
}
/* -------------------------------*/

.titulo_mainpage{
	display:inline
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #007cc2;
	margin: 0px 0px 0px 0px;

}
.box_info_a_casoexito_home  {
/*	width: 150px;  */
	height: auto;
	margin: 0px 0px 0px 0px;
	text-align: center;
	vertical-align: middle;
}
.box_info_b_casoexito_home  {
/*    float: left; */
/*	width: 380px; */
	margin: 20px 10px 10px 10px;
}	
.text_opcion_menu{
	font-family:Geneva, Arial, Helvetica, sans-serif;
 	font-size: 14px;
	font-weight:normal
	text-decoration: none;
	
}
p {
	color: #666666;
}
.ma1 {
	font-size:1.2em;
	line-height:25px;
	text-align:justify;
}


/*-----------------*/

#home_submenu   { /*Contendor principal de los sectores - áreas de actividad*/
	width: 308px !important; /*	Hack para IE 7 y Firefox*/
	width: 296px; /*Tamaño para ie6*/
	 /*height: 272px;importante para que no se descuadre la home con los submenus*/
	padding: 0px;
	margin-bottom: 20px;
	float:right
}
.home_submenu_tittle   {
	width: 295px; /*Tamaño para ie6*/
	height: 21px; 
	padding-top: 4px;
	margin:0px; 
	background-color:#007cc2;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	padding-left: 10px;
	vertical-align:middle;

	/*float: left;*/
}
.home_submenu_tittle h2, .home_submenu_tittle h2 a   {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	padding-left: 10px;
}
.box_home_submenu_act, .box_home_submenu_sect  { /*Contendor de los sectores - áreas de actividad (y de la lista sublinks)*/
	width: 308px !important; /*	Hack para IE 7 y Firefox*/
	width: 296px; /*Tamaño para ie6*/
	height: 224px; /*importante, determina el alto del div contenedor de las subsecciones. En un momento dado pordría quedarse pequeño.*/
	padding:0px;
	margin: 0px;
	float: left;
}
.links_submenu  { /*Contenedor de los enlaces, marca la linea naranja a la izquierda. */
	width: 275px !important; /*	Hack para IE 7 y Firefox*/
	width: 263px; /*Tamaño para ie6*/
	height: auto;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #F26A25;
	padding: 5px 15px;
	margin-top: 15px;
	float: left;
}
.links_submenu  h3 { /*Formato enlaces submenu home */
    margin: 0px;
	padding: 4px 0px; /*Alto de los sublinks, sectores y áreas de actividad*/
}
.links_submenu  h3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #007cc2;
	text-decoration: none;
}
.links_submenu  h3 a:hover {
	background-color: #D6D2C9; 
}
.box_casoexito_home  {
	width:560px;
	/*height: 540px;*/
	padding: 10px;
	margin-bottom: 10px;
/*	border: 1px solid #CCCCCC;*/
	/*background-image: url(../images/bg_box_casoexito_home.jpg);
	background-repeat: repeat-y;
	background-position: center;*/

}	
.box_info_a_casoexito_home  {
	float: left;
	/*width: 150px;*/
	height: auto;
	margin: 20px 20px 0px 0px;
	text-align: center;
	vertical-align: middle;
}
.box_info_b_casoexito_home  {
   /* float: left;
	width: 380px;
	margin: 20px 10px 10px 10px;*/
}	
.box_aux_a_home, .box_aux_b_home {
	padding: 5px;
	float: right;
	height: 290px;
}
.box_aux_a_home {
    /*width: 271px;*/
	margin: 0px 13px 0px 0px; /*Importante para i6, margin-bottom: 0px*/
	/*border: #CCCCCC solid 1px;*/
	text-align:justify;
}	
.box_aux_b_home {
    width: 298px !important; /*	Hack para IE 7 y Firefox*/
	width: 283px; /*Tamaño para ie6*/
	margin: 0px 0px 30px 0px;
	border: none;
}	
.box_aux_c_home {
    /*width: 271px;*/
	margin: 0px 13px 0px 0px; /*Importante para i6, margin-bottom: 0px*/
	/*border: #CCCCCC solid 1px;*/
	text-align:justify;
}	

.box_aux_c_home_facebook {
    /*width: 271px;*/
	margin: 0px 0px 0px 7px; /*Importante para i6, margin-bottom: 0px*/
	/*border: #CCCCCC solid 1px;*/
	text-align:justify;
}	
	
.box_aux_a_home ul, .box_aux_b_home ul, .box_aux_c_home ul {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;  /*Importante para Firefox*/
}
.box_aux_a_home ul li, .box_aux_b_home ul li, .box_aux_c_home ul li {
    margin: 0px 0px 15px 0px;   
}
.box_aux_a_home ul li a, .box_aux_b_home ul li a, .box_aux_c_home ul li a {
     text-decoration: none;   
}
.box_aux_a_home img {
    margin: 20px 0px 10px 0px;
	border: none;
}

.box_aux_c_home img {
  margin: 7px 25px 7px 25px;
	border: none;
	border-style: none;
}

/*------------------------------------*/
/*-----------Hacks---------------- */

.clear_right {
	clear: right;
}
.clear_left {
	clear: left;
}
.clear_both {
	clear: both;
}

/* ---------------- Columnas ---------------- */

#columna_ab_c{
	float: left;
	width: 530px;
	padding: 0px;
	margin: 0px;
	height: auto;
}

#columna_ab_a{
	float: right;
	width: 550px;
	padding: 15px;
	margin: 0px;
	height: auto;
}
#columna_ab_b{
	float:left;
	width: 230px;
	padding: 0px;
	padding-left:73px;
	margin: 0px;
	border-left:0px solid #CCCCCC;
}
/* ---------------- Footer ---------------- */
#footer {
	width: 930px;
	height: auto;
/*	padding-left: 15px; */
	margin-top:60px;
	padding-top: 15px;
		/*padding-bottom: 60px;*/
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
 /*	background-image: url(../images/bg_footer.jpg);*/
/*	background-repeat: no-repeat;
	background-position: center top; */
	text-align: center;
	float:left; /*Necesario para firefox*/
}
#footer ul {
	/*float:left;*/
	padding-left:0px; /*importante para eliminar margen por defecto*/
	margin: 14px;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#footer ul li {
	display: inline;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 9px;*/
	color: #999999;
	/*text-align: left;*/
}
#footer li h2, #footer li a, #legal li a, #copyright p, #copyright p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 9.5px;*/
	color: #00476B;
	text-decoration: none;
}
#footer li a:hover, #legal li a:hover, #copyright p a:hover {
	color: #666;
}
#footer li h2 {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom:10px;
}

#legal ul {
	margin:auto;
	float:left;
	padding:0px;
}
#legal li {
	margin:auto;
	display:inline;
	padding-left: 10px;
	padding-right:10px;
	float:left;
}
#copyright {
	float:right;
}

#copyright p {
/*	margin:2px 0px 0px 0px; */
	float:right;
}
.footerl{
margin:8px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.footer2{
margin:8px;
}

img.valign 
{ 
	top:50%;
	margin-top: -40px;
	vertical-align:middle;
} 

#logos {
/*padding-top:10px; */
padding:0px;
padding-top:5px;
width:915px;
height:35px;
vertical-align:middle;
}
#footer_menu {
margin:auto;
border-top:1px solid #CCCCCC;
padding:0px;
/*padding-top:10px; */

width:915px;
height:35px;
vertical-align:middle;
}
#legal {
margin:auto;
/*border-top:1px solid #CCCCCC; */
padding-top:10px;
width:915px;
height:20px;
float:left;
vertical-align:middle;
}

.capa_facebook {
	font-size:8px; 
	padding-left:0px;
}

.spacer_I {
	background-image: url(../images/spacer1.gif); /* Signo "I" para separar elementos de listas horizontales*/
	background-repeat: no-repeat;
	background-position: right center;
}
.uppercase {
	text-transform: uppercase;
}
.subtitulo1 {
	color: #007CC2;
	font-size: 1.1em;
	font-weight: bold;
	margin-top:10px;
}
.ma1 .lisub{
	background-image: none;
	padding-left: 0px;
	list-style-type: disc;
/*	list-style-position:outside; */

}
.ma1 li{
	background-image: url(../images/vineta.jpg);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: 0px 0em;
	line-height:22px;
	list-style-type:none;

}
.ma1 lisub2{
list-style-type: disc;
}
