/* CSS Document */
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background:#000000 }

/*interna gris*/
.body{ background: #191919}

/*interna gris claro*/
.bodygc
{
	background: whitesmoke;
}


.clear{ clear:both}
img{ border:none}

/*header*/
#header
{
	width: 100%;
	height: 162px;
	background: url(images2012/head2.jpg) #000000 no-repeat;
}

#header2
{
	width: 100%;
	height: 210px;
	background: url(images2012/head-in2.jpg) #000000 no-repeat;
}

 
 .panelvideo
{
	z-index:20000000000000;  position:  absolute ; top: 120px ; left: 230px;     
	} 

#header .in{ width:960px; height:122px; margin: 10px;}
#header .in .logo{ width:400px; height:50px; position: relative; top:50px;   color:#FFFFFF}

h1{ color: /*#264987*/ #FFFFFF; margin:0; padding:0}
h1 a{ text-decoration:none}

#header .in .logo h2{ color: #666666; font-weight:normal; margin:0; padding:0; font-size:12px}
/*menu*/
#menu{  position: relative; top:61px; left:15%; }
 

/*menu novedades*/
#menu .novedades a{ background: #009900; color:#FFFFFF; font-weight:bold}
#menu .novedades a:hover{ background:#0066CC}

/*content*/
#contentHome{ width:960px; margin:auto; color: #999999; font-size:14px}
#contentHome .Left{ float:left; width:380px; padding:20px 20px 20px 0}
#contentHome .Left .section{ float:left; width:380px; padding-top:10px; margin-top:10px; /*border-top:1px dotted #333333*/}
#contentHome .Left .section .form{ float:left; width:360px;background: #212121; padding:10px}
#contentHome .Left .section .form a{ color: #999999; text-decoration:none; font-size:11px}
#contentHome .Left .section .form a:hover{ color: #999999; text-decoration: underline}
#contentHome .Left .section .form .input{ border:1px solid #666666; padding:5px; width:200px}
#contentHome .Left .section .form .entrar{ border:1px solid #990000; background:#990000; color:#FFFFFF; padding:5px; width:100px; font-weight:bold}

/*content interna gris claro*/
#contentHomeGC{ width:960px; margin:auto; color: #333333; font-size:14px}
#contentHomeGC .Left{ float:left; width:380px; padding:20px 20px 20px 0}
#contentHomeGC .Left .section{ float:left; width:380px; padding-top:10px; margin-top:10px; /*border-top:1px dotted #333333*/}
#contentHomeGC .Left .section .form{ float:left; width:360px;background: #212121; padding:10px}
#contentHomeGC .Left .section .form a{ color: #999999; text-decoration:none; font-size:11px}
#contentHomeGC .Left .section .form a:hover{ color: #999999; text-decoration: underline}
#contentHomeGC .Left .section .form .input{ border:1px solid #666666; padding:5px; width:200px}
#contentHomeGC .Left .section .form .entrar{ border:1px solid #990000; background:#990000; color:#FFFFFF; padding:5px; width:100px; font-weight:bold}
#contentHomeGC .Right{ float:left; width:519px; padding:20px; /*border-left:1px dotted #333333*/}



#contentHome .Right{ float:left; width:519px; padding:20px; /*border-left:1px dotted #333333*/}
ul#chr{}
ul#chr li{ margin-bottom:20px}

/*footer*/
#footer{ width:960px; margin:auto; color: #999999; font-size:12px; text-align:center; border-top:1px dotted #333333; padding:50px 0}


/*lightbox*/
.black_overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.white_content {display: none;position: absolute;top: 25%;left: 25%;width: 50%;height: 50%;padding: 16px;border: 10px solid orange;background-color: white;z-index:1002;overflow: auto;}
.white_content p{ font-size:12px; color:#333333}
.white_content a{ color:#990000; text-decoration:none; font-weight:bold}

.errores
{
	 margin-top: 20px; 
    font-weight: bold;
    font-size: small;
    color: white;
    font-family: arial;
    background-color: red;
    text-decoration: none;
    text-align: center;
}


.datos
{
	color: #ff0000;
	 font-weight:bold ;  
}
	
	.STablas
{
	background-color: white;
	border-bottom: white inset;
	border-left: white inset;
	border-top: white inset;
	border-right: white inset;
}



.menh01
{
	 width: 100px;   height:40px; text-align: center ;     color: #333333;  font-size:12px; background:whitesmoke  ;
	}
	
.menh01hover{  width: 100px;  height:40px;   font-size:12px;  background:#990000; color:#FFFFFF}


.Stllblmantenimiento
{
	margin-left: 5px;
	color: #990000;
	font-size: 12px;
	font-weight: bold;
}


.StyleMantenimiento
{
	margin-right: 5px;
	color: #FFFFFF;
	background: #151416;
	font-size: 12px;
	 
	width: 100px;
	height: 30px;
	border-right: outset;
	border-top: outset;
	border-left: outset;
	border-bottom: outset;
	font-weight: bold;
}

.stllblbusqueda
{
	margin-left: 5px;
	color: #990000;
	font-size: 12px;
	font-weight: bold;
}
 

.cssbotonsec
{
	width: 180px;
	height: 30px;
	background-color: green;
	color: white;
	border-bottom: darkgray groove;
	border-left: darkgray groove;
	font-size: small;
	border-top: darkgray groove;
	font-weight: bold;
	border-right: darkgray groove;
	margin-bottom: 5px;
}


.cssalt
{
     background-color: #FFFFFF ; 
     font-weight: bold;
    color: #000000;
    font-size: small;
     
    }

.cssrow
{
	background-color: #990000;
	font-weight: bold;
	color: #FFFFFF;
	font-size: small;
 
}
    
   
   .cssfooter
{
	font-weight: bold;
	color: #ffffff;
	background-color: black;
}

.entrar02
{
	margin-right: 5px;
	color: #FFFFFF;
	background: black;
	font-size: 12px;
	float: right;
	width: 120px;
	height: 30px;
	border-right: outset;
	border-top: outset;
	border-left: outset;
	border-bottom: outset;
	font-weight: bold;
}


 
.cssguardar
{
	width: 65px;
	height: 65px;
	background-image: url(img/btnguardar.jpg);
	background-repeat: no-repeat;
}

.csseditar
{
	width: 65px;
	height: 65px;
	background-image: url(img/btneditar.jpg);
	background-repeat: no-repeat;
}

.csseliminar
{
	width: 65px;
	height: 65px;
	background-image: url(img/btneliminar.jpg);
	background-repeat: no-repeat;
}

.cssregresar
{
	width: 65px;
	height: 65px;
	background-image: url(img/btnregresar.jpg);
	background-repeat: no-repeat;
}

.cssconsultar
{
	width: 65px;
	height: 65px;
	background-image: url(img/btnconsultar.jpg);
	background-repeat: no-repeat;
}

.cssdetalle
{
	width: 65px;
	height: 65px;
	background-image: url(img/btndetalle.jpg);
	background-repeat: no-repeat;
}
.cssexportar
{
	width: 65px;
	height: 65px;
	background-image: url(img/btnexportar.jpg);
	background-repeat: no-repeat;
}
.cssfiltro
{
	width: 65px;
	height: 65px;
	background-image: url(img/btnfiltro.jpg);
	background-repeat: no-repeat;
}
.cssagregar
{
	width: 65px;
	height: 65px;
	background-image: url(img/btnagregar.jpg);
	background-repeat: no-repeat;
}

.csssalir
{
	width: 65px;
	height: 65px;
	background-image: url(img/btnsalir.jpg);
	background-repeat: no-repeat;
}

.cssreporte
{
	width: 65px;
	height: 65px;
	background-image: url(img/btndetalle.jpg);
	background-repeat: no-repeat;
}