@charset "utf-8";
/* CSS Document */
body {height:100%; margin:0; background:#f3f3f3 url(../imgs/FondoWU.jpg) repeat 0 0; font-family:"Geneva", Helvetica, Arial, sans-serif}
.site {width:787px; margin:0 auto; background:url(../imgs/bgSite.gif) repeat-y; padding:0 4px}
.header {height:140px; width:779px; background: url(../imgs/LogoWU.jpg) left top #000 no-repeat; color:#FFF; font-size:11px}
.headerQuienesSomos {height:157px; width:779px; background: url(../imgs/logoWE_internas.jpg) left top #000 no-repeat; color:#FFF; font-size:11px}
.headerServicios {height:157px; width:779px; background: url(../imgs/logoWE_internas.jpg) left top #000 no-repeat; color:#FFF; font-size:11px}
.headerAtencionCliente {height:157px; width:779px; background: url(../imgs/logoWE_internas.jpg) left top #000 no-repeat; color:#FFF; font-size:11px}
.headerAgencias {height:157px; width:779px; background: url(../imgs/logoWE_internas.jpg) left top #000 no-repeat; color:#FFF; font-size:11px}
.headerCalculador {height:157px; width:779px; background: url(../imgs/logoWE_internas.jpg) left top #000 no-repeat; color:#FFF; font-size:11px}
.headerLinks {height:157px; width:779px; background: url(../imgs/logoWE_internas.jpg) left top #000 no-repeat; color:#FFF; font-size:11px}
.header a {font-size:12px; color:#FFF}
.header ul {float:right; margin:10px 10px 0 0}
.header li {float:left; padding:2px}

.barraAmarrilla {background-color:#fce13a; height:30px; width:779px}
.barraAmarrilla ul{float:right; margin:1px 5px 0 0}
.barraAmarrilla li{float:left; padding:2px}
.barraAmarrilla ul li a{font-size:11px; color:#000}

.barraAmarrilla2 {background-color:#fce13a; height:30px; width:258px}
.barraBlanca1 {background-color:#fff; height:5px; width:779px}
.barraNegra1 {background-color:#000; height:5px; width:258px; margin:0}
.barraNegra258 {margin:0 0 10px}

.contenidoHome {width:100%; vertical-align:center; background: url(../imgs/bgDivContenidoHome.gif) repeat-y left; padding:0 0 0 6px}
.contenido {width:100%; vertical-align:center; background: url(../imgs/bgDivContenido.gif) repeat-y left; padding:0 0 0 6px}

.colLeft {width:258px; background-color:#FCE13A; float:left; margin:0 0 0 15px;}
.colLeft img{float:right}

.colLeftInterna {width:200px; background-color:#FCE13A; float:left; margin:0 0 0 15px;}
.colLeftInterna ul {width:190px; margin:0 0 0 5px}
.colLeftInterna ul li{border-bottom:2px #FFF solid; margin:3px 0 3px}
.colLeftInterna ul a{width:180px; height:15px; display:block; text-decoration:none; font-size:11px; color:#000; margin:3px 0; padding:2px 5px}
.colLeftInterna ul a:hover{background-color:#FFF;}
.colLeftInterna .subTitle {width:180px; height:15px; margin:3px 0; padding:2px 5px; color:#fff; display:block; font-size:11px; font-weight:bold; background-color:#e9b600; border-left: 1px solid #e6b60a; border-top: 1px solid #e6b60a; border-right: 1px solid #fecd1d; border-bottom: 1px solid #fecd1d }
.colLeftInterna .bgMenuLeftBarra {width:200px; height:15px; background:url(../imgs/bgMenuLeft.gif) repeat-x}
.colLeftInterna img{text-align:center; margin:0 0 30px 5px}
.colRightInternas .menuHorizontal2 {font-size:10px; margin:0 0 0 10px}
.colRightInternas .menuHorizontal2 ul {margin:0 1px}
.colRightInternas .menuHorizontal2 li {float:left; padding:1px}
.colRightInternas .menuHorizontal2 a{color:#000; text-decoration:none}
.colRightInternas .menuHorizontal2 a:hover{color:#333; text-decoration:none}

.separaMenu {width:190px; height:2px; background:url(../imgs/bgSeparaMenu.gif) repeat-x; margin:0 0 0 5px}

.colRight {float:left; margin:15px}
.colRightInternas {float:left; margin:30px; width:480px;}
.colRightInternas p {font-size:12px; margin:0 0 0 10px}
.enviarRecibir {margin:15px 0 0 0}

.form {font-size:12px; margin:10px; float:left; width:459px}
.form ul {margin:10px 0 0 0} 
.form li {margin:5px 0} 
.form input {float:left; color:#003399; font-size:11px; margin:1px 0px; padding:1px 0 1px 4px }
.form .border1 {border:1px solid #4E4A4A;}
.form .input2 {width:275px; padding:1px 0 1px 4px}
.form .input3 {width:90px; padding:1px 0 1px 4px}
.form .input4 {float:none;font-size:24px;letter-spacing:5px;width:140px;text-transform:uppercase;}
.form .input5 {color:#003399; font-size:11px; padding:1px 0 1px 4px; margin:0 0 0 10px }
.form .width50 {width:50px;}
.form select {width:160px; float:left; border:1px solid #4E4A4A; color:#003399; font-size:11px}
.form label {float:left; width:170px; display:block}  
.form .label2 {width:350px; padding:1px 0 0 3px}  
.form textarea {width:445px; height:100px; border:1px solid #4E4A4A; color:#003399; font-size:11px; padding:2px}
.form a {text-align:center; margin:5px}
.form .margin1 {margin:0 0 0 170px}
.form .margin2 {margin:5px 0}
.form .margin3 {margin:5px 0}
.form .smallLetter {font-size:10px}
.form .label3 {width:15px}
.form .label4 {width:10px}
.form .label5 {width:250px; display:block} 
.form .label6 {width:200px; text-align:right; display:block} 
.form .label6 a{color:#000}
.form .label6 a:hover{color:#333}
.form .label7 {width:75px; float:left;}
.form .label7 img {float:right; margin:3px}
.form .label8 {width:300px; float:left; color:#000; font-family:Haettenschweiler; font-size:18px; font-stretch:normal; text-align:justify; margin:5px}
.form .label9 {width:50px; float:left;}
.form .label9 img {margin:0 0 0 5px}
.form .label10 {width:400px; float:left}
.form .label10 img{float:left; margin:0 10px 0 5px}
.form .label10 p{margin:0 0 0 45px}
.form .label11 {width:400px; display:block} 
.form .separaAgencias {height:2px; background:url(../imgs/fondito2.jpg) repeat-x; display:block; width:90%; margin:5px 0 10px 0}
.form .black {color:#000}
.form .line1 {border-bottom:1px solid #d3d3d3; height:20px}
.form .tableSiteMap {border:none;}
.form .tableSiteMap .levelSM1 {vertical-align:middle; text-align:center}
.form .tableSiteMap .levelSM1 {vertical-align:middle; text-align:center}
.form .tableSiteMap .levelSM1 {vertical-align:middle; text-align:center}
.form .tableSiteMap .linkSiteMap1 {margin:0px; color:#fff; background: url(../imgs/listImage2.gif) no-repeat 3px 9px #e13332; padding:2px 5px 2px 9px; text-decoration:none; font-weight:bold; font-size:14px}
.form .tableSiteMap .linkSiteMap1 a:hover {color:#333; text-decoration:underline}
.form .tableSiteMap .linkSiteMap2 {margin:0px; color:#fff; background: #333 url(../imgs/listImage2.gif) no-repeat 5px 6px; padding:1px 8px 1px 12px; text-decoration:none; font-size:11px}
.form .tableSiteMap .linkSiteMap2 a:hover {color:#333; text-decoration:underline}
.form .tableSiteMap .linkSiteMap3 {margin:0px; color:#000; background: url(../imgs/listImage1.gif) no-repeat 0 5px; padding:0 0 0 6px; text-decoration:none; font-size:11px}
.form .tableSiteMap .linkSiteMap3 a:hover {color:#333; text-decoration:underline}

.listadoInternas1 {font-size:12px}
.listadoInternas1 ul{margin:10px}
.listadoInternas1 li{background: url(../imgs/listImage1.gif) no-repeat 0 5px; padding:0 0 0 7px; margin:3px 0}
.listadoInternas1 a{color:#000; text-decoration:none}
.listadoInternas1 a:hover{color:#000; text-decoration:none}

.listadoInternas2 {font-size:11px}
.listadoInternas2 ul{margin:0 0 0 10px}
.listadoInternas2 li{background: url(../imgs/arrow.gif) no-repeat 0 2px; padding:0 0 0 15px; margin:5px 0}
.listadoInternas2 a{color:#000; text-decoration:none}
.listadoInternas2 a:hover{color:#000; text-decoration:none}

.form .error {color: #4e4a4a;position:absolute; padding:5px 10px; z-index:20; font-size:11px} 
.form .bg1 {background: url(../imgs/globo.gif) no-repeat; width: 194px; height:18px;}
.form .bg2 {background: url(../imgs/globo2.gif) no-repeat; width: 194px; height:18px;}
.form .e6 {top:846px;left:50%;margin-left:125px;}
.form .e7 {top:990px;left:50%;margin-left:-32px;}

.listadoInternas1 {font-size:12px}
.listadoInternas1 ul{margin:10px}
.listadoInternas1 li{background: url(../imgs/listImage1.gif) no-repeat 0 5px; padding:0 0 0 7px; margin:3px 0}
.listadoInternas1 a{color:#000; text-decoration:none}
.listadoInternas1 a:hover{color:#000; text-decoration:none}

.listadoInternas2 {font-size:11px}
.listadoInternas2 ul{margin:0 0 0 10px}
.listadoInternas2 li{background: url(../imgs/arrow.gif) no-repeat 0 2px; padding:0 0 0 15px; margin:5px 0}
.listadoInternas2 a{color:#000; text-decoration:none}
.listadoInternas2 a:hover{color:#000; text-decoration:none}

.footer {color:#424242; font-size:9px; background:#FFF url(../imgs/bgFooter.gif) bottom left repeat-x; height:20px; width:764px; padding:10px 0 10px 15px}
.footer span{font-size:16px; font-weight:bold; padding:0 0 0 10px;}

.right {float:right}
.rightRecibirDinero {float:left; margin:0 0 0 10px}
.left {float:left}
.rightAgencias {float:right; padding:0 25px 0 0}

.TablaFormatFilter {border-bottom-style:solid; border-collapse:collapse; border-width:1px; margin:10px; padding:0; font-size:10px}
.TextoPage2 {color:black; font-size:10px; text-align:justify;}

div.message {min-height:70px;margin-bottom:10px;border-radius:8px;padding-bottom:10px;-moz-border-radius:8px;-webkit-border-radius:8px;}
div.message h2{padding:10px 10px 0 80px;font-size:20px;}
div.message p{padding:0 10px 0 80px;font-size:12px;}
div.message p em{font-style:normal;padding-right:80px;margin-top:5px;color:#666666;font-size:12px;}

div.complete{background: url('../imgs/message-complete-bk.gif') #D3F7BD no-repeat 15px 10px;border:1px solid #98C582;}
div.complete h2,div.complete p, div.complete a{color:#57664E;}

.alignCenter {margin:10px 0 10px 70px}

.floatLeft {float:left}
.ancla {float:left; margin:3px 0 0 10px}

.footerPromo {width:450px; height:60px; background-color:#cb0000; font-size:11px; color:#FFF; margin:20px 0 0 0;}
.footerPromo img{float:right}
.footerPromo ul{margin:10px 0 0 15px; width:170px; float:left}
.footerPromo li{margin:0; float:left; clear:both}
.footerPromo a{color:#fff; text-decoration:none}
.footerPromo a:hover{color:#fff; text-decoration:underline}
.separa {margin:10px 0 0 10px; float:left}

.width250 {width:250px; display:block}
.width450 {width:450px; display:block}


.animFlash {width:245px; height:157px; float:left; padding:0 0 0 315px}

/* Scroller */ 
/*Example CSS for the two demo scrollers*/
#pscroller1{width: 180px; height: 147px; font-size:10px; color:#fbdf33; padding:10px 10px 0;}
#pscroller2{width: 350px; height: 20px; border: 1px solid black; padding: 3px;}
#pscroller1 a{text-decoration: none; font-size:10px; color: #ffe27c}
#pscroller1 a:hover{text-decoration:underline}
.someclass{ //class to apply to your scroller(s) if desired}

.news {}
.moreinfo {font-size:10px; background:#333; height:16px; position: absolute; z-index:2000; left: 50%; top: 141px; margin-left: 296px;  padding:0 4px}
.moreinfo a {color:#fff;  font-weight:bold; text-decoration:none}
.morinfo a:hover{text-decoration:underline}