﻿/*-------------------------
	General Styles
--------------------------*/
html
{
  background: #F0F0F0 url('../Img/bg_patterns.png');
}

body
{
  margin: 0px;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  background: url('../Img/bg_patterns.png') repeat;
}
/*----------------------------
	Content area
-----------------------------*/
#container
{
  border: 1px Solid #B1B1B1;
  height :auto;
  width: 900px;
  left: 50%;
  top: 9%;
    margin-left: -450px;  
  color: #000000;
}
:invalid
{
  border: 2px groove #CCCCCC;
}
fieldset
{
  border: 1px solid #0099FF;
  background: #D8D8D8;
  border-radius: 10px;
  color: #003399;
}
legend
{
  color: #ffffff;
  background: #1e3f8a;
   opacity :0.6;   /* background: rgba(0, 0, 0, 0.5); */
  font-size: 0.9em;
  font-weight: bold;
  text-align: left;
  padding:  3px   0  3px   0 ;
  margin: 0;
  width: 14em;
  height:  auto ;
  border: 2px solid #0099FF;
  border-radius: 5px;
}
/*BOTONES */

.Avisos
{
  padding: 0 10px 10px 10px;
  margin: 0 0 10px 0;
  border: 1px solid #0099FF;
  background: #D8D8D8;
  border-radius: 10px;
   font-size: 0.9em;
   text-align: left;
}
.Boton
{
  background: #0D98FB;
  background-image: linear-gradient(to bottom,#0D98FB,#1A5DB3);
  border: 1px solid #125CB5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 1px 1px #71C0FD inset;
  -webkit-box-shadow: 0 1px 1px #71C0FD inset;
  -o-box-shadow: 0 1px 1px #71C0FD inset;
  box-shadow: 0 1px 1px #71C0FD inset;
  padding: .4em 1.2em .4em 1.2em;
  color: white;
  font-weight: normal;
  text-decoration: none;
}

.Boton2 {	
  background: #ff0000;
   background-image: linear-gradient(to bottom,#ff0000,#ff5151);
   border: 1px solid #ff0000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 1px 1px #1a5db3 inset;
  -webkit-box-shadow: 0 1px 1px #1A5DB3 inset;
  -o-box-shadow: 0 1px 1px #1A5DB3 inset;
  box-shadow: 0 1px 1px #1A5DB3 inset;
  padding: .4em 1.2em .4em 1.2em;
  color: white;
  font-weight: normal;
  text-decoration: none;


}

.Menu1 {
	background: #66CCFF;
   background-image: linear-gradient(to bottom,#66CCFF,#0047B3);
   border: 1px solid #82BBFB;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 1px 1px #82BBFB inset;
  -webkit-box-shadow: 0 1px 1px #82BBFB inset;
  -o-box-shadow: 0 1px 1px #82BBFB inset;
  box-shadow: 0 1px 1px #82BBFB inset;
  padding: .4em 1.2em .4em 1.2em;
  color: white;
  font-weight: normal;
  text-decoration: none;

}
.Boton:hover {
    background:#1A5DB3;
    background-image: -webkit-linear-gradient(bottom,#0D98FB,#1A5DB3);
    background-image: -moz-linear-gradient(bottom,#0D98FB,#1A5DB3);
    background-image: -o-linear-gradient(bottom,#0D98FB,#1A5DB3);  
    background-image: linear-gradient(to top,#0D98FB,#1A5DB3);
    cursor: pointer;
}

 /************************ */
/*----------------------------
	Headers & Footers
-----------------------------*/
header
{
  background: url('../Img/header.png') repeat-x; 
  height: auto;
  padding: 10px  10px 0px 10px; 
}

#Logo
{
  background: url('../Img/logo.png') no-repeat center center;
  height: 120px;
 /* margin: 2px auto;*/
  overflow: hidden;
  text-align: center;
  text-indent: -99999px;
}

.Renglon
{ padding-left :3px;
  text-align: left;
  color: #000000;
  text-decoration: none;
  line-height: 26px;
}
.Eti
{
  text-align: left;
  color: #094e93;
  text-decoration :none;
  line-height: 28px;
   font-style :normal ;
   font-weight : bold;
}
.Titulo
{
  font: normal bold 14px Georgia, 'Times New Roman' , Times, serif;
  padding-left: 5px;
  padding-top :5px;
  padding-bottom :5px;
  text-align: left;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 35px;
  background: #0D98FB;
  background-image: linear-gradient(to bottom,#0D98FB,#1A5DB3);
  border: 1px solid #125CB5;
  text-shadow:2px  2px 0 #333333;
	-moz-text-shadow:1px 1px 0  #333333;
	-webkit-text-shadow:1px 1px 0  #333333; 
	  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.Msg
{
  text-align: left;
  text-decoration: none;   
  color: #CCCC00;
  font: normal 11px Tahoma, Geneva, sans-serif;
   font-size: 12px;
  background-color: #003366;
  padding-left: 5px;
  padding-top: 5px;
}

.Caja
{
  border: 1px solid #999999;
 
  color: #000000;
  font: normal 9pt Tahoma, Geneva, sans-serif;
  text-align: left;
  padding-left: 2px;
  border-radius: 5px;
  /*box-shadow : 5px 5px 5px #888;*/
  
}

/*----------------------------
	The Footer
-----------------------------*/


footer
{
  background-color: #1e3f8a;    
  height: 110px;
  text-align: center;
  color: #FFFFFF;
  font-size: 9pt;
   padding : 5px  10px 5px  10px;
} 

.footer1
{ text-align: center;
  text-decoration: none;
     color: #CCCC00;
  font: normal 11px Tahoma, Geneva, sans-serif;   
 }

.footer2
{
  text-align: center;
  text-decoration: none;
  color: #CCFF99;
  font: normal 11px Tahoma, Geneva, sans-serif;
}
 
 
 /* VENTANA DE ALERTA */

#fondo {
	width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 990;opacity: 0.8;background:#000;
}

#flotante {
	z-index: 999; border: 6px solid #6fabe9; 
	margin-top: -756px; 
	 top: 50%; left: 50%; padding: 12px; position: fixed; 
	 width: 350px; background-color: #e6e8e9; border-radius: 3px;
	 text-align :center;
    
   /*margin-left: -153px;*/
}

#flotante > h1 {font-size: .8em;
    font-weight: bold ;
    color:#dd500d;
    text-align: center;
    }    
#flotante > label {
color:#090e29;
font-size: 1em;
font-weight: normal;
text-align: center;
line-height :25px;
    
}

#flotante > a {
font-size: .9em;
    display : inline-block ;
    
    border-bottom-color: #5e92f2;
  border-radius: 5px;
  background: #e0e2e6;
  color: #0a0909;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    width: auto;
    cursor: pointer;   
		 
}
/* TERMINA VENTANA DE ALERTA */