/* CSS Document */

@font-face {
font-family: "Eras Demi ITC";
src: url(http://www.bracelesssystem.com/images/erasdemi.ttf);
}

body{background-color:#000066; font-family:Arial; font-size:15px; margin: 0; padding: 0;}

img {border-style:none}
img, a{border-style:none;
	color:#000066;
}

/* para los menus del banner*/

      #menu{position:absolute;top:145px; width:840px; margin-left:-3px;font-family:Arial; font-size:13px; font-weight:bold;}

      #menu ul .iteme{display:none;}
      #menu ul:hover .iteme{display:block;background:url(images/ddd-044bg.gif);padding:0px;margin:0px;position:relative;top:-143px;width:170px;height:25px;}
      #menu ul:hover .iteme a{color:#000066;text-decoration:none;}
      #menu ul:hover .iteme a:hover{color:#666666;}
	  
	  
	        #menu ul .iteme1{display:none;}
      #menu ul:hover .iteme1{display:block;padding:0px;margin:0px;position:relative;top:-138px;}
      #menu ul:hover .iteme1 a{color:#fff;text-decoration:none;}
      #menu ul:hover .iteme1 a:hover{color:#666666;}
	  
	  #menu ul .iteme2{display:none;}
      #menu ul:hover .iteme2{display:block;background:url(images/ddd-044bgf.gif);padding:0px;margin:0px;position:relative;top:-143px;height:30px;width:170px;}
      #menu ul:hover .iteme2 a{color:#000066;text-decoration:none;}
      #menu ul:hover .iteme2 a:hover{color:#666666;}
	  
	  
	  #menu ul .itemq{display:none;}
      #menu ul:hover .itemq{display:block;background:url(images/ddd-022bg.gif);padding:0px;margin:0px;position:relative;top:-143px;width:167px;height:25px;}
      #menu ul:hover .itemq a{color:#000066;text-decoration:none;}
      #menu ul:hover .itemq a:hover{color:#666666;}
	  
	  	  #menu ul .itemq2{display:none;}
      #menu ul:hover .itemq2{display:block;background:url(images/ddd-022bgf.gif);padding:0px;margin:0px;position:relative;top:-143px;height:30px;width:167px;}
      #menu ul:hover .itemq2 a{color:#000066;text-decoration:none;}
      #menu ul:hover .itemq2 a:hover{color:#666666;}
	  
	  	        #menu ul .itemq1{display:none;}
      #menu ul:hover .itemq1{display:block;padding:0px;margin:0px;position:relative;top:-138px;}
      #menu ul:hover .itemq1 a{color:#000066;text-decoration:none;}
      #menu ul:hover .itemq1 a:hover{color:#666666;}
	  
	  
	  	  #menu ul .itemw{display:none;}
      #menu ul:hover .itemw{display:block;background:url(images/ddd-033bg.gif);padding:0px;margin:0px;position:relative;top:-143px;width:155px;height:25px;}
      #menu ul:hover .itemw a{color:#000066;text-decoration:none;}
      #menu ul:hover .itemw a:hover{color:#666666;}


	  	  #menu ul .itemw2{display:none;}
      #menu ul:hover .itemw2{display:block;background:url(images/ddd-033bgf.gif);padding:0px;margin:0px;position:relative;top:-143px;width:155px;}
      #menu ul:hover .itemw2 a{color:#000066;text-decoration:none;}
      #menu ul:hover .itemw2 a:hover{color:#666666;}

	        #menu ul .itemw1{display:none;}
      #menu ul:hover .itemw1{display:block;padding:0px;margin:0px;position:relative;top:-138px;}
      #menu ul:hover .itemw1 a{color:#000066;text-decoration:none;}
      #menu ul:hover .itemw1 a:hover{color:#666666;}


      #menu ul{float:left;margin:0px;padding:0px;/*background:#ffffff;*/list-style:none;position:relative;top:0px;}

      .clear{clear:both;height:100px;}
	  
	  /* FIN para los menus del banner*/





.tablaf{
font-size: 30px;
position:relative;
top:150px; left:0px;

}
.tablax{
position:absolute;
width:800px;
top:-2px;
margin-left:-5px;
}
.tablaben{
width:327px;
margin-left:50px;
text-align:center;
color:#000066;
font-size: 14px;
font-weight:bold;
}
.tablased{
width:760px;
position:relative; top:-10px; z-index:0;
background: url(images/fondo-sede-ortodoncia-sin-brackets.gif) no-repeat top  ;
}
.tdben0{
background-image: url(images/fondoc0-beneficios1-ortodoncia-sin-brackets.gif);
}
.tdben1{
background-image: url(images/fondoc1-beneficios1-ortodoncia-sin-brackets.gif);
}
.tdben2{
background-image: url(images/fondoc2-beneficios1-ortodoncia-sin-brackets.gif);
}
.tdben3{
background-image: url(images/fondoc3-beneficios1-ortodoncia-sin-brackets.gif);
}

.tablac{
width:800px;
background: #FFFFFF url(images/olas-ortodoncia-sin-brackets.gif) no-repeat right bottom;
}
.tablag{
width:800px;
height:280px;
background: #FFFFFF;
}

#tabla1{
	padding:40px 50px 0 50px;
		border:3px;
	height:114px;
	text-align:left;
	margin:0 auto;
	
}

#tabla1 a, #tabla1 a:link, #tabla1 a:hover {
	font-weight: normal;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 36px;
	padding:120px;
	margin:0;
	line-height:1.4em;
	letter-spacing:2px;
	color:#fefefe;
	text-decoration:none;
}

.celdacasos{
	width:790px;
	height:100px;
	background-position: top right;
	background-repeat: no-repeat; 
	}


.celda1{


	font: bold 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:1px dotted #5E93B5;
	padding: 10px;
	background-image: url(../imgs/fondo2.gif); 
	background-position: top right;
	background-repeat: no-repeat; 
}
.celda2{
	font: 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top: 4px solid #5E93B1;
	border-right: 1px dotted #416D89;
	border-left:1px dotted #416D89;
	border-bottom:none;
	padding-top:10px;
	padding-right:3px;
	padding-left:20px;
	padding-bottom:12px;
	background-color:#EEEEEE;
}
.celda3{ 
	background-image: url(../imgs/fondo1.gif);
	background-repeat: repeat-x;
	font: bold 18px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:white;
	padding:4px;
	background-color:#5C909A;
}
.celda4{
 	width:200px;
 	height:200px;
	border:1px dotted #DDDDDD;
 }


.textocontenido{
font-family: Arial;
color:#000000;
}

.finalus{
font-family: Arial;
color:#000000;
position:relative; top:-50px;
text-align:center;
}

.titulo{
font-family: "Eras Demi ITC", Times, serif;
color:#000066;
font-size: 20px;
font-weight:bold;
}
.tituloazul{
font-family: "Eras Demi ITC", Times, serif;
color:#1c76a2;
font-size: 15px;
font-weight:bold;
}
.titulop{
font-family: "Eras Demi ITC", Times, serif;
color:#000066;
font-size: 16px;
}
.titulopb{
font-family: "Eras Demi ITC", Times, serif;
color:#ffffff;
font-size: 16px;
}
.pie{
font-family: "Eras Demi ITC", Times, serif;
color:#000066;
font-size: 12px;
padding-left:30px;
}
.pie1{
font-family: "Eras Demi ITC", Times, serif;
color:#000066;
font-size: 12px;
padding-left:30px;
position:relative; top:-45px;
}
.pie2{
font-family: Arial;
font-size: 8px;
}
.textolargo{
font-family: Arial, Times;
color:#000000;
font-size: 16px;
}


.Estilo3 {color: #FF3300}
.EstiloN {
          color: #FF9900;
		  font-weight: bold;
		  font-size: 20px;
		  }
.Estilo4 {
	color: #000066;
	font-weight: bold;
}
.Estilo6 {color: #9d0636}


/*                             capas ocultas       */
div#links{color:#1C76A2;
font-weight: bold;
text-align:left;
font-family: "Eras Demi ITC", Times, serif;
}
div#links a{color:#1C76A2;
font-weight: bold;
text-align:left;
text-decoration:none;
font-family: "Eras Demi ITC", Times, serif;
}
div#links a:hover {color: #411; background: #AAA;
  }
div#links a span {display: none;}
div#links a:hover span {display: block;position: absolute; top: 630px; width: 340px;
   padding: 0px;left:50%;  margin-left:-95px;z-index: 100;
   color: #ffffff; background: none;
              color: #000066;
		  
		  /*font-size: 20px;*/
   }
   
/*                           fin  capas ocultas              */

/*                           capas ocultas    bebeficios     */
      #benef{}
      #benef ul .tit{color:#ffffff;font-family: "Eras Demi ITC", Times;font-weight: bold;text-align:left;text-decoration:none;font-size: 18px;text-align:center;}
      #benef ul .subtit{color:#ffffff;font-family: Arial, Times;font-weight: bold;text-align:left;text-decoration:none;font-size: 14px;text-align:center;}
      #benef ul .im{position:relative; top:35px;left:7px; text-decoration:none;}	  
	  #benef ul{background:url(images/fondo-beneficios-ortodoncia-sin-brackets.jpg);float:left;margin:0px;padding:0px;list-style:none;width:324px;height:187px;}

/*                           fin  capas ocultas beneficios      */	  
	 
/*                           tabla    bebeficios     */
    
div#links2{ z-index: 100;
}
div#links2 a{
text-decoration:none;
 z-index: 100;
}
div#links2 a:hover {color: #411; background: #AAA;
  }
div#links2 a span {display: none;}
div#links2 a:hover span{display: block;position: absolute; top: 360px; left:50%;  margin-left:-5px; /*left:550px; */ z-index: 100;  }

/*                           fin  tabla beneficios      */	  







/*                             capas ocultas       */
div#popup{color:#1C76A2;
font-weight: bold;
text-align:left;
font-family: "Eras Demi ITC", Times, serif;
}
div#popup a{color:#1C76A2;
font-weight: bold;
text-align:left;
text-decoration:none;
font-family: "Eras Demi ITC", Times, serif;
}
div#popup a:hover {color: #411; background: #AAA;
  }
div#popup a span {display: none;}
div#popup a:hover span {display: block;position:absolute; top: 50%; left:50%;  margin-left:-250px; margin-top:-250px; z-index: 100;
   color: #ffffff; background: none;
              color: #000066;
		  
		  /*font-size: 20px;*/
   }
.imagenmovil{
display: block;position:absolute; top: 50%; left:50%;  margin-left:-10px; margin-top:-15px; z-index: 100;
}
/*                           fin  capas ocultas              */