/* General Styles */

*{margin:0;padding:0;}

body {
 	background: #FFF;	
	color: #454456;
	text-align: center;
	font: 1em Arial, Helvetica, sans-serif;
}

h1 {		
   	font: 2.6em Arial, Helvetica, sans-serif;	
   	color: #666666;
   	padding: 0px 0 0 145px; 	
	}

h2	{
	font: bold 0.6em arial, helvetica, sans-serif;
   color: #4A4A59;
   padding: 9px 0 0 170px;	
}	

h3	{
	background: url(img/cubemini.png) no-repeat left center;
	font: 1.15em helvetica, serif;
	color: #575757;
	margin: 0 0 15px 0;
	padding: 0 25px;
}

h4	{
	font: bold 1em helvetica, serif;
	color: #575757;
	margin: 0;
	padding: 20px;
}


p {
	 margin: 0;
	 line-height: 1.5em;
	 padding-left: 20px;	
	 width:90%;
}
acronym, abbr {
	border-bottom: 1px dotted #ff6600;
	cursor: help;
	letter-spacing: .07em;
}

a, a:link {
	color: #355579;
	text-decoration: none;
	display: inline;
	padding: 0;
}
	
a:hover	{
	color: #454456;
	text-decoration: underline;
}
a img {
    border:none;
}

:focus{outline:0;}  /*para quitar el borde que sale en FF al hacer click*/
:hover{outline:0;} 

ul, ol {
	list-style:none;
}

li {
    line-height: 1.5em;
    font-size: 1em;
}

.nota {
    font: 0.9em arial, helvetica, sans-serif; 
    margin: 0;
	 line-height: 1.2em;
	 padding-left: 40px;
}

.pie {
     font: 0.8em arial, helvetica, sans-serif; 
     color: #000;
     margin: 0;
     line-height: 0.8em;
	 padding-left: 40px;
	 text-align: center;
}

.etiquetags {
    font: bold 1em sans-serif;
    color:#666666; 
}

.left{
  float:left;
}
.right{
  float:right;
}

/**Main div**/

#main{
  width:1000px;
  margin:0 auto;
  text-align:left;
}


/****Style for the page header ****/
#header	{		
	text-align: left;
	float:left;
	width: 650px;		
	height:200px;
} 

/***pagina de inicio ****/

/*#inicio #img01, #inicio #img02, #inicio #img03, #inicio #img04, #inicio #img05, #inicio #img06, #inicio #img07  {	
 	visibility:hidden;
	display:block;	
	position:absolute;	
}*/


#inicio	h1 {
		/*display:none;*/	
		font: 3em sans-serif;
		margin: -157px 0 0 260px;
	
}
#inicio	h2 {
		width:70px;	
		/*display:none;*/	 
		margin-left:255px;
}	

#inicio ul.logos {

		list-style:none;
		
}

#inicio ul.logos li {
		background:#fff;
		float:left;
		padding-left:20px;

}

/***slider****/

.scrollButtons{cursor:pointer;}
.scrollButtons.left{z-index:2;}
.scrollButtons.right{z-index:2;}
.questions{
		clear:both;		
		padding-top:100px;
		margin-left:200px;
}
ul.questions li {
		float:left;
		padding-left:15px;
}

ul.questions a{color:#ff9f40;}
ul.questions a:hover{color:#666;}
ul.questions a:focus{color:#666;}
ul.questions a:first{color:#666;}
ul.questions a.selected{color:#666;}


#slider{
		/*visibility:hidden;*/
		width:690px;
		margin:0 auto auto 30px;
		position:relative;
		clear:left;
}
.scroll{
	width:685px;
	overflow:hidden;
	position:relative;
	clear:both;
	margin-left:0px;
	height:450px;
}
.scrollContainer{
	padding:20px;
	width:680px;
	height:400px;
}
.scrollContainer div.panel{
	padding:20px;
	width:680px;
	height:400px;
	text-align:left;
}
div.panel p, div.panel ul {
    padding: 5px;
}

div.panel ul li {
    background: url(img/punto.gif) no-repeat left center;
    padding-left:20px;
}

div.izq{  
  margin-right:20px;
  float:left;
}

/**** resto paginas***/

/* Logo */

#demo #header, #descarga #header {
		background:url(img/line.gif) no-repeat -48% 67%;

}

#logo {
	background:url(img/logo.png) no-repeat top left;
	text-align:left;
	margin-top:35px;
	margin-left:10px;
}
#inicio #logo {
		background:url(img/logo_ini.png) no-repeat top left;
		margin-top: 57px;
		margin-left: 40px;
		width: 350px;		
		height:200px;
}

#inicio #tags {
		background:url(img/tags_ini.png) no-repeat top left;
		margin-top: 57px;
		margin-left: 40px;
		width: 350px;		
		height:200px;
}


#logo h1 a {
	text-decoration: none;
	color: #666666;
	border:0;
}
#logo h1 a:hover, #logo h1 a:visited, #logo h1 a:link
{
	border:0;
}



/*columna de la derecha*/
#der {
		 width:210px;
		 float:right;	
}
#flags {	

}
#acciones {
    width:200px;
    margin-left:0px;
    height:600px;   
}
#acciones ul {
		margin-top:10px;
}
#acciones ul li {
    display:block;
    width: 200px;
    height: 160px;
}
#demo #flags, #descarga #flags {	
 		margin-top:-80px;
}
#demo #acciones, #descarga #acciones {
		/*float:right;*/
		/*margin-right:140px;*/
		margin-top:0px;
}

/****Style for the nav menu ****/
/*#nav {
	position: relative;
	margin: -18px 0 20px auto;
	width: 900px;
	line-height: 2em;
	}*/
	
/*#nav ul { 
	padding:5px; 
	margin:0; 
	padding:0; 
} 

#nav ul li { 
	float:right; 
	list-style:none; 
	margin:0; 
	padding:0; 
}*/ 
/*
	
#nav a, #nav a:link	{
	color:#2e3e4d;
	display:block; 
	margin:0; 
	padding: 2px 15px; 
	text-align:center; 
	background: #ecedef;
}*/
/*
#nav a:hover	{
	color:  #ecedef;
	background: #777688;
	text-decoration: none;
}*/


/******     DEMO     *****/


form {

	width:72%;
	padding:0;
	margin:20px 0 0 0px;

}
fieldset {
		padding:5px;
		margin:0;
}


/*.ed_text_demo {
	clear: left;
	padding: 0.5em;
	 
}*/

/***descarga demo ***/
#desc, #ed_editor {

   width: 100%;
   float: left;
   margin-left:20px;
}

#descarga ul li ul li {
    background: url(img/punto.gif) no-repeat left center;
    padding-left:20px;
    margin-left:30px;
}
.descizq {
	width:35%;
	float:left;
}
.descder {
		width:35%;
		float:left;
		margin-left:30px;
}

/******* FOOTER *********/


#footer	{
	visibility:visible;
	padding: 2px;
	margin:auto;
	/*background-color: #EFE9ED;*/
	font-size: 0.8em;
	width: 750px;
	clear: both;
}