/* CSS Storage & office */



html,body,img,div,ul,li,dd,dl,dt,p,h2,h3,h4,a{ padding:0; margin:0; font:14px Verdana, Arial, Helvetica, sans-serif; color:#484747; border:0; outline:none;}

body{ background: url(../images/bg-leogar.jpg) repeat-x;}

.body2{ background: url(../images/bg-leogar2.jpg) repeat-x;}



/*CONTainers*/

#container{ margin:auto; width:840px;}

#content{ padding:20px 0 0 0 ;}

#head1{ width:450px; float:left; margin-top:40px;}

#head2{ width:480px; height:339px; float:left; padding-top:12px;}

#head3{ width:377px; float:left; margin-top:60px;}

#footer-a{ width:550px; height:335px; float:left; padding-top:20px; background:url(../images/glow.jpg) center no-repeat;}

#footer-b{ width:272px; float:left; padding:20px 0 0 10px;}

#copy1{ width:742px; height:22px; float:left; text-align:center; padding-top:10px;}

#copy2{ width:97px; height:32px; no-repeat; float:left; margin:0 0 30px 0;text-align:right;}

.menu1{ float:left; width:258px; background:url(../images/menu.png) no-repeat; padding-top:18px;}

.content2{ float:left; width:570px; padding:12px 0 20px 10px;}

.content3{ float:left; width:580px; border:1px solid #999999; background:#FFFFFF; margin-top:12px;}

.box-01{ float:left; width:185px;  margin:20px 0 20px 0; text-align:center;}

.box-01 p{ font-size:10px; line-height:12px;}

.boxed{ border:1px solid #999999; height:20px; padding:5px 0 0 5px; width:150px; font-size:10px;}

.btn1{ background:url(../images/enviar.jpg) no-repeat; height:30px; width:96px; cursor:pointer; border:0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}



.btn2{ 

background:url(../images/arrow.gif) no-repeat; 

height:20px; 

width:70px; 

cursor:pointer; 

border:0; 

padding-top:4px;

padding-left:22px;

margin-left:10px;

}



.btn2 a{

font-family:Arial, Helvetica, sans-serif;

font-size:11px; 

font-weight:bold; 

} 



.btn2 a:hover{  

color:#FF0000;

}



.btn3{ 

background:url(../images/b-arrow.gif) no-repeat; 

height:20px; 

width:100px; 

cursor:pointer; 

border:0; 

padding-top:4px;

padding-left:22px;

margin-left:10px;

}



.btn3 a{

font-family:Arial, Helvetica, sans-serif;

font-size:11px; 

font-weight:bold; 

} 



.btn3 a:hover{  

color:#FF0000;

}



/*TYpo*/

#footer-b p{ line-height:14px; font-size:11px;}

.txt-1 p { font: 14px Tahoma, Geneva, sans-serif; line-height:19px; padding-top:5px; color:#333333; text-align:justify;}

.txt-1 li { font: 14px Tahoma, Geneva, sans-serif; line-height:14px; padding-top:5px; color:#27307e; margin-left:16px;}

.txt-2{color:#003366; font-weight:bold;}

.txt-3{color:#e35517; font-weight:bold; font-size:12px; text-align:right;}

.txt-4{color:#003399; font-weight:bold; font-size:16px;}

.txt-5{color:#fff; font-size:12px; padding:40px; text-align:justify;}

p.first:first-letter {font-size: 300%; font-weight:bold; float:left; width:1em; color:#003366; font-family:"Times New Roman", Times, serif;}

h1{ font-size:18px; font-weight:bold; color:#e25519;}

h2{font-weight:bold; color:#27307e; font:20px "Times New Roman", Times, serif;}

h3{font-weight:bold; color:#27307e; font:28px "Times New Roman", Times, serif;}

h4{font-weight:bold; color:#27307e; font-size:14px; padding:10px 0;}

h5{font-weight:bold; color:#E35519; font-size:14px; padding:10px 0; margin:0;}

p{ line-height:28px; padding-bottom:10px;}

.title-1{ background:#28317e; height:30px; color:#FFFFFF; font-size:18px; padding:10px 0 0 10px;}

dd{ list-style:none; padding:0 0 0 30px; height:36px;}


.style1 {font-size: 24px; color:#003366;}
.style2 {color: #666666}


/*BreATHEas*/

.breathe-01{ padding-bottom:20px;}

.breathe-02{ padding:10px 0;}



/*Links*/

a:link{ color:#28317e; text-decoration:none; font-weight:bold;}

a:active{ color:#28317e; text-decoration:none; font-weight:bold;}

a:visited{ color:#28317e; text-decoration:none; font-weight:bold;}

a:hover{ color:#e35517; text-decoration:none; font-weight:bold;}



.list-tt{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; font-weight:bold;}

.list-link a:link{ color:#FFFFFF; text-decoration:none; font-weight:normal;}

.list-link a:active{ color:#FFFFFF; text-decoration:none; font-weight:normal;}

.list-link a:visited{ color:#FFFFFF; text-decoration:none; font-weight:normal;}

.list-link a:hover{ color:#28317e; text-decoration:none; font-weight:normal;}







/*DROppY NAV*/

#nav { display: block; margin: 0; padding: 0; }

#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }

#nav a { display: block; }

#nav ul { display: none; position:absolute; left: 0; margin: 0; padding: 0; }

* html #nav ul { line-height: 0; } /* IE6 "fix" */

#nav ul a { zoom: 1; } /* IE6/7 fix */

#nav ul li { float: none; }

#nav ul ul { top: 0; }    

/* Essentials - configure this */

#nav ul { width: 235px; }

#nav ul ul { left: 235px; }

/* Everything else is theming */

#nav { height: 30px; }

#nav *:hover { background-color: none; }

#nav a {line-height: 1; text-align:center;}

#nav li.hover a { background-color:none;}

#nav ul { top: 48px;}

/*#nav ul a {opacity: 0.9; filter: alpha(opacity=90); }*/

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */



.nav-1 a{display:block; background:url(../images/nav-a.png) no-repeat; height:30px; width:140px; color:#27307e; text-decoration:none; padding-top:13px;  font-size:12px; font-weight:bold; background-position:center;}

.nav-1 a:hover{display:block; background:url(../images/nav-hover.png) no-repeat; height:30px; color:#FFFFFF;  text-decoration:none;padding-top:13px; background-position:center;}



.nav-2 a{display:block; background:url(../images/nav-a.jpg) no-repeat; height:34px; width:140px; color:#27307e; text-decoration:none; padding-top:9px;  font-size:12px; font-weight:bold; background-position:center;}

.nav-2 a:hover{display:block; background:url(../images/nav-hover.jpg) no-repeat; height:34px; color:#FFFFFF;  text-decoration:none;padding-top:9px; background-position:center;}



.nav-3 a{display:block; background:url(../images/nav-i-a.jpg) no-repeat; height:30px; width:140px; color:#FFFFFF; text-decoration:none; padding-top:13px;  font-size:12px; font-weight:bold; background-position:center;}

.nav-3 a:hover{display:block; background:url(../images/nav-i-hover.jpg) no-repeat; height:30px; color:#FFFFFF;  text-decoration:none;padding-top:13px; background-position:center;}



.submenu a{ display:block; background:#28317e; height:28px; width:150px; color:#fff; text-decoration:none; font:11px Verdana, Arial, Helvetica, sans-serif; padding:5px 10px 0 10px;} 

.submenu a:visited, .submenu a:active{ display:block; background:#28317e; height:28px; width:150px; color:#fff; text-decoration:none; font:11px Verdana, Arial, Helvetica, sans-serif; padding:5px 10px 0 10px;}

.submenu a:hover{ display:block; background:#e35517; height:28px; width:150px; color:#ffffff; text-decoration:none; font:11px Verdana, Arial, Helvetica, sans-serif;  padding:5px 10px 0 10px;}





/*ACCORdion mENu*/

ul.menu, ul.menu ul {list-style-type:none;margin: 0;padding:0;width: 453px;}



ul.menu a {display: block;text-decoration: none;}

ul.menu li { margin-top: 1px;}



ul.menu li a {height:17px; text-decoration:none; background:#28317e; color:#fff; margin:2px 0; padding:2px 14px 0 0; font-size:10px;}

ul.menu li a:hover { color:#e25519; height:17px; text-decoration:none; margin:2px 0; padding:2px 14px 0 0;}



ul.menu li ul li {color:#CC0000; height:210px; padding:0; width:453px; font-size:11px;}

ul.menu li ul li a {color:#CC0000; height:210px; padding:0; width:453px; font-size:11px;}

ul.menu li ul li a:visited,ul.menu li ul li a:active,ul.menu li ul li a:hover {padding:0; width:453px;}



.bodytext {

width:550px;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

text-align:justify;

padding-top:10px;

}



.footertext {

width:550px;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

text-align:justify;

color:#666666;

}



#bullet-box{

width:480px;

margin-left:20px;

}



.bullets {

color:#666666;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

text-align:left;

padding-top:10px;

}



.titulos{

font-family:Arial, Helvetica, sans-serif;

font-size:24px;

font-weight:bolder;

color:#ffffff;

text-align:left;

}

.logo-sto { float:right; margin-top:10px; margin-right:16px;}

img.pngfix {behavior: url(pngHack.htc);}

