/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*############### ELEMENTOS HTML  ########################### */

body {
    margin: 0em;
	background-color: white;
	color: #444;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial,Helvetica,Verdana,sans-serif;
}

a:link {
    text-decoration: none;
}

a:hover {
	color: #ee7f00;
	text-decoration: underline;
}

a:visited {
	
	text-decoration: none;
}

div {
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}

h1 {
   font-size: 200%;
   font-weight: bold;
   font-family: Helvetica, Arial, sans-serif;
   color: #ccc;
   margin-bottom:0.5em;

}

h2 {
   font-size: 250%;
   margin-bottom: 0.3em;
   margin-top: 0.6em;
   color: #444; 
   color: #ee7f00;
}


h3 {
	margin-bottom: 0.3em;
}

p {
  margin-bottom: 0.7em;
  line-height: 1.4em;
  color: #666;
}

strong { color: #444; }

label {
	display: block;
	width: 12em;
	float:left;
}

input {
	padding: 0.1em;
	margin: 1px;
}

.button {
		 font-size: 130%;
		 padding: 0.1em;
		 color: black;
}

.error {
	    display: inline;
	    font-size: 80%;
	    float: none;
	    padding-left: 0.5em;
	    text-decoration: italic;
	    color: red;}

.errorMsg {
		   padding: 1em;
		   color: red;
		   margin-right:1em;
		   border: 1px solid red;
		   background: #FFCCCC;
}

.okMsg {
		   padding: 1em;
		   color: green;
		   border: 1px solid green;
		   background: #CCFFCC;
}

.msg {
	  font-size: 120%;
	  }
.redhidden {
		   color: red;
		   display: none; 
}

.greenhidden {
			  color: green;
			  display: none;
			  }
			  
			  
.gris {
	color: grey;
}			  
a.gris { 
	color: #555;
	text-decoration: none;
	}
a.gris:link {color: #999;
}
a.gris:visited { color: #999;}
	 
small {
	   font-size: 75%;
	   color: grey;
}

fieldset{
  border: 1px solid #ead2e7;
	padding: 1em;
	margin-top: 1em;
	margin-bottom: 2em;
}



img {
	  border: 0px;	  
}

ul.std {
	padding-left: 3em;
	list-style-type: square;
}

ul.std li {
 margin-bottom: 1em;
}

/* - - - - - -  - - - - - -  GENERAL - - - - - - - -  - - - -*/

#background {    
}

#header { 
	padding-top: 0.3em;
	
}

#header-menu {
  float: right;
  padding: 5px;
  font-size: 80%;
}

#header-menu ul {
	
}

#header-menu li {
 display:inline;
 margin: 0.1em 0.1em;
 border-right: 1px solid #ddd;
 padding-right: 0.2em;
 padding-left: 0.2em;

}



#header h2 {
 font-size: 80%;
 color: #ccc;
 padding-left:0.1em;
 padding-top: 0.5em;
 padding-bottom: 0.5em;
 margin: 0em;
}


#main-menu {
	float: right;
	position: relative;
	top: -30px;
	font-size: 120%;
	border: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	background: #ddd;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius: 10px;
	-moz-border-radius-bottom-right: 0;
	border-radius: 10px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#main-menu a{
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
#main-menu a:hover {
	text-decoration: underline;
	color: black;
}
#main-menu ul {
	
}
#main-menu li {
 	float: left; 
 	padding-left: 2em;	
}
#main-menu strong {
	color: #ee7f00;
}
#contents {
   	min-height: 400px;
     padding-bottom: 0px;
     margin: 0px
}

/* ------- home ------*/

#home-left {
	width: 55%; float: left;
}
#home-right {
	width: 40%; float: right;
}

/*-------- Featured div ------------------- */

#featured {
	margin-top: 1em;
}

img.logo-suc {
	float: left;
	padding-right: 10px;
	
	/* border: 1px solid blue;*/
	
}

#featured img.logo, #featured1 img.logo {
	float: left;
	padding-right: 10px;
	padding-bottom: 50px;
	/* border: 1px solid blue;*/
	width: 48px;
	height: 48px;
}

#featured ul {
	}

#featured1 li {
	padding: 5px;
	padding-right: 5%;
	
	min-height: 120px;
	/*border: 1px solid blue;*/
	
}
#featured li {
	padding:5px;
	float: left;
	width: 44%;
	padding-right: 5%;
	min-height: 120px;
	
	/*border: 1px solid red;*/
	
	
}

#featured li:hover, #featured1 li:hover {
	background-color: #f0f0f0;
	border-radius: 10px;
	cursor: pointer;
}

#featured h3, #featured1 h3, h3 {
	font-size: 150%;
	/*color: #ee7f00;*/
	color: #444;
}
#featured h3 em, #featured1 h3 em {
	color: red;
	font-size: 50%;
	vertical-align: super;
}
#featured p, #featured1 p {
	
	line-height: 1.2em;
	font-size: 90%;
	/*border: 1px solid blue;*/
	/*color: #999;*/
}
#bottom {
        clear: both;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	width: 100%;
	color: #555566;
    border-top: 1px solid #CCC;
    font-size: 80%;

}
#bottom ul {
margin-left: auto;
margin-right: auto;
}
#bottom a {
	text-decoration: none;
}
#bottom li {
	float: left;
	padding-right: 2em;	
}

#bottom img {
	vertical-align: middle;
}
#legal {
	clear: both;
	padding-top: 1em;
}

#tree {
clear: both;
 padding-top: 0.2em;
 padding-bottom: 0.2em;
 margin-bottom: 1em;
 	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
 border-bottom: 1px solid #EEE;
 font-size: 70%;
 color: #888;
}

#tree a:link, #tree a:visited{
   color: #88F;
   text-decoration: none;
   }
#tree a:hover {
  text-decoration: underline;
  color: blue;
  background: white;
}

.center {
    text-align: center;
}

.rojo {
    color: red;
   background: inherit;
}


.text{
      display: block;
      padding: 2px;	    
      margin: 2px;
      
}
  
dl {
	padding-bottom: 1em;
}
dt {
	font-size: 120%;
	font-weight: bold;
	color: #444;
	padding-top: 1em;
}
dd {
	font-size: 80%;
}
  
.invisible {
	display: none;
}

/** index **/


/* ------  Team --------------- */
.member {
	clear:both;
	padding-bottom: 2em;
	
	margin-bottom: 2em;
}
#team h3 {
	clear: both;
	font-size: 200%;
	/*color: #ee7f00;*/
	color: #444;
}
#team h3 em {
	font-size: 60%;
	color: #ccc;
}
#team h4 {
	font-size: 120%;
	color: grey;
	margin-bottom: 1em;
}
#team img {
	float: left;
	padding:5px;
	border: 1px solid #ccc;
	margin-right: 2em;
	width: 200px;
	height: 300px;
	margin-bottom: 2em;
}

#team p {
	font-size: 100%;
	line-height : 1.3em;
}

#team p.marked {
	font-size: 140%;
	color: #333;
	font-weight: bold;
}
#team p.em:before  { content: '"';
font-size: 300%; color: #ddd;
}
#team p.em:after { content: '"';
}
#team p.em {
	font-family: Verdana;
	font-size: 80%;
	padding-left: 12em;
	font-style: italic;
	color: grey;
	
}

#team blockquote {
	color: grey;
	font-size: 120%;
	padding-top: 1em;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1em;
}
	
	
ul.collaborators img {
	float: left;
	padding:5px;
	border: 1px solid #ccc;
	margin-right: 2em;

}
ul.collaborators li {
	clear:both;
	
	padding-top: 1em;
}
ul.collaborators h3 {
	font-size: 200%;
}
ul.collaborators h3 em {
	color: #ccc;
	font-size: 70%;
}

ol.presslist {
 list-style-type: decimal;
 padding-left: 1.3em;
}

ol.presslist li {
	
	padding-bottom: 2em;
	line-height: 1.3em;
}
ol.presslist h3 {
	font-size: 150%;
}
ol.presslist p {
	font-size: 100%;
}

/** ----------------------- application details ----------------------- */

img.logo-big {
   width: 128px;
   height: 128px;
   float: left;
   padding-right: 2em;
   padding-bottom: 2em;
 }

.app-details p { width: 80%;} 

img.shot {
	display: inline;
	width: 220px;
	height: 330px;
	padding-right: 10px;
}

div.app-detail h2 {
 margin: 0em;
 font-size: 300%;
 }

div.app-detail h3 {
 font-size: 200%;
 padding-top:0.5em;
 margin: 0em;
 }
 
div.app-detail h4 {
 font-size: 150%;
 padding-top:0.5em;
 padding-bottom: 0.5em;
 margin: 0em;
 }