/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

@font-face {
    font-family: 'MetaProNormal';
    src: url('metapro-normal-dk-2-webfont.eot');
    src: url('metapro-normal-dk-2-webfont.eot?#iefix') format('embedded-opentype'),
         url('metapro-normal-dk-2-webfont.woff') format('woff'),
         url('metapro-normal-dk-2-webfont.ttf') format('truetype'),
         url('metapro-normal-dk-2-webfont.svg#MetaProNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MetaProBold';
    src: url('metapro-bold-webfont.eot');
    src: url('metapro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('metapro-bold-webfont.woff') format('woff'),
         url('metapro-bold-webfont.ttf') format('truetype'),
         url('metapro-bold-webfont.svg#MetaProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStd77BdCn';
    src: url('helveticaneueltstd-bdcn-webfont.eot');
    src: url('helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-bdcn-webfont.woff') format('woff'),
         url('helveticaneueltstd-bdcn-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-bdcn-webfont.svg#HelveticaNeueLTStd77BdCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStd57Condensed';
    src: url('helveticaneueltstd-cn-webfont.eot');
    src: url('helveticaneueltstd-cn-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-cn-webfont.woff') format('woff'),
         url('helveticaneueltstd-cn-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-cn-webfont.svg#HelveticaNeueLTStd57Condensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueLTStd47LtCn';
    src: url('helveticaneueltstd-ltcn-webfont.eot');
    src: url('helveticaneueltstd-ltcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-ltcn-webfont.woff') format('woff'),
         url('helveticaneueltstd-ltcn-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-ltcn-webfont.svg#HelveticaNeueLTStd47LtCn') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TradeGothicLTStdBdCnNo.20';
    src: url('tradegothicltstd-bdcn20-webfont.eot');
    src: url('tradegothicltstd-bdcn20-webfont.eot?#iefix') format('embedded-opentype'),
         url('tradegothicltstd-bdcn20-webfont.woff') format('woff'),
         url('tradegothicltstd-bdcn20-webfont.ttf') format('truetype'),
         url('tradegothicltstd-bdcn20-webfont.svg#TradeGothicLTStdBdCnNo.20') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TradeGothicLTStdCnNo.18';
    src: url('tradegothicltstd-cn18-webfont.eot');
    src: url('tradegothicltstd-cn18-webfont.eot?#iefix') format('embedded-opentype'),
         url('tradegothicltstd-cn18-webfont.woff') format('woff'),
         url('tradegothicltstd-cn18-webfont.ttf') format('truetype'),
         url('tradegothicltstd-cn18-webfont.svg#TradeGothicLTStdCnNo.18') format('svg');
    font-weight: normal;
    font-style: normal;
}

/***********Reiniciar estilos*************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;  
        background-color: #f8c419;
        font-family: 'TradeGothicLTStdCnNo.18';
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/****************HOME************************************/

#superior {
    width: 100%;
    background: url('images/fondo1.jpg') repeat-x #ffd42f;
    height: auto;
}

#medio {
    background: url('images/fondo_medio.png') bottom left repeat-x;
    width: 100%;
    margin-top: -120px;
    height: 310px;/*190px*/;
}

#inferior {
    background-color: #2e2e2f;
    width: 100%;
    height: 170px;
    /*border-bottom: 5px #ffffff solid;*/
}

#contacto,
#cotizar{
    display: none;
    height: 256px;
    width: 100%;
    background-color: #434344;
}

#superior_contenedor,
#medio_contenedor,
#inferior_contenedor,
.contacto_medio
{
    width: 920px;
    margin: auto;
    padding-left: 20px;
    padding-right: 35px;
}

#medio_contenedor {
    /*overflow: auto;*/
}

#robot {
    width: 441px;
    height: 310px;
    position: absolute;
    left: 479px;
    z-index: 7;
    /*margin-top: -113px;*/
}

#redes_sociales {
    width: 920px;
    height: 310px;
    position: absolute;
    z-index: 5;
    /*margin-top: -113px;*/
    background: url('images/logo_nube.png') bottom left no-repeat;
}

#siganos {
    margin: 131px 0 0 0;
    display: block;
    width: 104px;
    text-align: center;
}

#lista_redes_sociales {
    margin: 59px 0 0 0;
}

#lista_redes_sociales li {
    margin: 0 10px 0 0;
    float: left;
}

#lista_redes_sociales li a {
    display: block;
    width: 25px;
    height: 25px;
}

#links_redes_sociales {
    height: 100%;
    width: 223px;
    float: left;
}

#ultimo_tweet {
    margin-top: 192px;
    width: 246px;
    float: left;
    font-family: Arial;
    font-size: 13px;
}

.twitted {
    line-height: 1.25;
    font-size: 13px;
    font-family: Arial;
}

.twitted h2 {
    font-weight: bold;
    color: #322705;
}

.twitted h2 span a {
    color: #ae8a12;
    font-weight: normal;
    text-decoration: none;
}

.twitted #twitter_update_list {
    font-weight: normal;
}

.twitted #twitter_update_list .firstTweet span {
    color: #322705;
}

.twitted #twitter_update_list .firstTweet a {
    font-size: 13px;
    text-decoration: none;
    display: block;
    color: #ae8a12;
}

.twitted #twitter_update_list .firstTweet span a {
    display: inline;
    color: #9D582E;
    text-decoration: none;
}

#superior_contenedor_menu {
    height: 180px;
}

#menu_principal {
    font-family: HelveticaNeueLTStd57Condensed;
    background: url('images/borde_menu.png') top right repeat-y;
    display: block;
    float: right;
}

#menu_principal li {
    padding-top: 16px;
    text-align: center;
    letter-spacing: 1pt;
    font-size: 14px;
    float: left;
    background: url('images/borde_menu.png') top left repeat-y;
    width: 96px;
    height: 14px;
}

#menu_principal li a {
    display: block;
    text-decoration: none;
    color: #2e2e2f;
}

/*#menu_principal li ul.submenu_principal {
    display: none;
    background: none;
    padding-top: 5px;
}

#menu_principal li ul.submenu_principal li {
    padding-top: 10px;
    font-size: 12px;
    background: none;
}*/

#menu_principal li ul.submenu_principal {
    display: none;
    background: none;
    padding-top: 3px;
	margin-left:20px;
	width:200px;
}

#menu_principal li ul.submenu_principal li {
    padding-top: 6px;
    font-size: 12px;
    background: none;
	text-align:left;
	width:200px;
}

#idioma {
    width: 48px;
    float: right;
}
#superior_contenedor_contenido {
    overflow: auto;
}

#contenedor_columnas {
    background: url(images/fondo_columnas.png);
    overflow: auto;
}

#superior_contenedor_contenido #izquierda,
#superior_contenedor_contenido #derecha{
    width: 270px;
    height: 538px;
    float: left;
}
#superior_contenedor_contenido #centro {
    width: 325px;
    height: 538px;
    float: left;
}

#superior_contenedor_contenido #izquierda{
    padding-right: 25px;
}

#superior_contenedor_contenido #centro{
    /*background: url('images/borde_punteado_vertical.png') top left repeat-y;*/
}

#superior_contenedor_contenido #centro #ultimos_post{
    margin-top: 17px;
    height: 416px;
    width: 269px;
    padding-right: 35px;
    padding-left: 20px;
    overflow: auto;
}

#superior_contenedor_contenido #centro h2 {
    display: block;
    font-size: 35px;
    margin-top: -4px;
    padding-right: 35px;
    padding-left: 18px;
    color: white;
    font-family: MetaProBold, Arial;
}
#superior_contenedor_contenido #derecha h2{
    display: block;
    font-size: 35px;
    margin-top: -4px;
    padding: 0px;
    color: white;
    font-family: MetaProBold, Arial;
}

#superior_contenedor_contenido #derecha{
    /*background: url('images/borde_punteado_vertical.png') top left repeat-y;*/
    height: 538px;
    padding-left: 20px;
}

#superior_contenedor_contenido #derecha #descripcion {
    font-family: Arial;
    font-size: 12px;
    line-height: 1.4;
    color: #322705;
    height: 115px;
    width: 270px;
    margin-top: 17px;
    margin-bottom: 9px;
}

#logo {
    margin-top: -20px;
    height: 135px;
}

#vision {
    color: #2e2e2f;
    margin-top: 100px;
    width: 270px;
    font-family: MetaProNormal, Arial;
    font-size: 40px;
}

div.post_blog {
    padding-bottom: 15px;
    margin-bottom: 32px;
    background: url('images/borde_punteado_horizontal.png') bottom left repeat-x;
}

div.ultimo {
    background: none;
}

div.post_blog p.fecha {
    font-family: times, serif;
    margin-bottom: 15px;
    font-size: 13px;
}

div.post_blog h3.titulo {
    color: #2E2E2F;
    margin-left: -3px;
    margin-bottom: 18px;
    font-family: MetaProNormal,Arial;
    font-size: 35px;
}


div.post_blog div.cuerpo {
    font-family: Arial;
    font-size: 12px;
    line-height: 1.4;
    color: #322705;
}

div.post_blog div.cuerpo p {
    font-family: Arial;
    font-size: 12px;
    line-height: 1.4;
    color: #322705;
}

div.post_blog h3.titulo a, 
div.post_blog h3.titulo a:link,
div.post_blog h3.titulo a:visited{
    color: #2E2E2F;
    font-family: MetaProNormal,Arial;
    font-size: 35px;
    text-decoration: none;
}

div.post_blog h3.titulo a:hover {
    text-decoration: underline;
}


a.boton_home_caso {
    display: block;
    font-family: HelveticaNeueLTStd57Condensed;
    color:#F0B212;
    text-decoration: none;
    background: #2E2E2F url('images/caso_exito_fondo.png') bottom right no-repeat;
    padding-left: 19px;
    width: 248px;
    height: 52px;
    display: block;
    float: left;
    font-size: 24px;
    padding-top: 28px;
    vertical-align: middle;
}

a.doslineas {
    padding-top: 28px;
    height: 52px;
}

a.boton_caso_servicio {
    display: block;
    font-family: HelveticaNeueLTStd57Condensed;
    color:#FFD42E;
    text-decoration: none;
    background: #2E2E2F url('images/servicio_fondo.png') bottom right no-repeat;
    padding-left: 19px;
    width: 248px;
    height: 55px;
    display: block;
    float: left;
    font-size: 28px;
    padding-top: 25px;
    vertical-align: middle;
}

a.boton_caso_portafolio {
    display: block;
    font-family: HelveticaNeueLTStd57Condensed;
    width: 267px;
    height: 136px;
    display: block;
    float: left;
    overflow: hidden;
    text-decoration: none;
}

a.boton_caso_portafolio img.imagen_portafolio {
    width: 267px;
    height: 136px;
}

a.boton_caso_portafolio span.mascara_portafolio {
    position: relative;
    top: -136px;
    left: 0;
    display: block;
    background: url(images/portafolio_fondo.png) transparent bottom right no-repeat;
    float: left;
    z-index: 30;
    width: 267px;
    height: 136px;
}

a.doslineas {
    padding-top: 28px;
    height: 52px;
}


.lista_servicios li {
    padding-top: 16px;
    padding-bottom: 16px;
    display: block;
    overflow: auto;
    /*width: 267px;*/
    background: url('images/borde_punteado_horizontal.png') bottom left repeat-x;
    /*height: 80px;*/
}

.lista_servicios li.ultimo {
    background: none;
}

.lista_servicios li.primero {
    padding-top: 0;
}

#news_letter {
    font-family: HelveticaNeueLTStd57Condensed;
    padding-top: 48px;
    width: 357px;
    float: left;
}

#news_letter input {
    font-family: HelveticaNeueLTStd57Condensed;
    height: 22px;
    width: 163px;
    color: #2E2E2F;
    padding-left: 5px;
    margin-right: 7px;
    border: #4E4E4E solid 1px;
}

button[type=submit] {
    background: url('images/enviar_boton.png') no-repeat;
    color: #2E2E2F;
    height: 24px;
    width: 54px;
    margin-right: 7px;
    border: none;
}

#news_letter label {
    line-height: 1.3;
    margin-top: 5px;
    font-size: 13px;
    width: 183px;
    display: block;
    color: #FFD42E;
}

#menu_footer {
    width: 400px;
    float: left;
    padding-top: 48px;
}

#menu_footer ul li{
    float: left;
}

#menu_footer ul li a {
    display: block;
    font-family: HelveticaNeueLTStd57Condensed;
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 40px;
    margin-bottom: 7px;
}

#menu_footer ul li ul.sublista li{
    float: none;
}

#menu_footer ul li ul.sublista li a{
    text-transform: none;
    color: #5ABBD1;
}

#informacion_contacto {
    padding-top: 45px;
    float: left;
    font-family: HelveticaNeueLTStd57Condensed;
    font-size: 13px;
    color: #ffffff;
    line-height: 1.53;
}

#informacion_contacto a {
    color: #5ABBD1;
    text-decoration: none;
}

.caso_mascara {
    width: 390px;
    display: none;
    float: none;
    position: absolute;
    z-index: 100;
    background-color: transparent;
    
}

.caso {
    width: 274px;
    background-color: #ffffff;
    padding: 18px;
    padding-top: 0px;
    -webkit-box-shadow: 15px 15px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    15px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         15px 15px 0px rgba(0, 0, 0, 0.25);
    behavior: url('pie/PIE.htc');
}

.caso_mascara.caso_derecha {
    
}

.caso_mascara.caso_derecha .caso{
    float: right;
    -webkit-box-shadow: -15px 15px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    -15px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         -15px 15px 0px rgba(0, 0, 0, 0.25);
    behavior: url('pie/PIE.htc');
}

.caso_mascara.caso_derecha .caso div.ver_website {
    padding-top: 18px;
    padding-left: 98px;
    margin-left: -98px;
    width: 274px;
    background: url(images/esquina_modal_derecha.png) no-repeat transparent left top ;
}

.caso div.ver_website {
    padding-top: 18px;
    width: 372px;
    background: url('images/esquina_modal.png') top right no-repeat;
}

.caso p.caso_ver_website {
    font-family: HelveticaNeueLTStd57Condensed;
    display: block;
    width: 264px;
    height: 27px;
    background: #5ABBD1;
    margin-bottom: 13px;
    padding-top: 8px;
    padding-left: 10px;
    font-size: 17px;
}

.caso p.caso_ver_cuerpo {
    color: #797979;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.4;
    padding-bottom: 21px;
    background: url('images/borde_punteado_horizontal.png') bottom left repeat-x;
    margin-bottom: 19px;
}

.caso p.caso_ver_website a {
    color: #ffffff;
    text-decoration: none;
}

.caso ul.caso_servicios li,  ul.caso_servicios li{
    font-family: MetaProNormal, arial;
    color: #2E2E2F;
    font-size: 16px;
    padding-bottom: 10px;
}

.caso ul.caso_servicios li a,  ul.caso_servicios li a{
    font-family: MetaProNormal, arial;
    color: #2E2E2F;
    font-size: 16px;
    padding-bottom: 10px;
	text-decoration:none;
}

.caso ul.caso_servicios li a:hover,  ul.caso_servicios li a:hover{
	text-decoration: underline;
}

.caso ul.caso_servicios li.titulo, li.titulo{
    font-family: MetaProBold, arial !important;
    color: #5ABBD1 !important;
    font-size: 18px !important;
    padding-bottom: 12px !important;
}

.caso p.cerrar {
    text-align: right;
}

.caso p.cerrar a {
    font-family: MetaProNormal, arial;
    font-size: 12px;
    text-decoration: none;
    color: #5ABBD1;
}

.contacto_medio {
    overflow: auto;
}

.contacto_medio a {
    color: #5ABBD1;
    text-decoration: none;
}

.contacto_medio h2 {
    margin-left: -5px;
    padding: 10px 0;
    font-size: 67px;
    font-family: MetaProNormal, arial;
    color: #5ABBD1;
}

.contacto_medio h3 {
    font-family: arial;
    font-weight: bold;
}

.contacto_medio .informacion_formulario {
    width: 548px;
    color: #FFFFFF;
    float: left;
    font-family: arial;
    font-size: 11px;
    line-height: 1.53;
}

.contacto_medio .informacion_formulario .vias_de_contacto {
    float: left;
    width: 200px;
}

.contacto_medio .oficina {
    float: left;
    width: 153px;
    text-align: justify;
}

.contacto_medio .formulario_contacto {
    padding-top: 36px;
    font-size: 11px;
    font-family: arial;
    color: #FFFFFF;
}

.contacto_medio .formulario_contacto .columna1 {
    float: left;
}

.contacto_medio .formulario_contacto .columna2 {
    padding-left: 32px;
    float: left;
}

.contacto_medio .formulario_contacto .columna2 .comentario {
    height: 96px;
}

.contacto_medio form label {
    display: block;
}

.contacto_medio form input,
.contacto_medio form textarea,
.contacto_medio form select {
    padding-left: 5px;
    margin: 6px 0 6px 0;
    width: 160px;
    height: 20px;
    font-size: 11px;
    font-family: arial;
    border: 1px gray solid;
    color: #2E2E2F;
    background-color: #8DC9D4;
}

.contacto_medio form select {
    padding-top: 3px;
    padding-left: 1px;
    width: 168px;
    height: 25px;
    padding-bottom: 3px;
}

#header_contenedor {
    overflow: auto;
    height: 180px;
}

#columnas_pagina {
    overflow: auto;
    height: auto;
    background: url(images/fondo_columnas.png);
}

#columna_pagina {
    overflow: auto;
    height: auto;
    background: url(images/fondo_columna.png);
}

#columnas_pagina #izquierda, #columna_pagina #izquierda{
    padding-right: 28px;
    padding-bottom: 118px;
    width: 267px;
    height: auto;
}

#columnas_pagina #centro, #columna_pagina #centro{
    width: 267px;
    padding-left: 28px;
    padding-right: 28px;
    padding-bottom: 118px;
    height: auto;
}

#columnas_pagina #derecha, #columna_pagina #derecha{
    width: 267px;
    padding-left: 28px;
    padding-bottom: 118px;
    height: auto;
}

#columnas_pagina #izquierda.columna_profile,
#columnas_pagina #centro.columna_profile,
#columnas_pagina #derecha.columna_profile,
#columna_pagina #izquierda.columna_profile,
#columna_pagina #centro.columna_profile,
#columna_pagina #derecha.columna_profile
{
    padding-bottom: 50px;
}

#centroPR{
	float:left;
	padding-left:20px;
	padding-bottom:50px;
	z-index:1000;
	position:relative;
	width:575px;
}

.productosMtop{
	margin-top:45px;
}

#hosting{
	display:none;
}

.productosMtop td{
	vertical-align:middle;
	padding:6px;
}

#desarrollo_hosting{
	font-size:12px;
	text-align:right;
}

#desarrollo_hosting ul li{
	margin-bottom:10px;
}

#desarrollo_hosting a{
	font-size:13px;
	color:#2E2E2F;
	text-decoration:none;
	font-family: MetaProNormal, arial;
}

#desarrollo_hosting a:hover{
	color:#FFF;
}

#desarrollo_hosting a.active{
	background:#FFF;
	padding:3px;
}

#desarrollo_hosting a.active:hover{
	color:#2E2E2F;
}

.productos_td_1{
	background:#2E2E2F url(images/fondo_columna_productos.gif) right top repeat-y;
	text-align:center !important;
	vertical-align:middle !important;
	text-transform:uppercase;
	font-size:11px;
	color:#FFF;
	padding:20px 0 !important;
}

.productos_td_1 span{
	font-size:12px;
	color:#FFD33C;
	display:block;
	clear:both;
	font-weight:normal;
	text-decoration:none;
	margin-top:3px;
	text-transform:lowercase !important;
}

.productos_td_2{
	background:url(images/fondo_productos_columnaBlanca.gif) right bottom repeat-y;
	width:165px !important;
	font-size:14px;
	font-weight:normal;
}

.productos_td_2 span, .productos_td_2 span a{
	font-size:12px;
	color:#5ABBD1;
	display:block;
	clear:both;
	font-weight:normal;
	text-decoration:none;
	margin-top:3px;
}

.productos_td_3{
	background:url(images/fondo_columna_productos.gif) right top repeat-y;
	width:88px !important;
	text-align:center !important;
	vertical-align:middle !important;
	font-size:11px;
	font-family: Arial !important;
}

.productos_td_title{
	background:url(images/fondo_columna_productos.gif) right top repeat-y;
	vertical-align:top !important;
	font-size:18px;
	color:#FFF;
	padding:0 10px !important;
	text-align:left !important;
	font-family: MetaProNormal,arial !important;
	font-weight:normal;
}

.productos_tr{
	background:url(images/fondo_filas_productos.gif) left bottom repeat-x;
}

#logo_pagina {
    margin-top: -20px;
    width: 296px;
    height: 135px;
    float: left;
    overflow: visible;
}

#logo_pagina_gisk {
    margin-top: -20px;
    position: absolute;
    float: left;
    z-index: 300;
    width: 296px;
    height: 135px;
}

#logo_imagen {
    position:absolute; 
}

#titulo_pagina {
    width: 419px;
    float: left;
    margin-left: -5px;
    color: #2E2E2F;
    font-family: MetaProNormal, Arial;
    font-size: 60px;
}

#titulo_pagina_productos, #titulo_pagina_productos p h2{
    width: 519px;
    float: left;
    margin-left: -5px;
    color: #2E2E2F;
    font-family: MetaProNormal, Arial;
    font-size: 60px;
}

.breadcrumbs {
    margin-left: 0px;
    margin-top: 10px;
    font-size: 28px;
    vertical-align:middle;
    font-weight: lighter;
}

.breadcrumbs a,
.breadcrumbs a:link,
.breadcrumbs a:visited,
.breadcrumbs span{
    margin: 0 3px;
    height: 100%;
    vertical-align:middle;
    padding: 2px 3px;
    text-decoration: none;
    font-family: Arial;
    color: #2E2E2F;
    font-size: 11px;
}

.breadcrumbs span{
    background-color: white;
}

.breadcrumbs a:hover{
    text-decoration: underline;
}

.servicio_modal_mascara_derecha, 
.servicio_modal_mascara_izquierda{
    width: 333px;
    display: none;
    float: none;
    position: absolute;
    z-index: 100;
    background-color: transparent;
    
}

.servicio_modal_derecha p.cuerpo,
.servicio_modal_izquierda p.cuerpo{
    font-family: Arial;
    font-size: 12px;
    line-height: 1.4;
    color: #797979;
    margin-bottom: 19px;
	padding-bottom:21px;
	background: url("images/borde_punteado_horizontal.png") repeat-x scroll left bottom transparent;
}

.servicio_modal_mascara_derecha div.punta {
    width: 333px;
    height: 65px;
    background: url('images/esquina_modal_servicios_derecha.png') transparent no-repeat top left;
}

.servicio_modal_mascara_izquierda div.punta {
    width: 343px;
    height: 65px;
    background: url('images/esquina_modal_servicios_izquierda.png') transparent no-repeat top right;
}

.servicio_modal_derecha {
    margin-left: 4px;
    width: 289px;
    background-color: #ffffff;
    padding: 23px;
    padding-top: 38px;
    -webkit-box-shadow: 30px -22px 0px rgba(0, 0, 0, 0.30);
    -moz-box-shadow:    30px -22px 0px rgba(0, 0, 0, 0.30);
    box-shadow:         30px -22px 0px rgba(0, 0, 0, 0.30);
    behavior: url('pie/PIE.htc');
}

.servicio_modal_izquierda {
    margin-left: 4px;
    width: 289px;
    background-color: #ffffff;
    padding: 23px;
    padding-top: 38px;
    -webkit-box-shadow: -30px -22px 0px rgba(0, 0, 0, 0.30);
    -moz-box-shadow:    -30px -22px 0px rgba(0, 0, 0, 0.30);
    box-shadow:         -30px -22px 0px rgba(0, 0, 0, 0.30);
    behavior: url('pie/PIE.htc');
}

.servicio_modal_derecha p.cerrar a,
.servicio_modal_izquierda p.cerrar a {
    color: #5ABBD1;
    font-family: MetaProNormal,arial;
    font-size: 12px;
    text-decoration: none;
}

.servicio_modal_derecha p.cerrar,
.servicio_modal_izquierda p.cerrar{
    margin-top: 8px;
    text-align: right;
}


a.link_boton ,
a.link_boton:link,
a.link_boton:visited {
    display: block;
    height: 19px;
    width: auto;
    color: #2E2E2F;
    font-family: MetaProNormal,arial;
    font-size: 11px;
    text-decoration: none;
    padding: 0px;
    overflow: auto;
}

.productos_td_3 .link_boton{
	margin:10px 0 0 13px;
}

.link_boton .borde_izquierdo {
    display: block;
    float: left;
    width: 5px;
    height: 19px;
    background: url('images/link_boton_izquierda.png') transparent no-repeat top left;
}

.link_boton .texto {
    display: block;
    float: left;
    height: 15px;
    padding: 4px 2px 0px 2px;
    background: url('images/link_boton_centro.png') transparent repeat-x top left;
}

.link_boton .borde_derecho {
    display: block;
    float: left;
    width: 5px;
    height: 19px;
    background: url('images/link_boton_derecha.png') transparent no-repeat top left;
}

.container,
#content {
    overflow: visible;
}

#superior_contenedor_contenido #columnas_pagina div.bloque_texto_nosotros {
    width: 248px;
}

#superior_contenedor_contenido #columnas_pagina div.bloque_texto_nosotros {
    width: 248px;
}

#superior_contenedor_contenido #columnas_pagina div.bloque_texto_nosotros h2.titulo_nosotros {
    margin: 0;
    padding: 0;
    display: block;
    font-family: MetaProNormal, Arial;
    color:#2E2E2F;
    font-size: 28px;
    width: 173px;
    margin-bottom: 22px;
}

#superior_contenedor_contenido #columnas_pagina div.bloque_texto_nosotros div.cuerpo_nosotros {
    font-family: Arial;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 46px;
    color:#2E2E2F;
}

#superior_contenedor_contenido #columnas_pagina div.bloque_texto_nosotros div.cuerpo_nosotros p {
    padding-bottom:10px;
}

#superior_contenedor_contenido #columnas_pagina div.bloque_texto_nosotros div.cuerpo_nosotros p.ultimo {
    padding-bottom:0px;
}

#columnas_pagina  #izquierda.columna_nosotros,
#columnas_pagina  #centro.columna_nosotros,
#columnas_pagina  #derecha.columna_nosotros{
    padding-bottom: 50px;
}

#columnas_pagina.fondo_equipo_espannol {
    background: url(images/fondo_equipo.png) bottom left no-repeat;
}

#columnas_pagina.fondo_equipo_espannol {
}

#columnas_pagina  #izquierda.columna_equipo {
    padding-bottom: 423px;
    padding-right: 12px;
    width: 279px;
}

#columnas_pagina  #centro.columna_equipo {
    padding-top: 0;
    padding-left: 1px;
    padding-right: 0;
    width: 187px;
    padding-bottom: 283px;
}

#columnas_pagina  #derecha.columna_equipo{
    padding-left: 12px;
    width: 187px;
    padding-bottom: 315px;
}

#columnas_pagina .miembro_equipo {
    padding: 25px 16px;
    width: 155px;
    float: right;
    margin-bottom: 10px;
    background: #FFFFFF;
    color: #2E2E2F;
    font-family: Arial;
    font-size: 11px;
    line-height: 1.4;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
	z-index:1000;
	position:relative;
    behavior: url('pie/PIE.htc');
}

#columnas_pagina .miembro_equipo a{
    color: #8DC9D4;
	text-decoration:none;
}

#columnas_pagina .miembro_equipo a:hover{
    color: #8DC9D4;
	text-decoration:underline;
}

#columnas_pagina .miembro_equipo h3 {
    font-family: MetaProBold, Arial;
    padding-bottom: 10px;
    color: #8DC9D4;
    font-size: 17px;
}

#gisk_contenedor {
    height: 842px;
    background: url(images/fondo_gisk.png) transparent no-repeat;
}

#gisk_escucha {
    width: 250px;
    position: absolute;
    top: 760px;
    /*left: 50px;*/
    float: left;
    z-index: 400;
    text-align: center;
}

#gisk_escucha span#cancion{
    display: block;
    color: #2E2E2F;
    font-family: TradeGothicLTStdBdCnNo.20, arial;
    font-weight: bold;
    float: right;
    text-align: right;
    margin-bottom: 5px;
    width: 250px;
    font-size: 42px;
    line-height: 0.8;
}

#gisk_escucha span#grupo {
    display:block;
    font-family: HelveticaNeueLTStd57Condensed, arial;
    line-height: 1;
    float: right;
    text-align: right;
    width: 250px;
    font-size: 17px;
    color: #2E2E2F;
}

#gisk_escucha a,
#gisk_escucha a:link,
#gisk_escucha a:visited {
    color: #2E2E2F;
    text-decoration: none;
}

#gisk_escucha a.play,
#gisk_escucha a.play:link,
#gisk_escucha a.play:visited {
	padding-bottom:60px;
}

#error_page {
    margin-bottom: 100px;
}

#servicio_cotizar {
    font-size: 40px;
    font-family: MetaProNormal,arial;
}

.contacto_medio .informacion_formulario .servicio_titulo {
    width: auto;
}

#contenedor_tablas {
    height: 487px;
}

.intro_serv{
	margin-top: 40px;
	color: #322705;
    font-family: Arial;
    font-size: 14px;
    line-height: 1.4;
}

.form_testimonials{
	margin-top:20px;
	color: #322705;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 40px;
}

.formcrm{
	width:316px;
	float: left;
}

.formcrm p{
	margin-bottom:20px;
}

.formcrm label{
	width:30%;
	display:block;
	float:left;
	text-align:right;
	padding-right:5px;
}

.formcrm input[type='text']{
	background:#FFF;
	border:#E8AB2C solid 1px;
	width:60%;
	font-size:11px;
	padding:3px;
	color:#666;
	margin-bottom:10px;
	float:left;
}

.formcrm textarea{
	background:#FFF;
	border:#E8AB2C solid 1px;
	width:60%;
	font-size:11px;
	padding:3px;
	color:#666;
	margin-bottom:10px;
	float:left;
	font-family: Arial;
}

.formcrm input[type='submit']{
	float: right;
	margin-right:20px;
	background:url(images/linea_submit.png) #FBDB4F;
	color:#494949;
	border:#494949 solid 1px;
	height:25px;
	line-height:25px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.testimonials{
	float:left;
	width:228px;
	padding-left:20px;
	margin-left:10px;
}

.testimonial{
	color:#666 !important;
	font-style:italic;
	font-size:11px;
}

.test-persona{
	margin-top:10px;
	font-size:11px;
}

h3{
	color: #2E2E2F;
	font-family: MetaProBold,arial;
    font-size: 22px;
    text-decoration: none;
	margin-bottom:5px;
}

.columna_servicios{
	background:url(images/dots_services.jpg) no-repeat;
	background-position:345px 150px;
}

.columna_servicios2{
	background:url(images/dots_services2.jpg) no-repeat;
	background-position:345px 47px;
}

a{
	text-decoration:none;
	color:#2E2E2F;
}

.testimonials a:hover{
	text-decoration: underline;
}

ul.logos_testimoniales{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
}

ul.logos_testimoniales li{
	float:left;
	margin-bottom:5px;
	padding-left:5px;
}

h3.texto_corrido{
	font-size:16px;
	font-family: MetaProNormal,arial !important;
}

#popup_box { 
	display:none; /* Hide the DIV */
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	width:450px;  
	background:#FFFFFF;  
	left: 300px;
	top: 150px;
	z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
	margin-left: 15px;  
	
	/* additional features, can be omitted */
	padding:18px;  
	font-size:15px;  
	
	top:50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -250px;
	
}

#container_box {
	background: #d2d2d2; /*Sample*/
	width:100%;
	height:100%;
}

a{  
cursor: pointer;  
text-decoration:none;  
} 

/* This is for the positioning of the Close Link */
#popupBoxClose {
	color: #5ABBD1;
    font-family: MetaProNormal,arial;
    font-size: 12px;
    text-decoration: none;
	display:block;
	text-align:right;
}

.nyroModalBg {
    background: none repeat scroll 0 0 #000000;
    height: 100%;
    left: 0;
    opacity: 0.7;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
	z-index:6;
}

#popup_box p.title{
	background: none repeat scroll 0 0 #5ABBD1;
    display: block;
    font-family: HelveticaNeueLTStd57Condensed;
    font-size: 19px;
    height: 27px;
    margin-bottom: 13px;
    padding-left: 10px;
    padding-top: 12px;
	color:#FFF;
	text-align:center;
}

#popup_box p{
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
}

.captcha{
	margin-left:100px;
	margin-bottom:10px;
}

.captcha img{
	width:198px;
}

.chat a{
	color: #FFFFFF;
    font-family: HelveticaNeueLTStd57Condensed;
    font-size: 13px;
    margin-bottom: 7px;
    margin-right: 40px;
    text-decoration: none;
    text-transform: uppercase;
	padding-left:30px;
	background:url(images/chat.png) left top no-repeat;
	height:20px;
	line-height:20px;
	display:block;
	margin-bottom:20px;
}

.productosMtop h3{
	margin-bottom:20px;
}

.productosMtop h3.serv{
	font-size:17px !important;
	margin-bottom:10px !important;
}

.formcrm ul{
	list-style:disc;
	padding-left:20px;
	padding-right:15px;
}

.formcrm ul li{
	margin-bottom:15px;
	padding-left:10px;
}

.trab_reciente{
	width:200px;
	padding-bottom:20px;
	margin-bottom:20px;
	background: url("images/borde_punteado_horizontal.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
	float:right;
}

form.wtl p { position: relative; margin: 10px 0;}
form.wtl p label { position: absolute; top: 0; left: 0;}
form.wtl p br {display: none;}


form.wtl fieldset p input,
form.wtl fieldset p textarea {
	display: block;
	padding: 4px;
	width: 228px;
	margin: 0;
}

form.wtl fieldset p label {
	width: 220px;
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
}

form.wtl fieldset p textarea {
	padding: 2px;
	width: 232px;
}

form.wtl fieldset p textarea,
form.wtl fieldset p input {
	border: solid 1px #ccc;
}
form.wtl fieldset p label {
	color: #777;
}

form.wtl fieldset{
	border:0;
	padding:0;
	margin:0;
}

/*-- VALIDATOR ENGINE --*/
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	background: #2E2E2F;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 1px solid #ddd;
	padding: 4px 10px 4px 10px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #2E2E2F;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

.formError{
	margin-left:15px;
}

.testimonials input[type='submit']{
	width:238px;
	text-align:center;
	background:#2E2E2F;
	padding:10px 0;
	border:0;
	color:#FFD42F;
}

.test_test{
	font-family: MetaProNormal,arial !important;
    font-size: 16px;
	margin:10px 15px 5px 0 !important;
	padding-top:20px;
	background: url("images/borde_punteado_horizontal.png") repeat-x scroll left top rgba(0, 0, 0, 0);
}

.test-persona2 {
    font-size: 11px;
    margin-top: 10px;
	text-align:right;
	padding-right:10px;
}