* {
		margin: 0;
		padding: 0;
}
	
body {
		margin: 0px;
		background:#e1e8f8 url(../img/bg_index.jpg) repeat-x; 
}

/* estilo de escritura por defecto, siempre lo pongo así me ahorro hacer mas clases y de esta manera sigo una coherencia gráfica*/
body, th, td, input, textarea {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #171717;
	}
	
	h1{
		font-size:18pt;
		color:#344571;
		font-weight:bold;
		line-height:30px;

	}
		big{
		font-size:18pt;
		color:#3e3e40;
		font-weight:bold;
		line-height:30px;
	}
	img{
		border:none;
    }
   hr {
		display: none;
	}
    /* estructura de la web */

	#grancontenedor {
		width: 950px;
		margin: 0 auto;
		position:relative;
		padding: 0;

	}
	input{ border:#cccccc 1px dotted; padding:1px; width:230px;}
	input:hover{ border:#344571 1px dotted; padding:1px;}
	textarea{ border:#cccccc 1px dotted; padding:1px; }
	textarea:hover{ border:#344571 1px dotted; padding:1px; }
	.btnfaq{ background:#35476f; color:#FFFFFF; font-weight:bold; width:120px; border:none;}
	.btnfaq:hover{ background:#7AB031; border:none;}
	.limpia{ clear:both}
	.header{ height:90px;}
	.logo{ float:left; padding:10px 0px 0px 15px;}
	.organizador{ float:right; top:0px; right:0px; width:225px; height:35px; padding:5px 0px; background:url(../img/organizador.jpg) no-repeat top;  }
	.organizador a{ padding:0px 0px 0px 40px; color:#344571; font-weight:bold; font-size:12px; text-decoration:none;}
	.organizador a:hover{ padding:0px 0px 0px 40px; color:#000; font-weight:bold; font-size:12px; text-decoration:underline;}
	.login{ float: right; font-size:14px; font-weight:bold; color:#666666; padding:35px 190px 0px 0px;}
	.login a{ font-size:14px; font-weight:bold; color: #333333; text-decoration:none;}
	.login a:hover{ font-size:14px; font-weight:bold; color: #7AB031; text-decoration:underline;}
	#menu{ float: left; width:100%; padding:17px 0px 0px 20px;position:relative }
	#menu ul{ list-style:none;  }
	#menu li{ float:left;  }
	#menu li a{ color:#344571; font-weight:bold; font-size:10pt; text-decoration:none;  z-index: 10;  position:relative; padding:10px 10px;}
	#menu li a:hover{ }
	#menu ul li.back { background: url(../img/menu.png) no-repeat right -30px;  width: 5px; height: 30px; position: absolute; z-index: 8; top: 10px; }
	#menu ul li.back .left { background: url(../img/menu.png) no-repeat top left;  height: 30px; margin-right: 9px; }
	#menu ul li.current_page_item { }
	.alta{position:absolute;left: 775px;top: 17px;}
.content{ height:370px !important; height:355px; width:100%; background:url(../img/ctbg.jpg) no-repeat bottom; }
.contentb{ height:370px !important; height:355px; width:100%; background:url(../img/ctbgb.jpg) no-repeat bottom;  }
.video{position:absolute;left: 6px;top: 128px;width: 400px;height: 336px;}
.textos{position:absolute;color:#808080;font-size:10pt;left: 442px;top: 174px;width: 392px;clear:both;}
.textos p{  width:480px;padding:0px;margin:0px; clear:both;}
.textos h3{ color:#7AB031; padding:0px;margin:0px 0px 0px 45px!important; margin:0px 0px 0px 23px;  width:400px;  float:left; background:#FFFFFF;}
.textos span{ color:#3e3e40; padding:0px; margin:0px 0px 0px 45px;  float:left; width:400px; background:#FFFFFF;}
.textosb{color:#808080;font-size:10pt; width: 392px; float:left;  margin:40px 20px 0px 20px; }
.textosb p{ color:#3e3e40;padding:0px;margin:0px; clear:both;}
.textosb h3{ color:#7AB031; padding:0px; margin:0px 0px 0px 45px; width:400px;  float:left; background:#FFFFFF;}
.textosb h4{ color:#3e3e40; font-size:12pt; }
.textosb span{ color:#3e3e40; padding:0px; margin:0px 0px 0px 45px;  float:left; width:400px; background:#FFFFFF;}
.opcion{ width:380px; padding:5px; margin:0px 0px 0px 0px; clear:both;}
.opcion p{ margin:5px 0px; color:#3e3e40}
.opcion span{ color:#000000; float:left; width:90px; padding:0px; margin:0px; font-weight:bold;}
.imgopcion{ float:left; width:130px;}
.txtopcion{ float:left; width:240px; padding:5px 0px 0px 0px;}
.txtopcion a{  color:#7AB031; font-size:12pt; font-weight:bold; text-decoration:none;}
.txtopcion a:hover{  color:#000000; font-size:12pt;}
.gestiona{ background:url(../img/gestiona.png) no-repeat;  float:left; margin:5px 0px;}
.organiza{ background:url(../img/organiza.png) no-repeat ;  float:left; margin:5px 0px;}
.comparte{ background:url(../img/comparte.png) no-repeat;   float:left; margin:5px 0px;}
.tarea{ background:url(../img/tarea.png) no-repeat;   float:left; margin:5px 0px;}

   .altag{
	position:absolute;
	color:#2e2e30;
	font-size:24pt;
	right: -24px;
	line-height:50px;
	top: 217px;
	width: 145px;
	
}
   .movil{
	position:absolute;
	color:#2e2e30;
	font-size:24pt;
	right: 65px;
	line-height:50px;
	top: 450px;
	width: 369px;
	color:#333333;
	font-size:14px;
	
}
   .movil a{
	color:#7AB031;
	padding:0px 5px;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
}
   .movil a:hover{
	color:#344571;
	font-size:14px;
	text-decoration:underline;
	font-weight:bold;
}

.contentbot{ width:100%; margin:40px 0px;}
.demobot{ margin:5px 0px; width:800px; padding:0px 50px; height: 80px; background:url(../img/demobot.jpg) no-repeat center top;}
.demobot h3{color:#7AB031; padding:0px; padding:20px 0px 0px 0px; width:500px; float:left; font-size:16pt}
.demobot span{color:#3e3e40; padding:0px;  width:500px; float:left }
.demobot img{ padding:20px 0px 0px 0px;  }
.contentbot h2{ width:450px; float:left; color:#000000; font-size:13pt; }
.contentbot ul{ float:left; width:450px; padding:20px 0px 0px 20px; border-top: 1px solid #cfdaf4; margin:50px 0px 0px 0px}
.contentbot ul h2{ padding:5px 0px 5px 0px; margin:0px; color:#35476f; font-size:13pt; width:450px; }
.contentbot li{ list-style: circle; color:#3488c9; float:left; width:210px; padding:0px 0px 0px 0px }
.contentbot li a{color:#344571; text-decoration:none; padding:0px 5px 0px 0px;}
.contentbot li a:hover{color:#7AB031; text-decoration:none; padding:0px 5px 0px 0px;}
.app{ width:900px; padding:20px 0px 0px 15px;}
.infoapp{ background:url(../img/bg_apartado.jpg) top no-repeat; width:260px;  float:left; padding:20px 15px; margin:10px 0; }
.infoapp img{ float:left; }
.infoapp h3{color:#35476f; float:left; padding:5px 0px 0px 10px; }
.infoapp span{color: #666666; float:left; padding:0px 5px 0px 42px;  }

.contenedorfooter{ border-top: 1px solid #cfdaf4;border-bottom: 1px solid #cfdaf4; height: 50px; margin:30px 0px 0px 0px;}
.footer{
	color:#999999;
	font-size:12px;
	padding:15px 0px 0px 0px;}	
	.footer a{
	color:#35476f;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;}
	.footer a:hover{
	text-decoration:underline;}



/*dialog*/
.dialog span{margin:5px 0px;}
.dialog p { margin: 15px 5px; }
.dialog .error {font-weight: bold;color: #F00; padding:5px 10px; border:1px solid #f00; margin:10px 0px; background:#ffe5e4; clear:both; display:none; }
.dialog {
    margin:10px;
    position:absolute;
    border:#bbb 1px solid;
    background-color:#f1f1f1;
    overflow:hidden;
    z-index:1000;
    display:none;
    .width:350px;
}
.dialog form {
    padding:5px;
    color:#666666; font-size:12px;
}
.dialog .dialform{color:#666666; font-size:12px; margin:10px 0px 0px 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}
.dialog .dialform a{color:#35476f; font-size:12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none;}
.dialog .dialform a:hover{color:#7AB031; font-size:12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none;}
.dialog .titulo_dialog{
    padding:5px;
    margin:0px;
    border:1px solid #35476f;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background-color:#35476f;
}
.dialog img{border:none;}
.dialog input{ border:1px  solid #ccc; background:none; padding:5px; color:#666666}
.dialog input:hover{ border:1px  solid #e1e8f8 ; background:none; padding:5px; color:#000}
.dialog .btndial{ padding:5px; background:#35476f; color:#FFFFFF; font-weight:bold; border:none;}
.dialog .btndial:hover{ padding:5px; background:#7AB031; color:#FFFFFF; font-weight:bold; border:none;}
/*fi dialog*/
