@charset "utf-8";

/* CSS Baby Alliance*/



body{
background:url("../img/bck.jpg"); 
background-attachment:fixed;
background-repeat: no-repeat;
background-position: center top;
background-color:#edf2f6;
margin:0px;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
color: #666666}


a:link		{color: #f99d31; text-decoration: none; font-size:13px}
a:visited 	{color: #ffffff; text-decoration: none;font-size:13px}
a:active	{color: #f99d31; text-decoration: none;font-size:13px}
a:hover		{color: #ffffff; text-decoration: underline;font-size:13px}


a.footer:link		{color: #424344; text-decoration: none; font-size:13px}
a.footer:visited 	{color: #424344; text-decoration: none;font-size:13px}
a.footer:active		{color: #424344; text-decoration: none;font-size:13px}
a.footer:hover		{color: #e22228; text-decoration: underline;font-size:13px}


.fondo		{background:url("../img/bckmain.png") repeat-y; width:918px; padding:8px 40px}
.bmenu		{ background-color:#e0822c; width:998px;}
.h			{background:url("../img/h.gif") repeat-x; height:20px;margin:0 17px 0 4px;}
.texto		{padding:25px; background:#FFFFFF;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;  text-align:justify}
.titulo		{ padding:15px 20px 0 40px; }
.destacar	{ color:#414344; font-weight:bold}
.destacarsize 	{ font-size:24px}
.frase		{color:#e0822c; font-weight:bold; font-size:20px; font-style:italic}
.imgposicion	{ padding:0 0 0 40px}



/* Estilos*/
.titulos		{font-family:"GraublauWebBold"; font-size:56px; color:#758ba3; padding:25px 0 0 0; text-transform:uppercase; text-align:right}
.subtitulos		{ font-size:17px; color:#FFFFFF; margin:10px; background:#e0822c; padding:8px}


/* Footer */
.ffondo		{background:url("../img/ffondo.png") repeat-y; width:998px;padding:5px 0;}
.ftitulos	{ font-size:24px;  color:#607590}
.fmensaje		{ font-size:15px; text-align: right; color:#414344;}
.fautor		{ font-size:11px; text-align:right; padding:10px 0 0 0}

/* Fondos */
.fmembers		{background:url("../img/fmembers.png") no-repeat; width:620px; padding:0 0 0 280px;}
.fwhat			{background:url("../img/fwhat.png") no-repeat; width:518px; height:420px; padding:0 480px 0 0;}
.fhow			{background:url("../img/fhow.png") no-repeat; width:480px; height:500px; padding:0 0 0 430px;}



/* Menu */
      #contenedor #barra {
          background-color: #22a6b9;
          height: 30px;
          width: 998px;
          text-align: center;
      }


      #contenedor #barra .moduletable {
          margin: 0;
          padding: 0;
          height: 100&#37;;
          background: #0F6;
      }


      #barra .menu{
          border:none;
          border:0px;
          margin:0 0 0 19px;
          padding:0px;
          font:Arial, Helvetica, sans-serif;
          font-size:14px;
          font-weight:bold;
      }



      #barra .menu ul{
          background:#22a6b9;
          height:30px;
          list-style:none;
          margin:0;
          padding:0;

      }

      #barra .menu li{
          float:left;
          padding:0px;
          list-style:none;
      }

    
      #barra .menu li a{
          background:#596e8b;
          color:#ffffff;
          display:block;
          font-weight:normal;
          line-height:30px;
          margin:0px;
          padding:0px 1px;
          text-align:center;
          text-decoration:none;
      }
      
      #barra .menu li a:hover, .menu ul li:hover a{
          background: #e22228 url(../images/barra/hover.gif) bottom center no-repeat;
          color:#FFFFFF;
          text-decoration:none;
      }

      

      #barra .menu li ul{
          background:#838383;
          display:none;
          height:auto;
          padding:0px;
          margin:0px;
          border:0px;
          position:absolute;
          width:180px;
          z-index:200;
      }

       

      #barra .menu li:hover ul{
          display:block;
      }

  
      #barra .menu li li {
          background:url(../images/barra/sub_sep.gif) bottom left no-repeat;
          display:block;
          float:none;
          margin:0px;
          padding:0px;
          width:180px;
      }

       

      #barra .menu li:hover li a{
          background:none;
      }

    
      #barra .menu li ul a{
          display:block;
          height:30px;
          font-size:14px;
          font-style:normal;
          margin:0px;
          padding:0px 10px 0px 15px;
          text-align:left;
      }

    
      #barra .menu li ul a:hover, .menu li ul li:hover a{
          background:#424344 url(../images/barra/hover_sub.gif) center left no-repeat;
          border:0px;
          color:#ffffff;
          text-decoration:none;
      }

       
      #barra .menu p{
          clear:left;
      }
	  
	  
	  /* Fuente Especial*/
	@font-face {
    font-family: 'GraublauWebBold';
    src: url('font/graublauwebbold-webfont.eot');
    src: url('font/graublauwebbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/graublauwebbold-webfont.woff') format('woff'),
         url('font/graublauwebbold-webfont.ttf') format('truetype'),
         url('font/graublauwebbold-webfont.svg#GraublauWebBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ----------- Estilos Tabla Consultas ----------- */


.ctabla		{ width:100%; border-left: solid 1px #f4f4f4; border-bottom:solid 1px #f4f4f4; font-size:13px}
.ctabla td		{padding:6px; border-right: solid 1px #f4f4f4; border-top:solid 1px #f4f4f4;}
.ctabla a:link		{ color:#666}
.ctabla a:hover		{ color:#666}
.ctabla a:visited	{ color:#666}
.ctabla a:active	{ color:#666}
.ctablatr		{ background-color:#ffd754; font-weight:bold; color:#596e8b; font-size:18px; padding:15px}
.cdestacar		{ font-family:Calibri; font-size:20px; font-weight:bold}


/* ----------- Estilos Tabla Paises ----------- */


.ptabla		{ font-size:13px}
.ptabla td		{padding:6px;}
.ptabla a:link		{ color:#666}
.ptabla a:hover		{ color:#666}
.ptabla a:visited	{ color:#666}
.ptabla a:active	{ color:#666}
.ptablatr		{ background-color:#ffd754; font-weight:bold; color:#596e8b; font-size:18px; padding:5px}
.pdestacar		{ font-family:Calibri; font-size:20px; font-weight:bold}

button.boton {
	font-size: 13px;
	color: #757575;
	padding: 5px 8px;
	margin:10px 0;
	cursor:pointer;cursor:hand;
	
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#e9e7eb);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#e9e7eb));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #e9e7eb;
	-moz-box-shadow:
		0px 1px 7px rgba(000,000,000,0.2),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 7px rgba(000,000,000,0.2),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.4),
		0px 1px 0px rgba(255,255,255,0.3);

}

/* ----------- Directorio ----------- */
div.hide { display:none; [your properties]; }
div.show { [your properties]; }