/* @group Imports */

@import url(secciones.css);

/* @end */

/* @group Generales */
html{
	font-size: 65%;
}
body{
	font: 1.2em/1.4em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #666;
	background: #3e3f3b;
}

a{
	text-decoration: none;
}


/* @end */

/* @group Cabecera */
div#contenedorCabecera{
	width: 100%;
	mmbackground: #b3b1b2;
	mmbackground: #c5f72e;
	background: #bcbcbc;
	height: 119px;
}

div#cabecera{
	width: 1024px;
	margin: 0 auto;
}


/* @end */

/* @group Botones */
div#botones{
	width: 550px;
	position: relative;
	margin: 0 auto;
	top: -40px;
	z-index: 5;
}
div#botones li{
	float: left;
}
div#botones li a{
	display: block;
	width: 176px;
	height: 43px;
}

div#botones li#btn_aplicacion a{
	background: url(../images/aplicacion.gif) no-repeat center;
}
div#botones li#btn_descarga a{
	background: url(../images/descarga.gif) no-repeat center;
}
div#botones li#btn_contacto a{
	background: url(../images/contacto.gif) no-repeat center;
}
div#botones li#btn_aplicacion a:hover, div#botones li#btn_aplicacion a.selected{
	background: url(../images/aplicacion_over.gif) no-repeat center;
}
div#botones li#btn_descarga a:hover, div#botones li#btn_descarga a.selected{
	background: url(../images/descarga_over.gif) no-repeat center;
}
div#botones li#btn_contacto a:hover, div#botones li#btn_contacto a.selected{
	background: url(../images/contacto_over.gif) no-repeat center;
}
/* @end */

/* @group Glider */

div.scroller { 
/* modify width and height of scrolling section if necessary	*/		
	margin: 0 auto;
	width: 700px; 
	height: 500px;
	overflow: hidden;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border: 5px solid #fff;
}
div#my-glider {
	width: 1024px;
	margin: auto;
	position: relative;
	top: -50px;
	z-index: 1;
}
div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/
	width:700px;
	height:500px;
	overflow:hidden;
	float:left;
	padding:1em;		
}
div.scroller div.content {
	width: 10000px;
	mmwidth: 50000px; /* changed */
}

div#my-glider a {
	padding-left: 20px;
}
a#glid_section1 {
	background: url(../images/flag_green_small.gif) no-repeat;
}
a#glid_section2 {
	background: url(../images/star_yellow_small.gif) no-repeat;
}
a#glid_section3 {
	background: url(../images/users_family_small.gif) no-repeat;
}
a#glid_section4 {
	background: url(../images/cd_gold_small.gif) no-repeat;
}
a#glid_section5 {
	background: url(../images/lifebelt_small.gif) no-repeat;
}


/* @end */

/* @group Controls */

div.controls{
	clear: left;
	width: 700px;
	margin: auto;
	margin-top: 90px;
	margin-bottom: 20px;
	font-size: 12px;
	text-align: center;
    mmfloat: left; /* changed */
}
div.controls a{
	color: #b3b1b2;
}
div.controls a:hover{
	color: #fae1ac;
}

/* @end */

/* @group Secciones */

div#section1, div.section_1 {
	background: #dbfaad;
	background-image: url(../images/section1.jpg);
}

div#section2, div.section_2 {
	background:#666666;
	background: #fdfead;
	background-image: url(../images/section2.jpg);
}

div#section3, div.section_3 {
	background: #ffd7fb;
	background: #fae1ac;
	background-image: url(../images/section3.jpg);
}

div#section4, div.section_4 {
	background: #b3b3b3;
	background: #e3e3e3; /* changed */
	background: #ffd7fb;
	background-image: url(../images/section4.jpg);
}

div#section5, div.section_5 {
	background: #aef3f8;
	background-image: url(../images/section5.jpg);
}

div#descarga {
	background: #fae1ac;
}

div#descarga a {
	color: #fff;
}

div#contacto {
	background: #aef3f8;
}

div#contacto p {
	text-align: left;
}

div#contacto a {
	color: #fff;
}

div#contacto fieldset {
  padding: 1em;
  font:99%/1 sans-serif;
}

div#contacto label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:left;
  font-weight:bold;
}

div#contacto input, div#contacto textarea {
	padding: 2px;
	padding-bottom: 0px;
}
div#section1, div#section2, div#section3, div#section4, div#section5, div#descarga, div#contacto {
	width: 580px;
	height: 480px;
	overflow: hidden;	
	padding-left: 60px;
	padding-right: 60px;
	background-repeat: no-repeat;
	mmbackground-attachment: fixed;
	background-position: center center;
	text-align: justify;
}

div#section1 p.deco:first-letter, div#section2 p.deco:first-letter, div#section3 p.deco:first-letter, div#section4 p.deco:first-letter, div#section5 p.deco:first-letter, div#descarga p.deco:first-letter, div#contacto p.deco:first-letter {
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	padding: 1px 2px 1px 2px;
	border: 1px solid #fff;
	margin-right: 2px;
}


h1 {
	border-bottom: 2px dotted #fff;
	padding-bottom: 5px;
	text-align: right;
}

h1#presentacion {
	background: url(../images/flag_green_medium.gif) no-repeat right top;
	height: 34px;
	min-height: 34px;		
	padding-right: 34px;
	padding-top: 5px;
}

h1#prevencion {
	background: url(../images/users_family_medium.gif) no-repeat right top;
	height: 34px;
	min-height: 34px;		
	padding-right: 34px;
	padding-top: 5px;
}

h1#instalacion {
	background: url(../images/cd_gold_medium.gif) no-repeat right top;
	height: 34px;
	min-height: 34px;		
	padding-right: 34px;
	padding-top: 5px;
}
h1#sociometria {
	background: url(../images/star_yellow_medium.gif) no-repeat right top;
	height: 34px;
	min-height: 34px;		
	padding-right: 34px;
	padding-top: 5px;
}
h1#ayuda {
	background: url(../images/lifebelt_medium.gif) no-repeat right top;
	height: 34px;
	min-height: 34px;		
	padding-right: 34px;
	padding-top: 5px;
}

div#section1:hover, div#section2:hover, div#section3:hover, div#section4:hover, div#section5:hover, div#descarga:hover, div#contacto:hover {
	overflow: auto;
}

li, li a {
	#color: #333;
}

li a.pdf, a.pdf {
	background: url(../images/filetypes/pdf.gif) no-repeat left;
	padding-left: 20px;
}

li a.jpg, a.jpg {
	background: url(../images/filetypes/jpg.gif) no-repeat left;
	padding-left: 20px;
}

li a.zip, a.zip {
	background: url(../images/filetypes/zip.gif) no-repeat left;
	padding-left: 20px;
}

a.pdf, a.jpg, a.zip {
	color:  #333;
}

div.imageset {
	text-align: center;
}

div.imageset img {
	border: 2px solid #666;
	margin: 5px;
	margin-left: 10px;
	vertical-align: middle;
}


imageset a {
	height: 80px;
	width: 80px;
	vertical-align: middle;
}


div.imageset a {
	height: 80px;
	width: 80px;
	vertical-align: middle;
}

h2.ul_header {
	padding-left: 30px;
	color: #fff;
	font-weight: bold;
}

/* @end */

/* @group Nav */
div#nav {
	width: 200px; /* changed */
	margin: auto;
	margin-top: 20px;
    text-align: center; /* changed */
}

div#nav a{
	color: #b3b1b2;
}
div#nav a:hover{
	color: #fae1ac;
}

a#prev {
    background: url(../images/arrow_left_blue_small.gif) no-repeat;
}

a#next {
    background: url(../images/arrow_right_blue_small.gif) no-repeat right;	
    padding: 0px;
	padding-right: 20px;
}


/* @end */

/* @group Descarga */
a.download {
	color: #330099;
	font-size: 1.4em;
}
a.download:hover {
	color:  #006600;
	font-style: italic;
	text-decoration: blink;
	
}
p.download {
	padding-left: 24px;
	padding-top: 4px;
	background: url(../images/download.gif) no-repeat 10px top;
	height: 34px;
	min-height: 34px;
	margin-left: 20px;
}

p.pdf2 {
	padding-left: 24px;
	padding-top: 4px;
	background: url(../images/filetypes/pdf2.gif) no-repeat 10px top;
	height: 34px;
	min-height: 34px;
	margin-left: 20px;
}

h1.download {
	background: url(../images/alienaqua_diskv2.gif) no-repeat right top;
	height: 34px;
	min-height: 34px;		
	padding-right: 34px;
	padding-top: 5px;
}

h1.how_to {
	background: url(../images/question_and_answer.gif) no-repeat right top;
	height: 34px;
	min-height: 34px;		
	padding-right: 34px;	
	padding-top: 5px;
}

ul span {
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @group Contacto */
h1.contacto {
 
	background: url(../images/mail_write.gif) no-repeat right top;
	height: 34px;
	min-height: 34px;		
	padding-right: 34px;
	padding-top: 5px;
}
/* @end */