/* Web: SMS MASIVO Description: Página web www.smsmasivos.com.ar Version: 3.0 Author: Eduardo Venegas | La Comarca Author URI: http://www.venegas.com.ar/ */ * { margin: 0px; padding: 0px;} /*fin reseteado*/ body { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: #eee; background: url(bg-gr1.jpg) repeat bottom fixed; } .wp{ display: block; width:960px; margin: 0px auto 0px auto; padding: 0px 0px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; box-shadow: 0px 0px 20px #ccc; -moz-box-shadow: 0px 0px 20px #ccc; -webkit-box-shadow: 0px 0px 20px #ccc; } /*----- Top -----*/ #top { font-size:11px; color:#666; width:880px; display: block; margin: 0px auto 0px auto; padding: 0px 0px; height: 40px; background: url(bg-top.jpg) top no-repeat; border-left: 40px solid #FFFFFF; border-right: 40px solid #FFFFFF;} #top #fecha{ width: 300px; float:left; margin: 5px 0px 0px 0px; color: #333333;} #top #redes-t { float: right; margin: 0px 10px 0px 0px; background: url(red_top-bg.gif) no-repeat top; height: 40px; width: 180px; padding: 0 5px 0 0; display: block;} #top #redes-t img { float: right; margin: 4px 3px 0px 0px; } #top #redes-t a:hover { opacity: 0.5; filter: alpha(opacity=50);} #top #user { width: 170px; float:right; display: block;} #top #user a{ text-indent: -2000px; display: block; float: right; margin: 0px 5px 0px 0px; background: url(bt-usuarios.gif) no-repeat top; height: 40px; width: 165px;} #top #user a:hover{ background: url(bt-usuarios.gif) no-repeat bottom; } #top #skill { width: 154px; float:right; display: block;} #top #skill a{ text-indent: -2000px; display: block; float: right; margin: 0px 0px 0px 0px; background: url(bt-skillmedia.png) no-repeat top; height: 42px; width: 154px;} #top #skill a:hover{opacity: 0.5; filter: alpha(opacity=50);} /*----- Head Top -----*/ #p-headhome {width: 960px; height:380px; background-color:#FFFFFF; margin: auto;} #headHome{ width: 880px; height: 380px; margin: auto; padding: 0px; background: url(pre-home-intro.jpg) no-repeat center top #FFFFFF;} #pre-head { float: right; margin-right: 0px; display: block; width: 880px; margin-top: 30px; height: 50px;} #pre-head #Menu li { list-style:none; float: right;} #pre-head #Menu li a { display:block; text-decoration:none; text-align:center; font-size:16px; color:#fff; background-color:#233183; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 25px 10px 2px 10px; margin: 2px; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px;} #pre-head #Menu li a:hover { color:#FFFFFF; background-color:#FF6600;} #p-headInte { width: 960px; height: 280px; margin: auto; padding: 0; background-color: #FFF;} #headInte-secc01 { width: 880px; height: 280px; margin: auto; padding: 0px; background: url(top-pre_secc01.jpg) no-repeat center top;} #headInte-secc02 { width: 880px; height: 280px; margin: auto; padding: 0px; background: url(top-pre_secc02.jpg) no-repeat center top;} #headInte-secc03 { width: 880px; height: 280px; margin: auto; padding: 0px; background: url(top-pre_secc03.jpg) no-repeat center top;} #headInte-secc04 { width: 880px; height: 280px; margin: auto; padding: 0px; background: url(top-pre_secc04.jpg) no-repeat center top;} #headInte-secc05 { width: 880px; height: 280px; margin: auto; padding: 0px; background: url(top-pre_secc05.jpg) no-repeat center top;} #headInte-secc06 { width: 880px; height: 280px; margin: auto; padding: 0px; background: url(top-pre_secc06.jpg) no-repeat center top;} #headInte-secc07 { width: 880px; height: 280px; margin: auto; padding: 0px; background: url(top-pre_secc07.jpg) no-repeat center top;} h1{ font-size: 2.8em; display: inline; color: #3E1910;} h2{ font-size: 18px; display: inline; color: #000000;} h3 { font-size: 16px; display: block; color: #2F3A8A; margin: 0 0 5px 0; padding: 0px; text-align: left;} p{ margin:0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px;} .titleSmall{ height:60px; padding:0px 0px 0px 0px; display: block; float: left;} .titleBig { font-size: 18px; display: block; border-bottom: 1px solid #000; height: 25px; margin: 0px 0px 10px 0px;} /*----- HOME -----*/ #contenedor-home{ width:880px; padding: 0px 0px 0px 0px; margin: 0px auto; background:url(bg-cont-home.jpg) top center no-repeat #fff; padding:10px 0 0 0; border-bottom: 10px solid #fff; border-left: 40px solid #fff; border-right: 40px solid #fff;} /*----- CENTRO -----*/ #contenedor{ width:880px; padding: 0px 0px 0px 0px; margin: 0px auto; background-color: #FFFFFF; border-bottom: 10px solid #FFFFFF; border-left: 40px solid #ffffff; border-top: 10px solid #FFFFFF; border-right: 40px solid #ffffff;} #contenedor a{ color: #FF6600; text-decoration: none;} #contenedor a:hover{ color: #FF6600; text-decoration: underline;} /*--- Centro Home ---*/ #centroHome { width:100%; float:left; display:block; padding:0px 0px 0px 0px; margin:30px 0px 0px 0px; background: url(desHome-bg.jpg) repeat-y center;} #centroHome a{ color:#FF6600; text-decoration:none; margin:0px 5px 0px 0px;} #centroHome a:hover { color:#FF6600; text-decoration:underline;} #centroHome ul {list-style:none; margin: 0px 0px 0px 0px;} #centroHome li {display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 13px; background: url(mis-negro-small.gif) no-repeat left 6px;} #crentroHomeDest{ width:880px; padding:0px 0px 0px 0px; margin:0px; height: 95px; display: block;} #crentroHomeDest h3{ font-size: 17px; display: inline; color: #666666; font-style: normal; line-height: normal; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px;} #crentroHomeDest h3 em{ color: #000000;} .centroHomeMod { width:280px; float:right; margin: 0px; padding: 0px 0px 0px 0px; height: 70px;} /*--- MODULOS HOME DESTACDOS ---*/ .moduloAVentajas{ background:url(hm_ventajas-top.jpg) top no-repeat; width: 210px; float:left; padding:10px 15px 10px 15px; margin:0px 1px 0px 0px; display:inline;} .moduloAVentajasInt { background:url(hm_ventajas-top.jpg) top no-repeat #BFD42D; width: 210px; float:left; padding:10px 15px 5px 15px; margin:0px 1px 10px 0px; display:block;} .moduloBAquien { background:url(hm_aquien-top.jpg) top no-repeat; width: 368px; float:right; padding:10px 15px 10px 15px; margin:0px 1px 0px 0px; display:inline;} .moduloCSolucion { background:url(hm_soluciones-top.jpg) top no-repeat; width: 210px; float:right; padding:10px 15px 10px 15px; margin:0px px 0px 0px; display:inline;} .modBAquienMod{ margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; display: inline; float: left; width: 370px;} .modBAquienModImg{ width: 100px; display:block; float:left; margin: 0px 10px 0px 0px; padding: 0px;} .modBAquienModData{ display:block; float:left; margin: 0px 0px 0px 0px; padding: 0px;} .modBAquienMod p{ width: 100%; display:block; float:left; margin: 0px 0px 0px 0px; padding: 0px;} /*--- BAJADA HOME ---*/ .centroHomeModBajada { width:520px; float:left; margin: 0px; padding: 5px 10px 10px 10px; height: 55px; background: url(hm_bajada-foot.jpg) no-repeat bottom #e5e5e5; display: block;} .centroHomeModBajadaData { width:520px; margin: 0px; display: block; float: left; font-size: 15px; padding: 0px;} .centroHomeModBajadaImg{ width:20px; height:10px; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; display: block; float: right; background: url(mis-naranja.gif) no-repeat right top; clear: both;} .centroHomeMod strong{ color:#000000;} /*--- TXTS ---*/ .empreModA{ width:100%; margin: 0px 0px 0px 0px; padding: 0px 0px px 0px; float: left; font-size: 10px; display: block; position: 300px;} .empreModA p { margin: 0px; padding: 0px 0px px 0px; font-size: 11px;} /*--- / BAJADA HOME ---*/ /*--- PAISES HOME ---*/ .mod-hm-pais{ width:100%; margin: 0px 0px 0px 0px; padding: 0px 0px px 0px; font-size: 10px; display: block; top: 205px; position: relative;} .mod-hm-pais p { margin: 0px; padding: 0px 0px px 0px; font-size: 11px;} /*---/PAISES HOME ---*/ /*----- PACK HOME -----*/ #packHome { height:130px; width:100%; margin: 0px 0px 0px 0px; float: left; padding: 0px; background-color: #FFFFFF;} .linkPaHome { float:left; display:inline; margin: 0px 0px 0px 40px;} .linkPaHome a{ text-indent: -2500px; display: block; height: 120px; width: 388px; background: url(bt-pa-home.jpg) no-repeat center top;} .linkPaHome a:hover{ background:url(bt-pa-home.jpg) no-repeat center bottom;} .linkPpHome { float:right; display:inline; margin: 0px 40px 0px 0px;} .linkPpHome a{ text-indent: -2500px; background: url(bt-pp-home.jpg) no-repeat center top; display: block; height: 120px; width: 388px;} .linkPpHome a:hover{ background:url(bt-pp-home.jpg) no-repeat center bottom;} /*--- DEMO HOME TOP ---*/ .demoHome-top {float:right; display:block; margin: 0; height: 70px; width: 315px;} .demoHome-top a{text-indent: -2500px; display: block; height: 70px; width: 315px; background: url(bt-demo-home-top.png) no-repeat center top;} .demoHome-top a:hover{ background:url(bt-demo-home-top.png) no-repeat center bottom;} /*---/ DEMO HOME TOP ---*/ /*--- DEMO HOME ---*/ .demoHome { display:block; margin: 5px 0px 0px 0px; width: 200px; border: 5px solid #fff; background-color: #283792; float: left; color: #FFFFFF; padding: 5px 5px 5px 5px;} .demoHome p {display: block; width: 200px; margin: 5px 0px 5px 0px;} .demoHomeLink a { text-indent: -2500px; display: block; height: 45px; width: 200px; background: url(bt-demo-home.jpg) no-repeat top; margin: 0px 0px 10px 0px;} .demoHomeLink a:hover {background:url(bt-demo-home.jpg) no-repeat bottom; margin: 0px 0px 10px 0px; display: block; height: 45px; width: 200px; text-indent: -2500px;} .small{ width: 320px; float:left; margin:0 0 10px 0; padding:0px; display:block;} .smallDest { margin:0px 0px 10px 0px; padding:5px 0px; border-bottom: 1px dotted #13097A; border-top: 1px dotted #13097A;} .smallDest strong { color: #13097C;} .smallImg { width: 250px; float:right; margin:0px; padding:0px; display:block;} /*FIN DEMO HOME*/ /*--- GENERALES ---*/ #ConTitleInt { width:880px; padding:0px 0px 0px 0px; margin:0px auto; border-left: 40px solid #fff; border-right: 40px solid #fff; border-top: 20px solid #fff; background-color: #fff; border-bottom: 5px solid #fff;} /*----- VERSION 02 -----*/ /*--- DESTACADOS 02 ---*/ #crentroHomeDest02{ width:880px; padding:0px 0px 0px 0px; margin:0px; display: block;} /*--- VIDEOS HOME ---*/ #videoHome {height:280px; width:540px; margin: 0px 0px 0px 0px; float: left; padding: 0px;} #videoHome .v-title {height:35px; width:100%; margin: 0px 0px 0px 0px; float: left; padding: 0px; display:block;} #videoHome .v-play {height:240px; width:420px; margin: 0px 0px 0px 0px; float: left; padding: 0px; display:block;} #videoHome .v-play a {background: url(hm-video.jpg) top no-repeat; height:240px; width:420px; display:block; text-indent:-2500px;} #videoHome .v-play a:hover {background: url(hm-video.jpg) bottom no-repeat;} #videoHome .v-bts {height:200px; width:120px; margin: 0px 0px 0px 0px; float: left; padding: 0px; display:block;} #videoHome .v-bts01 a { display:block; background:url(hm-video-bts.jpg) top left; height:90px; width:120px; margin: 20px 0px 1px 0px; float: left; padding: 0; text-indent: -2500px} #videoHome .v-bts01 a:hover { display:block; background:url(hm-video-bts.jpg) bottom left; height:90px; width:120px; margin: 20px 0px 1px 0px; float: left; padding: 0; text-indent: -2500px} #videoHome .v-bts02 a { display:block; background:url(hm-video-bts.jpg) top right; height:90px; width:120px; margin:0; float: left; padding: 0; text-indent: -2500px} #videoHome .v-bts02 a:hover { display:block; background:url(hm-video-bts.jpg) bottom right; height:90px; width:120px; margin: 0; float: left; padding: 0; text-indent: -2500px} /*---/ VIDEO ---*/ /*----- COLUMNA 02 HOME -----*/ .c02-hm {width:320px; margin: 0px 0px 0px 0px; float: right; padding: 0px; height:500px; display:block; background-color: #0099CC;} /*----- Clientes Home -----*/ #clientes-hm { width:320px; margin: 0px 0px 0px 0px; float: right; padding: 0px;} #clientes-hm .c-title { height:35px; width:100%; margin: 0; padding: 0px; display:block;} #clientes-hm .c-logos { height:190px; width:318px; margin: 0 0 20px 0; float: left; padding: 0px; display:block; background:#fff; border-left: 1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; position: absolute;} /*-----/Clientes Home -----*/ /*----- INTERIOR -----*/ #ConInt{width:580px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; float:left;} #ConInt h2{ font-size: 28px; color: #F30; padding:2px 0 2px 0; margin:0 0 5px 0; display: block; font-style: normal; font-weight: normal;} .ConIntTitles{ width:480px; height:115px; padding:0px 0px 0px 0px; margin:30px 0px 0px 0px; display: block;} #ConInt ul { list-style:none; margin: 0px 0px 0px 0px;} #ConInt li { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 13px; background: url(mis-negro-small.gif) no-repeat left 6px;} #ConInt blockquote{ width:460px; padding:20px 10px 20px 10px; margin:5px 0px 0px 0px; color:#666666; background-color: #EBEBEB;} #ConInt blockquote ul { margin:0px; padding:0px;} #ConInt blockquote li { margin:0px 0px 0px 25px; padding:0px; list-style-type: disc;} /*--- PACK INTERIOR ---*/ #packInte { width:240px; margin: 0px 0px 25px 0px; display: block; text-align: center; float: none; padding: 0px 0px 10px 0px;} .linkPaInt { float:none; display:block; margin: 0px 0px 0px 0px; width: 240px;} .linkPaInt a{ text-indent: -5000px; display: block; height: 125px; width: 240px; background: url(bt-pa-int.jpg) no-repeat center top;} .linkPaInt a:hover{ background:url(bt-pa-int.jpg) no-repeat center bottom;} .linkPpInt { float:none; display:block; margin: 0px 0px 0px 0px; width: 240px;} .linkPpInt a{ text-indent: -5000px; background: url(bt-pp-int.jpg) no-repeat center top; display: block; height: 125px; width: 240px;} .linkPpInt a:hover{ background:url(bt-pp-int.jpg) no-repeat center bottom;} /*---/PACK INTERIOR---*/ /*--- COLUMNA DERECHA ---*/ #ColdDer { width:240px; float:right; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} #ColdDer a{ color:#A90101; text-decoration:none; margin:0px 5px 0px 0px;} #ColdDer a:hover { color:#A90000; text-decoration:underline;} #ColdDer ul { list-style:none; margin: 0px 0px 0px 0px;} #ColdDer li { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 13px; background: url(mis-negro-small.gif) no-repeat left 6px;} .ColdDerDest { width:100%; float:left; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; text-align: right;} .ColdDerDestData{ margin:0px 0px 3px 0px; padding:0px 0px 0px 0px; float: none;} /*----- FOOT -----*/ #foot00 { width:940px; display: block; padding: 10px; margin: auto; background-color: #eee; text-align: center;} #foot00 p{ font-family: Arial, Helvetica, sans-serif, "Zurich Lt BT"; font-size: 11px; color: #999; line-height: 15px;} #foot00 h4{ font-family: Arial, Helvetica, sans-serif, "Zurich Lt BT"; font-size: 12px; color: #BFD52E; margin: 0 0 4px 0; display: block;} /*#foot00 a, #foot00 a img { padding:0; margin:0;}*/ #foot00 a{ color: #999; text-decoration: none;} #foot00 a:hover{ color: #000; text-decoration: underline;} #foot00 .ccl1, .ccl2, .ccl3 { display: block; float:left; margin: 0 0 0 30px; text-align: left; border-right: 1px dotted #ccc; height: 50px;} #foot00 .ccl1{ width:50px;} #foot00 .ccl2{ width:200px;} #foot00 .ccl3{ width:570px;} #foot00 .ccl3 p{ width:200px; display: block; float: left;} #foot00 .ccl3 form { width:340px; display:block; float: right;} #foot00 .ccl3 form .input{ width:230px; height: 21px; border:1px solid #ccc; display:inline; background-color:#fff; padding: 3px; color: #666; /**/ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; } #foot00 .ccl3 form .input:focus{ border:1px solid #000;} #foot00 .ccl3 form .bt{ width:90px; height: 28px; display:inline; background-color:#85E701; border: none; color: #FFF; font-size: 11px; cursor: pointer; text-transform:uppercase; font-weight:bold;} #foot00 .ccl3 form .bt:hover{ background-color:#72C501; border: none; color: #fff;} /*----- Redes Foot 00 -----*/ #foot00 .ccl4{ width:175px; display: block; float:left; margin: 0 0 0 30px; text-align: left; height: 50px;} #foot00 .ccl4 ul { display: block; margin: 0;} #foot00 .ccl4 ul li a { display: block; width: 25px; height: 25px; margin: 0 4px 0 0; text-indent: -9999px; background-image: url(redes-foot-btns.png) !important; background-repeat: no-repeat; float:left;} #foot00 .ccl4 ul li.fb a { background-position: 0 0; } #foot00 .ccl4 ul li.tw a { background-position: -30px 0; } #foot00 .ccl4 ul li.go a { background-position: -60px 0; } #foot00 .ccl4 ul li.yt a { background-position: -90px 0; } #foot00 .ccl4 ul li.bl a { background-position: -120px 0; } #foot00 .ccl4 ul li.pt a { background-position: -150px 0; } #foot00 .ccl4 ul li.fb a:hover { background-position: 0px -30px; } #foot00 .ccl4 ul li.tw a:hover { background-position: -30px -30px; } #foot00 .ccl4 ul li.go a:hover { background-position: -60px -30px; } #foot00 .ccl4 ul li.yt a:hover { background-position: -90px -30px; } #foot00 .ccl4 ul li.bl a:hover { background-position: -120px -30px; } #foot00 .ccl4 ul li.pt a:hover { background-position: -150px -30px; } /*----- FOOT 01 -----*/ #foot01 { width:960px; display: block; padding: 5px 0; margin: auto; background-color: #13097C; text-align: center;} #foot01 p{ font-family: Arial, Helvetica, sans-serif, "Zurich Lt BT"; font-size: 11px; color: #CCCCCC; line-height: 15px;} #foot01 a{ color: #BFD52E; text-decoration: none;} #foot01 a:hover{ color: #FFFFFF; text-decoration: underline;} #foot01 ul { list-style:none; margin: 0px 0px 10px 160px; display: block;} #foot01 li { list-style:none; float: left;} #foot01 li a { display:block; text-decoration:none; text-align:center; font-size:11px; color:#BFD52E; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0px 5px 2px 5px; margin: 2px;} #foot01 li a:hover { color:#FFFFFF;} #foot01 li a strong { color:#FFFFFF; font-weight: normal;} /*----- FOOT Credito -----*/ #foot00cre { width:960px; height: 26px; padding: 0px 0px 0px 0px; text-align: left; margin:0px auto;} #foot00cre .ev{ display: block!important; height: 22px!important; width: 115px!important; float: right; margin: 2px 0 0 0;} #foot00cre .ev a {text-indent: -2500px; display: block; height: 22px; width: 115px; background: url(bt-ev.gif) no-repeat center top;float: right;} #foot00cre .ev a:hover{ background:url(bt-ev.gif) no-repeat center bottom !important;} #foot00cre .af{ display: block!important; height: auto!important; width: 50px!important; float: left;} /*-----VARIOS -----*/ .clear {clear:both;} .sep{ display: block; width: 100%; height: 2px; border-top: 1px solid #000000; margin: 5px 0px 10px 0px;} .sep2{ display: block; width: 100%; height: 2px; border-top: 1px dashed #ccc; margin: 5px 0px 10px 0px; clear:both;} .verde {color: #00A6A2;} .rojo{ color:#f00;} .blanco { color: #FFFFFF;} .imgPack{ margin: 0px 0px 5px 0px; padding: 0px; width: 580px;} /*----- DESTACADO DEMOS INTERIOR -----*/ .desDemoInt { width:550px; float:left; margin: 25px 0px 10px 0px; padding: 5px 10px 10px 10px; background: url(desDemo-top.jpg) no-repeat top #B3C728; display: block;} .desDemoIntData { width:310px; margin: 5px 0px 0px 10px; display: block; float: left; padding: 0px;} .desDemoIntData strong { font-size: 15px;} /*----- CUADROS -----*/ .tdCuadros{ margin:15px 0px 10px 0px; padding:0px; width: 560px; float: left;} .tdCuadros td{ margin: 0px 0px 0px 0px; border-bottom: 1px #ddd solid; padding: 5px 0px 2px 8px;} .tdCuadrosDest { border-bottom: 1px #ddd solid; padding: 5px 0px 0px 0px; background-color: #D8D8D8; height: 20px; border-top: 2px #fff solid; color: #2C389C; margin: 0px 0px 0px 0px;} /*----- CLIENTE -----*/ .imgClientes { margin: 0px 0px 5px 0px; padding: 0px; width: 580px;} .imgClientes img { margin: 0px 3px 3px 0px; padding: 0px; float: left; border: 1px solid #BFD42D;} .medium {width: 580px; float:left; margin:0 0 20px 0; padding:0px; display:block;} .mediumDest {margin:0px 0px 15px 0px; padding:10px; border-bottom: 1px dotted #d4d4d4; border-top: 1px dotted #d4d4d4; background-color: #eee;} .mediumDest strong {color: #13097C;} .colA { width:290px; float:left; margin:0; padding:0;} .colB { width:280px; float:left; margin:0; padding:0;} .modA { width: 560px; display:block; margin: 5px 0 5px 0; padding:0 0 2px 0; border-bottom: 1px dotted #13097A;} .modAIco { width: 65px; float:left; margin:0; padding:0; display:block;} .modAData { width: 490px; float:left; margin:0px; padding:5px 0 0 0; display: block;} /*----- BANNER MEETING INT -----*/ .BnMeetInt { float:none; display:block; margin: 0px 0px 0px 0px; width: 240px;} .BnMeetInt a{ text-indent: -5000px; display: block; height: 140px; width: 240px; background: url(bn-meet-int.jpg) no-repeat center top;} .BnMeetInt a:hover{ background:url(bn-meet-int.jpg) no-repeat center bottom;} .metingColor { background-color:#FF66FF;} .metingColorB { background-color:#910091;} .metingColorB strong { color:#FFFFFF} /*----- BARRA REDES -----*/ .barraRedes { display:block; padding:10px 0 2px 0 !important; margin:25px 0 5px 0 !important; border-bottom: 1px dotted #fff !important; width: 100%; height: 20px; float: left;} .RedeB { width: 120px; display:block; padding:0 0 3px 0; margin:0; float: left;} .RedeA{ width: 160px; display:block; padding:0 0 3px 0; margin:0; float: right;} /*----- REDES SOCIALES FLOTANTES -----*/ #social { display: block; position: fixed; top: 150px; right: 0; width: 45px; height: 220px; background: transparent url(redes-flotantes-bg.png) no-repeat; z-index: 900; background-color: #FFF; border: 1px solid #999; box-shadow: 0px 0px 20px #333; -moz-box-shadow: 0px 0px 20px #333; -webkit-box-shadow: 0px 0px 20px #333; border-radius: 8px 0px 0px 8px; -moz-border-radius: 8px 0px 0px 8px; } #social ul { display: block; margin: 5px 0 0 5px;} #social ul li a { display: block; width: 32px; height: 32px; margin: 0 0 3px 0; text-indent: -9999px; background-image: url(redes-flotantes-btns.png) !important ; background-repeat: no-repeat;} #social ul li.fb a { background-position: 0 0; } #social ul li.tw a { background-position: -35px 0; } #social ul li.go a { background-position: -70px 0; } #social ul li.yt a { background-position: -105px 0; } #social ul li.bl a { background-position: -140px 0; } #social ul li.pt a { background-position: -175px 0; } #social ul li.fb a:hover { background-position: 0px -35px; } #social ul li.tw a:hover { background-position: -35px -35px; } #social ul li.go a:hover { background-position: -70px -35px; } #social ul li.yt a:hover { background-position: -105px -35px; } #social ul li.bl a:hover { background-position: -140px -35px; } #social ul li.pt a:hover { background-position: -175px -35px; } /*----- CLIENTES V03 -----*/ .cl-logos { height:200px; width:960px; margin: 0px auto 0px auto; padding: 0px; display: block; background:#fff;} /*----- TABS CLIENTES -----*/ .tab-cont{ width:100%; margin:0 0 20px 0; border:1px solid #ccc;} .tab-cont h4{ font-size:15px; color:#666; margin: 0 0 5px 0;} .tab-cont h5{ font-size:13px; color:#F60; margin: 0 0 5px 0;} .tab a{ display:block; float:left; width:160px; height:20px; text-align: left; background-color:#BCD32D; font-size: 14px; font-weight:bold; color:#fff !important; padding:10px; margin:0 2px 0 0; border-radius: 5px 15px 0px 0px; -moz-border-radius: 5px 15px 0px 0px;} .tab a:hover{ background-color:#94A824; color:#fff !important; text-decoration:none !important;} #primero, #segundo, #tercero{ width:100%; height:auto;} #primero{ background-color:#FFF;} #segundo{ background-color:#fff;} #tercero { background-color:#eee;} /*--- form filtro ---*/ #cliente-filtro { background-color:#eee; display: block; padding: 0 0 20px 0; width: 100%;} #cliente-filtro form { width:500px; display:block; float: left; padding: 15px 0 15px 20px;} #cliente-filtro form p { width:100%; display:block; float: left; padding: 0 0 5px 0;} #cliente-filtro select{ /*width:180px !important; height: 21px !important;*/ border:1px solid #ccc !important; display:inline !important; background-color:#fff !important; padding: 3px !important; color: #666 !important; /**/ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px;} #cliente-filtro .bt{ width:90px; height: 28px; display:inline; background-color:#003366; border: none; color: #FFF; font-size: 11px; cursor: pointer; text-transform:uppercase; font-weight:bold;} #cliente-filtro .bt:hover{ background-color:#000033; border: none; color: #fff;} .clientes-v2 {margin: 15px 0px 15px 0px; padding: 5px !important; width: 570px;} .clientes-v2 img {margin: 0px 3px 3px 0px; padding: 22px; float: left; border: 1px solid #ccc; width: 140px; height: 50px; } .clientes-v2 img:hover {opacity: 0.5; filter: alpha(opacity=50);} /*----- Clientes Testimonios -----*/ #segundo .clientes-testimono { margin: 15px 0px 15px 0px; padding: 5px !important; width: 570px;} #segundo ul{ margin: 0; list-style:none;} #segundo li{ list-style:none !important; margin: 10px 0 !important; padding: 0 0 15px 0 !important; background-image:none !important; width: 100%; border-bottom:1px solid #ccc; display: block; } #segundo .img{ float:left; display:block; width: 100px; margin: 0 5px 0 0; padding: 0;} #segundo .img img{ width: 80px; padding: 5px; border: 1px solid #ccc;} #segundo .text{ float:left; width: 450px; height:auto; margin: 0; padding: 0;} /*----- BANNER EMAILMAX INT -----*/ .BnEmaxInt { float:none; display:block; margin: 0px 0px 0px 0px; width: 240px;} .BnEmaxInt a{ text-indent: -5000px; display: block; height: 140px; width: 240px; background: url(bn-emax-int.jpg) no-repeat center top;} .BnEmaxInt a:hover{ background:url(bn-emax-int.jpg) no-repeat center bottom;} .emaxColor { background-color:#6AE1FF;} .emaxColorB { background-color:#00CCCB;} .emaxColorC { background-color:#f00;} .emaxColorB strong { color:#fff !important;} /* ------ EmailMaxx DESTACDOS ------*/ .eMaxModA { width: 280px; display:block; margin: 5px 0 5px 0; padding:0 0 2px 0; float: left;} .eMaxModAIco { width: 80px; float:left; margin:0; padding:0; display:block;} .eMaxModAData { width: 190px; float:left; margin:0px; padding:5px 0 0 0; display: block;} .eMaxModAData strong{ font-size:16px; font-weight:normal; padding:0; margin:0; display: block;} /*------ SMS SERICIOS -----*/ .smsColor { background-color:#FA971F; } .smsColorB { background-color:#FFCC00;} .smsColorC { background-color:#f00;} .smsColorB strong { color:#000 !important; } /*--------SMS A Voz ----*/ .SmsVoz-small{ width: 400px; float:left; margin:0 0 10px 0; padding:0px; display:block; } /*.smallDest { margin:0px 0px 10px 0px; padding:5px 0px; border-bottom: 1px dotted #13097A; border-top: 1px dotted #13097A;} .smallDest strong { color: #13097C;}*/ .SmsVoz-small-Img { width: 170px; float:right; margin:0px; padding:0px; display:block; } /*--------SMS SERVICIOS ----*/ h3 a:hover img{ -moz-opacity:0.6; opacity:0.6; filter:alpha(opacity=60); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .SmsTop-Img {margin:0 0 40px 0; padding:0 0 10px 0; display: block; border-bottom:1px dotted #ccc;} .SmsSep-pack{margin:20px 0 50px 0; padding:0; display: block; border-top: 1px dotted #ccc;}