body
{        background-color: white; 
    
        background-image: url(../images/fondo2.jpg) ;  
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 11px;
        margin: 0px;
	margin-right: 0px;
        padding: 0px;
     
}

.error_box
{
	border-color:#666666;
	width:100%;
/* 	color:red; */
	background-color: #FFF;
      
        border-spacing:2px; 
        text-align: center;
        border: 1px solid #CCC;
        font-size: 11px;
        padding: 1px; 
	 
}

.botones {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #ffcc00; border-color: #000000 ; }
			
.imputbox {  font-size: 10pt; color: #000099; background-color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: normal}

.data_alarma {
			background-color: #FFF;
			 
			color:red;
			font-size:16px; 
			text-align: center;
			border: 1px solid #CCC;
			 
			padding: 3px;
		}


#cont {
    min-height:80%;
    width:100%;
   
}
* html #cont {
    height:80%;
}

body_contacto
{     /*   background-color: #ffffff; */
       background-color: white;    
        background-image: url(../images/sol3d.jpg);  
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 11px;
        margin: 0px;
	margin-right: 0px;
        padding: 0px;
     
}
#headerLinks 
{
	color: #FFFFFF;
	font-family: arial;
	font-size: 8pt;
	padding-top: 60px;
	padding-right: 5px;
	margin-left:75%;
}

.hlink:link 
{
	color: #FF9933;
	font-family: arial;
	font-size: 8pt;
/* 	text-decoration: none; */
}

hr 
{
	height: 8px;
	width: 100%;
	background-color: #ffffff;
	border: none;
	color:#ffffff;
	margin-bottom: 10px;
 
}

.hlink:active 
{
	color: black;
	font-family: arial;
	font-size: 8pt;
/* 	text-decoration: none; */
}

.hlink:hover 
{
	color: #FFFFFF;
	font-family: arial;
	font-size: 8pt;
}

.hlink:visited 
{
	color: #FFFFFF;
	font-family: arial;
	font-size: 8pt;
}

.form 
{
        background-color: #EEF5FB;  
        color: #696969;
        border: 1px solid #CCC;
        font-size: 10px;
	padding:0px;
	margin:0px;
}

.label_graficas
{
        font-size: 9px;
	padding:0px;
	margin:0px;
}

.check_graficas {
background: #0f0; /* for visual */ 
margin:0 0 0 0px;  /* for FF */ 
width:13px; 
height:13px;
overflow:hidden;
}  


#main
{
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
       
}

#main2
{
        width: 750px;
        margin-left: 0%;
        margin-right: 0%;
       
}

#hero
{      
        width: 100%;
        height: 150px;			 
        background-image: url(../images/hero.jpg);
}

.numBox 
{
	height: 16px;
	width: 16px;
	border: 1px #000000 solid;
	background-color: #ffcc00;
	text-align: center;
	line-height: 16px;
	color: #000000;
	font-family: arial;
	font-size: 10pt;
 	float: left; 
 	margin-right: 4px; 
 }

.elemento
{
	/*text-decoration:none; */
	 color: #6bd0fc;
	font-size: 10pt;	margin-right: 4px;	margin-top: 8px;
	margin-left: 29px;
}
.numBoxs 
{
	height: 16px;
	width: 20px;
	border: 1px #000000 solid;
	background-color: #ffcc00;
	text-align: center;
	line-height: 16px;
	color:  #000000;
	font-family: arial;
	font-size: 10pt;
	float: left;
	margin-right: 4px;	margin-top: 14px;
	margin-left: 24px;
}

hr_linea
{
	height: 8px;
	width: 100%;
	background-color: #ffffff;
	border: none;
	color:#ffffff;
	margin-bottom: 10px;
} 
  
#menu_space
{	  
	padding-left: 1%;
	margin-top: 0%;
	width: 23%;   
	margin-left: 0px;		
}

#body_space
{
	width: 69%;
	margin-left: 35%;
	margin-top: -17%;		 
}


#body_space_contacto
{
	 
	margin-left: 4%;
	margin-top: 20%;		 
}
#body_space2
{         
	position: absolute;
	width: 73%;
      	margin-left: 26%;
 	top: 23%;		 
}

#body_space_user
{         
	position: absolute;
	width: 76%;
      	margin-left: 23%;
 	top: 23%;
	color:white;
	font-family: arial;
	font-size: 10pt;		 
}

#header
{
	background-image: url(../images/header_bg.jpg);
	height:88px;
	padding-top: 1px;
	margin-top:0%;
	width: 100%;
	left: 0px;
}

#Layer1
{	 
	height: 50px;	 
	width: 34%;
	margin-left: 62%;
	margin-top: -90px;

}

.gear
{
	width: 57px;
	height: 56px;
	margin-top: 16px;
	margin-left: 12px;
	background-image: url(../images/gear.png);
}

#header h1
{
	position: absolute;
/* 	left:13px; */
 	top: 1%; 
	color: #ffcb19;
	font-size: 48px;
	font-weight: bold;
	margin: 0px;
/* 	float:left; */
}

#header h1.shad
{
	left: 16px;
	top: 1.5%;
	color:  black;
	opacity: 0.7;
}

#header h1.shad2
{
	position: absolute;
	right: 19px; 
	top: 3.3%;
	font-size: 38px;
	font-weight: bold;
	color:  black;
	opacity: 0.7;
	text-decoration:underline;
}


#header h1.noshad2
{
	right: 16px;
	top: 3%;
	position: absolute;
	color: #FF6633;
	font-size: 38px;
	font-weight: bold;
	margin: 0px;
	float:right;
	text-decoration:underline;
}


#header em
{
	font-style: normal;
	text-decoration: underline;
}

#body
{
	padding-top: 1px;
	background-color: white;
	position: relative;
	border-left: 200px solid #eeeeee;
	left: 31px;
	top: 62px;
}

#sidebar
{       
	width: 100%;        
	position: absolute;
	right: -200px;
	top: 0px;
	padding: 10px;
}

#sidebar h3
{
	font-size: 13px;
	margin-bottom: 4px;
	margin-top: 16px;
	clear: both;
}

#sidebar ul
{
	margin-left: 1em;
	padding-left: 0px;
}

#sidebar p
{
    margin-bottom: 8px;
}

#content
{
   	padding: 20px;
   	color: #333333;
	margin-left: 0%;
}

#content h2
{
	font-size: 18px;
	margin: 0px;
}

#content .date
{
    	float: right;
}

#content .postedBy
{
    	float: right;
}

#content .meta
{
    	height: 1em;
}

#content p
{
	text-align: justify;
	text-indent: 3em;
	line-height: 1.3em;
}

.comments
{
        padding: 4px;
        text-align: right;
        margin-bottom: 2em;
        background-image: url(../images/comment_edit.gif);
        background-repeat: no-repeat;
        background-position: center left;
}


.tipico
{
	color:green;
	font-family:Verdana;
	font-size:10;
}

a
{
	font-weight: bold;
	text-decoration:none;
	color:black;
}

a.menu_desmarcado
{
	font-family:Verdana;
	font-size:13;
	font-weight: bold;
	text-decoration:none;
	color:white;  
}

a.barra_navegacion
{
	font-family:Verdana;
	font-size:13;
	font-weight: bold;
	text-decoration:none;
	color:black;  
}

a.resumen
{
	text-decoration:underline;
	font-family:Verdana;
	font-size:13;
	font-weight: bold;
 
	color:blue;  
}


a.menu_marcado
{
	font-family:Verdana;
	font-size:13;
	font-weight: bold;
	text-decoration:none;
	color:#ff9933;  
}


.pullout
{
       background-color: white; 
        padding: 5px;
        float: right;
        margin: 8px;
}

.flickr-thumbnail, .flickr-pullout 
{
        float: left;
        background: url('images/flickr_shadow.gif') no-repeat bottom right;
        margin: 5px 0px 0px 6px;
        padding: 0px 0px 0px 0px;
        display: block;
        width: auto;
}

.flickr-thumbnail img, .flickr-pullout img 
{
         background-color: white; 
         border: 1px solid #a9a9a9;
         display: block;
         margin: -5px 5px 5px -5px;
         padding: 4px;
         position: relative;
}

.flickr-thumbnail img:hover, .flickr-thumbnail:hover img, .flickr-pullout:hover img 
{
       background-color: white; 
}

.celda_tabla
{
	background-color:#FEF8D6;
	font-family:Verdana;
	font-size:12;
}

.celda_alternativa_tabla
{
	background-color:#FFFFFF;
	font-family:Verdana;
	font-size:12;
}

.celda_total_tabla
{
	background-color:#DCDCDC;
	font-family:Verdana;
	font-size:12;
}

.celda_centrada_tabla
{
	background-color:#FEF8D6;
	font-family:Verdana;
	font-size:12;
	text-align:center;
}



.celda_alternativa_centrada_tabla
{
	background-color:#FFFFFF;
	font-family:Verdana;
	font-size:12;
	text-align:center;
}


.celda_total_centrada_tabla
{
	background-color:#DCDCDC;
	font-family:Verdana;
	font-size:12;
	text-align:center;
}

.celda_titulo_resumen
{
	background-color:#DCDCDC;
	font-family:Verdana;
	font-size:12;
	text-align:center;
}



.celda_ok
{
	background-color:#FFFFFF;
	font-family:Verdana;
	font-size:12;
	color:green;
	font-weight: bold;
	text-align:center;
}

.celda_fail
{
	background-color:#FFFFFF;
	font-family:Verdana;
	font-size:12;
	color:red;
	font-weight: bold;
	text-align:center;
}

.celda_fail2
{
	background-color:#FFFFFF;
	font-family:Verdana;
	font-size:12;
	color: #c5c5c5;
	font-weight: bold;
	text-align:center;
}


.celda_ok_alternativa
{
	background-color:#FEF8D6;
	font-family:Verdana;
	font-size:12;
	color:green;
	font-weight: bold;
	text-align:center;
}

.celda_fail_alternativa
{
	background-color:#FEF8D6;
	font-family:Verdana;
	font-size:12;
	color:red;
	font-weight: bold;
	text-align:center;
}

.celda_fail2_alternativa
{
	background-color:#FEF8D6;
	font-family:Verdana;
	font-size:12;
	color:#c5c5c5;
	font-weight: bold;
	text-align:center;
}




.flickr-pullout
{
        margin: 13px 3px 3px 14px;
        background-image: url(../images/flickr_shadow_white.gif);
        
}

.tabla_detalle
{
 	border:1;
	padding:1;
	text-align:center;
	border-color:#FFFFFF>;
	font-family:Verdana;
	size:12;
}
.leyenda
{
	font-family:Verdana;
	font-size: 10;
	color: black;
}

.controles
{
	color:black;
	width: 220px;height:20px;
	vertical-align:center;
	font-family:Verdana;
	font-size:10;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
}

.controles_small
{
	width: 120px;
	color:black;
}

.contenedor_controles
{
	font-family:Verdana;
	font-size:10;
	color:black;width:280px;
}

.controles_top
{
	color:black;
	width: 220px;height:20px;
	vertical-align:text-top;
	font-family:Verdana;
	font-size:10;
}

/*Changes*/
html, body{
height:100%;
margin:0;
padding:0;
min-height:100%;
}
#contents{
min-height:95%;   
margin:0; 
position:relative;
}
/* holly hack to target IE win Only \*/
* html #contents{
height:95%;
}
/* end hack */

#footer{
position:relative; 
top:-5%;
height:5%;

	width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: right;
        background-image: url(/user/inc/images/header_bg2.jpg);
        color: #b0b0b0;
	margin-top:50px;
 	


}
 * html #footer{ /*IE */
top:0;
}
| * > #footer{ /* Opera using CSS3 selectors that other browsers will support later, look out */
top:0;
}
/*Changes*/
/*#footer
{	
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: right;
        background-image: url(/user/inc/images/header_bg2.jpg);
        color: #b0b0b0;margin-top:50px;
 	position: fixed;
	bottom:0%;
}  */


#footer_movil
{	
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: right;
/*     border-top: 0.5px #000000 solid; */
        background-image: url(/user/inc/images/header_bg2.jpg);
        color: #b0b0b0;
 	position: absolute;
	bottom:0%;
 	 
} 


.left
{
        float: left;
}

.right
{
        float: right;
}

.csskeyword
{
        color: blue;
}

.cssvalue
{
        color: red;
}

p.caption
{
        text-align: center;
}
 .rr
{
	margin-top: 8px;
	margin-left: 48px;
	font-family: arial;
 	line-height: 6px;
	color: yellow;
  	font-family: arial;
  	font-size: 10pt;
}
.rrr
{
	margin-left: 230px;
	font-family: arial;
 	line-height: 6px;
	color: yellow;
  	font-family: arial;
  	font-size: 10pt;
	text-align: center;
}

.hlink:link 
{
  	color: #FFFFFF;
  	margin-left:85%;
  	font-family: arial;
  	font-size: 8pt;
  	margin-top:-4%;
}

.collapsed       
	{display: none; }

.shownItems      
	{display: block; }

small.super
{
        vertical-align: top;
        font-size: 0.75em;
        line-height: 1.3em;
}
h1 
{
	color: #ffffff;
	font-family: arial;
	font-size: 10pt;
}
hh{}
.nodisplay
{
        display: none;
}

.data 
{
        background-color: #FFF;
        color: #696969;
        border-spacing:2px; 
        text-align: center;
        border: 1px solid #CCC;
        font-size: 11px;
        padding: 1px;
}



.re {cursor: pointer; border:solid 1px 1px 1px 1px  rgb(80,80,80); height:30px;background:orange; color:#1528c7;font-weight: bold;}
.re:hover {cursor: pointer; border:solid 1px 1px 1px 1px  rgb(80,80,80); height:30px; background:yellow; color:blue; font-weight: bold;}

e
{ color:#FF6633;font-weight: bold;font-family: Arial, Helvetica;}

.tabla2
{
	font-family: Arial, Helvetica, sans-serif;font-size: 14px;
}



/*ESTILO INTERFAZ V 2.0*/

.v2_inst_value
{
	color:#FF6633;
	font-weight: bold;
	font-family: Arial, Helvetica;
}

.v2_inst_label
{
	font-weight: bold;
}




.re2 {cursor: pointer; border:solid 1px 1px 1px 1px  rgb(80,80,80); background:orange; color:blue;font-weight: bold;text-align:top;}
			.re2:hover {cursor: pointer; border:solid 1px 1px 1px 1px  rgb(80,80,80);background:yellow; color:blue; font-weight: bold;text-align:top;}





.hostImportantProblem 

{
text-align: center;
font-family: arial;
font-size: 8pt;
background-color: #ff0000;
color: black;
}

.ajaxindicator_wrapper {
/*    display: block;  */
  width: 125px;
  height: 40px;
position: relative;
/* background-color:white; */
  }
#ajaxindicator {
/*    width: 6.5em;  */
/*   height: 1.2em; */
/*   float: center;  */
 position: relative;
   top:40%; 
/*  right:50%; */
 /*padding-top: 0.05em; */
/*   float: right;    */
   color: #09457C; 
    text-align: right;  

/* vertical-align : middle; */

   background: url(/user/inc/images/spinner_blue.gif) no-repeat 00 ; 

  /* display: block !important; */ /* for debuging */
  }