

/* /////////////////////////////////////////////////////////////////////////////////////////  PORTFOLIO */

#contenido_portfolio {
	width:980px;
	height:200px;
	margin:auto;
	margin-bottom:30px;
	background-image:url(../images/bk_portfolio.jpg);
}

#boton_ver_portfolio {
	width:121px;
	height:54px;
	position:relative;
	top:105px;
}

#visualizador_portfolio_web {
	width:788px;
	height:156px;
	position:relative;
	top:-32px;
	left:169px;
	float:left;
}

img.portfolio_web_imagen {
	float:left;
	width:215px;
	padding:12px 8px 0px 8px;
}

img.portfolio_web_imagen_cortada {
	float:left;
	width:90px;
	padding:12px 0px 0px 5px;
}

#destacado_web {
	width:100%;
	height:165px;
	background-color:#EAEAEC;
}

#destacado_web2 {
	width:100%;
	height:124px;
	background-color:#EAEAEC;
}

#destacado_web3 {
	width:100%;
	height:305px;
	background-color:#EAEAEC;
}

#destacado_web a, #destacado_web2 a, #destacado_web3 a {
	background: none;
	border: none;
	text-decoration:none;
	color: none;
}

#destacado_web img, #destacado_web2 img, #destacado_web3 img {
	background: none;
	border: none;
	text-decoration:none;
	color: none;
}

#referencias_portfolio {
	width:980px;
	height:138px;
	margin:auto;
	margin-bottom:30px;
}

#cuadro_referencias_portfolio {
	width:980px;
	height:73px;
}

#titulo_referencias_portfolio {
	width:115px;
	height:58px;
	float:left;
	position:relative;
	top:8px;
}

#tabla_referencias_portfolio {
	width:845px;
	height:56px;
	float:left;
	position:relative;
	top:10px;
	left:20px;
}

#casillero_icono {
	width:140px;
	height:56px;
	float:left;
}

#nombre_icono {
	width:69px;
	height:50px;
	float:left;
	position:relative;
	top:10px;
	left:10px;
	color:#333333;
	font-size:13px;
	text-align:left;
	line-height:18px;
	font-weight:bold;
}

#nombre_icono_largo {
	width:69px;
	height:50px;
	float:left;
	position:relative;
	top:3px;
	left:10px;
	color:#333333;
	font-size:13px;
	text-align:left;
	line-height:18px;
	font-weight:bold;
}


#imagen_icono_grande {
	width:56px;
	height:56px;
	float:left;
}

#referencias_texto {
	width:980px;
	height:63px;
	background-color:#E6E6E6;
	position:relative;
	top:20px;
	font-size:13px;
	color:#333333;
	text-align:justify;
}

img.manito_portfolio {
	float:left;
	position:relative;
	top:20px;
	left:20px;
}

p.referencias_texto {
	width:890px;
	padding:12px 20px;
	position:relative;
	left:40px;
}

#grupo_cliente_portfolio {
	width:980px;
	height:300px;
}

#cliente_portfolio {
	width:324px;
	height:280px;
	float:left;
}

#referencias_cliente_portfolio {
	width:324px;
	height:25px;
	float:left;
}

table.cuadro_referencias_cliente {
	width:65%;
	margin-left:15px;
}

td.icono_referencia {
	width:25px;
	height:25px;
}

#descripcion_cliente_portfolio {
	width:300px;
	height:40px;
	position:relative;
	top:10px;
	left:15px;
	text-align:left;
	color:#666666;
	font-size:11px;
	line-height:14px;
	float:left;
}

/* /////////////////////////////////////////////////////////////////////////////////////////  PLANES DE HOSTING */

#planes_hosting {
	width:980px;
	height:300px;
	margin:auto;
	margin-bottom:20px;
}

#tabla_planes_hosting {
	width:650px;
	height:280px;
}

#fila1_planes {
	width:650px;
	height:20px;
	background-color:#003366;
}

#fila_tit_planes {
	width:609px;
	height:34px;
	background-color:#DBDBDB;
	position:relative;
	left:20px;
}

#tit_planes {
	font-size:15px;
	color:#333333;
	position:relative;
	right:210px;
	bottom:3px;
}

#fila2_planes {
	width:650px;
	height:46px;
	background-color:#011126;
}

#tit_gris {
	width:166px;
	height:34px;
	padding-top:12px;
	font-size:14px;
	float:left;
	background-image:url(../images/bk_tit_gris.jpg);
	background-repeat:repeat-x;
}

#tit_verde {
	width:117px;
	height:38px;
	padding-top:8px;
	font-size:14px;
	float:left;
	background-image:url(../images/bk_tit_verde.jpg);
	background-repeat:repeat-x;
	line-height:15px;
}

#tit_celeste {
	width:119px;
	height:38px;
	padding-top:8px;
	font-size:14px;
	float:left;
	background-image:url(../images/bk_tit_celeste.jpg);
	background-repeat:repeat-x;
	line-height:15px;
}

#tit_azul {
	width:248px;
	height:38px;
	padding-top:8px;
	font-size:14px;
	float:left;
	background-image:url(../images/bk_tit_azul.jpg);
	background-repeat:repeat-x;
	line-height:15px;
}

#fila_gris {
	width:154px;
	height:25px;
	padding-left:12px;
	font-size:13px;
	text-align:left;
	float:left;
	background-image:url(../images/bk_col_gris.jpg);
	background-repeat:repeat-y;
}

#fila_verde {
	width:117px;
	height:25px;
	font-size:13px;
	float:left;
	background-image:url(../images/bk_col_verde.jpg);
	background-repeat:repeat-y;
}

#fila_celeste {
	width:119px;
	height:25px;
	font-size:13px;
	float:left;
	background-image:url(../images/bk_col_celeste.jpg);
	background-repeat:repeat-y;
}

#fila_azul {
	width:248px;
	height:25px;
	font-size:13px;
	float:left;
	background-image:url(../images/bk_col_azul.jpg);
	background-repeat:repeat-y;
}

#fila_gris_v {
	width:154px;
	height:20px;
	padding-left:12px;
	float:left;
	background-image:url(../images/bk_col_gris.jpg);
	background-repeat:repeat-y;
}

#fila_verde_v {
	width:117px;
	height:20px;
	float:left;
	background-image:url(../images/bk_col_verde.jpg);
	background-repeat:repeat-y;
}

#fila_celeste_v {
	width:119px;
	height:20px;
	float:left;
	background-image:url(../images/bk_col_celeste.jpg);
	background-repeat:repeat-y;
}

#fila_azul_v {
	width:248px;
	height:20px;
	float:left;
	background-image:url(../images/bk_col_azul.jpg);
	background-repeat:repeat-y;
}

span.hosting_reseller {
	font-size:11px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////// CONTENIDO LATERAL */

#info_lateral {
	width: 300px;
	height: 240px;
	margin-left: 30px;
	margin-bottom: 40px;
	float: left;
}

#info_lateral_quienes  {
	width:300px;
	height:100%;
	margin-left:30px;
	margin-bottom:40px;
	float:left;
}

#info_lateral_sistemas  {
	width:298px;
	height:609;
	margin-bottom:40px;
	float:left;
}

#faqs  {
	width:100%;
	background-color:#EAEAEC;
	margin-bottom: 16px;
}

#titulo_faqs {
	width: 285px;
	height: 30px;
	background-color: #367EB5;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 13px;
	color: white;
	text-align: left;
	font-weight: bold;
	padding: 10px 0px 0px 15px;
}

ul.faqs {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:13px;
	color:#333333;
	text-align:left;
	padding: 15px 16px 10px 32px;
}

ul.faqs li.faqs {
	padding:4px 0px 4px 0px;
}

ul.faqs li.faqs a {
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 13px;
	color: #333;
	text-decoration:none;
}

#servicios_similares  {
	width:100%px;
	height:120px;
	margin-bottom:20px;
	background-color:#3AAADC;
}

#titulo_similares {
	width: 285px;
	height: 30px;
	background-color: 
	#367EB5;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 13px;
	color: 
	white;
	text-align: left;
	font-weight: bold;
	padding: 10px 0px 0px 15px;
}

#titulo_similares_posicionamiento {
	height: 30px;
	background-color: #367EB5;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 13px;
	color: 
	white;
	text-align: left;
	font-weight: bold;
	padding: 10px 0px 0px 15px;
}

ul.similares {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:13px;
	color:#ffffff;
	text-align:left;
	padding:15px 5px 10px 40px;
}

ul.similares_seo {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:13px;
	color:#ffffff;
	text-align:left;
	padding:10px 5px 10px 40px;
}

ul.similares li a, ul.similares_seo li a {
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 13px;
	color: white;
	text-transform: uppercase;
}

li.similares {
	padding:4px 0px 4px 0px;
}

/* /////////////////////////////////////////////////////////////////////////////////////////  PORTFOLIO */

#portfolio_seccion  {
	width:980px;
	height:190px;
	margin:auto;
	margin-top:40px;
	margin-bottom:10px;
}

#portfolio_quienes  {
	width:300px;
	float:left;
	height:239px;
}

#ultimos_trabajos {
	height:40px;
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:14px;
	color:#999999;
	text-align:left;
	font-weight:bold;
}

#imagen_trabajos {
	height:150px;
	position:relative;
	bottom:20px;
}

/* ////////////////////////////////////////////////////////////////////////////////////////// ESTILOS PARA TEXTOS */

#textos  {
	width:650px;
	height:100%;
	margin-bottom:40px;
	float:left;
}

#texto_sistemas  {
	width:650px;
	height:590px;
	margin-bottom:40px;
	float:left;
	position:relative;
	left:30px;
}

#texto_dominios  {
	width:650px;
	height:572px;
	margin-bottom:40px;
	float:left;
}

#texto_dominios2  {
	width:650px;
	height:250px;
	margin-bottom:40px;
	float:left;
}


#staff  {
	width:980px;
	height:20px;
	margin-bottom:5px;
	float:left;
}

#titulo_staff {
	height:20px;
}

p.titulo_staff {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:18px;
	font-weight:bold;
	color:#367EB5;
	text-align:left;
	position:relative;
	left:10px;
}

#titulo_area {
	width:980px;
	height:30px;
	float:left;
}

#titulo_area_atencion {
	width:150px;
	height:20px;
	float:left;
	font-size:14px;
	color:#666666;
	position:relative;
	top:5px;
	left:10;
	text-align:left;
}

#linea_staff_1 {
	height:2px;
	width:810px;
	background-color:#CCCCCC;
	float:left;
	position:relative;
	left:20px;
	top:12px;
}

#titulo_area_asesoramiento {
	width:200px;
	height:20px;
	float:left;
	font-size:14px;
	color:#666666;
	position:relative;
	top:5px;
	left:10;
	text-align:left;
}

#linea_staff_2 {
	height:2px;
	width:760px;
	background-color:#CCCCCC;
	float:left;
	position:relative;
	left:10px;
	top:12px;
}

#titulo_area_diseno {
	width:235px;
	height:20px;
	float:left;
	font-size:14px;
	color:#666666;
	position:relative;
	top:5px;
	left:10;
	text-align:left;
}

#linea_staff_3 {
	height:2px;
	width:725px;
	background-color:#CCCCCC;
	float:left;
	position:relative;
	left:10px;
	top:12px;
}

#destacado_cv_grande {
	width:980px;
	height:96px;
	clear:both;
	/*display:block;*/
	background-image:url(../images/cv_destacado_grande.jpg);
	margin:20px 0px 20px 0px;
}

#titulo_quienes {
	height:40px;
	background-color:#367EB5;
}

#titulo_sistemas {
	height:40px;
	background-color:#367EB5;
}

#titulo_dominios {
	height:40px;
	background-color:#367EB5;
}

p.titulo_quienes {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:18px;
	color:#FFFFFF;
	text-align:left;
	padding:8px 0px 5px 20px;
}

p.titulo_sistemas {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:18px;
	color:#FFFFFF;
	text-align:left;
	padding:8px 0px 5px 20px;
}

p.titulo_dominios {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:18px;
	color:#FFFFFF;
	text-align:left;
	padding:8px 0px 5px 20px;
}

#grupo_personal {
	width:980px;
	/*display: table;*/
	margin:auto;
	margin-bottom:10px;
	/*position:relative;*/
}

#personal_staff {
	width:185px;
	height:170px;
	float:left;
	margin-right:13px;
}
#personal_staff_ultimo {
	width:185px;
	height:170px;
	float:left;
	margin-right:0;
}



#personal_staff1 {
	width:185px;
	height:170px;
	float:left;
	position:relative;
}

#personal_staff2 {
	width:185px;
	height:170px;
	float:left;
	position:relative;
	left:12px;
}

#personal_staff3 {
	width:185px;
	height:170px;
	float:left;
	position:relative;
	left:24px;
}

#personal_staff4 {
	width:185px;
	height:170px;
	float:left;
	position:relative;
	left:32px;
}

#personal_staff5 {
	width:185px;
	height:170px;
	float:left;
	position:relative;
	left:44px;
}

p.texto_quienes {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:13px;
	line-height:19px;
	color:#333333;
	text-align:justify;
	padding:7px 0px 0px 0px;
}

p.texto_sistemas {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:13px;
	line-height:19px;
	color:#333333;
	text-align:justify;
	padding:7px 0px 0px 0px;
}

p.texto_dominios {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:13px;
	line-height:19px;
	color:#333333;
	text-align:justify;
	padding:7px 0px 0px 0px;
}

p.texto_hosting {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:13px;
	line-height:19px;
	color:#333333;
	text-align:left;
}

p.texto_grafico {
	width:635px;
	height:35px;
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:13px;
	line-height:19px;
	color:#FFFFFF;
	padding:4px 0px 0px 0px;
	text-align:center;
	background-image:url(../images/bk_consultas_desplegables.png);
	background-repeat:no-repeat;
	
}

p.subtitulo_quienes {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:15px;
	color:#367EB5;
	text-align:left;
	padding:7px 0px 0px 0px;
	font-weight:bold;
}

p.texto_destacado_azul {
	color:#367EB5;
	font-size:14px;
	padding-bottom:3px;
	text-align:left;
}

p.texto_destacado_azul2 {
	color:#367EB5;
	font-size:14px;
	text-align:left;
	padding-top:10px;
	padding-bottom:2px;
}

p.texto_destacado_azul_hosting {
	color:#367EB5;
	font-size:14px;
	text-align:left;
	padding-top:5px;
}

p.texto_destacado_azul_dominios {
	color:#367EB5;
	font-size:14px;
	text-align:left;
	padding-top:5px;
}

p.texto_destacado_azul_grafico {
	color:#367EB5;
	font-size:14px;
	text-align:left;
}

