body{margin:0px; padding:0px}
header{width:100%; height:auto; background-color:#f3f3f3; border-bottom:10px solid #127bcc}
#cont_head{width :1024px; margin:0px auto; padding:10px 0px; position:relative}
.imglabelgto{position:absolute; z-index:30; width:115px; right:-90px; bottom:-134.3px}
#cont_logo{float:left; width:150px}
.clear{clear:both}
#servicios{width:200px}
#franja2{width:100%; height:500px; background-color:#f3f3f3}
#contenedor{width:1024px; height:auto; margin:0px auto; padding-top:35px; position:relative}
#menu_derecho{width:300px; height:500px; float:right}
#cont_general{float:left; width:700px}
#caja_servicios{width:33%; height:330px; float:left; text-align:center; box-sizing:border-box; padding:0px 30px}
#caja_servicios h1{font-family:'Open Sans',sans-serif; font-weight:400; font-style:normal; line-height:35px}
#caja_servicios p{font-family:Arial,Helvetica,sans-serif; font-weight:400; font-style:normal; color:#999; font-size:16px; line-height:25px; margin:0px}
#botones{float:left; text-align:center; box-sizing:border-box; padding:0px 0px; width:210px;  height:210px;  -moz-border-radius:50%;  -webkit-border-radius:50%;  border-radius:50%;  background:#67cbe5}
#botones p{font-style:normal; color:black; font-size:20px; margin:0px; width:100%; padding:15px 0px; text-align:center; font-family:'Open Sans',sans-serif}
#botones a{font-style:normal; color:black; font-size:20px; margin:0px; width:100%; padding:15px 0px; text-align:center; font-family:'Open Sans',sans-serif}
#botones a:hover{opacity:0.4;  filter:alpha(opacity=40)}
#caja_servinet{width:25%; height:180px; float:left; text-align:center; box-sizing:border-box; padding:30px 30px 30px 30px}
h2{text-align:left; margin:0px; font-size:28px; font-family:'PT Sans Narrow',sans-serif; font-style:normal; font-weight:400}
#headp{padding:15px; box-sizing:border-box; border-bottom:1px dashed #ccc}
/********colores y backgrounds********/
.color_crm{color:#00aedd}
.cont_crm{background-color:#22497b}
.cont_crm:hover{background-color:#00aedd}
.color_despacho{color:#00b2c1}
.cont_despacho{background-color:#006571}
.cont_despacho:hover{background-color:#00b2c1}
.color_asociaciones{color:#d37bb3}
.cont_asociaciones{background-color:#972391}
.cont_asociaciones:hover{background-color:#d37bb3}
.color_asesoria{color:#f2b600}
.cont_asesoria{background-color:#988000}
.cont_asesoria:hover{background-color:#f2b600}
.color_soporte{color:#ff7b00}
.cont_soporte{background-color:#964c00}
.cont_soporte:hover{background-color:#ff7b00}
.color_auto{color:#00932e}
.cont_auto{background-color:#275629}
.cont_auto:hover{background-color:#00932e}
.color_mixta{color:#ff2d25}
.cont_mixta{background-color:#992d01}
.cont_mixta:hover{background-color:#ff2d25}
.color_admin{color:#000}
.cont_admin{background-color:red}
.cont_admin:hover{background-color:#222 !important; color:#fff !important}
.color_puntodeventa{color:#67bc4e}
.cont_puntodeventa{background-color:#67bc4e}
.cont_puntodeventa:hover{background-color:#222 !important; color:#fff}
.negro{background-color:#000}
.cont_infonet{background-color:#00aedd}
.cont_infonet:hover{background-color:#22497b}
.cont_tienda{background-color:#ff2d25}
.cont_tienda:hover{background-color:#992d01}
/******botones productos*******/
.titulo{background:#00aedd; width:100%; padding:15px 0px; color:#fff; text-align:center; font-family:'Open Sans',sans-serif; font-size:35px; font-weight:400; font-style:normal}
.titulo2{background:#008080; padding:10px 0px; color:#fff; text-align:center; font-family:'Open Sans',sans-serif; font-size:20px; font-style:normal}
.servicios{background:#f3f3f3; width:100%; padding:15px 0px; color:#222; text-align:center; font-family:'Open Sans',sans-serif; font-size:36px; font-weight:400; font-style:normal}
#cont_franja1{width:100%; height:auto; background-color:#fff; /*border-bottom:1px dashed #999; */}
#franja1{width:1024px; padding:40px 0px; margin:0px auto}
.p1, .p2, .p3, .p4{width:253px; height:100px; display:block; float:left; background:url(../img/sprite.png); /*transition-property:all; transition-duration:0.05s; */margin:0px auto; border:1px solid #fff; border-radius:7px}
.p1{background-position:0px 0px}
.p1:hover, .servinet{background-position:-255px 0px; border:1px solid #ccc}
.p2{background-position:0px -100px}
.p2:hover, .contpaqi{background-position:-255px -100px; border:1px solid #ccc}
.p3{background-position:0px -200px}
.p3:hover, .aspel{background-position:-255px -200px; border:1px solid #ccc}
.p4{background-position:0px -300px}
.p4:hover, .national{background-position:-255px -300px; border:1px solid #ccc}
.social{position:relative; width:40px; height:40px; background:url(../img/sprite_social.png) no-repeat; float:left; margin-left:5px}
.face{background-position:-40px 0px}
.face:hover{background-position:0px 0px}
.twitter{background-position:-40px -40px}
.twitter:hover{background-position:0px -40px}
.youtube{background-position:-40px -80px}
.youtube:hover{background-position:0px -80px}
/*****PIE******/
#cont_pie{width:100%; background-color:#f4f8f8; padding:80px 0px; border-top:8px solid #00bcf2}
#pie{width:1024px; margin:0px auto; height:auto; position:relative}
.caja_pie{width:25%; float:left; font-family:'Open Sans',sans-serif; font-weight:400; font-style:normal; padding:0px 20px; box-sizing:border-box; font-size:12px; line-height:24px; color:#707070}
.caja_pie a{color:#707070}
.caja_pie a:hover{color:#000}
.caja_pie h3{margin:0px 0px 10px 0px; padding-bottom:10px; border-bottom:1px dashed #ccc; font-weight:400; font-style:normal; color:#1570a6; text-transform:uppercase; font-weight:bold}
.caja_pie ul{margin:0px; padding:0px; list-style:none}
.caja_pie ul li a{text-decoration:none}
.caja_pie table a{font-size:12px; text-decoration:none}
#micropie{width:100%; text-align:center; padding:25px 5px; box-sizing:border-box; background:#000; font-family:sans-serif; font-size:11px; color:#bbb}

/************estilo de productos*************/
#cont_products{width:100%; border-bottom:1px dashed #ccc}
#box_productos{width:1024px; height:auto; position:relative; margin:0px auto}
#box_productos .cajap1, #box_productos .cajap2{display:inline-block; vertical-align:middle}
.cajap1, .cajap2{height:auto; position:relative; padding:25px; box-sizing:border-box; text-align:center}
.cajap1{width:35%}
.cajap2{width:64%}
.cajap1 img{max-width:90%}
.cajap2 h1{font-size:30px; font-weight:400;  font-style:normal;  margin:0px;  text-transform:uppercase;  text-align:left}
.cajap2 p{font-family:Arial,Helvetica,sans-serif; font-weight:400; font-style:normal; color:#999; font-size:16px; line-height:25px; text-align:left}
.products{display:block; width:170px; text-align:center; text-decoration:none; color:#fff; padding:12px 0px; border-radius:20px; font-family:sans-serif; font-size:14px; -webkit-transition-property:background; -o-transition-property:background; transition-property:background; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s}
/**********/
#cont_btns{width:100%; height:auto; background:#3086b9}
#caja_btns{width:1024px; height:auto; margin:0px auto; position:relative}
#caja_btn{width:25%; height:auto; float:left; text-align:center; box-sizing:border-box; padding:25px; transition-property:all; transition-duration:0.2s}
#caja_btn:hover{background:#0a6faa}
#caja_btn h1{font-family:'Open Sans',sans-serif; color:#fff; font-size:24px; font-weight:400; font-style:normal; line-height:35px; margin:10px 0px 0px 0px}
/*********/
#cont_infog{width:100%; height:auto}
#caja_infog{width:1024px; height:auto; margin:0px auto; position:relative; display:table}
#caja_info{width:50%; height:auto; display:inline-block; vertical-align:middle; position:relative; text-align:center}
#caja_info h1{font-family:'Open Sans',sans-serif; font-weight:400; font-style:normal; margin:0px}
#caja_info p{font-family:sans-serif; font-size:14px; font-style:normal; font-weight:400; line-height:25px}
#caja_info a{margin:0px auto}
#caja_info img{width:70%}
.paddingtop{padding-top:40px}
.padding{padding:50px 0px}
.paginas{background:#e95252; color:#fff}
.tienda{background:url(../img/fondo2.jpg) center; background-size:cover; color:#fff}
.infonet{background:#f3f3f3; color:#999}
.bannerServinet{background:url(../img/banner_servinet.jpg) center; background-size:cover; height:200px}
/****** formularios *******/
label{display:block; margin:10px 0px 5px 0px}
label span{color:red}
legend{padding:10px; border:1px solid #ccc; font-family:'Open Sans',sans-serif; font-size:16px; font-weight:400; font-style:normal}
fieldset{font-family:'Open Sans',sans-serif; font-size:16px; font-weight:400; font-style:normal; border:none}
.campos{width:95%; padding:10px; background:#f3f3f3; border:1px solid #ccc; box-sizing:border-box}
#cont_campos{width:50%; padding:5px; box-sizing:border-box; float:left}
.enviar{width:120px; padding:15px; background:#00b0e0; color:#fff; font-size:16px; border:none; cursor:pointer}
.enviar:hover{background:#000}
textarea{height:150px}
.nota{font-family:'Open Sans',sans-serif; font-size:16px; font-weight:400; font-style:normal; color:#fff}
/*****mapa*****/
.mapa{width:100%; padding:15px; box-sizing:border-box; margin:15px auto; border:1px solid #ccc}
/**********/
a.aviso{color:#2f6596; text-transform:uppercase; font-size:14px}
a.aviso:hover{color:#000}
#cuestion{width:125px; float:left}
#boxp{float:right; width:850px; margin-top:25px}
.btnchat{width:130px; height:30px; ; background:red; position:fixed; _position:relative; bottom:-15px; right:20px; padding:10px 15px; text-align:right; font-family:sans-serif; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; border-radius:5px 5px 0px 0px; -webkit-transition-property:color,all; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:linear,ease-in; -moz-transition-property:color,all; -moz-transition-duration:0.2s; -moz-transition-timing-function:linear,ease-in; -o-transition-property:color,all; -o-transition-duration:0.2s; -o-transition-timing-function:linear,ease-in}
.btnchat:hover{bottom:0px; background:#127bcc}
.btnchat span{position:absolute; top:5px; left:15px; width:25px; height:20px}
/**Aviso de Privacidad**/
.aviso{font-family:Helvetica,Arial,sans-serif; font-size:16px; color:#4E4E4E; line-height:30px; text-align:justify}
/**lista de eventos**/
table.lista_eventos{margin:0px auto; width:100%; border-left:1px solid #d8dbde; background-color:#fff}
table.lista_eventos th{padding:10px 5px; font-family:'source_sans_prolight' arial,sans-serif; font-weight:400; font-style:normal; font-size:14px; background-color:#2d90c2; color:#fff; border-right:1px solid #3ea1d3}
table.lista_eventos td{text-align:center; padding:10px; border-right:1px solid #d8dbde; border-bottom:1px solid #d8dbde; font-family:"Trebuchet MS",sans-serif; font-size:12px}
table.lista_eventos tr:nth-child(2n+1){background-color:#edf2f6; -webkit-transition-property:color,background; -webkit-transition-duration:0.5s,0.5s; -webkit-transition-timing-function:linear,ease-in; -moz-transition-property:color,background; -moz-transition-duration:0.5s,0.5s; -moz-transition-timing-function:linear,ease-in; -o-transition-property:color,background; -o-transition-duration:0.5s,0.5s; -o-transition-timing-function:linear,ease-in}
table.lista_eventos tr:hover{background-color:#ffffd2; }
table.lista_eventos a{display:block; width:100px; text-align:center; text-decoration:none; color:#fff; padding:8px 0px; border-radius:20px; font-family:sans-serif; font-size:11px; -webkit-transition-property:background; -o-transition-property:background; transition-property:background; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; color:#fff; background:#127bcc; margin:0px auto 0px auto}
table.lista_eventos a:hover{background:#0e4b7a}
/*** Vnetana Emergente ***/
#popup_box{display:none; position:fixed; _position:absolute; height:100%; width:100%; background:rgba(0,0,0,0.6); top:0px; margin-left:auto; margin-right:auto; left:0px; right:0px; z-index:9999}
#caja_popup{width:685px; height:auto; background:#fff; margin:40px auto; box-sizing:border-box; font-family:sans-serif; font-size:12px; border-radius:5px; border:4px solid #ccc; position:relative}
#caja_popup ul{margin-left:75px; line-height:20px}
a.cerrar{cursor:pointer; text-decoration:none; background:#000; color:#fff; border-radius:20px; width:24px; height:24px; line-height:24px; text-align:center; display:block; position:absolute; right:-12px; top:-12px; border:3px solid #fff}
a.cerrar:hover{background:red}
#popupBoxClose{font-size:12px; font-family:Verdana,Geneva,sans-serif}