@import url('template.css');

/* Main
/********************************************************************/
.bg001{ background:url(../img/fondos/bg001.jpg) no-repeat left top;							}
.bg002{ background:url(../img/fondos/bg_it-security-forensics.jpg) no-repeat left -10px;	}
.bg003{ background:url(../img/fondos/bg_it-consulting.jpg) no-repeat left -10px;			}
.bg004{ background:url(../img/fondos/bg_capacitacion.jpg) no-repeat left -10px;				}

/* H2
/********************************************************************/
#main h2.single{
	background:url(../img/bg_h2.gif) no-repeat left 39px;
	padding:58px 0 34px 62px;
}

#main h2.single_nobg{
	background:none;
	padding-left:0;
}

/* Texto generico
/********************************************************************/
.text_gen{
	float:left;
	margin-bottom:15px;
}
.text_gen p{}
.text_gen p a{ color:#074b7b;}
.text_gen p a:hover{ text-decoration:underline;}

/* list01
/********************************************************************/
.list01{
	float:left;
	margin-bottom:15px;
	width:100%;
}
.list01 li{
	background:url(../img/bul01.gif) no-repeat left 5px;
	color:#555;
	padding:0 0 0 11px;
	margin:0 0 12px 0;
}
.list01 li a{}
.list01 li a:hover{}

/* Segunda
/********************************************************************/
/* Box gris */
h3.gris{
	background:url(../img/bg_servicios-destacados.gif) no-repeat left top;
	color:#074b7b;
	float:left;
	font:normal 1.3em Arial, Helvetica, sans-serif;
	text-indent:-5000px;
	width:219px; height:44px;
}

.box_gris{
	background:url(../img/bg_boxgris.jpg) no-repeat left bottom #efefef;
	float:left;
	margin-bottom:33px;
	padding:18px 25px 30px 18px;
	width:176px;
}

/* Box azul */
h3.azul{
	background:url(../img/bg_consultas.gif) no-repeat left top;
	color:#fff;
	display:block;
	float:left;
	font:normal 1.3em Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	text-indent:-5000px;
	width:218px; height:39px;
}

.box_azul{
	background:url(../img/bg_boxazul.jpg) no-repeat left bottom /*#317eb0*/;
	color:#fff;
	float:left;
	padding:0 0 10px 18px;
	width:200px;

	display:inline; /* IE6 fix */
}
.box_azul ul{
	float:left;
	padding-top:15px;
}
.box_azul ul li{ margin-bottom:10px;}
.box_azul ul li.mail{
	background:url(../img/ico_envelope-white.gif) no-repeat left 2px;
	padding-left:20px;
}
.box_azul ul li.phone{
	background:url(../img/ico_phone-white.gif) no-repeat left top;
	padding:2px 0 2px 20px;
}
.box_azul ul li a{ color:#fff;}
.box_azul ul li a:hover{ text-decoration:underline;}


/* Contacto
/********************************************************************/
#form_global{}
#form_global p.txt_small{
	margin-bottom:0 !important;
	color:#909090;
	font-size:.9em;
}
#form_global legend{ display:none;}

.form001{}
.form001 label{
	color:#555;
	width:180px;
	float:left;
	margin-right:10px;
	padding:5px 0 0 4px;
}
.form001 input{
	border:1px solid #3f8cc0;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	width:300px;
	padding:3px 0 4px 5px;
}

.form001 textarea{
	border:1px solid #3f8cc0;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	width:370px;
	padding:2px 0 3px 5px;
}

.form001 ul{ margin-top:12px;}
.form001 ul li{ margin-bottom:15px;}

/* Botones */
.form001 ul li.botones{ margin:25px 0 0 195px;}

/* Error de envio */
.errores{
	background:#fff8f8;
	border:1px solid #ffb4b4;
	color:#b60000;
	margin-bottom:15px;
	padding:15px 0 15px 15px;
	float:left;
	width:562px;
}
.errores p{ margin-bottom:10px !important;}
.errores ul{ font-size:.9em;}
.errores ul li{}

.form001 label.error_disp{ color:#cc3300;}

/* Mensaje de envio */
.msg_ok{ color:#2266b1;}
.msg_ok p{ text-align:center !important;}

/* Otros elementos
/********************************************************************/
/* REQUIRED BUTTON STYLES: */		
button.submitBtn { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	font:bold 12px Arial, Helvetica, sans-serif;
}

button.submitBtn::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button.submitBtn span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button.submitBtn span { margin-top: -1px; }
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding:0 15px 0 0;
	text-align: center;
	background: transparent url(../img/btn_blue_sprite.gif) no-repeat right -94px;
}

button.submitBtn span {
	padding:6px 0 0 16px;
	height:21px;
	background: transparent url(../img/btn_blue_sprite.gif) no-repeat left top;
	color:#286f92;
}

button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -141px;
}

button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -47px;
	color:#fff;
}