﻿/*
 
 The Essential Code 
 
*/
 
			body
{
    min-width: 550px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
 
		#container {
			padding-left: 175px;      /* LC width */
			padding-right: 175px;     /* RC width */
		}
		
		#container .column {
			position: relative;
			float: left;
		}
		
		#center {
			width: 100%;
		}
		
		#left {
			width: 180px;             /* LC width */
			right: 185px;             /* LC width */
			margin-left: -98%;
		}
		
		#right {
			width: 175px;             /* RC width */
			margin-right: -100%;
		}
		
		#footer {
			clear: both;
		}
		
		
		#justificarcentro
{
    width: 100%;
    padding-left: 50px;
    padding-right:50px;
}
		
		/*
 
 IE6 Fix 
 
*/
		* html #left {
			left: 150px;              /* RC width */
		}
 
		/*
 
 Just for Looks 
 
*/
 
		body {
			margin: 0;
			padding: 0;
			background: #FFF;
		}
 
		#header
{
    background-position: #999;
    font-size: large; /*text-align: center;*/ /*padding: 0.3em 0;*/
    background: #999;
    background-image: url('images/backgroundheader.png');
    background-repeat: repeat-x;

}

 .menuheader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #0066FF;
    text-align: center;
    vertical-align: top;
    height: 100px;
}
		
		
		
#headerlogin
{
    background-position: #999;
    font-size: large;
    /*text-align: center;*/
    /*padding: 0.3em 0;*/
    background: #999;
    background-image: url('images/backgroundheader.png');
    background-repeat: repeat-x;
}
		
		
		#footer
{
    font-size: 14px;
    text-align: right;
    padding: 20px 50px 15px 0;
    background: #999;
    background-image: url('images/backgroundfooter.png');
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
}
 
		#left
{
    padding: 0px 10px 10px 10px;
    background: #FFFFFF;
}
 
		#center
{
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}
 
		#right
{
    background: #FFFFFF;
}
 
		#container .column {
			padding-top: 1em;
			text-align: justify;
		}

        
.accordionCabecera
{
    /* border: 1px solid #FFCC00;*/
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    margin-top: 4px;
    cursor: pointer;
    background-image: url('images/fondohead2.png');
    background-repeat: repeat-x;
    color: #FFFF99;
    vertical-align: middle;
    letter-spacing: -1px;
    height: 38px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-top-color: #F2F2F2;
    border-right-color: #F2F2F2;
    border-bottom-color: #F2F2F2;
    border-left-color: #F2F2F2;
} 

            .accordionContenido
{
    background-position: left bottom;
    font-family: Arial, Helvetica, sans-serif; /*background-color: #fff8ab; */
    border-top: none;
    font-size: 12px;
    padding: 7px 7px 7px 35px;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    border-top-color: inherit;
    border-right-color: #F2F2F2;
    border-bottom-color: #0099FF;
    border-left-color: #F2F2F2;
    text-decoration: none; /* background-image: url('../../images/fondomenuitems.png');
    background-repeat: no-repeat;/**/
    font-weight: normal;
    letter-spacing: -1px;
    color: #808080;
}

.accordionCabecera2
{
    /* border: 1px solid #FFCC00;*/
    /*border: 1px solid #C0C0C0;*/
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    padding: 4px;
    margin-top: 4px;
    cursor: pointer;
    color: #996600;
    vertical-align: middle;
    letter-spacing: -1px;
    /*background-image: url('../../images/fondoheadcontent.png');
    background-repeat: no-repeat;*/
    background-image: url('images/fondohead.png');
    background-repeat: repeat-x;
    height: 38px;
    /*width: 100%;*/
} 

.accordionContenido2
{
    font-family: Sans-Serif; /*background-color: #fff8ab; */
    border-top: none;
    font-size: 12px;
    padding: 7px 7px 7px 7px;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    border-top-color: inherit;
    border-right-color: #F2F2F2;
    border-bottom-color: #0099FF;
    border-left-color: #F2F2F2;
    text-decoration: none;
    background-color: #FFFFFF;
   /*background-image: url('images/fondohead.png');
    background-repeat: repeat-x;*/
    /*width: 100%;*/
    overflow:hidden;
}
 
 .iconplus
{
    padding: 4px;
    vertical-align: middle;
}

.noline
{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
}

.fondo 
{
    background-color:White;
}

.columnacentral
{ 
 padding-left: 50px; }





#NewsTicker
{
    border: solid 1px #cccccc;
    background: #FFFFFF;
    width: 155px;
    height: 400px;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-top-color: #F2F2F2;
    border-right-color: #F2F2F2;
    border-bottom-color: #F2F2F2;
    border-left-color: #F2F2F2;
}
	#NewsTicker h1
{
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    padding: 6px;
    margin: 0;
    border: 0;
    color: #FFFFCC;
    background-image: url('images/fondohead2.png');
    background-repeat: repeat-x;
    height: 25px;
}
	#NewsVertical {
	width: 153px;
	height: 350px;
	display: block;
	overflow: hidden;
	position: relative;
	}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
		width: 150px;
		height: 350px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#TickerVertical li {
		display: block;
		width: 148px;
		color: #333333;
		text-align: left;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		float: left;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #000000;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #000000;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
			text-decoration:none;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:underline;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
		}
		#TickerVertical li .NewsFooter{
			display: block;
			color: #000000;
			font-size: 10px;
			margin:6px 0 14px 0;
		}

        .subheader
{
    background-position: 25px 0px;
    text-align: right;
    padding-right: 20px;
    background-image: url('images/fondosubheader.png');
    background-repeat: no-repeat;
    
}


.modalBackground
{
  background-color:#CCCCFF;
  filter:alpha(opacity=40);
  opacity:0.5;
}


.ModalWindow
{
    border: 1px solid #CCFFFF;
    padding: 0px10px10px10px;
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    background-image: url('images/fondomensajes.png');
    position:absolute;
    top:-1000px;


}

.popupcentro
{
    width: 100%;
    height: 100%;
    
    vertical-align: middle;
    position: absolute;
    top: 45%;
    left: 45%;
    background-color: Gray;
    filter: alpha(opacity=75);
    opacity: 0.80;
    background-color: transparent;

}

/*#formulario
{
    width: 90%;
    overflow: hidden;
}*/


.mGrid
{
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: 1px solid #E0E0E0;
    border-collapse: collapse;
}   
.mGrid td
{
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #F0F0F0;
    padding: 10px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}   

/*.mGrid tr a:hover
{
    background-position: #424242 url('images/grd_head.png') repeat-x;
    color: #FFF;
    text-decoration: none; /*background: #424242 url('images/grd_head.png') repeat-x;*/
    /*background-image: url('images/grd_head.png');
    background-repeat: repeat-x;
} */


.mGrid th
{
    background-position: top;
    padding: 4px 2px;
    color: #808080;
    background: #424242 url(images/fondohead.png) repeat-x top; /*border-left: solid 1px #525252;*/
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
}   
.rowgrid
{
    background: #fcfcfc url(images/grd_head.png) repeat-x top;
    color: #FFFFFF;
}   


.mGrid .alt 
{ 
   /* background: #fcfcfc url(images/grd_alt.png) repeat-x top;*/
    
    
     }  


.mGrid .pgr { background: #424242 url(images/grd_pgr.png) repeat-x top; }   
.mGrid .pgr table { margin: 5px 0; }   
.mGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }      
 
.mGrid .pgr a { color: #666; text-decoration: none; }   
.mGrid .pgr a:hover { color: #000; text-decoration: none; } 

.rowStyle
{
    color: #FFFFFF;
    /*background-color: #424242;*/
    /*cursor: pointer;*/

    background-image: url('images/grd_headseleccionar.png');
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
}

#etiqueta
{
    text-align: right;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    padding-right: 5px;
    vertical-align: top;
    width: 200px;
}

#etiqueta2,chkbox
{
    text-align: right;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    padding-right: 5px;
    vertical-align: top;
    width: 200px;
    font-size: 12px;
}

input
{
    border: 1px solid #E4E4E4;
    background-image: url('images/fondoinput.png');
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0px;
}

select 
{
     font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

#contenido
{
    width: 896px;
    margin: auto;
    background-color: #FFFFFF;
    height: 1300px;
   /* background-image: url('images/fondoformulario.png');*/
}



#contenidoizquierdo
{
    float:left;
    width:440px;
    height:460px;
}

#mensajeconfirmacion
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bolder;
    color: #996600;
}



#contenidoderecho
{
    float:right;
    width:440px;
    height:462px;  
}

/*#footer
{
    width:870px;
    padding: 15px;
    margin: 0px;
    font-family: Arial;
    font-weight: bold;
    font-size: 9px;
    background-color: #FFFFFF;
    text-align: right;
    bottom: 0px;
}*/

#ingresar
{
    
    position:relative;
    width:400px;
    height: 417px;
    margin: auto;
    /*background-color:Blue;*/
    top:25px;
    left: 0px;
}

#crearcuenta
{
    position:relative;
    width:400px;
    height: 415px;
    margin: auto;
    /*background-color:Blue;*/
    top:25px;
    left: 0px;
}

#ingresarinner
{
    
    position:relative;
    width:350px;
    height: 250px;
    margin: auto;
    /*background-color:Blue;*/
    top:25px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #996633;

}

#crearcuentainner
{
    position: relative;
    width: 350px;
    height: 250px;
    margin: auto; /*background-color:Blue;*/
    top: 25px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #996633;
}

#contenedorformulario
{
    position: relative;
    width: 888px;
    margin: 0px auto auto auto; /*background-color:Blue;*/
    top: 8px; /*left: 27px;*/
    left: -4px;
    text-align: center;
    background-color: #FFFFFF;
    height: 600px;
    overflow: visible;
}


.headerinicio
{
    font-family: Arial;
    font-weight: bold;
    color: #3366FF;
}

.fondoceldalogin
{
    background-color: #C0C0C0;
}

.tdetiqueta
{
    text-align: right;
    vertical-align: top;
        font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #996633;
    
    
}

.tdcampo
{
    text-align: left;
    vertical-align: top;
    padding-left: 50px;
}

.tablaamarilla
{
    /*border: 1px solid #CCCC00;
    background-color: #FDFFE6;*/
}

.tdcamponegro
{
    text-align: left;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}

.imageverificacion
{
    border-style: solid;
    border-color: #FFFFFF;
    border-top-width: 3px;
}

.errores
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FF0000;
}

#encabezados
{
    font-family: 'Arial Black';
    font-size: 16px;
    color: #CC6600;
}
input
{
    font-family: verdana;
    font-size: 12px;
    border: 1px solid #CCCCCC;
    background-image: url('images/fondoinput.png');
    background-repeat: repeat-x;
    text-transform: uppercase;
}


select
{
    font-family: verdana;
    font-size: 11px;
    border: 1px solid #FFFFFF;
    background-color: #EEEEEE;
}

#contenidoabajo
{
    width:880px;
    height:100px;
}


.collapsepanel
{
    border-style: dashed;
    border-width: 1px;
    padding: 0px 10px 0px 10px;
    border-color: #FFCC00;
    overflow: hidden;
    background-color: #FFFFE8;
    height: 0px;
    color: #333333;
    font-family: Verdana;
    font-size: 11px;
    text-align: left;
    width: 600px;
}



.collapsepanelheader
{
    vertical-align: middle;
    font-family: Verdana;
    font-size: 11px;
}

#loginusuario
{
    float: right;
    font-family: Verdana;
    font-size: 10px;
    color: #FFFFFF;
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
    
}

#loginusuario a
{

    color: #FFFFFF;

    
}

.titulos_h2
{
    font-family: Georgia;
    font-size: 20px;
    color: #0066CC;
    text-align: left;
}

.celdas_login
{
    border: thin dashed #CC9900;
    padding: 15px;
    text-align: justify;
    font-family: Verdana;
    font-size: 10px;
}