@charset "utf-8";

body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0; background-color:#FFFFFF;}
#container{ width:100%; height:auto;}
#main-container{ width:976px; height:auto; background-color:#FFF; margin-left:auto; margin-right:auto;}
#head-container{ width:976px; height:140px; background-color:#FFF; margin-left:auto; margin-right:auto; text-align:left;}


/*#title-logo{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:23px; color:#FA8A07; font-variant:small-caps; padding-top:45px; width:300px; 			 			float:left; margin-left:10px;}*/

#top-buttons{ width:350px; height:50px; float:right; padding-top:80px; text-align:right;}

#menu-container{ width:976px; height:40px; background-image:url(../images/menu-bg.jpg); background-repeat:repeat-x;}
#menu-container ul{ text-decoration:none; list-style:none; padding-left:0; margin-left:0; padding-top:10px;}
#menu-container li{ display:inline; padding-left:15px;}
#menu-container li a{ text-decoration:none; color:#000}
#menu-container li a:hover{ border-bottom:#000 solid 3px;}
#menu-container li.current a{ font-weight:bold;}
.current { font-weight:bold;}

#content-container{ width:976px; height:auto; clear:both;}
.bg-black{ background-color:#000; color:#FFF;}
.container-font{ font-size:13px;}
.calso{ width:100%; height:1px; clear:both;}
.right-push{ margin-right:20px; margin-bottom:20px;}
h1 { font-size:18px; margin:0; padding:0;}
h2 .container-font{ font-size:16px; margin:0; padding:0;}
.around { border:#000 solid 2px;}


#final-content{ width:976px; height:150px; background-image:url(../images/bg-bottom.jpg); background-repeat:repeat-x; margin-top:5px; background-color:#F5F5F5;
				clear:both;}
.module-content{ width:272px; height:115px; float:left; margin-left:14px; margin-top:18px;}
.module-title{ color:#333; font-size:15px;}
.module-border{ border:#FA8A07 1px solid; margin-right:6px; margin-top:3px;}
.module-info{ width:145px; height:95px; font-size:12px; float:left; color:#666;}
.borderinfo{ margin-left:65px;}

#footer{ width:976px; height:150px; margin-top:15px; font-size:12px; text-align:center; color: #999999;}
#footer a:link{ text-decoration:none;}
#footer a:hover{ text-decoration:underline;}
#footer a:visited{text-decoration:none; color: #999999;}

/*aqui van los estilos de la parte central de la pagina*/
#central-part{ width:587px; height:271px; float:left; margin-right:50px;}
#central-part-info{ width:300px; height:210px; float:left; text-align:justify; margin-top:20px; font-size:13px;}
#central-part-info h1{ font-size:30px;}

/*formulario*/
#form-container{ width:580px; height:auto; padding:10px; background-color:#FFFFFF;}
#msj-form{ width:580px; height:100px; padding:10px; background-color:#FFF8E7; margin-bottom:20px;}
#franja-c{ width:956px; height:auto; padding: 0px 10px 0px 10px;}
#franja-c td{ background-color:#FEF0DE; border-bottom:#FFF 5px solid; height:30px; padding:10px;}
.required{ color:#FF0000;}

#title-logo{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:23px; color:#FA8A07; font-variant:small-caps; padding-top:45px; width:450px; 			 			float:left; margin-left:10px;}
.Tgris{ color:#333333;}
#cf-container{ width:600px; text-align:center;}
.msjs{ width:956px; height:auto; padding: 10px 10px 10px 10px; background-color:#FEF0DE; margin-top:10px;}

input[type="text"]  { border: 1px solid #ccc; background-color:#fff; width:228px; height:25px;   clear:both;}
