﻿/* CSS Document */
/* Estilos de la página y contenidos */
html { background-image:url(../imagenes/fondo.png);background-position: center 0;	background-repeat:no-repeat; background-color:#27486B}
body { margin:0px}
.menu_usr { font-family:Helvetica; font-size:8pt; text-align:right}
.menu-pie { font-family:Arial, Helvetica, sans-serif; color:#0C1D3F; font-size:12px; font-style:normal; font-weight:lighter}
.nota-pie { font-family:Arial, Helvetica, sans-serif; color:#BFBFBF; font-size:11px; font-style:normal}
#apDiv1 { width: 304px; height: 16px; margin-top: -10px; padding-top: 3px; text-align: right; float:left}
#apDiv2 { width: 304px; height: 16px; z-index: 2; margin-top:-10px; text-align: right}
.titulos-home {	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#FFFFFF; margin-left:20px;}
div#contenedor { width:450px; height:208px; margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px;}
div#invertir { width:210px;	height:40px; float:none; margin-top:15px; margin-left:230px;}
div#texto { width:250px; height:98px; float:left; margin-top:20px; margin-left:20px;}
div#texto2 { width:250px; height:106px; float:none; margin-top:20px; margin-left:20px;}
div#masinfo { width:84px; height:15px; float:none; margin-top:10px; margin-left:350px;}
div#home { width:933px; margin-top: -12px; margin-left: 15px; margin-right: 15; float: left}
div#testimonio1{ width:400px; height:100px;	margin-top:10px; margin-left:35px; color:#000000;}
div#rsociales { width:150px; height: 110px}
div#social { width: 150px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#081B2C; font-weight:bold; text-align:center; float: left}
div#like_face { margin-top: 10px; margin-left: 15px; width: 100px; height: 21px; float: left}
div#twitter { margin-top: 10px; margin-left: 15px; width: 100px; height: 21px; float: left}
.contenido-titulo{ font-family:Arial, Helvetica, sans-serif; color:#081B2C; font-size:18px; font-weight:bold; line-height:1;}
.contenido-texto { font-family:Arial, Helvetica, sans-serif; color:black; font-size:12px; text-align:justify;}
.titulos { font-family:Arial, Helvetica, sans-serif; font-size:15pt; color:#264E7B;}
/* Estilos para los testimonios */
#text-box {	margin-left:15px; padding: 20px; width: 400px; height:100px;}
#text-content { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:17px;}
#randomizer { display: block; margin-top: 10px; text-align: right; padding-top: 10px; outline: none;}

/* Estilos Google Custom Search */

/* Quita la marca de agua del cuadro de búsqueda */
.cse input.gsc-input,input.gsc-input{background-image:none !important}
/* --------------------------------------------- */
/* este es el rectángulo del formulario */
form.gsc-search-box { background-image:url(../Imagenes/buscar2.png); border-width: 0px; width: 468px; height: 34px; padding: 0px; margin: 0px 0px 0px 0px; overflow: hidden}
/* ------------------------------------ */
/* el cuadro donde se ingresan las palabras a buscar */
input.gsc-input { width: 380px; background-color:#F7F7F7; height: 18px; border: 0px solid #EFBB67;
	font: normal 12px "Trebuchet MS", sans-serif; margin-top: 7px; margin-left: 30px; float: left}
/* ------------------------------------ */
/* el botón de búsqueda */
input.gsc-search-button { margin-top: 7px; margin-left: 0px; border-radius: 3px; height: 20px; float: right;
	border-width: 0px; border-style: solid; border-color: #7eba7c #578e57 #447d43; margin: 7px 0 0 0px; padding: 3px 1px; 
	width: 50px; cursor: pointer; font: bold 12px Arial, Helvetica; color: #0C1A3F; 
  	/* esquinas redondeadas y sombras */
  	-moz-border-radius: 3px; /* Firefox*/
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset; /* Firefox */
  	-webkit-border-radius: 3px; /* Chrome, Opera, Safari*/
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset; /* Chrome, Opera, Safari*/ 
	/* ------------------------------ */
	/* Color de fondo degradado */
  	background-image: -moz-linear-gradient(#EFBB67, #E5A32E); /* Firefox */
  	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #E5A32E),color-stop(1, #EFBB67)); /* Chrome, Opera, Safari*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFBB67, endColorstr=#E5A32E); /* IE */
	/* ----------------------- */}
/* ----------------------- */	
/* Color degradado al pasar el puntero del mouse */
input.gsc-search-button:hover { background-image: -moz-linear-gradient(#E5A32E, #EFBB67); /* Firefox */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #EFBB67),color-stop(1, #E5A32E)); /* Chrome, Opera, Safari*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffE5A32E', endColorstr='#FFEFBB67', gradientType='0')"; /* IE */ }
/* --------------------------------------------- */	
/* cuadro contenedor Google Custom Search */
  .gsc-control-cse { font-family: "Trebuchet MS", sans-serif; border: none; background-color: transparent}
/* -------------------------------------- */  
  .gsc-control-cse .gsc-table-result {
    font-family: Arial, sans-serif;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #FF9900;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #E9E9E9;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-imageResult:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result.gsc-promotion:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #0000CC;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #0000CC;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #0000CC;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,

  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #0000CC;
  }
  .gsc-cursor-page {
    color: #0000CC;
  }
  a.gsc-trailing-more-results:link {
    color: #0000CC;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet,
  .gs-fileFormatType {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #008000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #008000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gs-promotion div.gs-visibleUrl-short {
    display: none;
  }
  .gs-promotion div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
    color: #0000CC;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #FF9900;
    background-color: #FFFFFF;
    color: #0000CC;
  }
  .gsc-webResult.gsc-result.gsc-promotion {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gsc-completion-title {
    color: #0000CC;
  }
  .gsc-completion-snippet {
    color: #000000;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #0000CC;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #000000;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #008000;}
	
#faq {
   z-index:2;
   position:fixed;
   /*border: 1px solid #333333;*/
   text-align:left;
   background-color:transparent;
   margin-top: 350px;
   display:none;

   margin-left:0px;
   width:98px;
	height:65px;
}
#cerrar_faq {
   float:right;
   /*margin-right:5px;*/
   margin-left: -14px;
   cursor:pointer;
   font:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   color:#FFFFFF;
   background-color:transparent;
   width:20px;
   height:20px;
   position:relative;
   margin-top:-7px;
   text-align:center;
   /*border: solid #F00;*/
}
/* estilos pie de página*/
#contacto {
	width:235px;
	height:109px;
}
#titulo {
	margin-top:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#FFFFFF
}
#icon-tel {
	margin-top:3px;
	width:24px;
	height:24px;
	float:left;
	background:url(../Imagenes/index-IconTel.png) no-repeat;
}
#tel {
	margin-left:4px;
	width:207px;
	height:39px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}
#icon-mail {
	width:24px;
	height:20px;
	float:left;
	background:url(../Imagenes/index-IconMail.png) no-repeat;
}
#mail {
	margin-top: 3px;
	margin-left:4px;
	width:141px;
	height:22px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}
#logoBC {
	margin-top:10px;
	margin-left:10%;
	width:34px;
	height:21px;
	float: left;
}
#logoGeoTrust {
	margin-top:10px;
	margin-left:10%;
	width:87px;
	height:31px;
	float:left;
}
#logoafico {
	margin-top:10px;
	margin-left:10%;
	width:91px;
	height:31px;
	float:left
}