body{ margin: 0px 0px 0px 0px; background: #FFF url(img/body.png) repeat-x;	 font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center;}
#body{ width: 950px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto;}
#top{ width: 950px; height: 90px; background: transparent url(img/logo.png) no-repeat 0px 10px; font-size: 10px; position: relative;}
.language{ position: absolute; top: 45px; right: 75px;}
.language a{ display: inline-block; width: 19px; height: 19px; margin: 0px 0px 0px 15px;}
.language a.es{background: transparent url(img/ar.png) no-repeat;}
.language a.br{background: transparent url(img/br.png) no-repeat;}
.language a.en{background: transparent url(img/en.png) no-repeat;}
a img{ border: 0px;}
.solidarios{ position: absolute; top: 70px; right: 75px; width: 92px; height: 20px; background: transparent url(img/solidarios.png) no-repeat; overflow: hidden; text-indent:-999px;}
#logo{ width: 200px; height: 90px; float: left; cursor: pointer;}
#panel{ width: 930px; margin: 5px 0px; height: 420px; padding: 10px; background: transparent url(img/head.jpg) no-repeat 0px 0px; overflow: hidden; position: relative; z-index: 10;}
#pleft{ width: 445px; height: 420px; float: left; background: #FFF; position: relative; z-index: 100; overflow: hidden;}
#content{ width: 435px; height: 400px; padding: 10px 20px 10px 20px; margin: 0px; float: right; color: #222; 
 overflow: hidden; text-align: center; background: transparent url(img/content.png); position: relative; z-index: 100;}
#content.all{ width: 890px !important;}
#banner{ width: 950px; height: 440px; overflow: hidden;}
#bannerp{ position: absolute; overflow: hidden; top: 0px; left: 0px; z-index: 11;}
#bottom{ width: 950px; padding: 10px 0px 20px 0px; color: #666; text-align: center; font-size: 11px; background: transparent url(img/bottom.png) no-repeat right 10px; clear: both;}
#content div{ text-align: center;}
#content h1{ padding: 5px 0px 5px 0px; margin: 0px 0px 10px 0px; font-weight: normal; text-align: left; color: #0085B7; border-bottom: 1px solid #BBB; font-size: 22px;}
#content h2{ padding: 0px; margin: 15px 0px 5px 0px; text-align: left; color: #222; font-size: 16px;}
#content h3{padding: 0px; margin: 15px 0px 5px 0px; text-align: left; color: #222; font-size: 12px;}
#pleft h3{ padding: 0px; margin: 0px 0px 1px 0px; padding: 8px; color: #FFF; font-size: 12px; background: #2599BA;}
#content p{ margin: 10px 0px 10px 0px; text-align: justify;}
#content table{ margin: 0px auto 0px 0px;}
#content div table{ margin: 0px auto 0px auto;}
#content table td{ text-align: left;}
#content ul, #pleft ul{ text-align: left; margin: 0px 0px 0px 20px; padding: 0px; }
#content ol{ text-align: left; margin: 0px 0px 0px 20px; padding: 0px; }
#content li{ text-align: justify;}
#content .iright{ float: right; margin: 0px 0px 10px 10px;}
#content .ileft{ float: left; margin: 0px 10px 10px 0px;}
#content .slista{ list-style: none;}
#content .title{ width: 710px; height: 30px; margin: 0px 0px 20px 0px;}
#content a img{ border: 0px;}
#content a, #pleft a{ color: #2287A4; font-weight: bold; text-decoration: none;}
#content a:hover, #pleft a:hover{ color: #444; text-decoration: underline;}
#content .panel{ background: transparent url(img/panel.png); padding: 10px; border: 1px solid #DDD;}
#content .panelb{ background: transparent url(img/panelb.png); padding: 0px; border: 1px solid #333;}
#content .links td{ vertical-align: top; height: 50px;}
#content .links a{ display: inline-block; text-align: center; padding: 0px 15px; font-size: 9px; color: #FFF;}
#content .links a:hover{ color: #A3DDFC;}
#content .dleft{ text-align: left !important;}
#content .dright{ text-align: right !important;}
span.u{ text-decoration: underline;}
a{ outline: 0px;}
#fplayer{ width: 74px; height: 20px; background-image: url(img/fplayer.png); cursor: pointer; cursor: hand; margin: 10px auto 10px auto;}
.sac{ float:left; color: #999;}
.sac a{ color: #0b668d; text-decoration: none;}
.sac a:hover{ color: #333333;}
.input{ background-color: #FFFFFF; border: 1px solid #DDDDDD; font-size: 11px; font-family: Arial; padding: 2px 1px 1px 1px; margin: 0px;}
.inputerror{ background-color: #E1EBFF; border: 1px solid #AECBFF;}
.submit{ background-color: #A8C7FF; border: 1px solid #8AB4FF;}
.button{ background-color: #CCC; border: 1px solid #AAA;}
span.error{ display: inline-block;	 padding: 0px 7px 0px 22px; color: #777777; height: 16px; margin: 0px 0px 0px 2px; 
 background: transparent url(img/error.png) no-repeat 2px 0px; display: none;}
.tcontacto{ width: 100%;}
.tcontacto td{ white-space: nowrap;}
.tcontacto label{ display: block; text-align: right;}
.tcontacto .tdlabel{ width: 120px;}
#menu{ width: 950px; height: 35px; background: #111; overflow: hidden;}
#menu ul{ list-style: none; margin: 0px; padding: 0px; text-align: center;}
#menu li{ float: none; display: inline-block; position: relative; z-index: 10;}
#menu a{ display: inline-block; height: 24px; padding: 11px 10px 0px 4px; text-decoration: none; color: #EEE; font-size: 10px; position: relative; z-index: 12;}
#menu a:hover{ color: #35B9F9;}
#menu span{ display: block; width: 200px; height: 40px; margin-left: -100px; background: transparent url(img/hover.png) no-repeat 0px 0px; position: absolute; top: 35px; left: 50%; z-index: 11;}
.mtop ul{ margin: 0px; padding: 0px; list-style: none; float: right; margin-top: 10px;}
.mtop li{ float: left; padding: 0px 12px 0px 12px; border-right: 1px solid #CCC;}
.mtop a{ display: inline-block; height: 10px; padding: 3px 0px 3px 18px; text-align: right; text-decoration: none; font-size: 9px; color: #888;}
.mtop a:hover{color: #999;}
.mtop a.user{color: #000; font-weight: bold; background: transparent url(img/user.png) no-repeat 0px 0px;}
.mtop a.user:hover{background: transparent url(img/user.png) no-repeat 0px -16px;}
.mtop a.home{background: transparent url(img/user.png) no-repeat 0px -32px;}
.mtop a.home:hover{background: transparent url(img/user.png) no-repeat 0px -48px;}
.mtop a.contacto{background: transparent url(img/user.png) no-repeat 0px -64px;}
.mtop a.contacto:hover{background: transparent url(img/user.png) no-repeat 0px -80px;}
#bottom table{ margin: 0px auto;}
.sep{ border-right: 1px solid #555; text-align: right !important; padding-right: 8px; vertical-align: top;}
.sepr{ text-align: left; padding-left: 6px; vertical-align: top;}
.contact td{ color: #AAA; font-size: 10px; text-align: center !important;}
.miembro{ position: relative; height: 40px;}
.miembro a{ display: inline-block; position: absolute; text-align: center; z-index:100;}
.miembro a:hover{ z-index:200;}
.miembro a.m1{ top: 0px; left: 4px; width: 60px;}
.miembro a.m2{ top: 0px; left: 56px; width: 88px;}
.miembro a.m3{ top: 0px; left: 128px; width: 120px;}
.miembro a.m4{ top: 0px; left: 233px; width: 90px;}
.miembro a.m5{ top: -5px; left: 317px; width: 38px;}
.miembro a.m6{ top: -2px; left: 357px;	 width: 30px;}
.miembro a.m7{ top: -2px; left: 390px;	 width: 41px;}
.pdf{ display: inline-block; height: 11px; font-weight: normal !important; /*float: right;*/ margin-left: 30px;
 padding: 9px 24px 0px 0px; font-size: 10px; background: url(img/pdf.png) no-repeat right 0px;}
.imagen img{ border: 1px solid #DDD; background: #FFF; padding: 4px;}
.imagen span{ font-size: 11px; color: #324D78;}
.servicios li{ font-size: 11px; color: #2287A4; font-weight: bold; cursor: pointer; padding: 2px 0px;}
.servicios li.active{ color: #444; text-decoration: underline;}
.detalle_servicios ul,.detalle_servicios h3{ display: none;}
.detalle_servicios li{ font-size: 10px;}
.detalle_servicios{ position: absolute; top: 175px; left: 200px; width: 255px; height: 400px; overflow: hidden;}
.list{ margin: 0px; padding: 0px;}
.list li{ list-style: none; background: url(img/icon.png) no-repeat 0px 0px; margin: 0px; padding: 2px 0px 2px 20px;}
.list li>div{ display: none; font-size: 11px;}
.inv td{ text-align: center !important;}
.form td{ font-size: 11px;}
.modal{ width: 950px; height: 440px; background: transparent url(img/panelb.png); overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 12;}
.slide{ width: 190px; height: 420px; border-right: 1px solid #FFF; float: left; position: relative;}
.slide img{ margin: 0px; padding: 0px; float: left; display: inline-block; border-bottom: 1px solid #FFF;}
.slide .images{ position: absolute; top: 0px; left: 0px; overflow: hidden;}
.slide a{display: block; width: 190px; height: 20px; background: #333 url(img/np.png) no-repeat; position: absolute; left: 0;}
.slide a.next{bottom: 0;background-position: 0 -20px;}
.slide a.prev{top: 0;}
.hide{ display: none;}
.small{ font-size: 11px;}
.urls{ margin: 0px; padding: 0px; list-style: none;}
.urls li{ float: left; width: 170px; height: 45px; text-align: center !important;}
.urls a{ vertical-align: middle;}
.urls img{ vertical-align: middle;}
.urls img{ max-width: 170px; max-height: 35px;}
#ayuda{ width: 270px;}
.animacion { float: left; margin-left: 25%; margin-top: 5px; overflow: hidden;}
.animacion img {max-height: 75px; width: auto;}
.zoom img { transform: scale(1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.zoom:hover img { transform: scale(1.1); opacity:0.9; }