.texto_detail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	line-height:1.5em
}

.texto_detail_bordo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #AE356A;
	line-height:1.5em
}

.texto_detail_bco02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	line-height:1.5em
}

.texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	line-height:1.5em
}

.texto_gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	line-height:1.5em
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #871D5C;
}

.texto_destacado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #60A2D2;
	line-height:1.5em
}

.texto_big {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #829998;
	line-height:1.8em
}

.texto_bco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	line-height:1.5em
}

.titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color: #10437A;
	font-weight: lighter;
}

A {TEXT-DECORATION: none; color: #9A2069}
A:hover {
	/*color: #FFCC00*/
}

A.bordo {TEXT-DECORATION: none; color: #AE356A}
A.bordo:hover {TEXT-DECORATION: underline; color: #AE356A}

A.naranja {TEXT-DECORATION: none; color: #9A2069}
A.naranja:hover {TEXT-DECORATION: underline; color: #EFD127}

A.menu {TEXT-DECORATION: none; color: #FFFFFF}
A.menu:hover {TEXT-DECORATION: underline; color: #EFD127}

.fdo_top {
	background-image: url(../images/fdo.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.fdo_01 {
	background-image: url(../images/fdo_izquierdo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.fdo_02 {
	background-image: url(../images/fdo_derecho.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.fdo_acerca {
	background-image: url(../images/fdo_acerca.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.fdo_servicios {
	background-image: url(../images/fdo_servicios.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.fdo_obras {
	background-image: url(../images/fdo_obras.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.fdo_contactenos {
	background-image: url(../images/fdo_contactenos.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.fdo_img {
	background-image: url(../images/fdo_img.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.borde {
	border: 1px solid #CCCCCC;
}

.boxform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	padding: 2px;
	border: 1px solid #C23D72;
	color: #666666;
}

.boxform02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	padding: 5px;
	border: 1px solid #C23D72;
	color: #666666;
}

.boxform03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	padding: 6px;
	border: 1px solid #CCCCCC;
	color: #666666;
	margin: 5px;
	line-height: 30px;
}
  .BOTONrsp {
      width: 162px; 
      height: 26px; 
      line-height: 26px; 
      text-align: center;
      margin-left: 43%;
  }
  .CtrLogin {
            left: 0px; 
            top: 0px;
        }
    .frmLogin {
            background-color: #FFFFFF;
            border-color: #FFFFFF;
        }
 .arrowsC {
        width: 80px;
    }
     .TxtResp {
        font-family: Roboto, Roboto Lt; 
        font-size: 35px; 
        font-weight: 400;
        text-align: center;
    }
    .responsivespan {
        font-family: Roboto, Roboto Lt;
        font-size: 40px;
        color: whitesmoke;
        font-weight: lighter;
        text-shadow: initial;
        width: 550px;
        height: 187px;
    }
    .logoFoter {
        margin-left:-20px;
        width: 80%;
    }
     .rspIframe {
        width: 806px;
        height: 729px;
    }
     .imgRespon4 {
            width: 200px;
            margin-left: -10px;
        }
     .FontsStepByStep {
         font-family: Roboto, Roboto Lt; 
         font-weight:normal; 
         color:white; 
         font-size:22px;
     }
     .StepByStep {
        background-image:url(../images/bannerCF.png);
        background-position-x:center;
        background-position-y:center;
        background-repeat:no-repeat;
        background-size: 100% 100%;
        margin-bottom:0px;
        height: 600px;
        display: block;
        max-width: 101%;
    } 
     .NewMargin {
         margin-top: 10%;
         margin-left:20px;
     }
    @media (max-width: 320px) {
        
        .arrowsC {
            width: 20px;
        }
        .imgRespon {
            width: 100%;
        }
        .imgRespon3 {
            width: 30%;
        }
        .imgRespon4 {
            width: 200px;
            margin-left: -10px;
        }
        .CtrLogin {
              width:80%;
          }
        .rsvRow {
             margin-left: -15%;
          }
        .rspIframe {
            width: 100%;
        }
        .responsivespan {
            width: 300px;
            height: 187px;
        }
    }

    @media (max-width: 480px) {
        .arrowsC {
            width: 30px;
        }
        .imgRespon {
            width: 100%;
        }
       
        .imgRespon3 {
            width: 30%;
        }        
        .imResp {
            /*width:60%;*/
        }
        .divResp {
            margin-left: 15%;
        }
        .imgRespon4 {
            width: 200px;
            margin-left: -10px;
        }
        .CtrLogin {
              width:80%;
          }
        .rsvRow {
             margin-left: 15%;
          }
        .rspIframe {
            width: 100%;
        }

    }

    @media (max-width: 750px) {
        .arrowsC {
            width: 30px;
        }
        .arrowsLIP {
            margin-left: 4%;
        }
        .arrowsLIN {
            margin-right: 4%;
        }
        .imgRespon {
            width: 100%;
        }
        .imgRespon3 {
            width: 20%;
        }
        .imgRespon4 {
            width: 200px;
            margin-left: -10px;
        }
         .margenInf {
            margin-bottom:0px;
        }
         .logoFoter {
            margin-left:-25px;
            width: 40%;
        }
         .CtrLogin {
              width:80%;
          }
         .rsvRow {
             margin-left: 15%;
          }
         .rspIframe {
             width: 100%;
        }
         .responsivespan {
            width: 400px;
            height: 187px;
        }
           .StepByStep {
            height:auto;
        }
        
    }
       @media (max-width: 880px) {

         .divResp {
            margin-left: 35%;
            width: 30%
        }
        .arrowsC {
            width: 50px;
        }
        .arrowsLIP {
            margin-left: 4%;
        }
        .arrowsLIN {
            margin-right: 4%;
        }
        .imgRespon {
            width: 100%;
        }      
        .imgRespon4 {
            width: 200px;
            margin-left: -10px;
        }
        .TxtResp {
            font-size: 20px;
        }
          .imgRespon2 {
            width: 30%;
            margin-left: 35%;
        }
          .CtrLogin {
              width:80%;
          }
          .rsvRow {
             margin-left: 25%;
          }
          .rspIframe {
              width: 100%;
        }
            .StepByStep {
            height:auto;
        }
       }
    @media (min-width: 767px) and (max-width: 880px){
         .BOTONrsp {
            margin-left: 39%;
        }
         .margenInf {
            margin-bottom:300px;
        }
        .TxtResp {
            font-size: 20px;
        }
          .imgRespon2 {
            width: 40%;
            margin-left: 55%;
        }
          .imgRespon3 {
            width: 20%;
            margin-left: 50%;
        }
          .logoFoter {
            margin-left:-25px;
            width: 40%;
        }
          .CtrLogin {
              width:70%;
          }
          .rsvRow {
             margin-left: 25%;
          }
          .rspIframe {
              width: 140%;
              margin-left: -50%;
        }
          .StepByStep {
            height:auto;
        }
        .FontsStepByStep {
            font-size: 15px;
        }
    }
        @media (min-width: 650px) and (max-width: 950px) {
            .BOTONrsp {
                margin-left: 39%;
            }
        }
    @media (min-width: 400px) and (max-width: 500px){
        .BOTONrsp {
            margin-left: 30%;
        }
        .divResp {
            margin-left: 30%;
            width: 40%
        }
        .TxtResp {
            font-size: 20px;
        }
          .imgRespon2 {
            width: 40%;
            margin-left: 30%;
        }
          .imgRespon3 {
            width: 20%;
        }
            .logoFoter {
            margin-left:-10px;
            width: 40%;
        }
            .CtrLogin {
              width:70%;
          }
            .rsvRow {
                margin-left: 10%;
            }
            .rspIframe {
                width: 100%;
        }
            .responsivespan {
            width: 350px;
            height: 187px;
        }
            .StepByStep {
            height:auto;
        }
            .FontsStepByStep {
            font-size: 15px;
        }
    }
    @media (min-width: 280px) and (max-width: 399px){
       .BOTONrsp {
            margin-left: 23%;
        }
         .divResp {
            margin-left: 25%;
            width:50%
        }
        .TxtResp {
            font-size: 20px;
        }
          .imgRespon2 {
            width: 40%;
            margin-left: 30%;
        }
          .imgRespon3 {
            width: 20%;
        }
          .logoFoter {
            margin-left:-10px;
            width: 40%;
        }
          .CtrLogin {
              width:70%;
          }
          .rsvRow {
             margin-left: -15px;
          }
          .rspIframe {
              width: 109%;
        }
          .responsivespan {
            width: 250px;
            height: 187px;
        }
        .StepByStep {
            height:auto;
        }
        .FontsStepByStep {
            font-size: 15px;
        }
    }
@media (min-width: 1400px) {
 .StepByStep {
            height:800px;
        }
 .img-responsive {
    max-width: 80% !important;
 }
 .imgRespon4 {
     width: 300px;
 }
 .NewMargin {
     margin-top: 10%;
 }
 .NewMargin2 {
     margin-bottom: 35px;
 }
     
 .arrowsC {
     width: 115px;
 }
 .TxtResp {
     font-size: 45px; 
    }
 .BOTONrsp {
     
    }
}