@charset "utf-8";
/* CSS Document */

article, section, aside, hgroup, nav,  header, footer, figure, figcaption {display: block;}

* {padding: 0; margin: 0; border: 0; text-decoration: none;}
object, embed, a { outline:0 }
ul{list-style:none;}

/* hacks 
html, body, .box {min-height: 100%; /* alto minimom FF y Safari * / width: 100%; height: 100%; / * alto minimo para IE Windows * / margin: 0; padding: 0;}
html>body .box {height: auto; /* con este hack escondemos el min-height de IE* /} */
/* fin hacks */

html {} /*background:url(/media/back_ie.gif) repeat-x left bottom #eef1f6;*/
html, body {/*height:100%;*/}
body,td,th,p,div {font:normal 12px Arial; color:#231F20;}
body {background:#30475a;/* overflow-x: hidden; overflow-y: hidden;*/} 
a {text-decoration:none;}
a:hover {}
a img {border:none;}

h1 {font:bold 20px arial; color:#3b5671; margin-bottom:18px;}
h2 {font:bold 17px arial; color:#3b5671; }
h3 {font:bold 15px arial; color:#3b5671;}
h4 {}
h5 {}
h6 {}

p {color:#3b5671;}/*color:#231F20;*/

/* ESTILOS */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.relative {position:relative;}
.absolute {position:absolute;}
.block {display:block;}



.dots {background:url(/media/dots.gif) repeat-x left top; height:1px; display:block; margin:7px 0;}

textarea {width:100%; border:solid 1px #bec7cc; padding:12px 0px; margin-bottom:2px; font:normal 15px arial; color:#0b4864; background:#eef1f6; border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; height:50px;}

.box {background:url(/media/back_ie.png) repeat-x left bottom #eef1f6; background:-webkit-gradient(linear,left 160,left bottom,from(#eef2f6),to(#6c889f));background:-moz-linear-gradient(left 160,left bottom,from(#eef2f6),to(#6c889f)); /*position: absolute; top: 0; left: 0;*/}

#principal {width:962px; margin:0 auto; padding-bottom:16px;}

/*
 * HEADER
 */
header .back_menu {background:#718ca3;}
header nav {width:962px; margin:0 auto; padding:12px 0; text-align:center;}
header nav a {margin:0 6px; position:relative;}
header nav a.opa {opacity:.4; filter:alpha(opacity=40);}
header nav .brillo {position:absolute; left:0px; top:-53px; width:52px; height:65px; /*background-image:url(/media/over.png); background-position:-104 top; -webkit-transition: background-position .3s ease; -moz-transition: background-position .3s ease; -o-transition: background-position .3s ease; transition: background-position .3s ease;*/}
header nav .brillo:hover {background-image:url(/media/over.png); }
header h1, header h3 {display:none;}

/*
 * BOXES CONTENIDO
 */
 
a.logo {display:block; width:962px; text-align:center; padding:26px 0;}
/*a.logo img {display:block; margin:0 auto;}*/

section {/*margin:0 15px; min-width:270px;*/ padding:20px 30px; background:#d0d7dd; border:solid 1px #cad2d5; border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px;}/*min-height:175px; */
	section form input[type=text] {height:28px;  border:solid 1px #cad2d5; padding:0 0 0 8px; font:normal 15px arial; color:#0e4a66; line-height:28px;}/* width:100%; background:#eef1f6; /** /
	input::-webkit-input-placeholder {color:#0b4864; padding-left:15px;} input:-moz-placeholder {color:#0b4864; padding-left:15px;} 	
	textarea::-webkit-input-placeholder {color:#0b4864; padding-left:15px;} textarea:-moz-placeholder {color:#0b4864; padding-left:15px;}*/
	section form input#account {border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -khtml-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; background:#eef1f6;}/* background: url(/media/iz_sup.png) left top no-repeat, url(/media/der_sup.png) 100% top no-repeat #eef1f6;*/
	section form input#password {border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -khtml-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; background:#eef1f6;} /* background: url(/media/iz_in.png) left bottom no-repeat, url(/media/der_in.png) 100% bottom no-repeat #eef1f6;*/
	section form fieldset {padding:4px 0 6px 0;}
	section form label a.forgot {float:left; width:60%; color:#0b4864; text-decoration:underline; font:normal 11px arial; line-height:20px;}
	section form select#idioma {float:right; width:30%; background:#eef1f6; color:#718594; padding:0px 5px; border:solid 1px #cad2d5; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; font:normal 13px arial; height:28px; line-height:28px;}
	section form input[type=submit] {width:270px; height:32px; margin:0 auto; display:block; border:none; font:bold 14px arial; color:#FFF;}
	section form input[type=submit].blue {background:url(/media/bt_blue.png) no-repeat center top;}
	section form input[type=submit].blue_ch {background:url(/media/bt_login.png) no-repeat center top; width:207px; margin-top:16px;}
	section form input[type=submit].send {background:url(/media/bt_send.png) no-repeat center top; width:308px; margin-top:16px;}
	section form input[type=submit].blues {background:url(/media/bt_b_sky.png) no-repeat center top;}
    /*added CMS buttons */
	form input[type=submit].blue_s {background:url(/media/bt_blue_s.png) no-repeat center top;} 



#boxes {overflow:auto;}
#boxes #contenido {width:600px;}
#boxes #columna {width:200px;}

/* HOME */
#index section {height:375px;}



/* LOGED IN */
#login section {height:auto; width:418px; margin:0 auto;}
#login section form {width:208px; margin:15px auto 6px auto;}
#login section form label {color:#0e4a66; font:normal 14px arial; line-height:24px;}
#login section form input[type=text] {width:198px;/*border:solid 1px #bec7cc; height:28px; padding:0px 0px 0px 8px;/**/ font:normal 13px arial; color:#0e4a66; margin-bottom:3px; background:#eef2f6; line-height:10px;}
/* added for password field */
#login section form input[type=password] {width:208px; height:28px;/*border:solid 1px #bec7cc; height:28px; padding:0px 0px 0px 8px;/**/ font:normal 13px arial; color:#0e4a66; margin-bottom:3px; background:#eef2f6; line-height:28px;}

#login section form select {width:208px; border:solid 1px #bec7cc; height:30px; padding:5px 0px 4px 8px;/**/ font:normal 13px arial; color:#0e4a66; margin-bottom:20px; background:#eef2f6;}

	/* BOX REFLEJO */
	#login .reflejo, #forgot .reflejo {background:url(/media/reflejo_login.png) no-repeat center top; text-align:center; color:#FFF; font:normal 15px arial; height:auto; margin:3px 0 80px 0; line-height:62px;}
	#login .reflejo a, #forgot .reflejo a {color:#FFF;}
	#login .reflejo a:hover, #forgot .reflejo a:hover {color:#30475a;}

/* FORGOT PASWORD */
#forgot section {height:auto; width:418px; margin:0 auto; padding-bottom:10px;}
#forgot .datos {width:274px; margin:0 auto;}
#forgot .datos span {display:block; color:#0b4864; font:normal 11px arial; line-height:14px;}
#forgot section form {width:274px; margin:0 auto 0 auto;}
#forgot section form label {font:bold 14px arial; color:#0b4864; display:block; line-height:18px;}
#forgot section form span {font:normal 12px arial; color:#0b4864; display:block; margin-bottom:3px; line-height:22px;}
#forgot section form input#email {border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; background:#eef1f6; width:264px;}
#forgot section form fieldset {padding:0 0 9px 0}


/* EVENTS */
#events section {height:auto; margin:0 auto;}
#events section.left {height:170px;width:325px; margin-bottom:13px; border-radius: 15px 0 0 15px; -webkit-border-radius: 15px 0 0 15px; -khtml-border-radius: 15px 0 0 15px; -moz-border-radius: 15px 0 0 15px; background:#5d7891 url(/media/bg_documentation.gif) repeat-x;} /*background:#5d7891 url(/media/bg_events.gif) repeat-x;*/
#events section.left h1, #events section.left p, #events section.left a {color:#fff;}
#events section.left p, #events section.right p {line-height:20px;}
#events section.left a:hover {color:#fe9f24;}
#events section.right {height:170px;width:500px; margin-bottom:13px; border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; -khtml-border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0;}
#events section.right .padlock { position:absolute; right:-37px; top:-9px;}

#events section.central {background:#fafdff; padding-right:13px;}
#events section.central .fila {background:url(/media/bg_fila.gif) repeat-x left bottom; overflow:auto; padding-bottom:2px;}
#events section.central .fila.last {background:none;}
#events section.central .fila.encabezado {background:none;}
#events section.central .fila span {color:#3b5671; display:block; float:left; line-height:28px;}
#events section.central .fila span.account {width:70px;}
#events section.central .fila span.partition {width:70px;}
#events section.central .fila span.alarm {width:100px;}
#events section.central .fila span.zone {width:40px;}
#events section.central .fila span.date {width:180px;}
#events section.central .fila span.description {width:450px;}
#events section.central .fila span.comment {width:80px; color:#ffaf48;}
#events section.central .fila span.comment a {color:#ffaf48;}
#events section.central .fila span.comment a:hover {color:#3b5671;}
	#events section.central .fila.encabezado span.comment {color:#3b5671;}
	#events section.central .fila.encabezado span a {color:#3b5671;}
	#events section.central .fila.encabezado span a:hover {color:#000;}
	#events section.central .fila.encabezado #datepicker {height:26px; padding-left:8px; width:110px; font:normal 13px arial; color:#3b5671; background:#eef2f6; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; margin:0px 5px;  line-height:26px;}
	#events section.central a.fecha_ver {width:26px; height:27px; display:block; background:url(/media/ico_date.png) no-repeat left top; position:absolute; top:0px; right:22px;}
	
#events section.central .paginado {float:right; width:688px; margin:40px 0 15px 0;}
#events section.central .paginado a.refresh {float:left; margin-right:30px; display:block;}
#events section.central .paginado form {color:#3b5671;}
#events section.central .paginado form fieldset {float:left; padding:0px; margin:0px;}
#events section.central .paginado form fieldset#refresh {width:40px; position:relative;}
#events section.central .paginado form fieldset#per_page {width:150px; position:relative;}
#events section.central .paginado form fieldset#report {width:50px; position:relative;}
#events section.central .paginado form fieldset#per_page select {position:absolute; color:#3b5671; right:30px; top:-2px;}
#events section.central .paginado form label {margin-right:10px; color:#3b5671; line-height:26px;}
#events section.central .paginado form select {height:27px; padding:4px 0 4px 8px; width:54px; background:#eef2f6; font:normal 11px arial;border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;}
#events section.central .paginado form fieldset#paginas a {float:left;}
#events section.central .paginado form fieldset#paginas a.pag_ant {width:26px; height:27px; display:block; background:url(/media/pag_ant.png) no-repeat left top; margin-right:3px;}
#events section.central .paginado form fieldset#paginas a.pagina {height:21px; width:22px; text-align:center; color:#3b5671; background:#eef2f6; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; margin:3px 1px; line-height:21px;}
#events section.central .paginado form fieldset#paginas a:hover.pagina {background:#67829a; color:#fff;}
#events section.central .paginado form fieldset#paginas a.pagina.activa {background:none; font-weight:bold;}
#events section.central .paginado form fieldset#paginas a:hover.pagina.activa {background:none; color:#3b5671;}
#events section.central .paginado form fieldset#paginas input[type=text] {color:#3b5671; background:#eef2f6; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; width:26px; height:19px; margin:3px; font:normal 12px arial; border:solid 1px #90a4b5; line-height:19px;}
#events section.central .paginado form fieldset#paginas label {margin:0px;}
#events section.central .paginado form fieldset#paginas .maximo {height:21px; width:5px; text-align:center; color:#3b5671; background:#eef2f6; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; margin:3px 5px; float:left; line-height:21px;}
#events section.central .paginado form fieldset#paginas a.pag_sig {width:26px; height:27px; display:block; background:url(/media/pag_sig.png) no-repeat left top;}
/* SHOW & HIDE*/
h2.trigger {position:absolute; font:normal 12px arial; right:50px; top:6px; color:#ffaf48; text-align:left; cursor: pointer; cursor: hand}
.toggle_container {margin: 0px; padding: 0; border-bottom: 2px solid #d1dae2; background: #f1f5f8; overflow: hidden;}
.toggle_container .block {padding:10px 17px 17px 17px; /*--Padding of Container--*/}
.toggle_container .block p {color:#e38a26;}



/* HELP */
#help section.right {width:232px; margin-bottom:0px; border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; -khtml-border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; background:#5d7891 url(/media/bg_documentation.gif) repeat-x; padding:20px;}
#help section.left {width:613px; margin-bottom:13px; border-radius: 15px 0 0 15px; -webkit-border-radius: 15px 0 0 15px; -khtml-border-radius: 15px 0 0 15px; -moz-border-radius: 15px 0 0 15px;}
#help section.right h1, #help section.right p, #help section.right a {color:#fff;}
#help section.right a {text-decoration:underline;}
#help section.right a:hover {color:#fe9f24;}

/* SERVICE ORDER */
#service nav#tabs {/*min-width:271px;*/ padding:0 34px; /*position:absolute; left:0; top:-28px; z-index:9;*/ overflow:auto;}
#service nav#tabs a {width:129px; height:34px; display:block; padding:0px; float:left; text-align:center; margin-right:12px; font:bold 13px arial; line-height:34px;}
#service nav#tabs a.last {margin-right:0px;}
#service nav#tabs a:hover.tab_off {background:url(/media/tab_over.png) no-repeat center top;}
#service nav#tabs a.tab_off.dark {background:url(/media/tab_over.png) no-repeat center top;}
#service nav#tabs a.tab_off {background:url(/media/tab_off.png) no-repeat center top; color:#FFF;}
#service nav#tabs a.tab_on {background:url(/media/tab_on.png) no-repeat center top;}
#service.pending nav#tabs a.tab_on {color:#fb0214;}
#service.completed nav#tabs a.tab_on {color:#37a707;}
#service.new nav#tabs a.tab_on {color:#0b9ac0;}

#service.new section {min-height:536px;}
#service.new textarea {height:184px; width:630px; padding-left:15px; margin-bottom:20px;}
#service.new section form span {display:block; color:#0b4864; font:normal 12px arial; margin-bottom:10px; line-height:24px;}
#service.new section form input[type=submit] {margin:0;}

#service section {margin-top:-1px;}
#service section a {padding:20px; display:block; border-bottom:solid 1px #9dabb8; border-top:solid 1px #bec7d0;}
#service section a.open {background:#FFF/*url(/media/arrow_on.png) no-repeat right bottom*/; color:#0b4864; border-top:none;}
#service section a.closed {background:#7c8fa0 /*url(/media/arrow_off.png) no-repeat right center*/; color:#FFF;}
#service section a.closed.a {background-color:#7c8fa0;}
#service section a.closed.b {background-color:#a6b2be;}
#service section a:hover.closed {color:#0b4864; background:#fff /*url(/media/arrow_on.png) no-repeat right bottom*/; border-color:#FFF;}


/* CONTACT */
#contact .clear.alto {height:13px;}
#contact section.left {width:613px; margin-bottom:13px; border-radius: 15px 0 0 15px; -webkit-border-radius: 15px 0 0 15px; -khtml-border-radius: 15px 0 0 15px; -moz-border-radius: 15px 0 0 15px;}
#contact section.left a {color:#3b5671;}
#contact section.left a:hover {color:#fe9f24;}
#contact section.left a.tw, #contact section.left a.fb { width:29px; height:29px; display:block; margin:8px 10px 2px 0; float:left;}
#contact section.left .dots {width:480px;}
#contact section.right {width:232px; margin-bottom:0px; border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; -khtml-border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; padding:20px;}
#contact section.right.locations {background:#5d7891 url(/media/bg_documentation.gif) repeat-x;} /*background:url(/media/bg_locations.gif);*/
#contact section.right p, #contact section.right a {color:#fff; font-size:14px;}
#contact section.right h1 {color:#fff;}
#contact section.right b {color:#ffaf48;}
#contact section.right a {text-decoration:underline;}
#contact section.right a:hover {color:#fe9f24;}

#contact section.left form {width:308px;}
#contact section.left form input[type=text] {width:298px; border-radius: 8px 8px 0 0; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; background:#eef1f6; color:#3b5671;}
#contact section.left form textarea {width:296px; border-radius: 8px 8px 0 0; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; height:86px; padding-left:8px;}
#contact section.left form label {display:block; color:#3b5671; margin-top:6px; line-height:24px;}

#contact section.right.twitter {padding:0px 5px 0px 5px; width:auto; background:#4c667d;}
#contact section.left.news {background:#fafdff; height:344px;}
#contact section.left.news .latestnews {width: 308px; max-height: 290px; padding-right:10px; overflow: auto; float: left;}
#contact section.left.news .aboutus {width: 270px; max-height: 290px; padding-right:10px; overflow: auto; float: right;}


/* .news {width: auto; background: #E3E3E3; /* Mozilla: * / background: -moz-linear-gradient(top, #E3E3E3, #888888); /* Chrome, Safari:* /   background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#888888)); /* MSIE * / filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#00FF00', EndColorStr='#888888', GradientType=0); -webkit-border-radius: 4px; clear: left; background-color: #DDD; margin:0 12px 12px 12px; padding:8px 12px 12px 12px; overflow: auto;}*/


/* ALTURA PARJEA EN AMBOS CONTENEDORES 
#contact section, #help section {height:100%}
#contact #sector_a {height:530px;}
#contact #sector_b {height:386px;}
#help #sector_a {height:380px;}
*/

/*
 * FOOTER
 */
footer {width:962px; margin:0 auto; background:#30475a; padding:18px 0; text-align:center;}
footer nav {color:#fe9f24; font:normal 14px arial; margin-bottom:42px;}
	#login footer nav {margin-bottom:30px;}
footer nav a {color:#fe9f24; font:normal 14px arial;}
footer nav a:hover {color:#fff;}
footer span {color:#8f9ba6; font:normal 11px arial;}
footer a {color:#8f9ba6;}
footer a:hover {color:#fe9f24;}



/* Added to fix cms form problem */
table.cmstable { width:950px;}



td{
	
	padding: 0 0.5em;
	width:200px;
	
	}

td.first {
	
	padding: 0 0.5em;
	width:200px;
	text-align: left;
	}

td.second {
	
	padding: 0 0.5em;
	width:200px;
	text-align: right;
	}
table.admin {margin-top:20px; width: 100%}

input.go{background-color:#D0D7DD; cursor:pointer; color:#3b5671;}

td.serial {background-color:#D0D7DD; width:5%; color:#3b5671}
td.account{background-color:#D0D7DD; width:20%; color:#3b5671}
td.password{background-color:#D0D7DD; width:20%; color:#3b5671}
td.email{background-color:#D0D7DD; width:20%; color:#3b5671}
td.checkbox{background-color:#D0D7DD; width:5%;}
td.enableall{background-color:#D0D7DD; width:10%;}
td input[type=text]{width:100%}

table.center {
	margin-top:10px;
    margin-left:auto; 
    margin-right:auto;
  }
td.right{
	text-align:right; 
    
}
.file-wrapper {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.file-wrapper .button {

  background:url(/media/bt_blue_s.png) no-repeat center top;
  height:32px; display:block; border:none; font:bold 14px arial; color:#FFF;
  margin-left:auto;
  margin-right:auto;
  margin-top: 15px;	
  cursor: pointer;
  padding: 6px 18px;
  

}
.file-wrapper input {
  cursor: pointer;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  font-size: 100px;
 }
.file-wrapper-rep {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.file-wrapper-rep .button2 {

  background:url(/media/bt_blue_sp.png) no-repeat center top;
  height:32px;width:200px; display:block; border:none; font:bold 14px arial; color:#FFF;
  margin-left:auto;
  margin-right:auto;
  cursor: pointer;
  padding: 6px 18px;
  
  

}
.file-wrapper-rep input {
  cursor: pointer;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  font-size: 100px;
 }




 
 table.report {width:100%; height:auto;border:0px solid black;margin-left:auto;margin-right:auto}
 
 td.raccount
 {
 width:15%; color:#3b5671; border:0px solid black; 
 }
 td.checkbox
 {
 width:1%; color:#3b5671; border:0px solid black; 
 }
 td.notes
 {
 width:50%; color:#3b5671; border:0px solid black; 
 
 }
 
	#overlay_form{
	position:relative;  right:-20px;;
	border: 2px solid gray;
	padding: 10px;
	background: white;
	width: 270px;
	height: 100px;
	}
	#pop{
	display: block;
	border: 0;
	width: 65px;
	text-align: center;
	padding: 0;
	border-radius: 0;
	text-decoration: none;
	margin: 0 auto;
	}
	 
 .resizedTextbox {width: 200px; height: 28px}
 
 #language{
 width:130px; height:28px; 
}
INPUT#acc{
	width: 90px;
	height: 25px;
border-radius: 8px 8px 0 0;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
background: #eef1f6;
color: #3b5671;
}