/******************************* elementocero.com.mx *************************************/
/******************************* CSS by serienmörder *************************************/

/*_______________________________________________________________________________________
  ______  1. global  ____________________________________________________________________*/

body { font:normal 14px Helvetica,Arial,sans-serif;  color:#646060;
       background:#C99764 url(../imgns/bk.jpg) repeat-x;  
       padding:0;  margin:0; }
        
        a {color: #3E7C8F; text-decoration: none;}         
a:visited {color: #3E7C8F; text-decoration: none;}
  a:hover {color: #015174; text-decoration: underline; }
 a:active {color: #3E7C8F; text-decoration: none;} 
  a:focus { outline:0; }



/*_______________________________________________________________________________________
  ______  3. Menu  ______________________________________________________________________*/
  
#contmenu { background:url(../imgns/bk_menu.jpg) repeat;
          	clear:both;  
          	width:815px;  height:33px;           
          	text-align:left;  }
			

.foo  {display:block}

#menu {	position:absolute;
		width:774px; height:30px;
		padding:3px 0 0 26px;
		text-align:center;
		  }	

.navi
 ul { list-style:none; margin:0;  padding:0; }
 ul li { padding:0;	float:left;	}
 ul li a { display:block; width:85px; height:30px; text-decoration:none; }
 ul li a:hover { background-position:bottom; }
 ul li a span { display:none; }
 ul li a:focus { outline:0; }
 
#principal      { background-image:url(../imgns/btn1.jpg); }
#quienes_somos  { background-image:url(../imgns/btn2.jpg); }
#servicios      { background-image:url(../imgns/btn3.jpg); }
#especialidades { background-image:url(../imgns/btn4.jpg); }	
#directorio     { background-image:url(../imgns/btn5.jpg); }
#instalaciones  { background-image:url(../imgns/btn6.jpg); }
#convenios      { background-image:url(../imgns/btn7.jpg); }
#babyport       { background-image:url(../imgns/btn8.jpg); }	
#contacto       { background-image:url(../imgns/btn9.jpg); }


.navi2
 ul { list-style:none; margin:0;  padding:0; }
 ul li { padding:0;	float:left;	}
 ul li a { display:block; width:85px; height:30px; text-decoration:none; }
 ul li a:hover { background-position:bottom; }
 ul li a span { display:none; }
 ul li a:focus { outline:0; }
 
#home         { background-image:url(../imgns/enbtn1.jpg); }
#about        { background-image:url(../imgns/enbtn2.jpg); }
#services     { background-image:url(../imgns/enbtn3.jpg); }
#specialties  { background-image:url(../imgns/enbtn4.jpg); }	
#directory    { background-image:url(../imgns/enbtn5.jpg); }
#facilities   { background-image:url(../imgns/enbtn6.jpg); }
#insurances   { background-image:url(../imgns/enbtn7.jpg); }
#babyport     { background-image:url(../imgns/btn8.jpg); }	
#contact      { background-image:url(../imgns/enbtn9.jpg); }


/*_______________________________________________________________________________________
  ______  2. typography  ________________________________________________________________*/

h1 { font: normal 2.4em Helvetica,Arial,sans-serif; letter-spacing:-1pt; color:#015174; margin:0px; padding:15px 0 10px 5px;   }
h2 { font: normal 2.0em Helvetica,Arial,sans-serif; letter-spacing:-0.5pt; color:#CFF4FF; background:#62B8D3; margin:0 0 0 0;  }
h3 { font: bold 14px Helvetica,Arial,sans-serif; color:#FFF; background:#62B8D3; padding:8px 5px; margin:0px }
h4 { font: normal 1.4em Helvetica,Arial,sans-serif; letter-spacing:-0.5pt; color:#45301A; padding:4px 8px; margin:0 0 0 0;  }


.normal    {font:normal 12px Helvetica,Arial,sans-serif; color:#45301A; padding:0px; margin:0 0px 18px 0px; display:block }
.normal_fix{font:normal 12px Helvetica,Arial,sans-serif; color:#45301A; padding:0px; margin:0 20px 18px 15px; display:block }
.normal-d  {font:normal 12px Helvetica,Arial,sans-serif; color:#45301A; padding:0px; margin:0 12px 18px 0px; display:block }
.normalb   {font:bold 17px Helvetica,Arial,sans-serif; color:#45301A; padding:0px; margin:0px; display:block } 
.normalb2  {font:bold 17px Helvetica,Arial,sans-serif; color:#015174; padding:0px; margin:0px; display:block }
.label     {font:normal 13px Helvetica,Arial,sans-serif; color:#015174; padding:0px; margin:0px; display:block } 
.normallh  {font:normal 13px Helvetica,Arial,sans-serif; color:#45301A; padding:0px; margin:0 0px 5px 0px;  display:block }
.especial  {font:normal 13px Helvetica,Arial,sans-serif; color:#45301A; padding:0px; height:155px; margin:0 15px 0 245px; display:block }
.especial2 {font:bold 13px Helvetica,Arial,sans-serif; color:#015174; padding:0px; margin:0px; display:block }
.elemento  {font:normal 11px Helvetica,Arial,sans-serif; color:#8F6B47; padding:0px; margin:0 0 10px 0; display:block }
.title2b   {color:#7EC8E3; font-size:28px; font-weight: normal;}

.img-e0 { border:0; float:right; margin:0 10px 0 0; }


/*_______________________________________________________________________________________
  ______  4. Structure  _________________________________________________________________*/

#contenido { width:815px; height:auto; 
             margin:0 auto;  }

#content {	background:url(../imgns/bk_content.jpg) repeat;
			width:815px; height:auto; 
			margin:auto 0; padding:0; float:left; }
           
p, pre{ padding:5px 8px; margin:0px; }  

#contmain { width:773px; height:auto; margin:0 0 10px 22px;  }	
#contmain	ul { padding:0 5px; margin:0 0 40px 0; list-style:inside; display:block; text-align:left; }	
#contmain ul li { float:left; padding:0 5px 0 20px; width:225px; }
#contmain ul.listaa li { float:left; padding:0 5px 0 20px; width:625px; }
  
#top     { width:815px; height:72px; background:url(../imgns/top01.jpg) no-repeat top center; }
#top2    { width:664px; height:47px; background:url(../imgns/top02_1.jpg) no-repeat top center; float:left; }
#topbtn  { width:127px; height:47px; margin:0; padding:0; float:left; }
#top3    { width:24px;  height:47px; background:url(../imgns/top02_3.jpg) no-repeat top center; float:left; }
#anima   { width:815px; height:338px; text-align:center; padding:0; margin:0; float:left }
#footer  { background:url(../imgns/footer.jpg) repeat; width:815px; height:61px; margin:0; padding:0; text-align:left; clear:both; } 
#footer2 { background:#C99764; width:815px; height:18px; margin:0; padding:0; text-align:left; clear:both; }    

#main1   { width:774px; height:auto; margin:0px; padding:3px 0 0 0; float:left;   }
#main1_1 { width:545px; height:202px; background:url(../imgns/bk_welcome.jpg) no-repeat top center; margin:0px; padding:0px; float:left;   }
#main1_2 { width:224px; height:auto; margin:0px; padding:0 0 0 5px; float:left;   }
#main1_3 { width:545px; height:180px; margin:0px; padding:0px; float:left;   }
#main1_3A{ width:178px; height:auto; margin:0px; padding:0px; float:left;   }
#main1_3B{ width:178px; height:auto; margin:0px; padding:0px; float:left;   }
#main1_3C{ width:178px; height:auto; margin:0px; padding:0px; float:left;   }
#main1_4 { width:224px; height:180px; background:url(../imgns/webmail.jpg) no-repeat top center; margin:0px; padding:0 0 0 5px; float:left;   }
#main2   { width:774px; height:auto; margin:0px; padding:3px 0 0 0; float:left;   }
#main2_1 { width:270px; height:172px; margin:0 5px 0 0; padding:0 0 0 0; float:left;   }
#main2_2 { width:270px; height:172px; margin:0 5px 0 0; padding:0 0 0 0; float:left;   }
#main2_3 { width:224px; height:172px; margin:0px; padding:0 0 0 0; float:left;   }

#mainA_1 { width:270px; height:172px; margin:0 5px 0 0; padding:0 0 0 0; float:left;   }
#mainA_2 { width:270px; height:172px; margin:0 0px 0 0; padding:0 0 0 0; float:left;   }

#izq60pc { width:400px; height:auto; margin:0; padding:0; float:left;   }
#der40pc { width:340px; height:auto; margin:0 8px 0 0; padding:0; float:right   }

#drctr   { width:700px; height:auto; margin:0 0 10px 40px;  }
#fully   { width:760px; height:auto; margin:0 0 10px 10px;  }
#submenu   { width:600px; height:auto; margin:10px 0 10px 100px; float:left  }

#izq80pc { width:500px; height:auto; margin:0; padding:0; float:left;   }
#der20pc { width:240px; height:auto; margin:0 8px 0 0; padding:0; float:right   }

#izq20pc { width:310px; height:auto; margin:0 8px 0 0; padding:0; float:left;   }
#der80pc { width:440px; height:auto; margin:0; padding:0; float:right;   }

#izq50pc { width:370px; height:auto; margin:0; padding:0; float:left;   }
#der50pc { width:370px; height:auto; margin:0 8px 0 0; padding:0; float:right   }

/*_______________________________________________________________________________________
  _______ FORMULARIO  ________________________________________________________________*/
form label { color:#45301A; font:normal 14px/19px Arial, Helvetica, sans-serif; letter-spacing:0px; display:block; margin:10px 0 2px 10px; }

input { background:#FBFBFB; border:#b1b8b8 1px solid; color:#333; font:normal 13px Arial, Helvetica, sans-serif; margin:0 0 6px 10px; padding:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
input:focus { background:#FFF; border:#54d3cb 1px solid; color:#000; }

textarea { background:#FBFBFB; border:#b1b8b8 1px solid; color:#333; font:normal 13px Arial, Helvetica, sans-serif; margin:0 0 6px 10px; padding:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
textarea:focus { background:#FFF; border:#54d3cb 1px solid; color:#000; }

select { background:#FBFBFB; border:#b1b8b8 1px solid; color:#333; font:normal 13px Arial, Helvetica, sans-serif; margin:0 0 6px 10px; padding:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
select:focus { background:#FFF; border:#54d3cb 1px solid; color:#000; }

.button  { background:#5f9ed1; border:#6EA2B8 1px solid; color:#fff; font:normal 18px/19px Arial, Helvetica, sans-serif; letter-spacing:-1px; margin:2px 0 0 12px; padding:4px; outline:none; -moz-border-radius:6px; -webkit-border-radius:6px;}
.button:hover {background:#6FC4DF; border:#6FC4DF 1px solid; color:#fff; cursor:pointer; font:normal 18px/19px Arial, Helvetica, sans-serif; padding:4px; outline:none; }

/*#registro { width:400px; border:none; height:auto; padding:0px; margin:0 0 0 20px; }
#registro fieldset { border:none; border:#FFFFFF; }
#registro p label { font:bold 13px Helvetica,Arial,sans-serif; margin:0px; padding:0px; float:left; 
                    text-align:left; color: #45301A; }
#registro p br { clear: left; }

 INPUT { background-color:#FBFBFB; font:normal 13px Helvetica,Arial,sans-serif; color:#646060; border:#646060 1px dotted; margin:4px 0 8px 0; padding:2px; }
 TEXTAREA { background-color:#FBFBFB; font:normal 13px Helvetica,Arial,sans-serif; color:#646060; border:#646060 1px dotted; padding:2px; }
 SELECT { background-color:#FBFBFB; font:normal 13px Helvetica,Arial,sans-serif; color:#646060; border:#646060 1px dotted; padding:2px; }

label { font:bold 13px Helvetica,Arial,sans-serif; margin:0px; padding:0px; color:#45301A; }

 .AltBtn  { background-color:#5f9ed1; padding:2px; font:bold 18px Helvetica,Arial,sans-serif; color:#FFF; border:#646060 1px dotted; margin:4px 0 0 10px;}
 .AltBtn:hover { background-color:#45301A; padding:2px; font:bold 18px Helvetica,Arial,sans-serif; color:#FFF; border:#646060 1px dotted; cursor:pointer; }

 .BtnFrmt2 { background-color:#FFFFFF; font:bold 16px Arial, Helvetica, sans-serif; border:#FFFFFF 1px solid; padding:2px; color:#646060;}
 .BtnFrmt2:hover { background-color:#5F9ED1; font:bold 16px Arial, Helvetica, sans-serif; border:#5F9ED1 1px solid; padding:2px; color:#FFF;} */



/*_______________________________________________________________________________________
  ______  Tables  ______________________________________________________________________*/
  
table {
	border-spacing:1px;
	border: 1px solid #FFF;
	font:normal 12px Helvetica,Arial,sans-serif;
	background-color:#FFF;
	color: #45301A;
}
td, th {
	padding: 4px;
}
tbody tr td { 
	height:40px;
	padding:0 6px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	}
	
tbody tr td a { 
	background: #FFF;
	color: #363636;
	}
	
tbody tr td a:hover { 
	background: #f9f9f9;
	color: #363636;
	}	
		
tbody th{ 
	height:10px;
	font:normal 14px Helvetica,Arial,sans-serif;		
	color: #FFF;
	background: #45301A;
	border: 1px solid #45301A;
	}	
 
tbody tr.odd
{
	background-color: #d7dce0;
}

tbody tr:hover td
{
	background-color: #A0D4EC; /*62B8D3*/
	border: 1px solid #A0D4EC;	
}

tbody tr:hover td, tbody tr:hover a
{
	color: #333 !important;
} 


/*______________________________________________________________________________________
  ______  TOOLTIP  _____________________________________________________________________*/ 
  
      a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
      a.tooltip span {display:none; padding:0px 6px; margin-left:-64px; width:auto;}
      a.tooltip:hover span{	display:inline; position:absolute; height:20px; background:#7EC8E3;/*#F57905;*/ 
	  						border:0px solid #F57905; font-weight:bold; color:#FFF;}    
							
							             		                  
 /*________________________________________________________________  */                    
 
 
 
 #loading { background-image:url(../imgns/preloader.gif); display:none; margin:6px 100px auto 10px; width:128px; height:16px; }
.mensaje { color:#2A7898; font:normal 18px/19px Arial, Helvetica, sans-serif; letter-spacing:-1px; padding-left:10px; }

.clear { clear:both; }





/* tabs *************************/
ul.tabs
{
display: table;
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
ul.tabs li
{
margin: 0;
padding: 0;
list-style: none;
display: table-cell;
float: left;
position: relative; color:#C99764; font:normal 14px/19px Arial, Helvetica, sans-serif; background:none;
}
ul.tabs a
{
position: relative;
display: block; 
}
ul.tabs a:hover { background:#2F2214; color:#453119; }

ul.tabs li img { border:0; }


/* dropdowns
*************************/
ul.dropdown
{
margin: 0;
padding: 0;
display: block;
position: absolute;
z-index: 999;
top: 100%;
width: auto;
display: none;
left: 0;
}
ul.dropdown ul.dropdown
{
top: 0;
left: 95%;
}
ul.dropdown li
{
margin: 0;
padding: 0;
float: none;
position: relative;
list-style: none; width:120px; height:21px;
display: block; color:#C99764; font:normal 14px/19px Arial, Helvetica, sans-serif; background:#453119;
}
ul.dropdown li a
{
display: block; width:120px; height:21px;
}