/*
    Document   : layout
    Created on : Sep 14, 2007, 3:51:32 PM
    Author     : Winston Prakash
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*background: #535353;*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
    background-color: #dddada;
}

#container {
    /*height:1200px;*/
    width: 1100px;/*780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

    /*background: #535353;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
    background-color: #dddada;
}

.header{
    width:100%;
    background: #DDDDDD;
    padding: 0 5% 0 1%;
}

.leftSidebar {
	float: left;
	width: 15%;
    height:70%;
	background: #EBEBEB;
	/*padding: 15px 10px 15px 20px;*/
    padding: 2% 1% 2% 3%;
}

.rightSidebar {
	float: right;
	width: 160px;
	background: #EBEBEB;
	padding: 15px 10px 15px 20px;
}
.mainContent {
  /*  width: 85%;
    height:85%;
    */
	/*margin: 0 200px;
	padding: 0 10px;
    */
    margin: 0 1%;
	padding: 0 1%;
    
    /*    margin: 0 200px;
	padding: 0 10px;
    */
}
.footer {
	padding: 0 10px 0 20px;
	background:#DDDDDD;
}



/********Configuracion de cabecera*********/

.panelHijo1_1 {
	
	width: 100%;
    font-size: x-large;
		

    /*
    border-top-style: dashed;
    border-bottom-style: dashed;
    border-left-style: dashed;
    border-right-style: dashed;
    border-top-color: #f0790a;
    border-bottom-color: #f0790a;
    border-left-color: #f0790a;
    border-right-color: #f0790a;
    */

}
.panelHijo1_2 {

    width: 120%;
    font-size: small;
    
	/*
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-left-style: dotted;
    border-right-style: dotted;
    border-top-color: #2ad726;
    border-bottom-color: #2ad726;
    border-left-color: #2ad726;
    border-right-color: #2ad726;
    */
    
}

.panelPadre1 {
    width: 70%;
    font-size: small;
 
    /*
    border-top-style: dashed;
    border-bottom-style: dashed;
    border-left-style: dashed;
    border-right-style: dashed;
    border-top-color: #56f501;
    border-bottom-color: #56f501;
    border-left-color: #56f501;
    border-right-color: #56f501;
    */
}
.imagen_boton1{
    width: 32px;
    height: 32px;
    
    
    
  
    margin-right: 2px;
}

.parametrog{

    
    font-size: small;
    
    font-family: Arial,Helvetica,sans-serif;
     font-weight: normal;
    font-style: normal;
    font-variant: normal;
}
.formatoTabla{


    font-size: small;
    
    font-family: Arial,Helvetica,sans-serif;
     font-weight: normal;
    font-style: normal;
    font-variant: normal;

    width:100%;
}
.formatoMensaje{

    background-color: #fe7e74;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-color: #fd0e23;
    border-bottom-color: #fd0e23;
    border-left-color: #fd0e23;
    border-right-color: #fd0e23;
}
.panelInterno{

    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}
.panelEtiquetado1{

    width: 30%;
      font-weight: bold;
    font: xx-small;
    text-align: left;

  
    
    border-top-style: ridge;
    border-bottom-style: ridge;
    border-left-style: ridge;
    border-right-style: ridge;
   background-color: #b8b1b1;

      border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;

  /* background-color: #b8b1b1;
    /*border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
*/
    
   
}
.panelEtiquetado2{

     width: 30%;
      font-weight: bold;
    font: xx-small;
    text-align: right;



    border-top-style: ridge;
    border-bottom-style: ridge;
    border-left-style: ridge;
    border-right-style: ridge;
    background-color: #c7c2fa;




    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
}
.titulo{
    font: xx-large;
     font-weight: bold;
}


.panelInterno2{
    width: 100%;
    text-align:right;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

  clear:both;
    height:10%;
    font-size: 2px;
    line-height: 0px;
}