/** MICROSITE **/

@media print
{
  #headerContent{ display:none;}
  #footerContent{ display:none;}
  #searchContent{ display:none;}
}


#wrap
{
	width: 910px;
	margin: 0 auto;
	background-color: #FFF;
	padding-bottom:50px;
	position: relative;
}
#perfilprincipal
{
	width: 585px;
	height: auto;
	max-height: 280px;
	margin-top: 20px;
	float: left;
	position: relative;
}

#perfil
{
	width: 523px;
	max-height: 255px;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #FFF;
	padding-top: 10px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC; 
	overflow: hidden;
}

.logo 
{
	height: auto;
	min-height: 30px;
}

#borde
{
	width: 585px;
	margin: 0;
	padding: 0;
}

#perfil h5
{
	padding: 0;
	margin: 0;
	font-family: Geneva,Tahoma, sans-serif;
	color: #000;
	font-size: 18px;
	margin-top: 8px;
}
#perfil h2
{
	padding: 0;
	margin: 0;
}
#perfil img
{
	padding: 0;
	margin: 0;
	border: 0;
}
#perfil address
{
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	padding: 0;
	margin: 0;
}
#perfil h1
{
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 14px;
}

#perfil p
{
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 14px;
}
#perfil a
{
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#perfil a:link
{
	color: #F60;
}

#perfil a:visited
{
	color: #999;
}

#perfil a:hover
{
	color: #C90;
}

#perfil a:active
{
	color: #F60;
}

.correo2
{
	position: relative;
	height: 50px;
	margin-top: 5px;
	float: left;
	width: 450px;
}

.correo2 .correo1
{
	float: left;
}

.correo2 .correo4
{
	position: absolute;
	left: 10px;
	/*top: 16px;*/
	width: 140px;
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 12px;
	margin-right: 12px;
}

#bordeinferior
{
	float: left;
	clear: both;
}

.misite
{
	position: absolute;
	left: 303px;
	top: 16px;
	width: 140px;
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 12px;
}

.misite3
{
	position: relative;
	top: -38px;
	left: 180px;
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 12px;
}

.home2
{
	position: absolute;
	top: 0px;
	left: 271px;
}

.telefono
{
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 14px;
}
#imagenDiv
{
	width: 300px;
	height: 273px;
	float: right;
	position: relative;
	top: 0px;
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/tope-imagen2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 20px;
}

.imageDiv 
{
	border-left:solid 1px #CBCBCB;
	border-right:solid 1px #CBCBCB;
	height:210px;
	text-align:center;
	padding-top:10px;
}

#info
{
	width: 585px;
	min-height: 280px;
	max-height: 753px;
	height:auto;
	float: left;
	margin-top: 25px;
	position: relative;
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/bordeinfo2.jpg);
	background-repeat: no-repeat;
	background-position: 20px 5px;
}

#cuponprincipal
{
	width: 585px;
	height: 289px;
	float: left;
	background-color: #FFF;
}
#cupon
{
	width: 513px;
	height: 270px;
	padding-left: 30px;
	padding-right: 40px;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}
.cuponimagen
{
	width: 585px;
	height: 14px;
	margin: 0;
	padding: 0;
}
#cupon h3
{
	width: 250px;
	padding: 0;
	margin: 0;
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: bold;
}
#cupon h3:hover
{
	color: #F90;
	cursor: pointer;
}
#cupon img
{
	margin-top: 0px;
}
#cupon hr
{
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	border: 0;
	border-bottom: #CCC solid 1px;
	width: 530px;
}
#cupon area
{
	cursor: pointer;
}
#cupo nwindow
{
	cursor: pointer;
}
#formulario
{
	width: 300px;
	height: 276px;
	float: right;
	position: relative;
	top: 5px;
}

.formulario1
{
	width: 300px;
	height: 200px;
	background-color: #999;
}
.formulario1 p
{
	margin: 0;
	padding: 0;
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
}

.formulariodentro
{
	width: 265px;
	height: 175px;
	margin-left: 20px;
}

.formulariodentro label
{
	font-weight: bold;
	color: #FFF;
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 12px;
}

#formulario li
{
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 12px;
	color: #FC3;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 282px;
	left: 1px;
	top: 9px;
	height: 65px;
}
#formulario li img
{
	float: left;
}
.texto
{
	padding-top: 20px;
}
#formulario form
{
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 12px;
	color: #000F;
	margin: 0;
	padding: 0;
}


.formulariodentro input
{
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 12px;
	color: #000;
	width: 180px;
}

.formulariodentro input[type="button"]
{
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/boton.jpg);
	background-repeat: no-repeat;
	width: 80px;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: bold;
	margin-right: 14px;
	margin-top: 6px;
}
.formulariodentro input[type="button"]:hover
{
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/botonhover.jpg);
	background-repeat: no-repeat;
	width: 80px;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: bold;
	margin-right: 14px;
	margin-top: 6px;
}

.bordeform
{
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/formulario2.jpg);
	background-position: right;
	background-repeat: no-repeat;
	height: 22px;
}
.bordeform2
{
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/formulario3.jpg);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #999;
	height: 22px;
}


.formulario1 td
{
	margin: 0;
	padding: 0;
	padding-top: 3px;
}

.formulario1 textarea
{
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 12px;
	color: #000;
	width: 182px;
	overflow: hidden;
}

.formulario1 .errorDiv
{
	float:left;	
}

.errorMsj 
{
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 12px;
	float:left;
	color:Red;
}

.successMsj 
{
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 12px;
	float:left;
	color:Green;
}

.imagenDiv
{
	position: absolute;
	left: 250px;
	top: 0px;
}

/*** SECCION MAPA **/

#mapa
{
	width: 300px;
	height: 335px;
	float: right;
	position: relative;
	top: -4px;
	background-color: #ffd504;
}
.mapa1
{
	width: 300px;
	height: 23px;
	background-image: url('http://www.paginasamarillas.com.do/images/new/Microsite/bordemapa2.jpg');
	background-repeat: no-repeat;
	background-position: right;
}
.mapa
{
	width: 294px;
	height: 45px;
	border-left: #ff9900 solid 3px;
	border-right: #ff9900 solid 3px;
}
.mapa h3
{
	padding: 0;
	margin: 0;
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: bold;
	float: left;
	margin-left: 15px;
	margin-top: 8px;
}
.mapa h3:hover
{
	color: #F90;
	cursor: pointer;
}
.mapa2
{
	width: 255px;
	height: 20px;
	border-top: #ff9900 solid 3px;
	float: left;
}
.mapa3
{
	width: 230px;
	height: 20px;
	float: left;
	background-color: #ffd504;
	border-bottom: #f90 3px solid;
}
.mapa3 p
{
	position: relative;
	top: -6px;
	left: -10px;
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 10px;
}
.mapa3 a:link
{
}
.mapa3 a:hover
{
	color: #F90;
}
.mapa4
{
	width: 300px;
	height: 23px;
	background-image: url('http://www.paginasamarillas.com.do/images/new/Microsite/bordemapa3.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#puntomapa
{
	width: 294px;
	height: 253px;
	border-left: #f90 3px solid;
	border-right: #f90 3px solid;
}
.puntomapa
{
	width: 280px;
	height: 248px;
	background-color: #FFF;
	border: #F90 solid 2px;
	margin: 0;
	padding: 0;
	margin-left: 5px;
}
#mapa ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.bordeflota
{
	float: left;
}
.bordeflota2
{
	float: left;
}

.coordenadas
{
	float: left;
	width: 35px;
	height: 40px;
	display: block;
	list-style: none;
	margin-left: 70px;
}
.coordenadas: hover
{
	float: left;
	width: 35px;
	height: 40px;
	display: block;
	list-style: none;
	margin-left: 70px;
}

.lupita
{
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/lupita.jpg);
	background-position: -35px -38px;
	background-repeat: no-repeat;
	cursor: pointer;
	width:22px;
	height: 23px;
}

.lupita:hover
{
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/lupita_hover.jpg);
	background-position: -35px -38px;
	width:22px;
	height: 23px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.lupa
{
	float: left;
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/lupa.jpg);
	background-repeat: no-repeat;
	width: 33px;
	height: 40px;
	display: block;
	list-style: none;
}

.lupa: hover
{
	float: left;
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/lupa_hover.jpg);
	background-repeat: no-repeat;
	width: 33px;
	height: 40px;
	display: block;
	list-style: none;
}


.conoceseccion
{
	margin-top: 6px;
}
.imprimemapa
{
	list-style: none;
	float: left;
	width: 30px;
	height: 29px;
	display: block;
	margin-left: 3px;
	margin-top: 6px;
}
.imprimemapa:hover
{
}


/***  -------------------------- ***/

.redsocial
{
	position: absolute;
	left: 412px;
	width: 179px;
	top: 10px;
	height: 83px;
}

.separtorList
{
	float: left;
	width: auto;
	height: 27px;
	padding-left: 5px;
	border-right: #666 solid 1px;
}
.lineamenos
{
	float: right;
	width: auto;
	height: 27px;
}
.comparteimagen
{
	float:right;
	height:24px;
	padding-top:7px;
}

#contactanos
{
	height: 50px;
}
#contactanos img
{
	z-index: 50;
	float: left;
	position: absolute;
	left: 0px;
	top: 6px;
}

#contactanos li
{
}
#contactanos li:hover
{
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 30px;
	color: #F63;
	cursor: pointer;
}
#video
{
	margin-left: 80px;
	margin-top: 0px;
}
.pestana
{
	background-color: #FFF;
}
#topeMcr
{
	width: 872px;
	height: 32px;
	margin: 0;
	padding: 0;
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/tope.jpg);
	background-repeat: repeat-y;
	padding-left: 28px;
	padding-top: 18px;
}
#topeMcr p
{
	margin: 0;
	padding: 0;
	font-family: Geneva,Tahoma, sans-serif;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}

#cuponwindow
{
	width: 500px;
}
#cuponwindow img
{
	margin-top: 18px;
	margin-left: 10px;
}

.volver-cupon
{
	margin-left: 70px;
	color: #666;
}
.volver-cupon a
{
	color: #999;
}
.volver-cupon a:hover
{
	color: #FFF;
}

#topeMcr img
{
	position: absolute;
	left: 900px;
	top: 0px;
}
.imgredes
{
	position: relative;
	bottom: -16px;
	left: 4px;
}
.imggusta
{
	float: left;
}
.borde
{
	background: url(http://www.paginasamarillas.com.do/images/new/Microsite/arribalado.jpg) no-repeat top right;
}
.compartir
{
	margin-top: 3px;
	border: 0;
}

.home
{
	position: relative;
	left: 145px;
	top: -20px;
}
.paginacion
{
}
#imagenes
{
	padding: 10px;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
}
#imagenes
{
	padding: 10px;
}
#base
{
	width:580px;
	height: 15px;
	clear: left;
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/bordeinfo3.jpg);
	background-repeat: no-repeat;
	
	top:-30px;
}
#base img
{
	margin-top: 7px;
	float: left;
}
#info2
{
	width: 447px;
	height: 22px;
	position: relative;
	left: 69px;
	top: -8px;
	border-bottom: #ccc solid 1px;
}
.flotar
{
	float: right;
	position: relative;
	left: 517px;
	top: -30px; 
}

.porfuera
{
	width: 1010px;
	height: 930px;
	margin: 0 auto;
	background-color: #FFF;
	padding: 0;
	position: relative;
}

#buscador
{
	width: 910px;
	height: 200px;
	left: -50px;
}


/*-----------------------------*/


/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 585px;
	min-height: 270px;
	max-height: 643px; 
	height:auto;
}



/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 5px;
	background-color: #CCC;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-family:Geneva,Tahoma, sans-serif;
	font-size:13px;
	font-stretch:narrower;
	width:155px;
	height:20px;
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/tab1_default.jpg);
	background-repeat:no-repeat;
	text-align:center;
}

.TabbedPanelsTab:hover {
	color: #000;
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/tab1_hover.jpg);
	background-repeat:no-repeat;
}

.TabbedPanelsTabSelected {
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/tab1_selected.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	font-stretch:narrower;
}
 
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	background-color: #FFF;
	padding-top:14px;
	padding-left:30px;
	width:555px;
	/*min-height: 227px;
	max-height: 700px; */
	min-height: 227px;
	max-height: 604px; 
		
	font-family:Geneva,Tahoma, sans-serif;
	font-size:12px;
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/borde4pestana.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	border-left:#ccc solid 1px;
	
}

.TabbedPanelsContentGroup:background-image{
	z-index:30;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent 
{
	/*min-height: 227px;
	max-height: 595px; */
	min-height:261px;
	max-height:604px;	
	padding-right:15px;
	border-right:#ccc solid 1px;
	display:none;
	line-height:16px;
}

.sectionDiv
{
	min-height: 197px;
	max-height: 540px; 
	line-height:16px;
	overflow: hidden;
	width:95%;
}

.TabbedPanelsContent h1 {
	font-family:Geneva,Tahoma, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	font-weight:normal;
}
.TabbedPanelsContent h2 {
	margin:0;
	padding:0;
	font-family:Geneva,Tahoma, sans-serif;
	font-size:13px;
	color: #F60;
	font-weight:bold;
	margin-bottom:2px;
}

.separatorTitle 
{
	height: 10px;
} 

.paginatorSectionTop 
{
	text-align:right;
	width:100%;
	overflow: hidden;
	position: relative;
	height:20px;
	display: none; 
	margin-bottom:12px;
}

.paginatorSectionBottom
{
	text-align:right;
	width:100%;
	overflow: hidden;
	position: relative;
	height:20px;
	display: none;
	margin-top:12px;
}

.TabbedPanelsContent h3 {
	margin:0;
	padding:0;
	font-family:Geneva,Tahoma, sans-serif;
	font-size:13px;
	color: #000;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:10px;
}
.TabbedPanelsContent p{
	margin:0;
	padding:0;
}
.TabbedPanelsContent strong{
	margin:0;
	padding:0;
	/*color: #F60;*/
	/*font-size:14px;*/
	
}
.TabbedPanelsContent blockquote {
	margin:0;
	padding:0;
	margin-left:30px;
}
.TabbedPanelsContent ul{
	/*padding:0;*/
	margin:0;
	margin-top:2px;
	margin-bottom:5px;

}

.TabbedPanelsContent li{
	/*list-style:none;*/
	list-style: disc;
	margin-bottom:0;
	width:auto; 
}

.TabbedPanelsContent pre{
	font-family:Geneva,Tahoma, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	margin-top:2px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}


.opcion2{
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	background-color: #CCC;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-family:Geneva,Tahoma, sans-serif;
	font-size:13px;
	font-stretch:narrower;
	width:97px;
	height:20px;
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/tab2_default.jpg);
	background-repeat:no-repeat;
	text-align:center;
}
.opcion2:hover{
	color: #000;
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/tab2_hover.jpg);
	background-repeat:no-repeat;
}

.TabbedPanelsTabSelected2 {
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/tab2_selected.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	font-stretch:narrower;
}


/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
#scroll{
	overflow:scroll;
	height:220px;
}
.listamenu{
	margin:0;
	padding:0;
	position:relative;
	width:220px;
	overflow: visible;
	height:220px;
}
.listamenu2{
	margin:0;
	padding:0;
	position:relative;
	width:220px;
	top:-290px;
	right:20px;
	float:right;
	overflow: visible;
	height:220px;
}
.tiutlolista{
	color: #000;
	font-size:12px;
	margin:0;
	padding:0;
	display:inline;
}
/*** Paginador de imagenes **/

.paginationstyle{ 
	width: 300px;
	height:30px;
	background-image: url(http://www.paginasamarillas.com.do/images/new/Microsite/tope-random.jpg);
	background-repeat:no-repeat;
	padding-top:15px;

}
.paginationstyle h3{
	padding:0;
	margin:0;
	font-family:Geneva,Tahoma, sans-serif;
	font-size:13px;
	color: #000;
	font-weight:bold;
	float:left;
	margin-left:15px;
	margin-right:130px;
}
.paginationstyle h3:hover{
	color: #F90;
	cursor: pointer;
}

.paginationstyle a{
	padding: 0 5px;
	text-decoration: none;
	border: 1px solid black;
	color: #000;
	background-color: white;
	font-family: Geneva,Tahoma, sans-serif;
	font-size:12px;
	margin-right:5px;
	cursor: pointer;
}

.paginationstyle a:hover, .paginationstyle a.selected{
	color: #000;
	background-color: yellow;
	font-weight:bold;
}

/** SUCURSALES **/

.sucursales{
	clear: both;
	background-color: #FFF;
	width:505px;
	font-family:Geneva,Tahoma, sans-serif;
	font-size:12px;
}

.sucursales ul{
	margin:0;
	padding:0;
}

.sucursales li{
	width:120px;
	float:left;
	display:block;
	height:25;
	list-style: disc;
	margin-right:10px;
	padding-right:8px;
}
.sucursales h5 {
	margin:0;
	padding:0;
	color: #F60;
	font-size:14px;
	clear: left;
	margin-bottom:6px;
	float:left;
}
.sucursales h3 {
	margin:0;
	padding:0;
	color: #F60;
	font-size:14px;
}
.sucursales adress {
	margin:0;
	padding:0;
	color: #000;
	font-size:12px;
	font-weight:normal;
}
.sucursales strong {
	margin:0;
	padding:0;
}
.sucursales pre{
	font-family:Geneva,Tahoma, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	margin-top:5px;
	margin-bottom:5px;
}

.atras{
	position:relative;
	top:-20px;
	right:10px;
}
.siguiente{
	position:relative;
	top:-20px;
}
.arriba{
	position:relative;
	top:0px;
	width:50px;
	right:50px;
}
.arriba a{
	color: #F90;
	font-size:13px;
}
.arriba a:hover{
	color: #666;
}