@charset "utf-8";
/* CSS Document */
body{
background:url(img/bg.jpg) repeat-x;
background-color:#0076fe;
margin:0;
padding:0;
}
a img{
border: none;
}
#page{
background:url(img/header.jpg) top center no-repeat;
width:100%;
height:100%;
position:relative;
}
#wrapper{
margin:0 auto;
position:relative;
width:925px;
height:100%;
}
#header{
width:925px;
height:123px;
position:relative;
}
#header #logo{
background:url(img/logo.png);
behavior:url(/iepngfix.htc);
width:406px;
height:44px;
position:absolute;
left:-15px;
top:22px;
}
#header ul#menu{
margin:0;
padding:80px 0 0 0;
list-style:none;
}
#header #menu li{
float:left;
padding:0 45px 0 0;
}
#header #menu a{
color:#E6E6E6;
}
#header #menu a:hover{
color:#F0C623;
text-decoration:none;
}
#banner{
width:925px;
height:239px;
position:relative;
padding:0 0 35px 0;
}
#content{
background:url(img/bgcontent.png) top center no-repeat ;
position:relative;
width:925px;
background-color:#FFFCFE;
height:100%;
border-top:1px solid #1A486D;
border-bottom:1px solid #1A486D;
float:left;
clear:both;
}
#content #texto{
float:left;
width:569px;
padding:34px 17px 34px 34px;
}

#content #text{
float:left;
width:857px;
padding:34px 17px 34px 34px;
}
#content #texto .left{
float:left;
width:345px;
}
#content #texto .calculadora{
float:rigth;
width:569px;
border:#000000;
margin:10px 0 10px 0;
}
#content #texto .right{
float:right;
width:224px;
}
#content #banners{
float:right;
width:254px;
padding:34px 34px 34px 17px;
}
#content #banners img{
margin:0 0 20px 0;
}
/* parte de texto*/
#content #banners #ban{
background:url(img/topnews.jpg) top center no-repeat;
position:relative;
background-color:#00263d;
float:left;
width:214px;
padding:20px;
}
#content #banners #ban h1{
color:#27ADE2;
}
#content #banners #ban p{
color:#FFFFFF;
}
#content #banners p a{
color:#27ADE2;
}

#footer{
width:925px;
height:100px;
position:relative;
background:url(img/bgfooter.jpg) top center no-repeat;
clear:both;
}
#footer #fmenu{
margin:0;
padding:35px 0 0 0;
list-style:none;
}
#footer #fmenu li{
float:left;
padding:0 45px 0 0;
}
#footer #fmenu a{
color:#E6E6E6;
}
#footer #fmenu a:hover{
color:#F0C623;
text-decoration:none;
}
.inputTxt{
color:#FFFFFF;
font-size:12px;
width:300px;
background:#0077FF;
height:15px;
border:none;
margin:4px 0 4px 0;
padding:3px 5px 3px 5px;
font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}
.txtA{
color:#FFFFFF;
background:#0077FF;
font-size:12px;
width:300px;
height:70px;
border:0;
margin:4px 0 4px 0;
padding:3px 5px 3px 5px;
font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}
.boton{
border:1px solid #FFFCFE;
background:#FFFCFE;
color:#1A486D;
font-weight:bold;
}
/*Esta parte es para los textbox de la calculadora  y el boton*/

.inputMed{
color:#FFFFFF;
font-size:14px;
width:250px;
background:#0077FF;
height:15px;
border:none;
margin:4px 0px 4px 0px;
padding:3px 5px 3px 5px;
font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}
.inputMENSAJE{
color:#FFFFFF;
font-size:14px;
width:60px;
background:#0077FF;
height:15px;
border:none;
margin:4px 0px 4px 0px;
padding:3px 5px 3px 5px;
font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}
.inputM{
color:#FFFFFF;
font-size:20px;
width:60px;
background:#0077FF;
height:54px;
border:none;
margin:4px 0px 4px 0px;
padding:3px 5px 3px 5px;
font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}
.inputRes{
color:#FFFFFF;
font-size:46px;
text-align:left;
width:154px;
background:#0077FF;
height:54px;
border:none;
margin:4px 0px 4px 0px;
padding:3px 5px 3px 5px;
font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}

.txtRes{
color:#FFFFFF;
background:#0077FF;
font-size:12px;
width:300px;
height:70px;
border:0;
margin:4px 0 4px 0px;
padding:3px 5px 3px 5px;
font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}
.botonCalcular{
border:1px solid #1A486D;
background:#000000;
color:#FFFCFE;
font-weight:bold;
padding:3px 5px 3px 5px;
margin:4px 0px 4px 0px;
}


/*Para el manejo de contenidos de testimonios*/
#content #texto .testimonio{
padding:0 0 40px 0;
height:130px;
}
#content #texto .foto{
float:right;
width:236px;
padding:0 0 0 17px;
}
#content #texto .foto .fotoA{
width:118px;
float:left;
}
#content #texto .foto .fotoD{
width:118px;
float:left;
}
#content #texto .foto .antes{
width:98px;
height:10px;
background:#00263d;
color:#1E8AB8;
text-align:center;
padding:10px;
}
#content #texto .foto .despues{
width:98px;
height:10px;
background:#00263d;
color:#1E8AB8;
text-align:center;
padding:10px;
}


/*Para el manejo de la foto en testimonio*/

#content #texto1{
float:right;
width:254px;
padding:34px 34px 34px 17px;
}

#content #texto1 .foto{
float:right;
width:254px;
}

#content #texto1 .foto img{
margin:0 0 20px 0;
}

#content #texto1 .foto .fotoA{
width:118px;
float:left;
}
#content #texto1 .foto .fotoD{
width:118px;
float:left;
}
#content #texto1 .foto .antes{
width:98px;
height:10px;
background:#00263d;
color:#1E8AB8;
text-align:center;
padding:10px;
}
#content #texto1 .foto .despues{
width:98px;
height:10px;
background:#00263d;
color:#1E8AB8;
text-align:center;
padding:10px;
}