/* Electr�nica Visi�n - main */ 

body {background:#181919; font-family:'Verdana', Tahoma, Helvetica; font-size:11px; margin:0}

.site {width:756px; left:50%; margin-left:-378px; position:absolute}

.header {width:100%; height:87px; background:url(../imgs/bgHeader.gif) repeat 0 0 #383838; border-bottom: 2px solid #303030}
.header .logo {background: url(../imgs/logo3.gif) no-repeat 0 0; width:178px; height:112px; position:absolute}

.welcome {height:172px; width:756px; display:block}
.text {width:420px; font-size:12px; padding:25px 0 0 25px; line-height:14px}
.text p {text-align:left; font-size:10px}
.text h1 {margin:10px 0 0 0; font-size:12px; font-weight:bold}
.line1 {height:1px; background:url(../imgs/line1.gif) repeat-x} 

.productsBg {background:#151515; padding:10px 0; border-bottom: 2px solid #b30a0a}
.products {background:#252222 url(../imgs/bgBlockProd1.gif) no-repeat 0 0; height:226px; width:735px; margin:0 auto;}
.containerThumbmail {padding:10px; float:left;}
.thumbnail {width:186px; float:left; margin:10px 25px 0 25px}
.thumbnail p {margin:5px; color:#FFF; font-size:10px}
.bgThumbnail {width:186px; height:96px; background: url(../imgs/bgthumbnail1.gif) no-repeat 0 0}
.bgThumbnail img {margin:5px}
.title {font-size:11px; font-weight:bold; text-transform:uppercase; color:#FFF; margin:5px}
.thumbnail a {float:right; font-weight:bold; font-family:Verdana, Geneva, sans-serif; color:#FFF; text-decoration:none; background: url(../imgs/ampliar.gif) no-repeat 0 2px; padding:0 0 0 13px}
.thumbnail a:hover {color:#CCC} 

.specialOffers {width:410px; margin:31px 20px 20px 50px; float:left}
.bgSpecialOffers {width:141px; height:100px; float:left; background: url(../imgs/bgthumbnail2.gif) no-repeat 0 0; margin:0 10px 0 0}
.bgSpecialOffers img {margin:7px 0 0 6px}
.title2 {font-size:11px; font-weight:bold; text-transform:uppercase; color:#FFF; margin:5px 0 5px 0}
.specialOffers p {color:#FFF}
.specialOffers a {color:red}
.specialOffers a:hover {color:#CCC}

.btnAmpliar {padding:5px 0}
.btnAmpliar li {float:left}
.btnAmpliarRight {background:url(../imgs/ampliarRight.gif) no-repeat right; height:13px; float:none; display:block; padding-top:6px}
.btnAmpliarLeft {background:url(../imgs/ampliarLeft.gif) no-repeat left; height:13px; float:left; padding:3px 0}
.btnAmpliarLeft a {color:#FFF; padding:0 6px; text-decoration:none; font-size:10px}
.btnAmpliarLeft a:hover {color:#ffe8eb; text-decoration:none}

.marks {float:left; margin:15px 10px 5px 30px}
.megavision {float:left; width:175px; height:140px; background:url(../imgs/logosSpecialOffers2.gif) no-repeat 60px 20px}
.soundvision {float:left; width:175px; height:140px; background:url(../imgs/logosSpecialOffers2.gif) no-repeat 60px 20px}

.footer {color:#e0e0e0; text-transform:none; font-size:10px; margin:10px 0 15px 0; line-height:15px}
.footerLeft {width:400px; float:left; text-align:left}
.footerRight {width:300px; float:right; text-align:right; text-transform:none; color:#e0e0e0; line-height:15px}
.footerRight span {color:#e9122d}

.blockText {background:#252222; margin:0 auto; width:728px}
.blockText1 {background:url(../imgs/bgBlockText1.gif) no-repeat 0 0; height:7px}
.blockText2 {background:url(../imgs/bgBlockText2.gif) no-repeat 0 0; padding:15px}
.blockText2Contact {background:url(../imgs/bgBlockText2.gif) no-repeat 0 0; padding:15px}
.blockText2 p{color:#FFF; margin:5px}
.blockText2A {float:left; width:65%; margin:0 0 0 0px}
.blockText2A ul{color:#FFF}
.blockText2A li{background: url(../imgs/listImage.gif) no-repeat 1px 9px; padding:6px 0 5px 15px}
.blockText2AContact {float:left; width:95%}
.blockTextContactP {width:49%; float:left}
.blockText2AProducts {float:left; width:65%; margin:50px 0 20px 0px}
.blockText2AProducts ul{color:#FFF}
.blockText2AProducts li{background: url(../imgs/listImage.gif) no-repeat 1px 9px; padding:6px 0 5px 15px}

.blockText2B {float:left; width:25%;}
.blockText2BContat {float:right; width:30%; margin:15px}
.blockText2 img{border:1px solid #FFF}
.blockText3 {background:url(../imgs/bgBlockText3.gif) no-repeat 0 0; height:7px} 
.marginContact {margin:0 0 15px 0}

.titleHome {background: url(../imgs/titleHome.gif) no-repeat 0 0; width:61px; height:33px}
.titleQuienesSomos {background: url(../imgs/titleQuienesSomos.gif) no-repeat 0 0; width:142px; height:33px}
.titleServicios {background: url(../imgs/titleServicios.gif) no-repeat 0 0; width:89px; height:33px}
.titleProductos {background: url(../imgs/titleProductos.gif) no-repeat 0 0; width:109px; height:33px}
.titleContacto {background: url(../imgs/titleContacto.gif) no-repeat 0 0; width:91px; height:33px}

.bgPhotoNextPage {width:173px; height:156px; float:left; background: url(../imgs/bgPhotoNextPage.gif) no-repeat 0 0; margin:15px 10px 0 0}
.bgPhotoNextPage img {margin:12px 5px 5px 12px; border:none}
.bgPhotoNextPageContact {width:173px; float:left; background: url(../imgs/bgPhotoNextPage.gif) no-repeat 0 0; margin:0px 0 25px 0}
.bgPhotoNextPageContact img {margin:12px 5px 5px 12px; border:none}


.onlineQuote {float:left; width:580px; margin:0; text-align:left}
.onlineQuote p {clear:both}
.onlineQuote li {float:left; margin:5px 10px 5px 0;}
.onlineQuote li label {display: block; float:left; width:75px; text-align:left; border:none; color:#fff; padding:0 0 0 12px}	
.onlineQuote .required {background:url(../imgs/listImageLabel.gif) no-repeat 5px 5px;}	 
.onlineQuote li select {display: block; float:left; width:auto; text-align:left; border:1px solid #9b9b9b; color:#7C7673; font-size:11px; margin: 0 10px 0 0}	
.onlineQuote li .inputText {display:block; float:left; width:150px;  background: #efefef; border:1px solid #666; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color:#7C7673}
.onlineQuote li .inputText2 {display:block; float:left; width:80px;  background: #efefef; border:1px solid #9b9b9b; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color:#7C7673}
.onlineQuote li textarea {float:left; display: block; width:399px; height: 127px; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; text-align:left; background: #efefef; border:1px solid #9b9b9b; color:#7C7673}
.onlineQuote .btn {float:left; border:none; outline:none; margin:0 0 0 87px}
.onlineQuote a {text-decoration:none; color:#f7f0a2}
.onlineQuote a:hover {text-decoration:underline; color:#fffbcc}
.blockTextOnlineQuote .step1 li{width:260px; float: left}
.btn {float:right; height:17px; font-weight:bold; font-size:11px; background: #ccc url(../imgs/bgBtn.gif) repeat-x 0 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #666; border-right:1px solid #666;}

.boxBgProductos {width:164px; height:99px; background:url(../imgs/boxBgProductos.png) no-repeat 0 0; float:left; position:absolute}
.boxBgProductos img {margin:0}
.boxDiv {width:164px; height:99px; float:left; margin:15px}
.boxDiv a {color:#e9132f; font-weight:bold; font-size:14px; margin:10px; text-decoration:none;}
.boxDiv a:hover {color:#cf172f; text-decoration:none}

.boxBgProductosInter {width:94px; height:68px; background:url(../imgs/boxBgProductosIntermedia.png) no-repeat 0 0; float:left; position:absolute}
.boxBgProductosInter img {margin:0}
.boxDivInter {width:94px; height:68px; float:left; margin:25px}
.boxDivInter a {color:#e9132f; font-weight:bold; font-size:14px; text-decoration:none;}
.boxDivInter a:hover {color:#cf172f; text-decoration:none}
.boxDivInter ul {}
.boxDivInter li {color:#cf172f; background: url(../imgs/listImage.gif) no-repeat 1px 9px; padding:6px 0 0px 11px; width:130px}
.boxDivInter span {color:#fff}


.boxBgProductosDetail {width:474px; height:239px; background:url(../imgs/boxBgProductosDetail.png) no-repeat 0 0; float:left; position:absolute}
.boxBgProductosDetail img {margin:0}
.boxDivDetail {width:474px; height:239px; margin:0}
.boxDivDetail a {color:#e9132f; font-weight:bold; font-size:14px; margin:10px; text-decoration:none;}
.boxDivDetail a:hover {color:#cf172f; text-decoration:none}

.bgMenuProductos {width:173px; height:250px; float:left; background: url(../imgs/bgMenuProductos.gif) no-repeat 0 0; margin:15px 0 0 0}
.bgMenuProductos ul{color:#FFF; margin:20px 0 0 15px}
.bgMenuProductos li{color:#FFF; background: url(../imgs/listImageMenuProductos.gif) no-repeat left 5px; margin:3px}
.bgMenuProductos a {color:#fff; font-weight:bold; font-size:11px; padding:0 0 0 10px; text-decoration:none; margin:0 0 0 5px}
.bgMenuProductos a:hover {color:#f5dede;}

#pager {color:#FFF}
#pager a{color:#e90f2b; text-decoration:none}
#pager a:hover{text-decoration: underline}

.ok {font-size:10px; font-weight:bold; padding:10px 0 0 15px; text-align:center; text-transform:uppercase; background: url(../imgs/ok_tbl.gif no-repeat 0 0}