ul {list-style: none;}

a img { border: none; }

button {
  display: block;
  cursor: pointer;
}

@import url(fuente.css);

body{
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		margin:0px;
		margin-top:0px;
		background:#e3ebf1 url(../imgs/bg.png) repeat-x top center;
}

#contenedor{
		width:980px;
		margin:auto;
		background:url(../imgs/body_bg.png) repeat-y top center;
}

#contenido{
		margin:auto;
		border:0px;
		width:960px;
		height:auto;
		background:#FFF;
		position:relative;
}

#top{
		width:960px;
		height:auto;
		top:0;
		left:0;
}

#social_links{	
		display:block;
		position:absolute;
		z-index:9999;
		width:960px;
		height:20px;
		top:0;
		left:0;
}

#barra-top{
		height:20px;
		width:960px;
		background: url(../imgs/f_social.png) repeat-x #ff8f16;
		text-align:right;
		position:relative;
		z-index:9999;
		top:0;
		left:0;
}

#menu{
		height:50px;
		width:960px;
		background:#FFF;
		#margin-left:-960px;
		#background:transparent;
}

#menus{
		margin-top:0px;
}		

#logo{
		height:50px;
		width:215px;
		position:absolute;
		z-index:9003;
}

#botonera{
		height:20px;
		width:715px;
		padding:15px;
		position:absolute;
		z-index:9004;
		margin-left:215px;
		text-align:left;
}

#botonera h1{
		margin:0 15px 0 15px;
}

#slideshow{
		height:247px;
		display:block;
}

#sombra_0{
		height:5px;
		width:960px;
		background:url(../imgs/sombra_abajo.jpg) no-repeat;
}

#notas{
		height:20px;
		width:930px;
		text-align:left;
		color:#4a4a4a;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:4px 15px 0 15px;
		border-bottom:2px solid #ff8f16;
		margin-bottom:5px;
}

#apartados{
		width:960px;
		height:168px;
		overflow:auto;
		margin-bottom:7px;
}

#info_xtra{
		width:960px;
		height:50px;
		background:url(../imgs/f_inf_xtra.png) repeat-x #ff8f16;
		overflow:auto;
		text-align:left;
}
		
#ultima_nota{
		width:480px;
		height:50px;
	    background:url(../imgs/extra_sombra.png) repeat-y top right;
		float:left;
}

#clientes{
		width:240px;
		height:50px;
		background:url(../imgs/extra_sombra.png) repeat-y top right;
		float:left;
}

#contacto{
		width:240px;
		height:50px;
		float:left;
}


#ultima_nota_cont{
		width:450px;
		height:220px;
	    background:url(../imgs/bg_apart.png) #FFF no-repeat center right;
		float:left;
}

.txt_nota{
		text-align:justify;
		font-size:11px;
		padding:15px 15px 15px 15px;
}

#clientes_cont{
		width:240px;
		height:235px;
	    background:url(../imgs/bg_apart.png) #FFF no-repeat center right;
		float:left;
		padding-top:15px;
}

#contacto_cont{
		width:210px;
		height:220px;
		background:#FFF;
		float:left;
}

.txt_cont{
		text-align:justify;
		font-size:11px;
		padding:15px 15px 15px 15px;
}

.14{
		padding:0;
		font-size:14px;
}

#cont_mail{
		width:auto;
		height:20px;
		text-align:left;
		padding-left:22px;
		padding-top:3px;
		background:url(../imgs/mail_receive.png) no-repeat top left;
		text-decoration:none;
		color:#222;
}

#cont_mail a{
		text-decoration:none;
		color:#222;
}

#cont_soporte{
		width:auto;
		height:20px;
		text-align:left;
		padding-left:22px;
		padding-top:1px;
		background:url(../imgs/comments.png) no-repeat top left;
		text-decoration:none;
		color:#222;
}

#cont_soporte a{
		text-decoration:none;
		color:#222;
}

#cont_msn{
		width:auto;
		height:20px;
		text-align:left;
		padding-left:22px;
		padding-top:1px;
		background:url(../imgs/users.png) no-repeat top left;
		text-decoration:none;
		color:#222;
}

#cont_face{
		width:auto;
		height:20px;
		text-align:left;
		padding-left:22px;
		padding-top:1px;
		background:url(../imgs/face.png) no-repeat top left;
		text-decoration:none;
		color:#222;
}

#cont_twitt{
		width:auto;
		height:20px;
		text-align:left;
		padding-left:22px;
		padding-top:1px;
		background:url(../imgs/twitt.png) no-repeat top left;
		text-decoration:none;
		color:#222;
}

#cont_msn a{
		text-decoration:none;
		color:#222;
}

#cont_face a{
		text-decoration:none;
		color:#222;
}

#cont_twitt a{
		text-decoration:none;
		color:#222;
}

#slideshow-container	{ width:211px; height:192px; position:relative; left:15px;}
#slideshow-container img { display:block; position:absolute; top:0; left:0; z-index:1; }


#pie{
		height:17px;
		width:960px;
		background:#ff8f16;
}

#info{
		padding:15px;
		width:930px;
		height:auto;
}

#bar_top_secc{
		height:20px;
		width:960px;
		background:url(../imgs/top_secc.png) repeat-y top center;
}

h1{
      font-family: Century Gothic, Verdana;
	  color: #4d77a1;
	  font-size:28px;
	  font-weight:normal;
	  text-align:left;
	  margin:0;
}

h2{
      font-family: Century Gothic, Verdana;
	  color: #4d77a1;
	  font-size:18px;
	  font-weight:normal;
	  text-align:left;
	  margin:7px 0;
}

h3{
      font-family: Century Gothic;
	  color: #852cd8;
	  font-size:28px;
	  font-weight:normal;
	  text-align:left;
	  margin:0;
}

h3.naranja_medios{
      font-family: Century Gothic;
	  color: #ffa800;
	  font-size:28px;
	  font-weight:normal;
	  text-align:left;
	  margin:0;
}

h4{
      font-family: Century Gothic;
	  color: #852cd8;
	  font-size:18px;
	  font-weight:normal;
	  text-align:left;
	  margin:7px 0;
}

h4.naranja_medios{
      font-family: Century Gothic;
	  color: #ffa800;
	  font-size:18px;
	  font-weight:normal;
	  text-align:left;
	  margin:7px 0;
}

h5{
      font-family: Century Gothic, Verdana;
	  color: #4d77a1;
	  font-size:18px;
	  font-weight:normal;
	  text-align:left;
	  margin:7px 0;
}

.gris_legal{
		color: #333;
}

.naranja_medios_2{
		color: #ffa800;
		padding-left:25px;
		padding-top:0px;
		background:url(../imgs/hand.jpg) no-repeat left top;
		height:20px;
		margin-left:15px;
		cursor:help;
}
		
.azul_serv_2{
		color: #4d77a1;
		padding-left:19px;
		padding-top:2px;
		background:url(../imgs/info.png) no-repeat left top;
		height:16px;
		margin:4px 8px;
		cursor:help;
}


.azul_serv_2 a{
		color: #4d77a1;
		text-decoration:none;
}


.tit_azul-18{
	  font-family: Century Gothic, Verdana;
	  color: #4d77a1;
	  font-size:18px;
	  font-weight:normal;
	  text-align:justify;
}

#sabermas_n{
		text-align:right;
		margin-top:8px;
}

a.sabermas_n:link{
		text-decoration:none;
		color:#ffa800;
		font-size:14px;
		text-align:right;
}

a.sabermas_n:visited {
		text-decoration:none;
		color:#ffa800;
		font-size:14px;
		text-align:right;
}

a.sabermas_n:hover {
		text-decoration:none;
		color:#ffa800;
		font-size:14px;
		text-align:right;
}

a.sabermas_n:active {
		text-decoration:none;
		color:#ffa800;
		font-size:14px;
		text-align:right;
}


#logitos{
		width:900px;
		height:auto;
		overflow:auto;
		padding:0 30px;
}

#logito{
		float:right;
		width:auto;
		height:auto;
		margin: 5px 10px;
}
/* --------------------- EMPRESA  --------------------------*/


#txt_cont{
		color:#121212;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:justify;
		padding:10px 0px;
}

/* --------------------- VALORES  --------------------------*/


#txt_cont_val{
		color:#121212;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:justify;
		padding:10px 0px;
		overflow:auto;
}

#txt_izq_val{
		width:740px;
		height:auto;
		float:left;
}

#txt_der_val{
		width:180px;
		height:370px;
		float:right;
		background:url(../imgs/manos-velores.jpg) no-repeat;
}

#screenshot{
		position:absolute;
		border:1px solid #ccc;
		background:#333;
		padding:5px;
		display:none;
		color:#fff;
	}
	
#siluetas{
		overflow:auto;
}

#silueta{
		float:left;
		width:auto;
		height:auto;
}


/* --------------------- Recursos Humanos  --------------------------*/

.rh{
list-style-type: none;
padding: 0;
margin: 0;
margin-left:20px;
}

.rh li{
background-image: url(../imgs/bullet_morado.jpg);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: 1.3em;
padding-bottom:3px;
}

.rh2{
list-style-type: none;
padding: 0;
margin: 0;
margin-left:20px;
}

.rh2 li{
background-image: url(../imgs/bullet_morado.jpg);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: 1.3em;
padding-bottom:3px;
font-size:15px;
}

#txt_cont_rh{
		color:#121212;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:justify;
		padding:0;
		overflow:auto;
		margin:auto;
		width:640px;
}

#txt_izq_rh{
		width:auto;
		height:auto;
		float:left;
}


/* --------------------- Medios  --------------------------*/


#txt_cont_medios{
		color:#121212;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:justify;
		padding:0;
		overflow:auto;
		margin:auto;
}


#txt_izq_medios{
		width:auto;
		height:auto;
		float:left;
}


.medios{
list-style-type: none;
padding: 0;
margin: 0;
margin-left:20px;
}

.medios li{
background-image: url(../imgs/bullet_naranja.jpg);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: 1.3em;
padding-bottom:3px;
}

#inversion_m{
		text-align:right;
		color:#ff8a00;
		font-size:18px;
}

#contact_medios_1{
		background:url(../imgs/icon_mail.jpg) no-repeat;
		padding-left:45px;
		padding-top:9px;
		height:27px;
}

#contact_medios_2{
		background:url(../imgs/icon_tel.jpg) no-repeat;
		padding-left:45px;
		padding-top:9px;
		height:27px;
		font-size:14px;
		color:#ff8a00;
}

#contact_medios_3{
		background:url(../imgs/icon_mess.jpg) no-repeat;
		padding-left:45px;
		padding-top:9px;
		height:27px;
		font-size:14px;
		color:#ff8a00;
}

a.mail_medios{
		font-size:14px;
		color:#ff8a00;
		text-decoration:none;
}

#paq_arriba{
		width:930px;
		height:38px;
		background:url(../imgs/paq_arriba.jpg) no-repeat;
}

#paq_medio{
		width:930px;
		height:auto;
		background:url(../imgs/paq_medio.jpg) repeat-y;
		overflow:auto;
		padding:0;
}

#paq_abajo{
		width:930px;
		height:38px;
		background:url(../imgs/paq_abajo.jpg) no-repeat;
}

#separ_0{
		height:8px;
		width:930px;
		background:url(../imgs/separ_0.jpg) repeat-x;
}

.paq_medios{
list-style-type: none;
padding: 0;
margin: 0;
margin-left:30px;
}

.paq_medios li{
background-image: url(../imgs/arrow_n.jpg);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: 1.3em;
padding-top:.25em;
padding-bottom:10px;
}


.paq_medios1{
list-style-type: none;
padding: 0;
margin: 0;
margin-left:0;
}

.paq_medios1 li{
background-position: 0 .3em;
padding-left: 1.3em;
padding-top:.25em;
padding-bottom:10px;
text-align:center;
}


/*---------- Servicios ----------*/


#res1, #res2, #res3, #res4, #res5, #res6, #res7, #res8{
		padding:15px;
		overflow:auto;
}

.notita{
		color:#333;
		font-size:10px;
		text-align:left;
}

#logoflotado{
		float:right;
		margin-right:10px;
		margin-top:-5px;
}

.servi{
list-style-type: none;
padding: 0;
margin: 0;
margin-left:20px;
}

.servi li{
background-image: url(../imgs/bullet_azul.jpg);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: 1.3em;
padding-bottom:3px;
}

/*----------- Form -----*/

	#form h2{
		font-size: 1.5em;
			margin: 0 0 1em 0;
			padding: 0 0 0.5em 0;}


		#form .campo {
			border: 1px solid #999;
			padding: 0.3em;
			font-size: 1.2em;}

		#form .error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 1.2em;}

		#form .com {
			border: 1px solid #999;
			padding: 0.3em;
			font-size: 1.2em;
			width:20em;
			height: 10em;
			font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

		#form .com-error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 1.2em;
			width:20em;
			height: 10em;
			font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

  	#form .boton {
			border: 2px solid #999;
			padding: 0.3em;
			font-size: 1.2em;
			width: 4em;}

	  #error {
		  border: 1px dashed #F00;
		  background-color: #FFF;
		  padding: 5px;
		  margin-bottom:15px;
		  text-align:center;
		  }

	  #ok {
	    border: 1px dashed #060;
	    background-color:#FFF;
	    padding: 5px;
		margin-bottom:15px;
		text-align:center;
		}
		
		#pform{
		width:auto;
		margin-bottom:10px;
		}
		
		#form1{
		width:250px;
		}
		
		#formtxt{
		width:335px;
		height:70px;
		}
		
		#formbtn{
		width:345px;
		background:url(../imgs/fbtn.jpg) repeat-x;
		color:#FFF;
		font-size:12px;
		}
		
		#form2{
		width:320px;
		}
		
		#formtxt2{
		width:450px;
		height:90px;
		}
		
		#formbtn2{
		width:455px;
		background:url(../imgs/fbtn.jpg) repeat-x;
		color:#FFF;
		font-size:12px;
		}

#serv1 a{	
		text-align:center;
		background:#00a2ff;
		padding:7px;
		color:#fff;
}
.azul_serv1{
      font-family: Century Gothic, Verdana;
	  color: #4d77a1;
	  font-size:14px;
	  font-weight:normal;
	  text-align:left;
	  margin:7px 0;
}



.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

.toolt{
		font-size:12px;
}