* {margin:0; padding:0;}

body {
	font-family: "Lucida Grande", "MS Trebuchet", sans-serif;
	background-image: url(../img/fondo.jpg);
	font-size:small;
	color:#858a8d;
	line-height:1.5em;
	text-align:center;
}

.modalBackground
{
	z-index: 500;
	background-color: Gray;
	position: absolute;
	filter:alpha(opacity=70);
	opacity:0.7;
}

#content {
	width: 809px;
	position:relative;
	text-align:left;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
#asterwonka 
{
	background-repeat: no-repeat;
	height: 299px;
	width: 183px;
	position: absolute;
	left: -175px;
	top: 3px;
}
#Exclusivo
{
	background-image: url(../img/aster_wonka.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 3px;
}
#head {
	background-image: url(../img/top_head.png);
	background-repeat: no-repeat;
	height: 22px;
	}
	
#foot {
	background-image: url(../img/foot.png);
	background-repeat: no-repeat;
	height: 197px;
	position: relative;
	background-position: center top;
	width: auto;	
}

#middle {
	background-image: url(../img/middle.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	padding-right: 20px;
	padding-left: 20px;
}
.contact_listado {
}
#topscreen {
	background-image: url(../img/screen_bg_.jpg);
	height: 353px;
	background-position: center;
	background-repeat: no-repeat;
}
#bottomtext {
	color: #660099;
	font-size: 0.85em;
	font-family: "trebuchet ms";
	text-align: center;
	top: 9px;
	left: 284px;
}
#login {
	width: 153px;
	margin-left: 0px;
	text-align: left;
	top: 647px;
	left: 42px;
	font-family: "Trebuchet MS";
	font-style: italic;
	color: #660099;
	font-size: 12px;
}
#logo {
	float: left;
	margin-left: 70px;
	background-color: #000000;
}
#screen {
	text-align: left;
	height: 300px;
	width: 500px;
	position: absolute;
	left: 15px;
	top: 74px;
}
.logintext {
	font-family: "trebuchet ms";
	color: #339900;
	font-weight: bold;
}
.planes_text {
	font-family: "trebuchet ms";
	color: #339900;
	font-size: 0.85em;
}
.middletable {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #990099;
	border-right-color: #990099;
	border-bottom-color: #990099;
	border-left-color: #990099;
}
#estreno_box {
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #CCCCCC;
	width: 347px;
	margin-right: 0px;
	margin-left: 5px;
	margin-bottom: 10px;
	height: auto;
	padding-top: 15px;
	padding-bottom: 10px;
}
.imagewrapright, .imagewrapright:link, .imageright:visited  {
	float: right;
	margin-left: 5px;
}
#renglon {
}

.serviciostexto {
}

.estrenotitulo {
	font-family: rockwell;
	color: #990099;
	font-size: 13px;
	line-height: normal;
	text-align:justify;
}
.estrenodetalles, .estrenodetalles:link, .estrenodetalles:visited {
	text-decoration:none
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.estrenodetalles:hover {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #FFFFFF;
	background-color: #993399;
	text-decoration: none;
}
#over_top {
	background-image: url(../img/over_top.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 480px;
}
#over_top4 {
	background-image: url(../img/over_top.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 480px;
}
#over_top5 {
	background-image: url(../img/over_top.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 480px;
}
#over_top2 {
	background-image: url(../img/over_top.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 480px;
}
#over_top3 {
	background-image: url(../img/over_top.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 480px;
}
#over_content {
	height: auto;
	width: 100%;
}
#over_content2 {
	height: auto;
	width: 100%;
}
#over_content3 {
	height: auto;
	width: 100%;
}
#over_content4 {
	height: auto;
	width: 100%;
}
#over_bottom {
	background-image: url(../img/over_bottom.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 480px;
}
#over_bottom2 {
	background-image: url(../img/over_bottom.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 480px;
}
#over_bottom4 {
	background-image: url(../img/over_bottom.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 480px;
}
#over_bottom3 {
	background-image: url(../img/over_bottom.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 480px;
}
#over_bottom5 {
	background-image: url(../img/over_bottom.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 480px;
}
.estrenotexto {
	font-family: "Trebuchet MS";
	font-size: 11px;
	line-height: normal;
}

.DesconPrueba{
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: normal;
	color: #666666;
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: url(../img/bullet_green.png);
	margin-left: 5px;
}
#servicios_box {
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #CCCCCC;
	margin-right: 0px;
	margin-left: 5px;
	margin-bottom: 10px;
	height: auto;
	padding-top: 15px;
	padding-bottom: 10px;
}
#ofivirtual {
	width: 752px;
	background-image: url(../img/OfiVirtual_01.jpg);
	background-repeat: no-repeat;
}
#TblPrincipal 
{
	height: auto;
	width: 752px;
	background-image: url(../img/OfiVirtual_02.jpg);
	background-repeat: no-repeat;
	
}
#ofice_top {
	left:428px;
	top:447px;
	width:358px;
	height:auto;
	z-index:1;
	font-family: "trebuchet ms";
	color: #660099;
	text-align: right;
	font-size: 12px;
	font-style: italic;
}
#menu_ofivirt {
	position: absolute;
	height: 325px;
	width: 168px;
	top: 496px;
	right: 611px;
}
.menu_opcion, .menu_opcion:link, .menu_opcion:visited {
	font-family: "Trebuchet MS";
	text-decoration: none;
	font-size: 11px;
	color: #666666;
	margin-left: 15px;
}
.menu_opcion:hover {
	font-family: "Trebuchet MS";
	text-decoration: none;
	font-size: 11px;
	color: #660099;
	background-color: #66cc33;
}
#contacts {
	background-image: url(../img/contactos_01.jpg);
	background-repeat: no-repeat;
}
#CuentaNueva {
	background-image: url(../img/registro_cuenta.jpg);
	background-repeat: no-repeat;
}
.contact_text {
	color: #666666;
	text-align:justify;
	padding-left: 15px;
	padding-right: 15px;
	
}
.contact_link:link, .contact_link:visited {
	font-family: "trebuchet ms";
	font-style: italic;
	color: #660099;
	text-decoration: none;
}
.contact_link:hover {
	font-family: "trebuchet ms";
	font-style: italic;
	color: #66cc33;
	text-decoration: none;
}
#contact_table {
	overflow: scroll;
	position: absolute;
	left: 214px;
	top: 504px;
}
.contact_listado {
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #66cc33;
}
.contact_listado1 {
	background-color: #EEFFE8;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #66cc33;
}
.contact_listado2 {
	background-color: #66cc33;
	color: #FFFFFF;
}
#webmail {
	position: absolute;
	height: 30px;
	width: 34px;
	left: 743px;
	top: 380px;
}
#paso1 {
	background-image: url(../img/sol_serv_1.jpg);
	height: 500px;
	background-repeat: no-repeat;
}
.simple_text {
	font-family: "trebuchet ms";
	color: #660099;
}
.next:link, .next:visited {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #666666;
}
.next:hover {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #660099;
}
.texto_izquierda {
	font-family: "trebuchet ms";
	color: #666666;
	font-size: 9pt;
	font-style: italic;
	text-align: right;
}
.info_estreno_texto {
	font-family: "Trebuchet MS";
	color: #666666;
	font-size: 8pt;
	text-align: justify;
	line-height: normal;
	font-weight: normal;
}
.estrenotituloTop {
	font-family: "trebuchet ms";
	color: #660099;
	font-size: 8pt;
	text-align:center;
	font-style: italic;
	line-height: normal;
}
.info_estreno_titulo {
	font-family: "trebuchet ms";
	color: #660099;
	font-size: 10pt;
	font-style: italic;
	line-height: normal;
}
#mini_top {
	background-image: url(../img/mini_top.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 250px;
}
#mini_bottom {
	background-image: url(../img/mini_bottom.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 250px;
}
#mini_middle {
	background-image: url(../img/mini_middle.png);
	background-repeat: repeat-y;
	height: auto;
	padding-right: 20px;
	padding-left: 15px;
}
#mini_div {
	height: auto;
	width: 250px;
}
#mini_top2 {
	background-image: url(../img/mini_top.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 250px;
}
#mini_bottom2 {
	background-image: url(../img/mini_bottom.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 250px;
}
#mini_middle2 {
	background-image: url(../img/mini_middle.png);
	background-repeat: repeat-y;
	height: auto;
	padding-right: 20px;
	padding-left: 15px;
}
#mini_div2 {
	height: auto;
	width: 250px;
}
#mini_top3 {
	background-image: url(../img/mini_top.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 250px;
}
#mini_bottom3 {
	background-image: url(../img/mini_bottom.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 250px;
}
#mini_middle3 {
	background-image: url(../img/mini_middle.png);
	background-repeat: repeat-y;
	height: auto;
	padding-right: 20px;
	padding-left: 15px;
}
#mini_div3 {
	height: auto;
	width: 250px;
}
#mini_top4 {
	background-image: url(../img/mini_top.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 250px;
}
#mini_bottom4 {
	background-image: url(../img/mini_bottom.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 250px;
}
#mini_middle4 {
	background-image: url(../img/mini_middle.png);
	background-repeat: repeat-y;
	height: auto;
	padding-right: 20px;
	padding-left: 15px;
}
#mini_div4 {
	height: auto;
	width: 250px;
}

h1 {
	font-family: "trebuchet ms";
	color: #660099;
	font-size: 1.05em;
	font-style: italic;
	line-height: normal;
}
#new_contrato {
	background-image: url(../img/robot.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 470px;
}
#boton_nuevo_contrato {
	height: 132px;
	width: 132px;
	left: 57px;
	top: 462px;
}
#serviciosbox {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #660099;
}
#serviciosbox1 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #660099;
}
#serviciosbox2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #660099;
}
#serviciosbox3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #660099;
}
#mini_top5 {
	background-image: url(../img/mini_top.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 250px;
}
#mini_bottom5 {
	background-image: url(../img/mini_bottom.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 250px;
}
#mini_middle5 {
	background-image: url(../img/mini_middle.png);
	background-repeat: repeat-y;
	height: auto;
	padding-right: 20px;
	padding-left: 15px;
}
#mini_div5 {
	height: auto;
	width: 250px;
}
#mini_top6 {
	background-image: url(../img/mini_top.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 250px;
}
#mini_bottom6 {
	background-image: url(../img/mini_bottom.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 250px;
}
#mini_middle6 {
	background-image: url(../img/mini_middle.png);
	background-repeat: repeat-y;
	height: auto;
}
#mini_div6 {
	height: auto;
	width: 250px;
}
#mini_top7 {
	background-image: url(../img/mini_top.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 250px;
}
#mini_bottom7 {
	background-image: url(../img/mini_bottom.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 250px;
}
#mini_middle7 {
	background-image: url(../img/mini_middle.png);
	background-repeat: repeat-y;
	height: auto;
	padding-right: 1px;
	padding-left: 1px;
}
#mini_div7 {
	height: auto;
	width: 250px;
}
#mini_top8 {
	background-image: url(../img/mini_top.png);
	background-repeat: no-repeat;
	height: 20px;
}
#mini_bottom8 {
	background-image: url(../img/mini_bottom.png);
	background-repeat: no-repeat;
	height: 24px;
}
#mini_middle8 {
	background-image: url(../img/mini_middle.png);
	background-repeat: repeat-y;
	height: auto;
	padding-left: 5px;
	padding-right: 20px;
	width: 240px;
		
}

#mini_div8 {
	height: auto;
	width: 230px;
	background-color: Transparent;
}

#mini_top9 {
	background-image: url(../img/mini_top.png);
	background-repeat: no-repeat;
	height: 20px;
}
#mini_bottom9 {
	background-image: url(../img/mini_bottom.png);
	background-repeat: no-repeat;
	height: 24px;
}
#mini_middle9 {
	background-image: url(../img/mini_middle.png);
	background-repeat: repeat-y;
	height: auto;
	padding-right: 0px;
	padding-left: 0px;
}

#mini_div9 {
	height: auto;
}

#soporte_content 
{
	width: auto;
	height: auto;
	background-image: url(../img/support_01.jpg);
	background-repeat: no-repeat;
}
#bg_bottom {
	background-image: url(../img/bg_spiral_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 672px;
	width: 1024px;
	bottom: -833px;
	position: absolute;
	left: 103px;
}

#screen_lf_bdr {
	background-image: url(../img/screen_bg_left_border.png);
	background-repeat: no-repeat;
	height: 353px;
	width: 5px;
	margin-left: 1px;
	position: absolute;
	left: 0px; 
	top: 22px;

}
#screen_rt_bdr {
	background-image: url(../img/screen_bg_right_border.png);
	background-repeat: no-repeat;
	height: 353px;
	width: 6px;
	position: absolute;
	left: 803px;
}

/* Inicio - Estilo Para el Carusel */

#motioncontainer {
width: 410px; 
height: 200px; 
}

#motioncontainer a img {
border: 1px solid #cccccc;
}

#motioncontainer a:hover img {
border: 1px solid navy;
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute;
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; 
}
/* Final - Estilo Para el Carusel */

/* Inicio - Diseņo para Alert*/
#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png);
}

#alertBox {
	position:absolute;
	width:300px;
	min-height:100px;
	margin-top:50px;
	border:2px solid #000;
	background-color:#F2F5F6;
	background-image:url(alert.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:absolute;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	background-color:#78919B;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font:0.7em verdana,arial;
	text-align:center;
	height: 40px;
	padding-top:15px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:2px solid #000;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#78919B;
	text-decoration:none;
}

#mContainer {
	position:relative;
	width:600px;
	margin:auto;
	padding:5px;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	font:0.7em verdana,arial;
}

h1,h2 {
	margin:0;
	padding:4px;
	text-align:left;
	font:bold 1.5em verdana;
	border-bottom:1px solid #000;
}

code {
	font-size:1.2em;
	color:#069;

}

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}

.important {
	background-color:#F5FCC8;
	padding:2px;
}

code span {
	color:green;
}
/* Final - Diseņo para Alert*/