*{margin:0; padding:0;font-family:Helvetica,Arial, sans-serif;border:0;}

body {background:#FFF url(/images/bg.jpg) top center no-repeat;text-align: center;}

a:link, a:visited, a:active { text-decoration: none; color: #003277; }
a:hover { text-decoration: none; }

#contenedor{width: 980px;margin: 0 auto;padding: 0;}

#top{float: left;width: 980px;height: 135px;display: inline;text-align:left;}

#top #topbar{display:inline;float:right;width:980px;height:28px;}
#topbar ul {list-style:none;height:28px;}
#topbar li {float:right;}
#topbar a{display:block;padding:0 10px 0 20px;line-height:28px;height:28px;font-size:11px;color:white;text-decoration:none;margin:0 0 0 20px}
#topbar a.home{background:url(/images/casa.jpg) top left no-repeat;}
#topbar a.email{background:url(/images/email.jpg) top left no-repeat;}
#topbar a.software{background:url(/images/software.jpg) top left no-repeat;}

#top #logo {float:left;display:inline;margin:20px 0 0 10px;}
#logo p{margin:0 0 0 30px;font-size:10px;font-weight:bold;color:#003277;}
#logo img{border:0 !important;}

#top #com20 {float:right;display:inline;margin:20px 10px 0 0;width:241px;height:49px;}
#com20 img{border:0 !important;}

/* --MENU-- */
#menu {display:inline;float:right;margin:50px 0 0 0;height:40px}
#menu #nav {list-style-type: none;margin:0}
#menu #nav ul {margin: 0;list-style-type: none;text-align: center;}
#menu li {float:left;display:inline;}
#menu ul li a {display:block;padding:0 15px;line-height: 29px;font-size: 13px;color:#003277;text-decoration: none;height:29px}
#menu ul li a:hover{background: url(/images/bglink.jpg) repeat-x;}
/* --fin menu-- */

#complemento{display: inline; float: left;width: 980px;text-align: center;padding:0}

#columnas {display:inline;float:left;width:980px;margin:0;height:300px;text-align:left}
/*.accordionWrapper{display:inline-block; background-color:#fff; overflow:hidden;}
.accordionWrapper img{border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:0;padding:0}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none;width:686px;height:280px;text-align:left;}
*/
#columnas h5{font-size:21px;margin:10px 0 0 15px;color:#003277;font-weight:normal;}
#columnas h6{font-size:43px;margin:0 0 0 15px;color:#7dc40d;font-weight:normal;}
#columnas p{margin:15px 400px 0 15px;font-size:13px;}
a.vermas2 {width:98px;height:43px;display:block;margin:15px 0 0 160px;background:url(/images/vermas.png) top left no-repeat;text-align:center;font-size:13px;color:black;line-height:43px}

.accordionWrapper{display:inline-block; background-color:#fff; overflow:hidden;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none;}
.corte{width:686px;height:280px;}

#left {display:inline;float:right;width:302px;margin:0 20px 0 0;text-align:left}
#left img {border:0;margin:0 0 15px 0}
#left h2{font-size:21px; letter-spacing:-1px;font-weight:normal;margin:0;color:#7dc40d}

.d20com{display:inline;float:left;width:302px;height:108px;background:url(/images/bg20com.jpg) top left no-repeat;overflow:hidden;margin:0 0 10px 0}
.d20com p {text-align:center !important;margin:0 !important;padding:15px 0 0 0 !important}
.d20com img {margin:10px 0 0 0 !important}

#left div.escuchanos{display:inline;float:left;width:302px;height:108px;background:url(/images/bgescuchanos.jpg) top left no-repeat;overflow:hidden;margin:10px 0 0 0}
#left div.packradio{display:inline;float:left;width:302px;height:108px;background:url(/images/packradio.jpg) top left no-repeat;overflow:hidden;margin:10px 0 0 0}
#left div.tienda{display:inline;float:left;width:302px;height:289px;background:url(/images/bgtienda.jpg) top left no-repeat;overflow:hidden;margin:10px 0 0 0}
.escuchanos p a.normal,.packradio p a.normal,.tienda p a.normal{display:block;width:202px;height:100%;padding:10px 10px 0 70px !important;color:#000;text-decoration:none !important;font-size:13px;margin:0}
.escuchanos p a.normal span,.packradio p a.normal span ,.tienda p a.normal span {font-size:33px;color:#7dc40d !important;letter-spacing:-2px;line-height:33px}
.packradio p a.normal b{color:#003277;}

/* ticker productos */
#newsticker-demo3 {display:inline;float:left;width:282px;padding:0;margin:25px 10px 0 10px;overflow:hidden;height:165px }
.productos { width:282px;}
.productos ul li{ list-style:none;margin:0;padding:0;}
.productos ul li .tituproducto a {font-size:18px !important;font-weight:bold !important;color:#000 !important}
.productos ul li .fotoproducto {display:block;width:150px;height:100% !important;margin:10px 0 0 0;float:left}
.fotoproducto img {width:130px;height:auto;}
.productos ul li .tituproducto a {font-size:15px !important;font-weight:bold !important;color:#000 !important}
.productos .descproducto{display:inline;float:left;margin:10px 0 0 0;font-size:11px;width:125px !important;}
.vermas {width:123px;height:35px;display:block;margin:10px 0 0 0;background:url(/images/vermas.jpg) top left no-repeat;text-align:center;font-size:21px;color:white;line-height:35px}
/* fin productos */

div.transcoder{width:100%;height:45px;float:left;display:inline-block;background:url(/images/bgtranscoder.jpg) top left no-repeat;margin:20px 0;}
.transcoder p{line-height:45px !important;padding:0 0 0 10px !important;font-size:14px !important;margin:0 !important}
div.pack{width:250px;height:108px;float:left;display:inline;background:url(/images/bgpack.jpg) top left no-repeat;margin:20px 40px 0 0}
.pack h3{font-size:16px;margin:10px 0 0 10px;color:#003277;}
.pack h4{font-size:21px;margin:8px 10px 0 0;color:#7dc40d;text-align:right}
.pack p{margin:0 10px !important;text-align:left !important;font-size:12px !important;height:35px}

div.pack2{width:195px;height:108px;float:left;display:inline;background:url(/images/bgpack2.jpg) top left no-repeat;margin:20px 6px 0 0}
.pack2 h3{font-size:16px;margin:8px 0 5px 0;color:#003277;text-align:center}
.pack2 h4{font-size:18px;margin:8px 0 0 0;color:#7dc40d;text-align:center}
.pack2 p{margin:0 10px !important;text-align:center !important;font-size:11px !important;height:40px}

.uptime {width:108px;padding:5px 0;border:1px dotted #ccc;float:left;display:inline;margin:20px 10px 20px 0}
.uptime p{text-align:center !important;font-size:12px !important;margin:0 !important}
.uptime img {margin:5px 0 0 0}

ul.iconitos img {vertical-align:middle;margin:0 10px 0 0}
ul.iconitos li strong{display:inline-block;width:200px}

#interior{float:left;width: 618px;font-size: 12px;text-align: left;margin:0 0 0 20px;padding:0 0 25px 0;text-align:left;border-right:1px dotted #7dc40d;display:inline;}
.listaprods{width:600px}
.restoprods{margin:10px 0 0 0}
.right {float:right;margin:0 0 30px 35px}
.left {margin:0 20px 10px 0;float:left}
.clear{clear:both;width:600px;margin:10px 0;border-bottom:1px dotted #ccc}
#interior h1,#presupuestos h1{font-size:21px; letter-spacing:-1px;font-weight:normal;margin:0;color:#003277;margin:0}
#interior h2{font-size:15px; color:#7dc40d;font-weight:bold;margin:20px 0;}

#interior p ,#interior ul, #presupuestos p{margin: 20px 20px 0 0;text-align:justify;font-size:13px;color:#000;line-height:135%;}
#interior sup{font-size:10px !important;line-height:10px !important}
#interior p.ico1 {width:501px;height:98px;padding:13px 10px 0 75px;background:url(/images/ico1.jpg) top left no-repeat;margin:0 0 10px 0;font-size:12px;display:block;text-align:left}
#interior p.ico2 {width:501px;height:98px;padding:13px 10px 0 75px;background:url(/images/ico2.jpg) top left no-repeat;margin:0 0 10px 0;font-size:12px;display:block;text-align:left}
#interior p.ico3 {width:501px;height:98px;padding:13px 10px 0 75px;background:url(/images/ico3.jpg) top left no-repeat;margin:0 0 10px 0;font-size:12px;display:block;text-align:left}
#interior p.ico4 {width:501px;height:98px;padding:13px 10px 0 75px;background:url(/images/ico4.jpg) top left no-repeat;margin:0 0 10px 0;font-size:12px;display:block;text-align:left}
.ico1 span,.ico2 span,.ico3 span,.ico4 span {font-weight:bold;color:#003277;font-size:16px;margin:0 0 3px 0;display:inline-block}
#interior p.pequeno {color:#666;font-size:10px;margin:5px 30px 0 0;}
#interior li{margin:0 0 10px 50px}

#interior p.descargas a[href $='.pdf'] {background: transparent url(/images/pdf.gif) no-repeat center left;text-decoration:none !important;padding-left:50px;height:54px;display:block;line-height:54px}

#interior form {width:360px;margin: 0;padding:0;font-size:11px}
#interior fieldset{width:360px;padding:8px 0;text-align:left;border:0;color:#000;}
#interior input, #interior select, #interior textarea{
width:360px;background:#f5f5f5; padding:2px;border:1px solid #666;margin:0 0 5px 0;
vertical-align:middle;color:#000;font-family:Arial, sans-serif;font-size:11px;
}
#interior input.enviar , #presupuestos input.enviar {width:150px !important;padding:5px 0;background:#003277;color:White}
label { color: #000; font-size: 11px; line-height: 140%; margin: 10px 0 .2em 0;  }
.error-message, label.error { color: #003277; margin: 0 0 .5em 0;  display: block; font-size: 11px !important;font-weight:bold; }
/* para controlar el spam en formularios */
#messageLabel { display: none !important; }
#message { display: none !important; }

#interior table {border:1px solid #7dc40d;width:582px;margin:20px 0 0 0}
#interior td {padding:2px;border-bottom:1px dotted #dcdcdc;}
#interior td.tope {background:#7dc40d;font-weight:bold;border:0}

#fotus {display:inline;float:right;margin:0 0 10px 20px;width:190px}
#fotus img {margin:0 0 10px 0;border:1px solid #999;background:white;padding:2px;}


#presupuestos {margin:20px 0 20px 20px;border:1px dotted #ccc;padding:10px;text-align:left;width:700px;float:left;font-size:12px}
#steps { width:100%; overflow:hidden; margin:0px; padding:0px}
#steps li {font-size:12px; float:left; padding:10px 0 0 0; color:#ccc;width:135px;list-style:none;cursor:pointer;font-weight:bold}
#steps li span {font-size:10px; display:block;font-weight:normal !important}
#steps li.current { color:#333;}
.prev, .next {margin:20px 0; background-color:#003277; padding:5px 10px; color:#fff !important; text-decoration:none;}
.prev:hover, .next:hover { background-color:#666; text-decoration:none;color:white}
.prev { float:left;margin:10px 400px 0 0}
.next { float:right;margin:10px 0 0 0}
.error {border:1px solid red;color:red !important;text-align:left !important;margin:0 0 3px 0 !important;padding:3px !important;display:block;font-size:11px !important}
.info {border:1px solid #003277;color:#003277 !important;text-align:left !important;margin:0 0 3px 0 !important;padding:3px !important;display:block;font-size:11px !important}
.jNice {margin:20px 0 !important;width:700px !important}
.jNice fieldset {border:1px dotted #ccc !important;margin:0 0 20px 0 !important;padding:10px !important;width:678px !important;clear:both}
.jNice legend {background:#ccc !important;color:black !important;padding:5px 15px !important}
.jNice label{border:1px dotted #f5f5f5;text-align:left !important;margin:0 0 3px 0 !important;padding:3px !important;display:block}
.jNice label:hover{font-weight:bold;}
.jNice input {margin:0 10px 0 0;vertical-align:middle}
.jNice label.datos{display:inline-block;width:80px;}
.jNice input.textField{border:1px solid #ccc;width:220px;padding:3px;vertical-align:middle}

#precios {margin:20px 20px 10px 0;border:1px dotted #ccc;padding:10px 10px 0 10px;text-align:right;width:130px;float:right}
.dia{width:130px;height:43px;background:url(/images/dia.jpg) top left no-repeat;line-height:43px;display:block;font-size:19px;}
.mes{width:130px;height:43px;background:url(/images/mes.jpg) top left no-repeat;line-height:43px;display:block;font-size:19px;}
.ano{width:130px;height:43px;background:url(/images/ano.jpg) top left no-repeat;line-height:43px;display:block;font-size:19px;}
#precios p{margin:0 50px 0 0}
#precios p.small{margin:10px 0 !important;font-size:10px !important;text-align:center !important;color:#666 !important}
#resumen {margin:0 20px 20px 0;border:1px dotted #ccc;padding:5px 10px;text-align:left;width:130px;float:right;font-size:11px !important}
#res1,#res2,#res3,#res4,#res5,#res6,#res7,#res8,#res9{border:1px dotted #ccc;margin:0 0 5px 0;color:#999}

.pad{border:1px dotted #CCC;background:white;padding:2px;}
.tip img{margin:0 15px 0 0}
.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }



#abajo{display:none;float:left;width: 980px;font-size: 10px;font-weight:normal;height:39px;background:url(/images/bgpie.png) top left repeat-x;text-align:left;margin:0;}
#abajo p{text-indent:20px;color: #000;line-height:39px;}




/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#333;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(/js/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(/js/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(/js/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(/js/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(/js/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(/js/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(/js/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(/js/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(/js/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}