*{	margin:0;
	padding:0;
	padding-bottom:0;}

/*estilo contactos*/

#formContenedor 
{	text-align:center;
	position:relative;
	left:0px;
	top: 10px;}


a img{
    border:none;
}

button { width:100px; height:22px; font-family:Verdana; font-size:11px; }

.label { width:150px;  color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%;text-align:right; font-size: 80%}
.label2{   color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%;text-align:right; font-size: 80%}

.campo { width:300px; }
.checkbox { width:20px; }

.ayuda { width:20px; text-align:center;}

.inputNormal { border:1px solid; }

.inputError {border:1px solid #FF0000;	background-color:#FFF4F0;	color:#FF0000; }

/* Capas de transparencia y mensajes de confirmacion */

#transparencia
{
	background-color:#FFFFFF; 
	z-index:1; 
	position:absolute;
	top:25%;
	left:25%;
	width:400px;
	height:260px;
	display:none;
	opacity:0.95;
	filter:alpha(opacity="95");
}

#transparenciaMensaje
{
	position:absolute;
	width:300px;
	height:429px;
	margin-top:-50px;
	margin-left:-150px;
	top:50%;
	left:50%;
}

/* Mensajes de ayuda */
 

#mensajesAyuda
{
	width:120px;
	font-family:Verdana;
	color:#CC3300;
	font-size:10px;
	border:1px solid #000099;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	text-align:center;
	z-index:500;
}

#ayudaTitulo
{
	background-color:#000099; 
	color:#FFFFFF; 
	padding:1px;
}

#ayudaTexto
{
	background-color:#FFFFFF;
	vertical-align:middle;
	padding:2px;
	color:#000099;
}

/*accordion 1 */
.header {
	background: #000;
	cursor: pointer;
	padding:4px;
}

.header:hover{
	background-color:#666;
}
.selected{
	background-color:#F00;
	color:#FFF;
}

.content{
	background:#FFF;
	padding:0px;
}


#basic-accordian{
	border:0px solid #EEE;
	padding:0px;
	width:630px;
	position:absolute;
	left:175px;
	top:101px;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;
	
}
#basic-accordian2{
	border:0px solid #EEE;
	padding:0px;
	width:400px;
	position:absolute;
	left:175px;
	top:101px;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;
	height: 0;
}


.accordion_headings{
	padding:5px;
	background:url(../images/estructura/barrita.png);
	color:#999999;
	border:1px solid #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	cursor:pointer;
	font-weight:bold;
	width:618px;
}

.accordion_headings:hover{
	background:url(../images/estructura/barrita2.png);
	width:618px;
	color:#FFFFFF;
}
.header_highlight{
	background:url(../images/estructura/barrita3.png);
	color:#CCCCCC;
	width:618px;
}
.accordion_child{
	padding:15px;
	background:url(../images/estructura/puntoceleste.png);
	
}

/*accordion 2 */
.header2 {
	background: #000;
	cursor: pointer;
	padding:4px;
}

.header2:hover{
	background-color:#666;
}
.selected2{
	background-color:#F00;
	color:#FFF;
}

.content2{
	background:#FFF;
	padding:0px;
}


#basic-accordian2{
	border:0px solid #EEE;
	padding:0px;
	width:630px;
	position:absolute;
	left:175px;
	top:101px;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;
	height: 0;
}


.accordion_headings2{
	padding:5px;
	background:url(../images/estructura/barrita.png);
	color:#999999;
	border:1px solid #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	cursor:pointer;
	font-weight:bold;
	width:618px;
}

.accordion_headings2:hover{
	background:url(../images/estructura/barrita2.png);
	width:618px;
	color:#FFFFFF;
}
.header_highlight2{
	background:url(../images/estructura/barrita3.png);
	color:#CCCCCC;
	width:618px;
}
.accordion_child2{
	padding:15px;
	background:url(../images/estructura/puntoceleste.png);
}


/*tabs*/

.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #333333; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 630px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height:630px;
			clear: both;
			background: #fff;
		}
		
	/*	.stripViewer */
		.panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: -16px;
			width: 630px;
			list-style-type: none;
			border:thin;
			border-color:#cccccc;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			
		  	float:left;
			height: 100%;
			position: relative;
			width: 630px; /* Also specified in  .stripViewer  above */
			
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 5px;
			
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			/*font-weight: bold;*/
			text-align:left;
			line-height: 35px; /*alto de solapa*/
			background: #FFFFFF;
			color: #999999;
	
			text-decoration: none;
			display: block;
			
			position:relative;
			top:0;
			left:0;
			width:630px;			
		}
		
		.stripNav li.tab1 a {background:url(../images/estructura/tab1.jpg); 
			background-repeat:no-repeat; width:188px;
			  font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:80%;font-weight:bold;}
		.stripNav li.tab2 a {background:url(../images/estructura/tab2.jpg); 
			background-repeat:no-repeat; width:240px;
			  font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:80%;font-weight:bold;}
		.stripNav li.tab3 a {background:url(../images/estructura/tab3.jpg); 
			background-repeat:no-repeat; width:211px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:80%;font-weight:bold;}
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		
		.stripNav li.tab1 a:hover {background:url(../images/estructura/tab1a.jpg); 
			background-repeat:no-repeat; width:188px;
			  font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:80%;
			font-weight:bold;
			color:#999999;}
			.stripNav li.tab2 a:hover {background:url(../images/estructura/tab2a.jpg); 
			background-repeat:no-repeat; width:240px;
			  font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:80%;color:#999999;
			font-weight:bold;}
			.stripNav li.tab3 a:hover {background:url(../images/estructura/tab3a.jpg); 
			background-repeat:no-repeat; width:211px;
			  font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:80%;
			font-weight:bold; color:#999999;}
		
		/*.stripNav li a:hover {
			color: #000099;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:90%;
		}
	
		.stripNav li a.current {
			color: #000000;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:90%;
		}*/
		
		.stripNav li.tab1 a.current{ background:url(../images/estructura/tab1b.jpg); 
			background-repeat:no-repeat; width:188px;
			  font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:80%;
			color:#FFFFFF;
			font-weight:bold;}
		
		.stripNav li.tab2 a.current{ background:url(../images/estructura/tab2b.jpg); 
			background-repeat:no-repeat; width:240px;
			  font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:80%;
			color:#FFFFFF;
			font-weight:bold;}
			
			.stripNav li.tab3 a.current{ background:url(../images/estructura/tab3b.jpg); 
			background-repeat:no-repeat; width:211px;
			  font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:80%;
			color:#FFFFFF;
			font-weight:bold;}
		
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top:850px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 0px;
			width: 0px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url(../images/arrow-left.gif) no-repeat center;
		}
		
		.stripNavR {
			background: url(../images/arrow-right.gif) no-repeat center;
		}
				
		
		
		
/*reflex - cuerpo negro*/

#layer-ico{
	position:absolute;
	left: 246px;
	top: 218px;

}
#layer1{
	position:absolute;
	z-index:2;
	left: 452px;
	width: 257px;
	height: 188px;
	top: 117px;
}
#layer2{
	position:absolute;
	z-index:3;
	left:527px;
	top:129px;
	width: 200px;
}

#layer3{
	position:relative;
	z-index:3;
	left: 0px;
	top: 0px;
	width: 85px;
}
#layer4{
	position:absolute;
	z-index:3;
	left: 5%;
	top: 5%;
	width: 188px;
}
#titulo{
	position:relative;
	vertical-align:top;
	z-index:3;
	top: 5;
	width: 200px;
	height: 0px;
	color:#FFFFFF;
	font-size:85%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	left: 0;
}
#acerca{
	position:relative;
	z-index:3;
	left: 10px;
	top:-15px;
	width: 363px;
	height: 80px;
	color:#000000;
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	
}
#descarga{
	position:relative;
	z-index:3;
	left: 4px;
	top: -25px;
	width: 100px;
	height: 30px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#CCCCCC;
}

#mb{
	position:relative;
	top:-13px;
	width: 150;
	left: 90px;
	height: 25;
	font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cccccc;
font-size:90%;
		}
	
#mb a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cccccc;
font-size:90%;}

#mb a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:90%;}

#version{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	color:#666666;
	position:relative;
	top: 30px;
	}


/* los fondos*/

.fondo_hc{background:url(../images/estructura/fondo-hc.jpg) no-repeat;}
.fondo_ivaib{background:url(../images/estructura/fondo-ivaib.jpg) no-repeat;}
.fondo_sueldo{background:url(../images/estructura/fondo-sueldo.jpg) no-repeat;}
.fondo_gestion{background:url(../images/estructura/fondo-gestion.jpg) no-repeat;}
.fondo_dental{background:url(../images/estructura/fondo-dental.jpg) no-repeat;}
.fondo_cefalometria{background:url(../images/estructura/fondo-cefalometria.jpg) no-repeat;}
.fondo_costo{background:url(../images/estructura/fondo-costo.jpg) no-repeat;}
.fondo_stock{background:url(../images/estructura/fondo-stock.jpg) no-repeat;}
.fondo_provee{background:url(../images/estructura/fondo-provee.jpg) no-repeat;}
.fondo_caja-bco{background:url(../images/estructura/fondo-caja-bco.jpg) no-repeat;}
.fondo_socio{background:url(../images/estructura/fondo-socios.jpg) no-repeat;}



.fon_distribuidores{background:url(../images/lightview/fon-distribuidor.png) no-repeat;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*GEnerales*/

ul{
color:#000033;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
text-align:left;
}

h2{
font-size:225%;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-align:center;
color:#FFFFFF;
}

h3{
font-size:150%;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin-left:5%;
color:#FFFFFF;
}
h4{
font-size:90%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#FFFFFF;
}
h5{
font-size:125%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h6{
font-size:85%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;}

/*de t�tulo de productos*/
.h7{

margin-top:10px;
margin-left:10px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#FFFFFF;
position:relative;
font-weight:bold;
	
}

#distribuidor{
position:relative;
z-index:3;
left:10px;
top:-5px;
width: 160px;
height:12px;
color:#333333;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

.version{text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:60%;
color:#000066;
}
/*texto negro*/
.texto {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:80%;
text-align:center;
}
/*texto azul*/
.texto2{
color:#003399;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80% !important;
text-align:left;
}

.texto3{
color:#000000;
font-size:70%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
	}




.numero{
color:#999999;
font-size:85%;
text-align:center;
}

#titular{
	position:relative;
	width:167px;
	height:363px;
	z-index:2;
	overflow-y: scroll;
	overflow-x:hidden;
	left: 0px;
	top: 25px;
}

/*estilo tablas de requerimientos*/
.celda_encabezado_descarga{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:95%;
text-align:center;
height:25px;
background:url(../images/estructura/barrita.png);
}
.celda_encabezado{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:95%;
text-align:center;
width:50%;
height:25px;
background:url(../images/estructura/barrita.png);
}
.celda1{
color:#003399;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
width:50%;
background:url(../images/estructura/puntoceleste.png)}

.celda2{
color:#003399;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
width:50%;
background-color:#FFFFFF;
}

/*sacamos subrayado de links*/
a:link{text-decoration: none}
a:visited{text-decoration: none}
a:active{text-decoration: none} 


/**hosting**/

.plan-txt{
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:55%;
text-align:left;
}
.plan-info{
text-align:left;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
}

.plan-info a{
color:#CCCCCC;
}
.plan-info a:hover{
color:#ffffff;
}


 
/* tabla de info de hosting*/
.celda1-info{background-color:#00697b; color:#FFFFFF; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%;}
.celda1-info1{background-color:#CCCCCC; color:#00697b; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%;}
.celda1-info2{background-color:#FFFFFF; color:#000000; font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:75%;}

/*presentacion de clientes web*/


	#screen span {
	position:absolute;
	overflow:hidden;
	border:#FFF solid 0.5px;
	background:#000000;
	left: 48px;
	top: 8px;
	}
	#screen img{
		position:absolute;
		left:-32px;
		top:27px;
		cursor: pointer;
	}
	#caption, #caption2, #title{
	
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size: 80%;
		text-align: center;
		color:#ffffff;
	
	}
	#caption2{
	color: #000066;
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size: 80%;
		text-align: center;
		
	}
	#caption b , #caption2 b {
		font-size: 120%;
		color: #666666;
	}