/* Rotator Styles */
#wrapper { width:968px; border-top:3px solid #f0c103; border-bottom:1px solid #DA3B3B; margin:0 auto; }  /* DA3B3B  */  
#rotator { background: #333333 url(../images/mainimg.jpg) no-repeat; /*background:#FFF;*/ color:#000; position:relative; padding-bottom:-1em; margin:0; font-size:16px; }
/* el valor padding-bottom de la variable #rotator es la que controla donde se localisa la barra de navegacion */
/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:.1;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

ul.ui-tabs-nav {
	position:absolute;
	bottom:-1px;
	left:0;
	z-index:1;
	width:100%;
	background-color:transparent;
	background: url(../images/uitabsbg.png) repeat-x bottom right;
	border-top:1px solid #FFF;
}
/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited { font-size:0.8em; font-weight:normal; color:#666666; background: url(../images/uitabsbg.png) repeat-x bottom left; background-color:transparent; border-left:1px solid #FFF; border-right:1px solid #c5ced9; }

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active { background: url(../images/uiactivetabbg.png) repeat-x bottom left; color:#333; background-color:transparent;}
#rotator .ui-tabs-nav-item a span {	float:left; padding:1em; cursor:pointer; }

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active { background: url(../images/uiactivetabbg.gif) repeat-x bottom left; background-color:transparent; color:#000; }

/* Content Panels */  /* el paddin controla la localidad de la barra de navegacion; top right bot left el ralacion con la ventana roteadora */
#rotator .ui-tabs-panel { font-family:Arial, Helvetica, sans-serif; clear:left; color:#000; padding:40px 300px 10px 15px; height:200px; }
#rotator .ui-tabs-hide { display:none; }
#rotator h2 { font-family: Arial,Sans-Serif; color:#ffffff; font-weight: normal; margin:0; font-size:1.8em; line-height:1.2em; letter-spacing: -1px; }
#rotator p { font-family: Arial,Sans-Serif;	font-weight: normal; font-size:1em; margin:.5em 0; color:#ffffff; }
#rotator .btn_get_started { float:left; height:30px; width:99px; text-indent:-9999em; margin-right:7px; overflow:hidden; background:transparent url(../images/getstarted.png) no-repeat }
#rotator .btn_learn_more { float:left; height:26px; font-size:.9em; }
#rotator .btn_learn_more a { color:#33FFFF }
#rotator .btn_learn_more a:hover { color:#33FFFF; font-weight:bold; }

/* Background Images */
#rotator #fragment-1 { background:transparent url(../images/nointerest.jpg) no-repeat top right; padding:40px 500px 10px 20px; }/*el paddin controla el texto; top right bot left*/
#rotator #fragment-2 { background:transparent url(../images/freeexam.jpg) no-repeat top right; padding:40px 500px 10px 20px; }/*el paddin controla el texto; top right bot left*/
#rotator #fragment-3 { background:transparent url(../images/procedures.jpg) no-repeat top right; padding:40px 500px 10px 20px; }/*el paddin controla el texto; top right bot left*/
/*#rotator #fragment-4 { background:transparent url(../images/metourteam.jpg) no-repeat top left; padding:40px 20px 10px 500px; }*//*el paddin controla el texto; top right bot left*/
#rotator #fragment-4 { background:transparent url(../images/currentpromotions.jpg) no-repeat top left; padding:40px 20px 10px 500px; }/*el paddin controla el texto; top right bot left*/
#rotator #fragment-5 { background:transparent url(../images/requestappoint.jpg) no-repeat top left; padding:40px 20px 10px 500px; }/*el paddin controla el texto; top right bot left*/