/* Theme Style */
@font-face {
font-family: "Eras Demi ITC";
src: url(http://www.bracelesssystem.com/images/erasdemi.ttf);
}
* { margin: 0 auto; padding: 0; }

img { vertical-align: middle; }

body {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	background: #000066;
	margin-top: 10px;
	font-size:15px; margin: 0; padding: 0;
}

.container {
	width: 798px;
	/*width: 98%;*/
	border: 1px solid #ffffff;
	margin: auto;
	background: white;
}

.content {
	margin: auto;
	padding: 10px;
	clear: both;
	background: #FFFFFF url(../../../../images/olas-ortodoncia-sin-brackets.gif) no-repeat right bottom;
}
}

a { color:#006699; text-decoration: none; }
a:hover { color:#DB8606; text-decoration: underline; }

td {
	color: #3E3E3E;
	text-decoration: none;
	border: none;
}
p { padding: 3px 0 3px 0; }
h1,h2,h3,h4,h5,h6 { margin: 5px 0 5px 0; }
hr {
  text-align: center;
  margin: 5px auto 5px auto;
  border: 0;
  width: 100%;
  color: #F3C67D;
  background-color: #F3C67D;
  height: 2px;
}
.nav {
	border-top: 1px solid #999;
	background: #EEB358 url("images/bgbar.gif");
	line-height: 25px;
	height: 25px;
	text-align: right;
}
.nav li {
	height: 25px;
	line-height: 25px;
	margin-left: 3px;
	display: inline;
}
.nav ul { padding-right: 5px; }
.nav a {
	color: white;
	text-decoration: none;
	border: none;
}
.nav a:hover { color: black; text-decoration: none; }

option { padding-right: 5px; }
.content table td { padding: 3px; }
.content table td table td { padding: 2px; }
.content table td table td table,.content table td table td table td { padding: 0; margin: 0; }
.pre-footer {
	border-bottom: 1px solid #999;
	background: #EEB358 url("images/bgbar.gif");
	line-height: 25px;
	height: 25px;
	text-align: center;
	font-size: 10px;
	color: white;
}
.footer { 
	padding: 3px 10px 3px 10px;
	color: #CCC;
	font-size: 10px;
	line-height: 25px;
	height: 25px;
}
.barTxt { font-size: 10px; color: white; }

/* Core Style */

.inputsubmit {
	font-size: 11px;
	background: #EEB358 url("images/bgbar.gif");
	color: white;
	border: #A6A6A6 solid 1px;
}

.inputsubmit2 {
	font-size: 11px;
	background-color: #FFFFFF; 
	color: #006699;
	border: #FFFFFF; 
	border-style: solid;
 	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

.error {
	color: #FF0000;
	text-decoration: none;
	border: none;
	font-weight: bold;
}

.mainTable { background-color: #F4FAFF; }
.mainTableAlt { background-color: #FFFFFF; }
.mainTableOn { background-color: #FFFFF0; }
.TableHeader { background: #EEB358 url("images/bgbar.gif"); line-height: 25px; height: 25px; }
.TableMsg { background-color: #ADADAD; width: 100%; }
.TableHeaderText { color: #FFFFFF; font-size: 11px; font-weight: 0;  text-align: center; }
.TableHeaderText a { color: #FFFFFF; font-size: 11px; font-weight: 0;  text-align: center; }
.TableInfoText { color: #000000; font-size: 11px; background-color: #FFFFFF; }
.priLow { background-color: #DDFFDD; }
.priNormal { background-color: #FFFFF0; }
.priHigh { background-color: #FEE7E7; }
.privReceived { background-color: #3669CF; color: #3E3E3E; }
.privBox { background-color: #FFFFFF; }
.privBorder { background-color: black; }
.privAttachments { background-color: #94C7FF; }
.msgReceived { background-color: #E9E9E9; color: #3E3E3E; font-size: 10px; }
.msgAnswered { background-color: #FFE0B3; color: #3E3E3E; font-size: 10px; }
.msgAttachments { background-color: #F4FAFF; color: #000000; font-size: 10px; }
.msgBorder { background-color: #ADADAD;  margin-top: 10px; }
.msgBorderInfo { background-color: #ffffff; }
.msgBox { background-color: #F9F9F9; }
.searchBox { padding: 10px 0 0 10px; margin: auto; }
.loginBox { padding: 5px; }
.loginBox td { padding: 5px; }
.loginBox td table td { line-height: 30px; }
.buttons { text-align: center; }

#claim-ticket input {
	letter-spacing: -1px;
	font-family: sans-serif;
	border: 1px solid #333; 
	border-top-color: #999; 
	border-left-color: #999;
	background-color: #eee; 
	color: #333;
	padding: 0.5em 2em; 
	cursor: pointer;
} 
#claim-ticket input:hover {
	background-color: #E5FFBF;
	color: #6f9913;
	border-color: #6f9913;
} 
* html #claim-ticket input {
	padding-top: 0.1em;
	padding-bottom: 0.1em;
} 
#claim-ticket p { 
	margin-bottom: 2em; 
	background-color: #FFFFBF;
	padding: 0.5em; 
}




/* tablas*/




















/* CSS Document */



/*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;
}

.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;
}
.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: 625px; left:50%;  margin-left:-5px; /*left:550px; */ z-index: 100;  }

/*                           fin  tabla beneficios      */