@charset "UTF-8";
/* CSS Document */

@import url('reset.css');

.introtitle{
font-family: "Century Gothic", Helvetica, Arial;
font-size:25px;
color:#fff000;
padding-left:45px;
padding-top:26px;
text-decoration: none;}

.contenttitle{
font-family: "Century Gothic", Helvetica, Arial;
font-size:15px;
color:#fff000;
text-align:center;
padding-left:100px;
padding-top:32px;}

h1{
font-family:"Century Gothic", Helvetica, Arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-align:justify;
line-height:120%;}

/* footer */
.footer {
font-family:"Century Gothic", Helvetica, Arial;
color:#ffffff;
font-size:10px;
text-align:center;
margin-top:-5px;
line-height:150%;
font-weight:bold;}
.footer a:hover {
color:#addbea;
text-decoration: none;
border-bottom: 1px dashed; }
.footer a:link {
color:#addbea;
text-decoration: none;
font-weight:bolder;}
.footer a:active {
color:#addbea;
text-decoration: none;
border-bottom: 1px dashed; }
.footer a:visited {
color:#addbea;
text-decoration: none;}
/* end footer */

/* center align */
#container {
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		width: 575px;
		position:relative;
		top:-1px;}
/* end-center align */
	
/* floating menu */
#floatMenu {
    position:absolute;
    top:200px;
    right:50%;
    margin-right:300px;
    width:160px;}
#floatMenu ul {
    margin-bottom:20px;}
/* end-floating menu */

/* accordeon content */
      #header, #contents, #copy                 {width:780px; margin:0 auto; text-align:left;}
   /*  Gobal  */ 
      em, #contents a                           {color:#addbea;}
      #bullet a:hover, #bullet a:focus          {text-decoration: none;
border-bottom: 1px dashed;}
                                                /* *  {text-shadow: #000000 0 0 0px;}  For improoved text rendering in Safari */
#contents                                       {min-height:450px; height:auto !important; height:450px;}

   /*  Módulo de Acordeón  */ 	
      		#info                               {float:left;}
            #info                               {width:532px; overflow:hidden; position:relative;}
            #info p, #info h4                   {margin:0 0 0 50px;clear:both}
            *:first-child+html #info img.detail {margin:5px 0 0 87px; position:static;} /* Solo para IE */
            #info h2                            {margin:0px 0 0 33px;}
            #info h2 img                        {cursor:pointer; margin:0 0 0 -6px;}
            #info ul.first-list                 {font-size:12px;
												 line-height:130%;
												 color:#fff;
									 			 background:transparent;}
            #info ul.first-list                 {padding:12px 0 0 0px }
            #info ul.first-list li              {width:150px;}
            #info li.float-left                 {float:left;clear:left;margin:0 0 0 52px;}
            #info li.float-right                {float:right;clear:right;}
			#info li.nofloat	                {margin-left:217px;}
            #info div.detail                    {padding:5px 0 15px 0}
      
            #info h4    {	font-weight:bold;color:#fff;
							font-family:"Century Gothic", Helvetica, Arial;
							font-size:12px;
							line-height:120%;
							background:transparent;
							text-align:justify;
							padding-left:1px;}
/* end-accordeon content */

/* forms */
form#two p {color:#fff; text-align:left; padding:15px 5px 5px 0; margin:0;}
form#two fieldset#current p {padding:4px; margin:0;}

form#two fieldset {width:464px; border:1px dotted #fff; padding:5px 5px 10px 10px; margin-bottom:0.5em;}
form#two fieldset:hover {border:1px solid #fff;}

form#two legend {font-weight:bold; padding:10px; color:#fff;}
* html form#two legend {padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

form#two label {float:left; text-align:right; width:100px; text-align:left; padding-right:10px; color:#fff; margin-bottom:0.6em;}

form#two input {border:1px solid #fff; padding-left:0.5em; margin-bottom:0.6em; width:120px; background:#ffffa0;}
form#two input:hover { background:#414d59; border:1px solid #fff; color:#fff;}
form#two input:focus {background:#fff; border:1px solid #414d59; color:#414d59;}

form#two input#cc {border:0px; padding-left:0.5em; width:15px;background-color:transparent}
form#two input#title {border:0px; padding-left:0.5em; width:15px; background-color:transparent}
form#two input#position {border:0px; padding-left:0.5em; width:15px; background-color:transparent}
 
form#two fieldset#medical input, form#two fieldset#current input {width:45px;}

form#two textarea {width:180px; height:147px; color:#414d59; border:1px solid #fff; padding:0.5em; overflow:auto; float:right; margin-top:-25px; margin-right:10px; background:#ffffa0;}
form#two textarea:hover {background:#414d59; border:1px solid #fff; color:#fff;}
form#two textarea:focus {background:#fff; border:1px solid #414d59; color:#414d59;}

form#two #button {color:#414d59; cursor:pointer; width:195px; float:right; margin-right:10px; background:#ffffa0; border:1px solid; border-color:#fff;}
form#two #button:hover {color:#fff; background:#414d59; border:1px solid; border-color:#fff; }
/* end forms */