body.ppal
{
	/*font-family: Arial,"Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,sans-serif;*/
	font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; 
	background-image: url(../img/fondobody3.png); 
	background-repeat:repeat-x;
	font-size:14px;
	line-height:1.5;
	margin: 0 auto;
}

img { border: none 0px; }

p { margin-top: 0px;}
a {color: #2277CC; text-decoration:none; }
a:hover { text-decoration:underline;}
h2 { font-size:19px;  color:#4b4b4b; margin-top:0px; margin-bottom:7px; background-color:transparent; } 
h2 img {margin-right:5px; vertical-align:middle; }

/*h1 { padding-bottom: 5px; font-size:28px; padding:0px;  color:#313131; background-color:transparent; border-bottom: solid 1px Gray; }*/
h1 {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 40px;
	font-weight: normal;
    padding-bottom: 10px;
	margin:0px;
    /*padding-top: 20px;		*/
}
h1.ppal {
	color:#232323; 
	font-size: 34px;
	font-style:normal;
	font-weight:600;
	letter-spacing:-1px;
	line-height:1.1em;
	text-align:center;
	border: none; 
	margin:0px;
	padding:0px;
}
a.ingresar  {color:#EFEFEF; float:right; background-color:transparent;}

.ModuloAdicional {padding-left:30px;}
.ModuloAdicional h3 {margin-bottom:5px; }


.titulocontact {
	font-size:20px; 
	color:#003366; 
	font-weight:bold;
	border-bottom: solid 1px Gray; 
	border-top: solid 1px Gray; 
	width: 95%; 
	text-align:center; 
	padding-left:8px ;
	margin-bottom: 10px;  
	background-color:transparent;
}

.vervideo {margin-top:245px; margin-left:30px; float:left;}
.contactenos {margin-top:245px; margin-left:15px; float:left;}

div.campoFormulario {margin-bottom: 5px; display:block;}
div.campoFormulario label {width:145px;  float:left; text-align:right; padding-right:10px; padding-top:3px; }

input.texto, textarea.texto, select.texto, 
.campoFormulario input, 
.campoFormulario select ,
select.dropdown  { 
	/*-moz-border-radius:5px 5px 5px 5px;*/
	background-color:transparent ;
	/*border:1px solid Black;*/
	color:#000000;
	/*display:block;*/
	/*letter-spacing:2px;*/
	font-size:16px;
	padding:3px;
	/*padding-right:0px;*/
	/*font-weight:bold;
	width:230px;*/
	/*margin-bottom: 7px;*/
}

/*La clase marca agua se asigna dinamicamente el Javascript contacto.js*/
input.marcaagua, textarea.marcaagua {color: rgb(60,61,57); font-weight:normal; background-color:transparent; }

ul.mnuppal   {list-style: none; padding: 0; text-align:right; }
ul.mnuppal li  { display:inline; /*margin-right:5px;*/}
ul.mnuppal li.ultimo  { margin-right:0px;}
ul.mnuppal li a {text-decoration:none; font-size:17px; font-weight:500; color:black; background-color:transparent; 
	letter-spacing:1px; padding-top:3px; padding-left:7px;padding-right:7px; 
	border: 1px solid Transparent; 
	-moz-border-radius:10px; /*Para que funcione en Mozilla*/
	-khtml-border-radius:10px; /*Para Konqueror y Safari */
	-webkit-border-radius:10px;border-radius:10px; /*Forma normalizada*/ }
ul.mnuppal li a:hover {background-color:#BABABA; border: 1px solid Transparent;  }
ul.mnuppal li a.activo {background-color:#BABABA; border: 1px solid Transparent;}

div.botonFormulario {text-align:center; margin-top:10px; width:100%;}

.container { width:700px; height:314px; overflow:hidden; position:relative; cursor:pointer; }
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides > div,ul.slides li { position:absolute; top:0; width:700px; display:none; padding:0; margin:0; }
/*
 * Optional
*/
#loopedSlider,#newsSlider { margin:0; width:700px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { height:33px; padding-top:10px; padding-left:23px; padding-right:23px; text-decoration:none; font-size:15px; color:rgb(255,255,255); float:left; background-color:transparent; outline:0px;  }
ul.pagination li a.ultimo {padding-right:50px; border-right: none 0px;}
ul.pagination li.active a { background-color:rgb(60,61,57); color:white; }

.pieslide {background-color: rgb(98,100,94); width:100%; height:43px; color:inherit; }

.ecology { background-image: url(../img/medioambiente.jpg); width:700px; height:314px; background-repeat:no-repeat;}
.plataforma { background-image: url(../img/plataforma.jpg); width:700px; height:314px; background-repeat:no-repeat;}
.modulos { background-image: url(../img/modulos.jpg); width:700px; height:314px; background-repeat:no-repeat;}
.contacto {background-image: url(../img/contacto.jpg); width:940px; height:300px; background-repeat:no-repeat;}

ul.vineta1 { list-style-image: url(../img/Forward.png); margin-top:0px;  }
ul.vineta1 li {margin-bottom:7px; } 

ul.vineta2 { list-style-image: url(../img/ok2.png); margin-top:0px; }
ul.vineta2 li {margin-bottom:7px; } 

ul.vineta3 { list-style-image: url(../img/bullet_4sq.gif); margin-top:0px; }
ul.vineta3 li {margin-bottom:7px; } 


.piePag { width:100%; height: 200px; background-color: #E2E2E0; border-top: solid 2px rgb(200,208,215); padding:10px 0px; margin-top:30px; color: #576672; font-size:13px; }
.piePag a {color: #576672; text-decoration: none; background-color:transparent;}
.piePag a:hover {text-decoration: underline;}
.piePag  ul {list-style: none outside none; margin: 0px; padding: 5px 0; }
.piePag  h4 {padding:0px; margin:0px; }
.piePag  hr {background: url( ../img/bevel-footer.gif) repeat-x scroll right top transparent; border: 0 none; height: 2px; width:100%; }

.contenido {background-color: White; border: solid 1px Gray; width:675px; /*-moz-border-radius:5px 5px 5px 5px;*/ padding:8px; color: inherit;}

.slider ul, .slider li {margin:0; padding:0; list-style:none; }
.slider li {	width:695px; height:450px; overflow:hidden; }

.prevBtn a:focus {outline:0px;}
.nextBtn a:focus {outline:0px;}	

.recursos  img {display: block;}
.recursos { border: solid 1px gray; text-align:center !important; padding:5px; margin-top:20px; height:150px;}

.Progress {width:95%; text-align:center; }

/*.boxprecios { background-image: url(../img/boxprecios.png); background-repeat:no-repeat; width:280px; height:310px; } 
.tituloprecios { font-size:46px; font-weight: bold; letter-spacing: -2px; text-align:center; width:100%; margin:20px 0px; color:#313131; }
.precios { font-family:helvetica,arial sans-serif; font-weight: bold; letter-spacing: -1px; text-align:center; width:100%; } 
.precios span { display:block;}
.tableprecios { font-family:helvetica,arial sans-serif; font-weight: bold; font-size:15px; letter-spacing: -1px; margin-left:10px; }
*/

div.Planes { width:280px; height:200px;}
div.Planes div.TituloPlan {padding-top:4px;font-size:20px;color:#FFF;font-style:italic; width:100%; text-align:center;}
div.Planes div.ContenidoPlan {margin-top:25px; width:100%; text-align:center;}
div.Planes span.Rango {font-size:18px; background-repeat:no-repeat;}
div.PlanPlata { background-image: url(../img/PlanPlata.png); }
div.PlanOro { background-image: url(../img/PlanOro.png); }
div.PlanPlatino { background-image: url(../img/PlanPlatino.png); }
div.PiePlan {margin-top:13px; text-align:center; width:100%;}
div.PiePlan a {color:#99FF66 !important; text-decoration: underline; font-style: italic;}

/*table.Precios tr td div.Uno {background-color: #330099;}
table.Precios tr td div.Dos {background-color: #339933;}
table.Precios tr td div.Tres {background-color: #CC3333;}
table.Precios tr td div.Cuatro {background-color: #669966;}
table.Precios tr td div.Cinco {background-color: #999933;}*/

.testimonios  {font-family:helvetica,arial sans-serif; margin-bottom:40px; float: none;}
.testimonios span { display: block;}
.testimonios a { font-size:13px; margin-left: 10px; }
.testimonios img {vertical-align:top;}
.testimonios .texto {/*font-size:22px; letter-spacing: -1px;*/ font-style:italic; /*color: #444444; line-height:1.3em; text-align:justify;*/ display:inline; /*float:left;*/ }
.testimonios .VerMas {text-align:right;}
.testimonios .firma {font-size:15px; color: #439900; text-align:right; font-weight:bold; margin-top:10px; }
.testimonios .cargo {font-size:14px; color: black; text-align:right; }
.testimonios .logoemp { width:100%; text-align:right; }
.comentario { background-image: url(../img/boxcomentario.png); background-repeat:no-repeat; width:340px; height:75px; padding-left:70px; padding-top:7px;}

.boxnuevo { background-image: url(../img/FondoCuenta2.png); width:245px; height:334px; float:left; position:absolute; top:127px; z-index:9000; }
.boxnuevo h3 {padding:0px;color:white;margin:0px;}
.boxnuevo h2 { color:White; font-size:1.7em; line-height: 1em; font-weight:bold; padding:0px; margin-bottom:10px; }
.boxnuevo hr { width:180px; margin: 10px auto;border-top: solid 1px #8CCFD1;display:block; }
.boxnuevo ul  { color:White; margin-top:0px; text-align:left; list-style:disc; list-style-image: url(../img/ok2.png); }
.boxnuevo ul  li {margin-left:25px;}
.boxnuevo span  {color:White; display:block; margin-top:10px;line-height:18px;}

table.Caracteristicas  tr td { padding:5px;}
table.Caracteristicas tr.r1 td { background-color: #EFF3EB } 

.Errores
{
	z-index:4;
	text-align:left;
	padding: 0px 5px 0px 5px;
	color: #FF0000;
	vertical-align: middle;
	list-style-type:  disc;
	list-style-image: url( ../img/vinetaError.gif);
	list-style-position:  outside;
}
/****************************************************************************/

.BarraCuenta {
	background-image: url(../img/BarraCuenta.png);
	background-repeat:no-repeat;
	width:100%;
	text-align:center;
	height:61px;
	width:100%;
	padding-top:12px;
}
.BarraCuenta img, span { margin-left:12px;}

a.VerMas  {font-size:12px; font-style:italic; display:block;}
a.VerMas:before { content: "[ ";}
a.VerMas:after  { content: " ]";}

.redondeado0 {
	/*Elementos de los que se puede prescindir*/
	background:#FFF;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding:4px;
	border: 1px solid #999999; 
	-moz-border-radius:10px; /*Para que funcione en Mozilla*/
	-khtml-border-radius:10px; /*Para Konqueror y Safari */
	-webkit-border-radius:10px;border-radius:10px; /*Forma normalizada*/
}
.redondeado0 h3  {margin:0px; padding:5px 0px; font-size:14px;}

ul.mnupag {margin:0px; margin-left:0px; padding:0px; list-style: none;}
ul.mnupag li {border-bottom:dashed 1px Gray; color:inherit; padding:5px 0px;}
ul.mnupag li a {color: #999999;  }
ul.mnupag li a:hover {color: #000; }

div.IndicePagina {background-color: #EDEAEA; padding:5px;border: solid 1px #666666;}
div.GoPos {width:100%; text-align:center; }
div.GoPos a {font-size:12px; font-style:italic;}

div.Separador {width:100%; height:20px;}

img.FlotaLeft{ float:left; margin-right:7px; margin-bottom:7px;}

/*Para modificar el boton Cerrar del SuperBox*/
div.iframe {text-align:center;}
div.iframe p.close a:hover {text-decoration:none; cursor:pointer; }

/*Estilos para hacer el tooltip mejor*/
a.Ntooltip {position: relative; text-decoration: none !important;}
a.Ntooltip:hover {z-index:999; }
a.Ntooltip span {display: none; }
a.Ntooltip:hover span 
{
	display: block; /* se fuerza a mostrar el bloque */
	position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
	padding:10px; /* la separación entre el contenido y los bordes */
	background-image: url(../Imagenes/FondoGris.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	background-color:rgb(255,255,255);
	border:solid 2px gray;
	color:rgb(0,0,0);
	width: inherit;
	text-align:left !important;
}
a.Ntooltip span.Info {background-color:#FFFFEE !important; background-image:none; }