@charset "utf-8";



/**

  Theme Name: AcdTheme 

  Theme URI: http://www.acd.com.do/

  Description: Miembros theme for http://www.acd.com.do/. Developed by onClick Studio, S. A. (http://www.onclickstudio.com/)

  Version: 1.0

  Author: onClick Studio, S. A. (ctejada@onclickstudio.com)

*/



div#columnas {

  width: 100%;

}



div#columnas div.columna1 {

  width: 574px;

}



div#columnas div.columna2 {

  margin-top: 3px;

  position: absolute;

  right: 0;

  text-align: center;

  top: 0;

  width: 200px;

}



div#columnas div.columna2 img {

  border-width: 0;

  margin-bottom: 2px;

}



div#seccion_header {

  background-image: url(../img/seccion_header_bg.jpg);

  background-repeat: repeat-x;

  height: 29px;

  position: relative;

}



div#seccion_header div.left_border {

  background-image: url(../img/seccion_header_left_border.jpg);

  background-repeat: no-repeat;

  height: 29px;

  left: 0;

  position: absolute;

  top: 0;

  width: 3px;

}



div#seccion_header div.right_border {

  background-image: url(../img/seccion_header_right_border.jpg);

  background-repeat: no-repeat;

  height: 29px;

  position: absolute;

  right: 0;

  top: 0;

  width: 2px;

}



div#seccion_header span {

  color: #D9DEE2;

  font-size: 18px;

  left: 35px;

  position: absolute;

  top: 3px;

}



div#servicio_al_cliente {

  color: #D9DEE2;

  font-size: 12px;

  font-weight: bold;

  position: absolute;

  right: 10px;

  top: 8px;

}



div#seccion_header img {

  left: 1px;

  position: absolute;

  top: 1px;

}



div#planes {

  height: 660px;

  margin-top: 5px;

  position: relative;

}



div#planes div div.imagen {

  height: 89px;

  width: 189px;

}



div#planes div div.titulo {

  background-color: black;

  color: white;

  font-size: 12px;

  text-align: center;

}



div#planes div div.texto {

  font-family: "Microsoft Sans Serif";

  font-size: 12px;

  padding: 16px;

}



div#planes div div.texto p {

  margin: 0 0 10px 0;

}



div#planes div div.texto div.solicitar_servicio {

  cursor: pointer;

  height: 33px;

  margin-top: 10px;

  width: 83px;

}



div#planes div div.texto div.solicitar_servicio img {

  border-width: 0;

  height: 33px;

  width: 83px;

}



div#planes div.basico {

  background-color: #FFF1B4;

  border-bottom: solid 16px black;

  height: 80%;

  left: 0;

  position: absolute;

  top: 0;

  width: 189px;

}



div#planes div.basico div.imagen {

  background-image: url(../img/miembro_basico.jpg);

  background-repeat: no-repeat;

}



div#planes div.plus {

  background-color: white;

  border-bottom: solid 16px black;

  height: 80%;

  left: 193px;

  position: absolute;

  top: 0;

  width: 189px;

}



div#planes div.plus div.imagen {

  background-image: url(../img/miembro_plus.jpg);

  background-repeat: no-repeat;

}



div#planes div.premium {

  background-color: #FFF1B4;

  border-bottom: solid 16px black;

  height: 80%;

  position: absolute;

  right: 0;

  top: 0;

  width: 189px;

}



div#planes div.premium div.imagen {

  background-image: url(../img/miembro_premium.jpg);

  background-repeat: no-repeat;

}

/* carrusel */
div#rotatorio {
	height: 100px;
	margin-top: 0px;
}

#galleryNav {
	display:inline;
	background-color: #ffffff;
	width: 574px;
	position: relative;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	
}
#galleryNav a img.next{ float:left; margin: 60px 0px 0px 0px; }
#galleryNav a img.nextn{ float:left; margin: 60px 0px 0px 15px;}

.stepcarousel{
	float:left;
	position: relative; /*leave this value alone*/
	background-color: #ffffff;
	overflow: scroll; /*leave this value alone*/
	width: 520px; /*Width of Carousel Viewer itself*/
	height: 144px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 15px; /*margin around each panel*/
	 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	background-color: #ffffff;
}