@charset "utf-8";
/* CSS Proyecto Netmedia Diseño */

/* Home
------------------------------------*/
#top-nothome{float:left; padding-left:22px; width:327px; height:33px; line-height:33px; background:transparent url('../img/top-nothome.png') no-repeat; color:#666}
#cont-nothome{float:left; width:347px; height:503px; border-top:1px solid #D8D9DA; border-left:1px solid #D8D9DA; border-right:1px solid #D8D9DA; background:#F7F7F9}
#btm-nothome{float:left; width:349px; height:35px; line-height:33px; background:transparent url('../img/btm-nothome.png') no-repeat}
.txt-bh{color:#F00}
#lnot-home{float:left; padding:10px 0px 0px 19px; width:315px}
#lnot-home li{ list-style:none; width:310px; padding-bottom:0px; padding-top:9px; border-bottom:1px dotted #4F79B9}
#lnot-home p{padding-bottom:14px; padding-top:0px; margin:0px}
#lnot-home div{ padding-bottom:14px}
.nothome-img{padding:4px; background:#FFF}
.par-nothome{font-size:11px; color:#4F79B9}
.tit-nothome{font-size:15px; color:#222}
.tit-nothome a{font-size:15px; color:#222}
.tit-nothome a:hover{font-size:15px; color:#F00}

#intro-home{padding:35px 0px 0px 30px; width:550px; height:137px; float:left}
#intro-home p{padding:0px 0px 15px 0px; margin:0px; text-align:justify}
.tit-home{font:normal 18px Arial; color:#333}
.subt-home{font:normal 12px Arial; color:#F00; padding-bottom:15px}

#divs-home{width:614px; height:317px; background:transparent url('../img/pres-home.png') no-repeat; float:left}
#divs-top{float:left; padding-left:30px; width:580px; height:33px; line-height:33px; color:#FFF}
/*#ldivs{float:left; padding:23px 0px 0px 27px; width:555px; font-size:15px; color:#333}
#ldivs li{ list-style:none; width:550px; padding-bottom:27px; float:left }
.divs-ln{background:transparent url('../img/div-linea.png') no-repeat bottom}
.divs-img{float:left; padding-right:32px}*/
#nddivs{float:left; padding:7px 0px 0px 28px; width:550px; font-size:11px; color:#333}
#nddivs li{ list-style:none; width:550px; padding-bottom:10px; padding-top:15px; float:left; }
.divs-nd{border-bottom:1px solid #E2E2E4}
.divs-ndimg{float:left; padding-right:20px}

#tags-home{width:614px; height:52px;/*height:82px*/ background:transparent url('../img/cuad-tag.png') no-repeat; float:left}
.tagpad{padding:30px 0px 0px 0px; text-align:center}
.tag-txt{font:normal 11px Arial; color:#4F79B9; word-spacing:2px; padding-left:10px}

/* Nosotros
------------------------------------*/
#nos-conts{float:left; width:953px; background:transparent url('../img/fondo-contenido-all.png') repeat-y}
/*Required */
.containerb { width:670px; height:auto; overflow:hidden; position:relative;}
div.slidesb { position:relative; top:0; left:0; }
ul.slidesb { position:relative; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slidesb > div,ul.slidesb li { position:relative; top:0; width:670px; display:none; padding:0; margin:0; }

/*Optional*/
#newsSlider { width:915px; position:relative; clear:both; }
ul.paginationb { list-style:none; padding:0; margin:0; width:165px; font:normal 13px Arial; color:#666}
ul.paginationb li  {width:165px; text-align:right; background:transparent url('../img/fondo-btnos1.png') no-repeat top right; border-bottom:1px solid #FFF; list-style:none; padding-top:10px; padding-bottom:10px}
ul.paginationb li a { text-align:right; height:33px; text-decoration:none; color:#666; padding-right:20px;}
ul.paginationb li.active {background:transparent url('../img/fondo-btnos2.png') no-repeat top right; color:#F00; padding-top:10px; padding-bottom:10px}
/*ul.paginationb li.active a {background:transparent url('../img/fondo-btnos2.png') no-repeat top right; color:#F00; height:33px; padding-top:10px}*/
#menu-nos{width:165px; min-height:210px; background:transparent url('../img/div-nosotrosv.png') no-repeat top right; padding-right:21px; padding-left:13px; padding-top:10px; float:left}
#contenido-nos{width:670px; padding-left:44px; float:left}

.nos-textos{width:665px; padding:5px 0px 25px 0px; margin-bottom:10px; background:transparent url('../img/div-nosotrosh.png') no-repeat bottom; color:#000}
.nos-textos p{padding-top:0px; margin-top:0px}
.nos-img{float:left; margin-right:30px; margin-left:20px; margin-top:20px; height:75px}

#nosli{float:left; width:660px; padding-top:15px; padding-bottom:15px}
#nosli li{ list-style:none; width:220px; height:90px; display:block; float:left}
.linos{list-style:none; width:440px; height:90px; display:block; float:left; text-align:center}

/* Productos
------------------------------------*/
#prod-contenido{float:left; padding-left:25px; width:960px}
#titulos{margin-left:5px; float:left; width:180px; height:32px; line-height:32px; text-align:center; font-size:15px; color:#FFF; background:transparent url('../img/fondo-titulos.png') no-repeat}
#prod-contop{float:left; width:953px; height:40px; background:transparent url('../img/fondo-contenido-top.png') no-repeat}
#prod-conts{float:left; width:913px; padding-left:40px; background:transparent url('../img/fondo-contenido-all.png') repeat-y}
#prod-contbtm{float:left; width:953px; height:40px; background:transparent url('../img/fondo-contenido-pie.png') no-repeat}
#prod-contbtm2{float:left; width:953px; height:100px; background:transparent url('../img/fondo-contenido-pie2.png') no-repeat}
#prod-par{width:855px; padding-bottom:20px; float:left}
.prod-clma{width:440px; float:left; }
.prod-clmab{width:440px; border-left:1px dotted #CCC; padding-left:15px; float:left; }
.prod-clmac{width:440px; border-left:1px dotted #CCC; padding-left:28px; float:left; }

.prod-intro{float:left; width:425px; padding-bottom:20px; }
.prod-btns{float:left; width:425px; text-align:center; padding-bottom:0px}
.prod-btnimg{margin-right:10px}

.prod-corp1{float:left; width:425px; height:115px; padding-bottom:0px; background:transparent url('../img/web-corporativa1.jpg') no-repeat}
.prod-corp2{float:left; width:425px; height:115px; padding-bottom:0px; background:transparent url('../img/web-corporativa2.jpg') no-repeat}
.prod-catg1{float:left; width:425px; height:115px; padding-bottom:0px; background:transparent url('../img/web-catalogo1.jpg') no-repeat}
.prod-catg2{float:left; width:425px; height:115px; padding-bottom:0px; background:transparent url('../img/web-catalogo2.jpg') no-repeat}

.prod-opc{float:left; background:transparent url('../img/div-acord.png') no-repeat bottom; padding:0px 10px 13px 10px; width:400px; font-size:12px; color:#000}
.prodt1{padding-top:25px; color:#4A98C9}
.prodt2{padding-top:81px; color:#4A98C9}
.prodt3{padding-top:53px; color:#4A98C9}
.prodt4{padding-top:137px; color:#4A98C9}

/*Demos
-----------------------------------*/
.demo-cont{width:402px; height:270px; padding-top:9px; margin-bottom:13px; background:transparent url('../img/fondo-demo.gif') no-repeat; float:left}
.demo-img{width:356px; height:261px; padding:0px 1px 0px 7px; float:left}
#parent4 li{
/*background: #F2F2F2;
padding: 0px;
margin: 5px;*/
list-style:none
}
#menu-demo{width:31px; float:left; color:#999; text-align:center; font:bold 12px Arial;}
/*Required*/
.containerc { width:356px; height:256px; overflow:hidden; position:relative; }
div.slidesc { position:relative; top:0; left:0; }
ul.slidesc { position:relative; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slidesc > div,ul.slidesc li { position:relative; top:0; width:500px; display:none; padding:0; margin:0; }
/*Optional*/
#newsSliderc,#newsSliderc2 { margin:0 auto; width:402px; position:relative; clear:both; }
ul.paginationc { list-style:none; padding:0; margin:0; }
ul.paginationc li  { float:left; }
ul.paginationc li a { width:31px; float:left; color:#999; text-align:center; padding-top:6px; padding-bottom:6px; font:bold 12px Arial;}
ul.paginationc li.active a { color: #FFF; text-align:center; background:transparent url('../img/pag-btn-demo.gif') no-repeat;}

/* Contacto
------------------------------------*/
#contact-clm{width:420px; padding-right:20px; float:left; background:transparent url('../img/div-contact.png') no-repeat top right; min-height:415px }
#contact-clm2{width:420px; padding-left:20px; float:left; }

#txt-contact1{width:81px; height:20px; background:transparent url('../img/txt-llamanos.gif') no-repeat}
#txt-contact2{width:81px; height:20px; background:transparent url('../img/txt-escribenos.gif') no-repeat}
.contact-p{width:100%; height:75px; font:normal 13px Arial; color:#666}
#contact-cuad{width:100%; height:200px; padding-top:20px; background:transparent url('../img/cuadro-contacto.jpg') no-repeat top center; text-align:center}
#contact-cuad2{width:100%; height:200px; padding-top:30px; background:transparent url('../img/cuadro-contacto2.jpg') no-repeat top center; text-align:center}
#contact-cent{padding-bottom:25px}
.contact-anx{padding-left:85px; padding-bottom:5px}
#contact-f{width:100%; font:normal 13px Arial; color:#000}
#contact-r{width:100%; font: normal 14px Tahoma, Arial; color:#4F79B9; text-align:center; padding-top:40px}

#contact-twi{padding-left:45px; padding-top:10px; float:left}
#contact-face{padding-right:40px; padding-top:10px; float:right}

.cnt-f1{width:259px; height:18px; border:1px solid #A0C4E7; background:#E8F3F4; margin-bottom:4px}
.cnt-f2{width:263px; height:20px; border:1px solid #A0C4E7; background:#E8F3F4; margin-bottom:4px; color:#336699}
.cnt-f3{width:263px; height:59px; border:1px solid #A0C4E7; background:#E8F3F4; margin-bottom:4px}
.cnt-btn{ cursor:pointer; margin-bottom:5px}

/* Por qué elegir Netmedia
------------------------------------*/
#cuad-top-pq{width:845px; height:32px; background:transparent url('../img/cuad-top-pq.png') no-repeat}
.pq-tit1{width:220px; line-height:32px; color:#FFF; text-align:center; float:left}
.pq-tit2{width:310px; line-height:32px; color:#FFF; text-align:center; float:left}
.pg-bg{background:#F0F0F4}
.pq-txt{font-weight:bold; color:#4F79B9}

/* Textos
------------------------------------*/
.txt-titulos{font:normal 25px Arial; color:#EC0202}
.txt-titulos2{font:normal 23px Arial; color:#EC0202}
.txt-tdem{font:normal 18px Arial; color:#EC0202}
.txt-subtit{font:normal 14px Arial; color:#4B99CA}
.txt-subtdem{font:normal 12px Arial; color:#4B99CA}
.txt-cntc{font:normal 13px Arial; color:#333}
.txt-anx{font:bold 16px Arial; color:#2866A4}
.txt-ctf{ text-align:right; padding-right:13px; padding-top:5px}
.txt-ctnf{ color:#4F79B9}
.txt-ast{ font: bold 18px Arial; color:#4F79B9}
.txt-subtit{font:normal 14px Arial; color:#4B99CA}
.txt-prod{font:bold 17px Arial; color:#4B99CA; text-align:center}
.txt-prod2{font:bold 17px Arial; color:#EC0202; text-align:center}

/* Enlaces
------------------------------------*/
.a1{font-size:11px; color:#F00}
.a1:hover{font-size:11px; color:#F00; text-decoration:underline}

/* Contacto - chini
------------------------------------*/
.error{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('img/web/error.png');
    border: 1px solid;
    margin: 10px 0px;
    padding:3px 10px 3px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
}
.error li
{
    list-style: none;
    list-style-type: none;
}

.exito
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/img/web/exito.png');
    border: 1px solid;
    margin: 10px 0px;
    padding:3px 10px 3px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
}

.exito li
{
    list-style: none;
    list-style-type: none;
}
</style>
