@charset "utf-8";
/* CSS Document */


*{ margin: 0;padding:0;}

/* --------------------------
GENERAL
----------------------------*/
html{height:100%; width:100%;padding: 0;margin: 0; }
body {
		 height:100%;
		 width:100%;
         margin: 0;
         padding: 0;		 
         color: #000000;
         font-family: Helvetica,Geneva, Arial;
		 text-align:justify;		 		 
		 font-size:69.5%;	
	  	 background-color:#ededed;
		   	   
}
.clear{clear:both;}
.clear15{clear:both; height:15px}
.clear25{clear:both; height:25px}
.clearAncho{clear:both; width:500px; float:left;}
.separador{margin:20px 0 20px 0;border-bottom:1px solid #999999;}
.separadorMin{margin:-10px 0 10px 0;border-bottom:1px dotted #999999;}
.visible{display:block; visibility:visible}
.invisible{display:none; visibility:hidden}
.enlace a{ color:#0033FF; text-decoration:none;}
.enlace a:hover{ color:#000000; text-decoration:none;}

.bordeAmarillo{border:3px solid #E8ED2C}
.bordePunteado{border:2px dotted #999999}
		
	/*estilo para el FckEditor*/
	.TituloSec{font-family: Tahoma, Arial; font-size:15px;color:#5A5A5A}


/* --------------------------
CONTENEDORES
----------------------------*/

#container{width:100%; margin:auto;}

/*------Fin----------------*/

/* --------------------------
CABECERA
----------------------------*/

#contain-cabecera{ width:778px; height:141px; margin:auto; background-color:#FFFFFF; border-bottom:1px solid #000000}
	#contain-cabecera #listEnlaces{width:778px; height:25px;background-image:url(images/fnd_mnuArriba.jpg); background-position:center; background-repeat:repeat-x; }
		#contain-cabecera #listEnlaces ul{ float:right;}
		#contain-cabecera #listEnlaces li{ display:inline; list-style:none; margin-right:10px; font:Arial, Helvetica, sans-serif; font-size:14px}
	#contain-cabecera #cabecera{width:778px; height:116px; background-image:url(images/cabecera1.jpg);}
		#contain-cabecera #cabecera #cabeceraLogo{height:96px; width:auto; float:left; margin:-25px auto auto 0px;}
		#contain-cabecera #cabecera #cabeceraTitulo{ height:30px; width:auto; float:left; margin:0px 0px 50px auto;}
			#contain-cabecera #cabecera #cabeceraTitulo h1{ padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; background-color:#000000;}
			#contain-cabecera #cabecera #cabeceraTitulo h2{padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background-color:#FFF; text-align:right}
			#contain-cabecera #cabecera #cabeceraTitulo span{color:#dc006a;}

/*------Fin----------------*/


/* --------------------------
CONTENEDORES - CUERPO
----------------------------*/
#con-cuerpo{width:778px;  margin:auto;}
#contain-cuerpo{ width:778px;  height:511px; min-height:511px; height:auto !important; margin:auto; background-color:#FFFFFF;padding: 10 0 10 0px; border-left:1px dotted #cccccc; border-right:1px dotted #cccccc;}
	#contain-cuerpo .cuerpo{ width:670px; float:left;background-color: #FFFFFF; height:411px; min-height:411px; height:auto !important; margin:auto; padding:25px;  }
	#contain-cuerpo .cuerpo2{float:left;width:auto;background-color: #FFFFFF;height:411px;	min-height:411px;height:auto !important;margin-right:0px; padding:25px; }
	
	#contain-cuerpo #mnuLateral1{ width:0px; float:left; background-color:#009966;  margin:auto;  }	
	
#menu #con-cuerpo #idmnu{ display:none; visibility:hidden;}	
#menu #con-cuerpo #idmnuLateral2{ display:none; visibility:hidden;}
	#con-cuerpo .mnu{width:100px; height:46px; position:absolute; background-image:url(images/fndBtnmnuderech2.jpg); background-repeat:no-repeat;margin:11px 0 0 670px; text-align:center; padding:18px 0 0 8px; font:Arial, Helvetica, sans-serif; font-size:13px; color:#e64117}
	#con-cuerpo .mnuLateral2{width:108px; position:absolute;background-image:url(images/fndMenuDerech.jpg); background-repeat:repeat-y;height:auto !important; margin:56px 0 0 670px; }
		
		#con-cuerpo ul{width:108px; height:auto;}	
		  	#con-cuerpo .li{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#444444; list-style:none}	
			#con-cuerpo .liMnu{width:92px;min-height:40px; padding-top:30px; margin:0 0 0 10px; text-align:center; height:auto !important;border-bottom:1px solid #e8e8e8;list-style:none}
			#con-cuerpo .liPenultimo{width:92px; padding-top:30px; background-image:url(images/fndliUltimo.jpg); background-position:bottom; background-repeat:no-repeat; margin:0 0px 0 10px; text-align:center;min-height:60px; height:auto !important; border-bottom:1px solid #e8e8e8;list-style:none}
			#con-cuerpo .liultimo{width:108px; height:38px;text-align:center; background-image:url(images/fndMnupiederech2.jpg); background-repeat:no-repeat;list-style:none}
	
	
	#con-cuerpo .mnu2{width:108px; position:absolute;background-color:#00CC66;margin:-40px 108px 0 0;}
	#con-cuerpo .mnu2Lateral2{width:108px; position:absolute;background-image:url(images/fndMenuDerech.jpg); background-repeat:repeat-y; height:411px; min-height:411px; height:auto !important; margin:0 0 0 -108px; }
	
	
	#Inicio #contain-cuerpo #cuerpo{ width:738px;background-color: #FFFFFF;margin:auto;height:411px; min-height:411px; height:auto !important; padding:20px;}	
	#Inicio #con-cuerpo .mnuLateral2{width:0px; float:right; background-color:#CC99CC; margin:auto; }
/*------Fin----------------*/


/*-------CUERPO INICIO ----*/

	#cuerpo #accesoPanel{ width:360px; height:150px; margin:100px auto 0 auto; padding:20px; }
		#cuerpo #accesoPanel fieldset{background-color:#EFEFEF;padding:15px;}
		#cuerpo #accesoPanel .medidas{clear:both;}
		#cuerpo #accesoPanel label{float:left;margin-top:10px;}
		#cuerpo #accesoPanel input{float:right;margin-right:70px;margin-top:10px;}

		
		
	#cajaError{ width:300px; height:80px; position:absolute; top:50%; left:50%; z-index:99999; margin:-40px 0 0 -150px; padding:20px; background-color:#F2F2F2; border:1px solid #feb226; color:#dc006a;}
		#cajaError #cerrar{ position:absolute; text-align:center;height:15px; width:50px;border-left:1px solid #E20314;border-bottom:1px solid #E20314;  background-color:#FFFFFF;  margin:0 0 auto 269px; top:0;}
		#cajaError #cerrar a{color:#E20314;font-size:11px; text-decoration:none}



a.buttonArea {
	width:30px;
	height:30px;
	display:block;		
	font-family: Helvetica, Arial, sans-serif;
	color:#000 !important;
	position:absolute;
	float:right;
	right:0;
	text-decoration:none;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

a.buttonArea:hover {
background-position:-800px 0px;
	text-decoration:none;
	color:#000 !important;
}
a.buttonArea h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.462em; /* 32px */
	line-height: 0.9em;
	margin-bottom: 15px;
	letter-spacing: -0.03em;
	display:block;
	text-indent:0px !important;
	color: #000;
	padding-top: 34px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
}
.buttonArea p{
	padding-left: 50px;
	padding-right: 50px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #999999;
}
.smallImage {
	margin-left: 20px;
	padding-top: 25px;
}

.bubbleInfo {
    position: relative;
}

#Bpaso1 .popup{margin-left:-350px;margin-top:0px;}
#Bpaso2 .popup{margin-left:-350px;margin-top:0px;}
#menu .popup{margin-left:-360px;margin-top:0px;}
#Bpaso3 #ayudaVista .popup{margin-left:-350px;margin-top:0px;}

.popup {
	color: #555;
	position: absolute;
	right:0;
	display: none; /* keeps the popup hidden if no JS available */
	width: 284px;
	height: 103px;
	background-image: url(images/popup.png);
	background-repeat: no-repeat;
}

.popup p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	line-height:12px !important;
	text-align:left;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 13px;
}

.popup a {
	color: #555;
}

.popup a:hover {
	color: #555;
	text-decoration: none;
}

		

	
		
/*-------CUERPO MENU ------*/


	#cuerpoC .contMnuCaja2{ width:310px;float:left; background-color:#F3F3F5; }
        #cuerpoC .contMnuCaja2 .titulMnuCaja{position:absolute;width:100px;	height:20px;	margin:-10px auto auto 15px;	background-color:#DC006A;	border:1px solid #666666;}
			.contMnuCaja2 .titulMnuCaja h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; width:65px;height:20px; margin:0 auto 0 auto;}
          .contMnuCaja2 .mnuCaja{ width:auto; height:110px; padding:15px;}


	
	#cuerpoC .contMnuCaja{ width:313px;float:left; background-color:#F3F3F5; margin-right:20px; }
        #cuerpoC .contMnuCaja .titulMnuCaja{position:absolute;width:100px;	height:20px;	margin:-10px auto auto 15px;	background-color:#DC006A;	border:1px solid #666666;}
			.contMnuCaja .titulMnuCaja h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; width:65px;height:20px; margin:0 auto 0 auto;}
          .contMnuCaja .mnuCaja{ width:auto; height:110px; padding:15px; }
            	.mnuCaja .contOpciones{ float:left;height:100px; width:75px; margin-right:18px; margin-top:10px;}
                	.mnuCaja .contOpciones .opcionTitul{width:80px; height:30px; text-align:center}
						.mnuCaja .contOpciones .opcionTitul h3{ width:auto;font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-right:auto;margin-left:auto;} 
                    .mnuCaja .contOpciones .opcionIcono{width:80px; height:auto}

	
	
	#cajaestado {background:#CCCCCC; padding:3px; margin:5px; border:#999999 1px solid; width:260px; margin:-0px 0px 20px 0px;}
	#cajaestado a{ color:#000000; text-decoration:none; cursor:pointer; }
	#cajaestado a:hover{ color:#dc006a; cursor:pointer;}
	
	
	
	
/*------- TUTORIAL --------------*/
	
	#menu #contain-cuerpo{ height:561px; min-height:561px; height:auto !important; }
	#menu .cuerpo{float:left;background-color: #FFFFFF; height:391px; min-height:391px; height:auto !important;}
	#Bpaso1 .cuerpo{ width:778px; float:left;background-color: #FFFFFF; height:411px; min-height:411px; height:auto !important; margin:auto;padding:0;}
	#Bpaso2 .cuerpo{ width:778px; float:left;background-color: #FFFFFF; height:411px; min-height:411px; height:auto !important; margin:auto;padding:0;}
	#Bpaso3 .cuerpo{ width:778px; float:left;background-color: #FFFFFF; height:711px; min-height:711px; height:auto !important; margin:auto;padding:0;}
	#Bpaso4 .cuerpo{ width:778px; float:left;background-color: #FFFFFF; height:411px; min-height:411px; height:auto !important; margin:auto;padding:0;}
	#Bpaso5 .cuerpo{ width:778px; float:left;background-color: #FFFFFF; height:411px; min-height:411px; height:auto !important; margin:auto;padding:0;}
	#Bcontenidospaso1 . cuerpoc { width:778px; float:left;background-color: #FFFFFF; height:411px; min-height:411px; height:auto !important; margin:auto;padding:0;}
	#cuerpoC #cabecTutorial{height:72px; width:778px;}
        	#cabecTutorial .titulTutorial{float:left; width:173px;margin-top:30px;padding-left:15px; }
			#cabecTutorial .titulTutorial h1{ font:Arial, Helvetica, sans-serif; font-size:25px; color:#cb2b7e; font-weight:normal}
			#cabecTutorial .titulTutorial .encima{ font-size:15px; color:#000;position:abosulte;margin-bottom:-4px;font-weight:normal}
		
   #cuerpoC #cabecTutorial ul{float:right; width:584px;height:72px ;list-style:none; margin-top:10px;}
   #cuerpoC #cabecTutorial li{float:left; height:72px; font-size:9px }
   #cuerpoC #cabecTutorial li a{font-size:9px }    

	
	#cabecTutorial ul .paso1{ float:left;width:53px; height:72px; margin-right:0px;}
		#cabecTutorial ul .paso1 h2{z-index: 1;}
					#cabecTutorial ul .paso1 h2 a{width:53px; height:72px;background:url(images/paso1.jpg) no-repeat; background-position:0 0 0 0; background-repeat:no-repeat; display: block; color: #FFFFFF;}
		#Bpaso1	#cabecTutorial ul .paso1 h2 a{width:53px;  height:72px;background:url(images/paso1.jpg) no-repeat; background-position:-50px 0;background-repeat:no-repeat;display: block; color: #FFFFFF;}
					#cabecTutorial ul .paso1 h2 a:hover{width:53px;  height:72px;background:url(images/paso1.jpg) no-repeat;background-position:-50px 0;background-repeat:no-repeat; display: block; color: #FFFFFF;}			
					#cabecTutorial ul .paso1 h2 a span{ position: absolute; z-index: -1; }
					
					
	#cabecTutorial ul .flecha{ float:left;width:79px; height:72px; margin-right:0px;}
		#cabecTutorial ul .flecha h2{z-index: 1;}
		#cabecTutorial ul .flecha h2 a{width:79px; height:72px;background:url(images/flecha.jpg) no-repeat; background-position:0 0 0 0; background-repeat:no-repeat; display: block; color: #FFFFFF;}
		#Bpaso1	#cabecTutorial ul .flecha1 h2 a{width:79px;  height:72px;background:url(images/flecha.jpg) no-repeat; background-position:-79px 0;background-repeat:no-repeat;display: block; color: #FFFFFF;}
		#Bpaso2	#cabecTutorial ul .flecha2 h2 a{width:79px;  height:72px;background:url(images/flecha.jpg) no-repeat; background-position:-79px 0;background-repeat:no-repeat;display: block; color: #FFFFFF;}
		#Bpaso3	#cabecTutorial ul .flecha3 h2 a{width:79px;  height:72px;background:url(images/flecha.jpg) no-repeat; background-position:-79px 0;background-repeat:no-repeat;display: block; color: #FFFFFF;}
		#Bpaso4	#cabecTutorial ul .flecha4 h2 a{width:79px;  height:72px;background:url(images/flecha.jpg) no-repeat; background-position:-79px 0;background-repeat:no-repeat;display: block; color: #FFFFFF;}
		#Bpaso5	#cabecTutorial ul .flecha5 h2 a{width:79px;  height:72px;background:url(images/flecha.jpg) no-repeat; background-position:-79px 0;background-repeat:no-repeat;display: block; color: #FFFFFF;}								
		#cabecTutorial ul .flecha h2 a span{ position: absolute; z-index: -1; }				

	
	#cabecTutorial ul .paso2{ float:left;width:53px; height:72px; margin-right:0px;}
		#cabecTutorial ul .paso2 h2{z-index: 1;}
					#cabecTutorial ul .paso2 h2 a{width:53px; height:72px;background:url(images/paso2.jpg) no-repeat; background-position:0 0 0 0;background-repeat:no-repeat; display: block; color: #FFFFFF;}
		#Bpaso2	#cabecTutorial ul .paso2 h2 a{width:53px;  height:72px;background:url(images/paso2.jpg) no-repeat; background-position:-50px 0;background-repeat:no-repeat;display: block; color: #FFFFFF;}
					#cabecTutorial ul .paso2 h2 a:hover{width:53px;  height:72px;background:url(images/paso2.jpg) no-repeat;background-position:-50px 0;background-repeat:no-repeat; display: block; color: #FFFFFF;}			
					#cabecTutorial ul .paso2 h2 a span{ position: absolute; z-index: -1; }



	#cabecTutorial ul .paso3{ float:left;width:53px; height:72px; margin-right:0px;}
		#cabecTutorial ul .paso3 h2{z-index: 1;}
					#cabecTutorial ul .paso3 h2 a{width:53px; height:72px;background:url(images/paso3.jpg) no-repeat; background-position:0 0 0 0;background-repeat:no-repeat; display: block; color: #FFFFFF;}
		#Bpaso3	#cabecTutorial ul .paso3 h2 a{width:53px;  height:72px;background:url(images/paso3.jpg) no-repeat; background-position:-50px 0;background-repeat:no-repeat;display: block; color: #FFFFFF;}
					#cabecTutorial ul .paso3 h2 a:hover{width:53px;  height:72px;background:url(images/paso3.jpg) no-repeat;background-position:-50px 0;background-repeat:no-repeat; display: block; color: #FFFFFF;}			
					#cabecTutorial ul .paso3 h2 a span{ position: absolute; z-index: -1; }
					
					
	#cabecTutorial ul .paso4{ float:left;width:53px; height:72px; margin-right:0px;}
		#cabecTutorial ul .paso4 h2{z-index: 1;}
					#cabecTutorial ul .paso4 h2 a{width:53px; height:72px;background:url(images/paso4.jpg) no-repeat; background-position:0 0 0 0;background-repeat:no-repeat; display: block; color: #FFFFFF;}
		#Bpaso4	#cabecTutorial ul .paso4 h2 a{width:53px;  height:72px;background:url(images/paso4.jpg) no-repeat; background-position:-50px 0;background-repeat:no-repeat;display: block; color: #FFFFFF;}
					#cabecTutorial ul .paso4 h2 a:hover{width:53px;  height:72px;background:url(images/paso4.jpg) no-repeat;background-position:-50px 0;background-repeat:no-repeat; display: block; color: #FFFFFF;}			
					#cabecTutorial ul .paso4 h2 a span{ position: absolute; z-index: -1; }
					
					
	#cabecTutorial ul .paso5{ float:left;width:53px; height:72px; margin-right:0px;}
		#cabecTutorial ul .paso5 h2{z-index: 1;}
					#cabecTutorial ul .paso5 h2 a{width:53px; height:72px;background:url(images/paso5.jpg) no-repeat; background-position:0 0 0 0;background-repeat:no-repeat; display: block; color: #FFFFFF;}
		#Bpaso5	#cabecTutorial ul .paso5 h2 a{width:53px;  height:72px;background:url(images/paso5.jpg) no-repeat; background-position:-50px 0;background-repeat:no-repeat;display: block; color: #FFFFFF;}
					#cabecTutorial ul .paso5 h2 a:hover{width:53px;  height:72px;background:url(images/paso5.jpg) no-repeat;background-position:-50px 0;background-repeat:no-repeat; display: block; color: #FFFFFF;}			
					#cabecTutorial ul .paso5 h2 a span{ position: absolute; z-index: -1; }					
										
	
	
	#pasoExplicacion{ width:738px; height:200px;padding:20px;}
		#pasoExplicacion #explicacion{ width:452px; height:150px; float:left; margin-top:46px}
		#pasoExplicacion #explicacion p.presentacion{ font:Arial, Helvetica, sans-serif; font-size:14px; color:#2b2b2b;}
		#pasoExplicacion #explicacion p.presentacion strong{ color:#f49d18}
		#pasoExplicacion #explicacion p.explan{ font:Arial, Helvetica, sans-serif; font-size:14px; color:#908d8d;}
		#pasoExplicacion #explicacion p.explan strong{ color:#cb2b7e}
		
		
	.cajaVistaPrevia{ width:276px; height:244px; position:absolute; margin-left:497px; margin-top:20px; background-image:url(images/fndVistaprevia.jpg); background-repeat:no-repeat;}
         .cajaVistaPrevia .vTitulo{ height:24px; width:100px;margin-left:124px;}
		 .cajaVistaPrevia .vTitulo h2{ font:Arial, Helvetica, sans-serif;color:#cb2b7e; font-size:16px;}
		 .cajaVistaPrevia .vTitulo h2 a{ font:Arial, Helvetica, sans-serif;color:#cb2b7e; font-size:16px;}
         .cajaVistaPrevia .vVistaCarga{ width:236px; height:191px;margin:8px 17px 17px 17px; float:left}		
		
	.cajaVistaPrevia2{ width:276px; height:244px;  float: left;  background-image:url(images/fndVistaprevia.jpg); background-repeat:no-repeat;}
         .cajaVistaPrevia2 .vTitulo{ height:24px; width:100px;margin-left:124px;}
		 .cajaVistaPrevia2 .vTitulo h2{ font:Arial, Helvetica, sans-serif;color:#cb2b7e; font-size:16px;}
		 .cajaVistaPrevia2 .vTitulo h2 a{ font:Arial, Helvetica, sans-serif;color:#cb2b7e; font-size:16px;}
         .cajaVistaPrevia2 .vVistaCarga{ width:236px; height:191px;margin:8px 17px 17px 17px; float:left}		
	
	#pasoFuncionalidad{ padding:20px;}
		#pasoFuncionalidad .titulTutorial{float:left; width:500px;margin-top:-20px;padding-left:15px; border-bottom:3px solid #f3990d; }
		#pasoFuncionalidad .titulTutorial h1{ font:Arial, Helvetica, sans-serif; font-size:25px; color:#f3990d; font-weight:normal}
		#pasoFuncionalidad .titulTutorial .encima{ font-size:15px; color:#000;position:abosulte;margin-bottom:-4px;font-weight:normal}
	
	#Bpaso2 #pasoFuncionalidad .titulTutorial{ border-bottom:3px solid #0099CC; }
	#Bpaso2 #pasoFuncionalidad .titulTutorial h1{ color:#0099CC}
	#Bpaso2 #pasoFuncionalidad .titulTutorial .encima{ color:#000;}
	
	#Bpaso3 #pasoFuncionalidad .titulTutorial{ border-bottom:3px solid #59AA33; }
	#Bpaso3 #pasoFuncionalidad .titulTutorial h1{ color:#59AA33}
	#Bpaso3 #pasoFuncionalidad .titulTutorial .encima{ color:#000;}
	
	#Bpaso4 #pasoFuncionalidad .titulTutorial{ border-bottom:3px solid #CE2222; }
	#Bpaso4 #pasoFuncionalidad .titulTutorial h1{ color:#CE2222}
	#Bpaso4 #pasoFuncionalidad .titulTutorial .encima{ color:#000;}
	

/*------pasos ------------*/

   .contEstructura{ width:700px; margin:10px auto 20px auto;} 
   		.estrucE{ width:200px; height:180px;  position:absolute; z-index:100;}
		.estrucE ul{ width:180px; height:160px;}
		.estrucE ul li{ width:180px; height:160px; float:left; list-style:none}
		.estrucE a{width:180px; height:160px; float:left; background-image:url(images/selElegir.jpg);background-color:#FFF; opacity: 0.0;-moz-opacity: 0.0;filter: alpha(opacity=0); font-family:Arial, Helvetica, sans-serif; color:#999999; padding:15px;}
		.estrucE a:hover{width:180px; height:160px;background-color:#FFF; opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);font-family:Arial, Helvetica, sans-serif; color:#999999; padding:15px;}          	
        
		.estruc{ width:200px; height:180px; float:left; margin:15px 20px 15px 0;}
        
	#estrucPersonalizado{width:200px; height:180px; border:1px dotted #999999}
		#estrucPersonalizado h2{ color:#999999; width:130px; padding:8px; margin:60px auto 0 auto; border:1px dotted #999999}
	
	 .bloqImagenes{ margin-top:25px;}
         .bloqImagenes h2{ margin-bottom:15px; font-size:16px;}
		 .bloqImagenes span{ color:#59AA33}
           .bloqForm{ float:left; width:400px}
           .bloqRespuesta{ float:left;  width:180px; padding-left:50px}
         
       
	  .contImagenes .estrucE{ width:106px; height:106px;  position:absolute; z-index:100;}
	  .contImagenes .estrucE ul{ width:106px; height:106px;}
	  .contImagenes .estrucE ul li{ width:106px; height:106px; float:left; list-style:none}
	  .contImagenes .estrucE a{width:106px; height:106px; float:left; background-image:url(images/selElegir2.jpg);background-color:#FFF; background-repeat:no-repeat;opacity: 0.0;-moz-opacity: 0.0;filter: alpha(opacity=0); font-family:Arial, Helvetica, sans-serif; color:#999999;padding:0px;}
	  .contImagenes .estrucE a:hover{width:106px; height:106px;background-color:#FFF;background-repeat:no-repeat; opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);font-family:Arial, Helvetica, sans-serif; color:#999999;padding:0px;}          	
        
	  .contImagenes .estruc{ width:106px; height:106px; float:left; margin:15px 20px 15px 0;}
	  .contImagenes .estrucI{ width:100px; height:100px; /*border:2px dotted #999999*/} 
	  
	   .bloqImagenes2{ margin-top:25px;}
         .bloqImagenes2 h2{ margin-bottom:15px; font-size:16px}
		 .bloqImagenes2 span{ color:#59AA33}
           .bloqImagenes2 .bloqForm{ float:left; width:700px}
           .bloqImagenes2 .bloqRespuesta{ float:left;  width:0px}
	
	
/*------caja Paso aceptar -----------*/

    .pasoAceptar{ width:180px; height:45px; position:absolute; display:none}
         .paceptarImagen{ float:left ;height:45px;  width:38px; z-index:100; position:absolute;}
          .paceptarBoton{float:left ; margin-left:18px; z-index:1;width:102px; height:45px; background-color:#DAF3DB; border:1px solid #427C2E; padding:4px;}
               .paceptarAceptar a, .paceptarAceptar a:hover{ margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; font-weight:bold; text-decoration:none}
               .paceptarIr a, .paceptarIr a:hover{margin-left:10px;  font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#009933; text-decoration:none; font-weight:bold; }

		

/*------- CUERPO DESTACADO --------------*/

.destacado{ width:441px; height:auto; background-color:#dedace; margin-top:36px; margin-bottom:5px;}
	.destacadoTitulo{ height:auto; padding:13px 12px 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#474747; font-weight:bold}
	.destacadoDescrip{float:left; width:322px;padding:13px 0 0 12px;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	.destacadoFoto{float:right; width:95px;padding:7px 0 0 12px;}
	.destacadoPie{ height:7px;padding:13px 0 13px 12px;}
		.destacadoPie ul{ display:inline; list-style:none;}
		.destacadoPie ul li{ display:inline; list-style:none;margin-right:6px;}
		.destacadoPie ul li a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#474747; font-weight:bold; text-decoration:none}
		.destacadoPie ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#474747; font-weight:bold; text-decoration:none}

 


/*---- GESTOR USUARIOS------------ */

	#cuerpoC #pcTitulo{float:left;width:100%; clear:both}
		#cuerpoC #pcTitulo h2{font:Arial, Helvetica, sans-serif; font-size:17px; color:#666666}
	#cuerpoC #mnuMigaspan{width:650px;top:0; height:20px; margin-top:0;margin-bottom:10px;}
	#cuerpoC .menuFuncionalidad{margin:20px 0 20px 10px; }
		#cuerpoC .menuFuncionalidad a{font:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; text-decoration:none;}
		#cuerpoC .menuFuncionalidad a:hover{font:Arial, Helvetica, sans-serif; font-size:13px; color:#999999}
		
		#cuerpoC fieldset{ width:400px; padding:10px;}
		
		
		#cuerpoC #contGestor .listadoTable{margin-left:0;margin-bottom:2em;width:700px;border:1px solid E4E4E4;border-left: 1px solid #E4E4E4;	border-right: 1px solid #E4E4E4;border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;line-height:1.5em;	}
			#cuerpoC #contGestor .captionTitulo{width:700px;margin-left:0em;margin-bottom:0em;background-color:#8CA2B9}
				#cuerpoC #contGestor .captionTit{color:#FFFFFF; font-weight:bold;}
			
		
		
		#cuerpoC #contGestor .listadoTable th{padding:3px 3px 3px 3px;background-color:#E4E4E4;margin-left:1em;text-align:center;}
			#cuerpoC #contGestor .listadoTable th a{color:#000000; text-decoration:none}
		#cuerpoC #contGestor .listadoTable .fechass{width:15%;	padding:0px 10px 0px 10px;text-align:center;}		
		#cuerpoC #contGestor .listadoTable .tdicono{width:10%;padding-bottom:1px;padding-left:3px;border-bottom: 1px dotted #E4E4E4;height:3em;min-height:3em;height: auto !important;}
		#cuerpoC #contGestor .listadoTable .tdoferta{width:20%;padding:0.5em 1em 0.5em 0.5em;border-bottom: 1px dotted #E4E4E4;line-height:2em;height:3em;min-height:3em;height: auto !important;font-size:1.2em;}		
		#cuerpoC #contGestor .listadoTable .tdaccion{padding:0.5em 0.1em 0.5em 0.1em;border-bottom: 1px dotted #E4E4E4;line-height:2em;height:3em;min-height:3em;height: auto !important;font-size:1.2em;}

/*---- GESTOR DOMINIOS------------ */

		#cuerpoC #contGestor .captionTitulo2{width:90%;margin-left:0em;margin-bottom:0em;background-color:#E0E7CB}
		
		#cuerpoC #contGestor .listadoTable .estado1{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666666}
		#cuerpoC #contGestor .listadoTable .estado2{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#CC3300}
		
		#contGestor #formcontact .mnuSel{margin:20px 0 0 20px; width:75px}
		

/*---- GESTOR DISEÑO------------ */
		
		#cuerpoC #contGestor #titGest{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666; border:dashed 1px; padding:5px; width:400px;}
		
		#cuerpoC #contGestor #miniContent{ width:400px; height:370px; margin:20px auto 20px auto; border:1px solid #ADA08F; background-color:#EDE4D8;}
			#cuerpoC #contGestor #miniContent #miniCabecera{ height:72px; margin:10px; border:1px solid #ADA08F;}
					#contGestor #miniContent #miniCabecera #elemLogo{border:1px dotted #ADA08F; margin:6px; width:95px; height:60px; float:left}
								#miniContent #miniCabecera #elemLogo #editLogo{margin:15px 10px 15px 10px; width:60px; height:10px;}
				    #contGestor #miniContent #miniCabecera #elemFlash{float:right;height:60px;padding-right:30px; padding-top:10px;}
					#contGestor #miniContent #miniCabecera #eleMnubar{ clear:both; height:18px; border:1px solid #ADA08F; text-align:center}        	
                     
			#cuerpoC #contGestor #miniContent #miniCuerpo{margin:23px 10px 10px 10px; height:220px;}
              		#contGestor #miniContent #miniCuerpo #elemMnu1{ float:left; width:80px; height:220px; border:1px dotted #ADA08F; margin-right:10px;}
							#contGestor #miniContent #miniCuerpo #elemMnu1 #editElemen1{ width:50px; margin:10px auto 90px auto;}
							#contGestor #miniContent #miniCuerpo #elemMnu1 #editElemen2{ width:50px; margin:0px auto 10px auto;}
					#contGestor #miniContent #miniCuerpo #elemCuerpo{float:left; width:222px; height:180px; border:1px solid #ADA08F; text-align:center; padding-top:40px}
					#contGestor #miniContent #miniCuerpo #elemMnu2{ float:left; width:50px; height:180px;border:1px dotted #ADA08F; margin-left:10px;padding-top:40px; text-align:center}
                      	  
			#cuerpoC #contGestor #miniContent #miniPie{ margin:10px;border:1px solid #ADA08F; height:18px; text-align:center}
                   
			#cuerpoC #contGestor #uploadFiles{ width:450px; padding:18px;}

			#cuerpoC #contGestor #lisSeccionAnim{ display:inline; list-style:none; height:30px;}
				#cuerpoC #contGestor #lisSeccionAnim li{ display:inline; list-style:none; margin:0px 8px 0 8px}
		

/*---- GESTOR SECCIONES------------ */

	#contGestor .adSec{ width:450px;}
	#contGestor .adSec2{ width:650px;}			
		#contGestor div.medidas{margin: 10px 0 10px 20px;}
		#contGestor div.medidas .label50{float:left;width:50px;line-height:16px;}
		#contGestor div.medidas .label100{float:left;width:80px;line-height:16px;}
		#contGestor div.medidas .label150{float:left;width:150px;line-height:16px;}
		#contGestor div.medidas .label200{float:left;width:200px;line-height:16px;}
		#contGestor div.medidas .inputXXL{width:300px;padding-left:0.5em;}
		#contGestor div.medidas .inputXL{width:200px;padding-left:0.5em;}
		#contGestor div.medidas .inputM{width:90px;padding-left:0.5em;}
		#contGestor div.medidas .inputMP{width:40px;padding-left:0.5em;}
		#contGestor div.medidas .inputP{width:20px;padding-left:0.5em;}
		
		#contGestor .estrucDistri{float:left; margin-right:30px;}
		#contGestor .estrucDistri2{float:left; margin-right:10px;}
		
		#contGestor .calendar{width:28px;height:23px;background:transparent url(js/images/calendario.gif) no-repeat scroll 0%;}
		#contGestor #calendarioE{width:28px;height:23px;background:transparent url(../pc/secciones/js/images/calendario.gif) no-repeat scroll 0%;}
		
		#contGestor div.medidas .segundo{ float:left; width:300px}
		#contGestor div.medidas .tercero{ float:left;width:150px; margin-top:-15px}
		
		#contGestor .gropumedidas{margin: 10px 0 10px 40px;}
		#contGestor .gropumedidas .titulGroup{ text-decoration:underline; font-weight:bold}
		#contGestor .gropumedidas .medidas{margin: 10px 0 10px 20px;}
		#contGestor .gropumedidas .medidas .label50{float:left;width:50px;line-height:16px;}
		#contGestor .gropumedidas .medidas .label100{float:left;width:80px;line-height:16px;}
		#contGestor .gropumedidas .medidas .label150{float:left;width:150px;line-height:16px;}
		#contGestor .gropumedidas .medidas .inputXXL{width:300px;padding-left:0.5em;}
		#contGestor .gropumedidas .medidas .inputXL{width:200px;padding-left:0.5em;}
		#contGestor .gropumedidas .medidas .inputM{width:90px;padding-left:0.5em;}
		#contGestor .gropumedidas .medidas .inputMP{width:40px;padding-left:0.5em;}
		#contGestor .gropumedidas .medidas .inputP{width:20px;padding-left:0.5em;}
		
		
		#divNiveles{ position:absolute; background-color:#F7F7F7; border:1px solid; padding:25px; margin:-10px 0 0 160px; display:none; visibility: hidden;}
		#cerraNiveles{ position:absolute; cursor:pointer; right:0;top:0px;  border-left:1px solid;border-bottom:1px solid; height:14px; width:46px; text-align:center}
		ul#ulNiveles { margin: 0; border: 0 none; padding: 0; width: auto; list-style: none;}
		ul#ulNiveles li { margin: 0; border-left:1px solid #FFFFFF; padding: 0; list-style: none;  position: relative; }
		ul#ulNiveles ul { margin: 0; border: 0 none; padding: 1; width: 240px; list-style: none; display: none; position: absolute;top: 5px; left: 80px; background-color:#F7F7F7; border-top:1px solid;border-bottom:1px solid;border-right:1px solid;}
		ul#ulNiveles ul:after{clear: both; display: block; font: 1px/0px serif; content: '.'; height: 0; visibility: hidden;background-color:#666666;background-image:url(../css/images/cabeceraMenuDesplegableFondo.jpg); background-repeat:repeat-x;}
		ul#ulNiveles ul li {width: 220px;float: right; display: block !important;}
		ul#ulNiveles a {padding:0 3px 0 3px;float: none !important; display: block; font:10px/24px Verdana, Arial, Helvetica, sans-serif;  text-decoration: none; height: auto !important;  height: 1%; color:#ff0033}
		ul#ulNiveles a span {display:block;float:none;padding:0 10px;}
		ul#ulNiveles a:hover{ background-color:#CCCCCC}
		ul#ulNiveles a:hover span {background-color:#CCCCCC;}
		ul#ulNiveles a.right {}
		ul#ulNiveles ul ul,ul#ulNiveles ul ul ul {display: none; position: absolute; top: 0; right: 220px;}
		ul#ulNiveles li:hover ul ul,ul#ulNiveles li:hover ul ul ul,ul#ulNiveles li.iehover ul ul,ul#ulNiveles li.iehover ul ul ul {display: none;}
		ul#ulNiveles li:hover ul,ul#ulNiveles ul li:hover ul,ul#ulNiveles ul ul li:hover ul,ul#ulNiveles li.iehover ul,ul#ulNiveles ul li.iehover ul,ul#ulNiveles ul ul li.iehover ul {display: block;}

		
		
		#filtroElem{ display:inline; list-style:none; width:750px;margin-bottom:30px; padding:20px; border:1px dotted;}
			#filtroElem li{display:inline; list-style:none; margin-right:10px;}
			#filtroElem .borrar{ margin-right:30px; margin-left:-20px;}
			#filtroElem .buscar{ margin-left:20px;}
			
		#filtroBusqueda{display:inline; list-style:none;padding:10px; height:10px; background-color:#FFCC99}
			 #filtroBusqueda li{display:inline; list-style:none;}
			 #filtroBusqueda .clearBusq{margin-left:40px;}
			
		
		#opcionesElementos{width:700px; background-color:#CCCCCC;}
		#opcionesElementos ul{display:inline; list-style:none; width:750px; background-color:#CCCCCC; margin-top:15px;}
			#opcionesElementos ul li{display:inline; list-style:none; margin-right:10px;}
			#opcionesElementos ul .borrar{ margin-right:30px; margin-left:20px;}
			#opcionesElementos ul .separar{margin-left:40px; width:5px; background-color:#FFFFFF}

/*---- MENU ETIQUETAS------------- */

	#contCarga{border-left: 1px solid #CCC;border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding-left:20px;padding-top:30px; padding-bottom:30px;margin:49px 0 0 2px;   }
	/*padding-left:20px;padding-bottom:30px; padding-top:30px; margin-top:10px; */
	
		ul#tabnav { width:600px;list-style-type: none; display:inline;margin: 0;padding-left: 40px;padding-bottom: 10px;border-bottom: 1px solid #CCC;font: 11px verdana, arial, sans-serif;}
		ul#tabnav li {float: left; height: 21px;background-color: #E4E4E4;color: #666; margin: 2px 10px 0 2px;border: 1px solid #CCC;}
		ul#tabnav a:link, ul#tabnav a:visited {display: block;color: #666;text-decoration: none; padding: 4px;}
		ul#tabnav a:hover { background-color: #CCC;color: #666;}
	#tabnav .activo {border-bottom: 1px solid #fff;color: #000000; background-color: #FFFFFF;}
	#tabnav .inactivo {}


		

/* --------------------------
PIE
----------------------------*/
#contain-pie{width:100%; height:80px; clear:both; margin:auto; }
	#contain-pie #pie1{ width:778px; height:25px; margin:auto; background-color:#EBEBEB; border-top:1px dotted #CCCCCC; text-align:center; font-size:11px; padding-top:5px;}
	#contain-pie #pie2{ width:100%; height:23px;clear:both; margin:auto;}
	

/* ---------- RECUPERARCONTRA ------------------- */

#titulorecuperacontra{ color:#dc006a; font-weight:bold; float:left; height:20px; width:300px; font-size:16px; border-bottom:#dc006a 2px solid}
#textorecuperacontra{ padding:15px; background-color:#ECECFF; width:500px; margin:0 auto; font-size:12px; margin-top:20px;}
#formrecuperacontra{ margin:0 auto; width:300px; font-size:12px; padding:2px; background-color:#ECECFF;}
	#campoformrecuperacontra{text-align:center; margin-top:10px}
	
/* ---------- PANTALLAZO ------------------- */

	#contenedorpantallazo{width:778px; height:400px; margin:-200px 0 0 -389px; position:absolute; top:50%; left:50%; }
		#pantallazocabecera { float:left; height:96px; width:778px}
			#pantallazocabecera1 {float:left; height:96px; width:337px}
			#pantallazocabecera2 {float:left; height:96px; width:169px}
			#pantallazocabecera3 {float:left; height:96px; width:272px}
		#cuerpopantallazo { float:left; height:304px; width:778px; background-color:#FFFFFF; border-top:#feb226 2px solid; background:url(images/cuerpopantallazo.jpg) no-repeat }	
			#botongrande {float:left; height:304px; width:300px; background:#FFFFFF; onmouseover='this.style.background="#00FF00"; onmouseout='this.style.background="#FF0000"}
		#textopantallazo { float:left; height:100px; width:320px; font-size:14px; margin-top:180px; padding-left:90px; text-align:center}
		
	#pie{color:#ffffff; font-size:11px; clear:both; text-align:center; padding-top:7px; font-family:Verdana, Arial, Helvetica, sans-serif }	
	.pieecomputer:link{color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none; }
	.pieecomputer:visited{color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none; }	
	.pieecomputer:hover{color:#ba397c; font-size:11px; font-weight:bold; text-decoration:none; }
	
	.enlace1:link{color:#ba397c; font-weight:bold; text-decoration:none; }
	.enlace1:visited{color:#ba397c; font-weight:bold; text-decoration:none; }	
	.enlace1:hover{color:#ba397c; font-weight:bold; text-decoration:none; }

/*------Fin----------------*/

