﻿body, html, form { font-family: Arial; font-size: 12px; color: #3C3C3B; margin: 0; padding: 0; height: 100%;
                   background-color: #f7f7f7; position: relative; overflow-x: hidden; }
h1, h2, h3, h4, h5 { font-family: Arial; color: #000066; text-transform: uppercase; font-family: Arial Black;
                     margin: 0; padding: 0; }
h3 { font-size: 14px; }
h4 { font-size: 14px; }
                   
p { font-size: 12px; font-family: Arial; color: #3C3C3B; margin: 2px 0 10px 0; padding: 0; line-height: 15px; }
a, a:link, a:visited { color: #103184; text-decoration: none; font-size: 12px; font-family: Arial; }
a:hover { color: #103184; text-decoration: none; font-size: 12px; font-family: Arial; }
a:active { color: #103184; text-decoration: none; font-size: 12px; font-family: Arial; }
a img { border: none; }
*:focus { outline: none; }
textarea { font-size: 12px; font-family: Arial; resize: none; padding: 5px; }

.dvpage { width: 100%; margin: 0 auto -280px auto; padding: 0; min-height: 100%; 
          height: auto !important; height: 100%; }
header { background-color: #000066; width: 100%; height: 90px; }
header .inside { width: 1000px; margin: auto; height: 80px; overflow: hidden; }
header .inside .logo { width: 220px; float: left; height: 80px; padding: 15px 5px 0 5px; }
header .inside .logo img { max-height: 60px; width: auto; display: block; margin-top: 0; }
header .inside .item { float: left; height: 70px; line-height: 70px; text-align: center; padding: 10px 10px 0 10px; 
                       color: #FFF; }
header .inside .cono { width: 126px; }
header .inside .serv { width: 114px; }
header .inside .proy { width: 213px; }
header .inside .cont { width: 115px; }
header .inside .idi { width: 99px; text-align: right!important; }
header .inside .sel { background-color: #000042!important; }
header .inside .item a { color: #FFF; font-size: 11px; font-family: Arial Black; text-transform: uppercase; }
header .sub { background-color: #000042; width: 100%; height: 10px; }

.dvinfowhite { width: 100%; padding: 40px 0; background-color: #fff; margin: 0 auto; }
.dvinfobeige { width: 100%; padding: 40px 0; background-color: #efefef; margin: 0 auto; position: relative; }

.dvtitular { width: 1000px; margin: 0 auto; }
.dvtitular .cab { float: left; height: 40px; width: 10px; background-color: #000042; }
.dvtitular .tit { float: left; height: 40px; width: 970px; padding: 0 10px; background-color: #000066; line-height: 40px; }
.dvtitular .tit h3 { font-size: 14px; color: #FFF; margin: 0; padding: 0; }

.dvtbservicios2 .cab { width: 1000px; background-color: #000066; padding: 0; position: relative; height: 40px; line-height: 40px; 
                       margin: 20px 0; }
.dvtbservicios2 .cab .cap { width: 10px; background-color: #000042; float: left; margin-right: 20px; height: 40px; }
.dvtbservicios2 .cab h4 { color: #FFF; }

.dvtbservicios { width: 900px; margin: 20px auto 0px auto; }
.dvtbservicios .item { float: left; width: 300px; }
.dvtbservicios .item .img { width: 300px; text-align: center; }
.dvtbservicios .item .img img { max-width: 175px; }
.dvtbservicios .item .info { width: 270px; padding: 15px; text-align: center; }
.dvtbservicios .item .info h3 { margin: 0 0 20px 0; padding: 0 0 0 0; }
.dvtbservicios .item .info h3 a { font-family: Arial Black; color: #000066!important; font-size: 14px; }
.dvtbservicios .item .info p { margin: 0 0 20px 0; padding: 0 0 0 0; font-size: 12px; line-height: 16px; }

.dvcontacta { width: 1000px; margin: auto; }
.dvcontacta .item { float: left; width: 475px; }
.dvcontacta .item .tb { margin: 10px 0; width: 475px; border-collapse: collapse; }
.dvcontacta .item .h { height: 250px; }
.dvcontacta .item .tb tr td { text-align: left; vertical-align: top; padding: 5px 0; }
.dvcontacta .item .tb .txt { width: 280px!important; }
.dvcontacta .item .tb textarea { width: 282px; height: 80px; }
.dvcontacta .item .tb .prim { width: 315px; }
.dvcontacta .item .tb .seg { width: 160px; }
.dvcontacta .item .tb p { }
.dvcontacta .item .tb .btn { width: 292px; }
.dvcontacta .item .head { width: 475px; height: 40px; line-height: 40px; border-bottom: 2px solid #ccd7ea; 
                          padding: 0 0 0 0; text-align: left; color: #000066; font-size: 22px; }
.dvcontacta .sep { width: 2px; height: 320px; float: left; background-color: #ccd7ea; margin: 60px 24px 0 24px; }

.dvlegal { width: 1000px; margin: auto; padding: 20px 0; }
.dvlegal h1 { margin-bottom: 20px; margin-top: 0px; }
.dvlegal h2 { margin-bottom: 20px; margin-top: 20px; }
.dvlegal h3 { margin-bottom: 10px; }

#dvpush { height: 280px; }
footer { position: relative; width: 100%; margin: -280px auto 0 auto; padding: 0px; background-color: #000066; 
         clear: both; height: 280px; }
footer .inside { background-position: 0px 15px; width: 1000px; padding: 15px; height: 250px; position: relative;
                 margin: auto; background-image: url('../img/Logo-Coapsa_anagrama.png'); background-repeat: no-repeat; }
footer .inside h3 { font-weight: 700; font-size: 17px; color: #ccd7ea; margin: 10px 0 20px 0; padding: 0; }
footer .inside p { font-size: 12px; color: #ccd7ea; line-height: 19px; }
footer .inside a { font-size: 12px; color: #fff; line-height: 19px; }
footer .inside .tb { width: 1000px; border-collapse: collapse; }
footer .inside .tb tr td { text-align: left; vertical-align: top; }
footer .inside .tb .prim { width: 250px; height: 250px; }
footer .inside .tb .prim img { width: 16px; margin: 0 10px -4px 0; }
footer .inside .tb .seg { width: 300px; height: 250px; }
footer .inside .tb .cuart { width: 130px; height: 250px; }
footer .inside .tb .terc { width: 250px; height: 220px; text-align: right!important; position: relative; 
                           padding-top: 30px!important; }
footer .inside .tb .logo { width: 69px;height: auto;padding-right: 40px;padding-top: 57px; }
footer .inside .tb .logo a { width: 100%;display:inline-block; }
footer .inside .tb .logo img { max-width: 100%; }
footer .inside .mtb { width: 100%; border-collapse: collapse; }
footer .inside .mtb .mtd { text-align: left; vertical-align: top; width: 150px; padding: 0px 0px 8px 0px; }
footer .inside .logofooter { margin: 15px 5px 0 5px; float: left; }
footer .inside .q2bstudio { color: #7694b3; position: absolute; bottom: 30px; right: 20px; }
footer .inside .q2bstudio a { color: #7694b3; }
         
/*          UTILITIES           */

.bold { font-weight: 700!important; }
.left { float: left; }
.right { float: right; }
.aright { text-align: right!important; }
.clear { clear: both; }
.spancur { font-size: 18px; font-weight: 700!important; color: #000066!important; }
.txt { padding: 5px; font-family: Arial; font-size: 12px; width: 200px; }
.italic { font-style: italic; }
.spanchk { font-size: 10px!important; }
.tcenter { text-align: center!important; }
.spanblue { color: #000066!important; }
.dnone { display: none!important; }
.lblerror { color: #C42744; }
.corner { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.cursor { cursor: pointer; }
.bordererror { -moz-box-shadow: 0px 0px 6px #CC0000!important; -webkit-box-shadow: 0px 0px 6px #CC0000!important; 
               box-shadow: 0px 0px 6px #CC0000!important; }
.underline { text-decoration: underline!important; }
.btn { background-position: left top; padding: 10px 0; background-color: #000066; color: #FFF; min-width: 150px;
       border: none; cursor: pointer; font-family: Arial; font-size: 16px; font-weight: 700; 
       background-image: url('../img/fondobtn.png'); background-repeat: repeat-y; }
       
.div_fondo_popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; 
                   filter: alpha(opacity = 90); opacity: 0.9; z-index: 9999; visibility: hidden; }
.div_inside_popup { position: fixed; padding: 30px; top: 150px; background-color: #FFF; color: #000; z-index: 100000; 
                    visibility: hidden; text-align: center; min-width: 400px; 
                    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
                    -moz-box-shadow: 0px 0px 20px #FFF; -webkit-box-shadow: 0px 0px 20px #FFF; box-shadow: 0px 0px 20px #FFF; }
.div_inside_popup .imgcerrar { background-position: center center; position: absolute; top: 6px; right: 6px; cursor: pointer;
                               width: 20px; height: 20px; background-image: url('../img/cerrar.png'); background-repeat: no-repeat; }
.modalprincipal