* {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    color: #333;
}

 a:active
 {
 outline: none;
 }

 a { outline: none; }

a:focus
 {
 -moz-outline-style: none;
 }

img {
    border: 0px solid #fff;
}

/* Titulo del Sistema*/
h3 {
    font-size: 18px;
    color: white;
    /*font-family:Verdana;*/
}
h4 {
    font-size: 14px;
    color: #2251a3;
    /*font-family:Verdana;*/
}
h5 {
    font-size:12px;
    color: #666;
    font-weight: bold;
}

.clear {
    clear:both;
}

h6 {
    font-size:11px;
    color: #999;
}

@font-face{/*AQUI DECLARAMOS LOS TIPOS DE FUENTES QUE NO ESTAN POR DEFECTOS*/
   font-family:Verdana, Helvetica, sans-serif;
	
}
body {
    font-family:Verdana, Helvetica, sans-serif;
    font-size: 1em;
    background: transparent url(imgs/fondos/bg_back.png) repeat-x;
}

#contenedor_banner {
    width: 959px;    
    margin: 0 auto;    
    height: 77px;
    padding: 0 50px 0 15px;
    border: 0px solid #333;
    font-size: 13px;
    color: #fff;    
    font-size: 12px;    
    background: transparent url(imgs/fondos/img_body_cont.png) repeat-y;
}

.banner {
    width:974px;
    background: transparent url(imgs/fondos/img_encabezado1.png) repeat-x;
    height:77px;
    padding: 0 10px 0 10px;
}

    .banner img {
        float:left;        
    }

    .banner .logo {
        width: 400px;
        float:left;        
        border: 0px solid Blue;
        padding: 27px 0 0 10px;        
    }

    .banner .info_usuario {
        width: 200px;
        text-align:right;
        float:right;    
        padding: 30px 0 0 0;
    }

#wrapper {
    width: 974px;
    margin: 0 auto;
    padding: 0px 25px 0px 25px;
    border: 1px solid Transparent;
    min-height: 500px;
    font-size: 14px;
    background: transparent url(imgs/fondos/img_body_cont.png) repeat-y;
}

#contenido {
    padding: 10px 0 0 0;
    border: 0px solid red;
}

#banner #logos {
        height: 92px;
        background: transparent url(imgs/logos/img_frase.png) no-repeat center;
        border: 0px solid Red;
        text-align: left;
        padding: 0px 0px 0px 20px;
        z-index: 3;
    }


#menu
{
    height: 27px;    
    margin: 5px 0px 0px 0px;
    background: transparent url(imgs/fondos/img_menu_sis.png) no-repeat;
    } 
#menu ul
{	
    text-decoration:none;
    font-size: 12px;    
}    
#menu ul li 
{
    display:block;
    float:left;
	position: relative;
    
    }    
#menu ul li a
{
    display:block;
    height: 17px;
    border-right: 2px solid #DB2436;
    padding: 5px 5px 5px 5px;
    -webkit-transition: all .15s .1s ease-in-out;
	-moz-transition: all .15s .1s ease-in-out;
	-ms-transition: all .15s .1s ease-in-out;
    text-decoration:none;
    color: #373737;
    }
    #menu  li:hover {
        background: #DB2436;
        color:#EFEFEF;
    }
	#menu a:hover{
		color:#EFEFEF;
	}
/* Childs */
#menu > ul ul{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 40px;
	background: #DB2436;
	margin: 0;
	padding: 0;
	z-index: -1;
	-webkit-transition: all .35s .2s ease-in-out;
	-moz-transition: all .35s .2s ease-in-out;
	-ms-transition: all .35s .2s ease-in-out;
	transition: all .35s .2s ease-in-out;	/**/
}
#menu > ul li:hover ul{
	opacity: 3;
	visibility: visible;
	margin: 0;
	color: #CCC;
	z-index: 2;
	top:27px;
	left: 0;	
}
#menu > ul ul:before{
	content: '';
	position: absolute;
	top: -10px;
	width: 100%;
	height: 30px;
	background: transparent;	
}
#menu > ul ul li{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;	
}
#menu > ul ul li a{
	padding: 3px 20px;
	display: block;
	color: white;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	width: 150px;
    height:30px;
	border-left: 4px solid #EFEFEF;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}
#menu > ul ul li a:hover{
	border-left: 4px solid #DB2436;
	background-color: #EFEFEF;
	color:#3A3A3A;
}
.subtitulo
{
    height: 15px;    
    margin: 5px 0px 5px 0px;
    border: 0px solid #999;
    padding: 3px 0px 5px 10px;
    color:white;
    background: transparent url(imgs/fondos/img_sub_tit1.png) no-repeat;
    }

 

#pie {
    margin: 0 auto;
    width: 1024px;
    height:54px;
    text-align:center;
    background:transparent url(imgs/fondos/img_body_pie.png) no-repeat;
    border: 0px solid Blue;
}

    #pie h4 {
        font-size: 12px;
        font-weight: normal;
        color:#fff;        
        padding: 10px 0px 0px 0px;
    }
/*ESTILO DE LOS BOTONES*/
.button, .button:visited { /* botones genéricos */
 background: #333 url(http://sites.google.com/site/zavaletaster/Home/overlay.png) repeat-x;
 display: inline-block;
 padding: 6px 8px 6px 8px;
 color: #FFF;
 text-decoration: none;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
 text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 1px solid rgba(0,0,0,0.25);
 position: relative;
 cursor:pointer;
 }
 
button::-moz-focus-inner,
 input[type="reset"]::-moz-focus-inner,
 input[type="button"]::-moz-focus-inner,
 input[type="submit"]::-moz-focus-inner,
 input[type="file"] > input[type="button"]::-moz-focus-inner {
 border: none;
 }
 
.button:hover { /* el efecto hover */
    background-color: #111;
    color:#FFF;
 }
 
.button:active{ /* el efecto click */
 top: 1px;
 }
 /* tamaño del boton */
 .button, .button:visited,.medium.button, .medium.button:visited {
 font-size: 13px;
 font-weight: bold;
 line-height: 1;
 text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
 }
 /*----aqui establesco colores para mis botones----*/
 .red.button, .red.button:visited { background-color: #4779CF;
    top: 5px;
    left: 3px;
}
 .red.button:hover{ background-color: #16418C; }
 .azzurro.button, .azzurro.button:visited { background-color: #007ACC; }
 .azzurro.button:hover{ background-color: #0063A5; }
 /*para mis tablas*/
 .concept table {
    font-size:13px;
    background-color:#E5E5E5;
    text-align:center;
    width:600px;
    border:0;
}
.concept h1 {

}
.concept th {
    background-color:#2251a3;
    text-align:center;
    color:#eee;
    font-size:13px;
    font-weight:bold;
    padding:10px, 5px, 10px, 5px;
}
.concept td {
    font-size:12px;
    /*background-color:#E5E5E5;*/
    text-align:center;
    color:#403f3f;
}
.reportillo table {
    background-color:#E5E5E5;
    text-align:center;
    width:600px;
    border:0;
}
.reportillo th {
    background-color:#2251a3;
    text-align:center;
    color:#eee;
    font-size:11px;
    font-weight:bold;
    padding:10px, 5px, 10px, 5px;
}
.reportillo td {
    font-size:10px;
    background-color:#E5E5E5;
    text-align:center;
    color:#403f3f;
}
.mini table {
    font-size:11px;
    background-color:#E5E5E5;
   /* text-align:center;*/
    width:350px;
    border-left:#2251a3 solid 2px;
	border-right:#2251a3 solid 2px;
	border-bottom:#2251a3 solid 2px;
	border-top:#2251a3 solid 2px;
}
.mini th {
    background-color:#2251a3;
    /*text-align:center;*/
    color:#eee;
    font-size:14px;
    font-weight:bold;
    padding:10px, 5px, 10px, 5px;
    border:0;
}
.mini td {
    font-size:13px;
    background-color:#E5E5E5;
    text-align:center;
    color:#403f3f;
    padding:10px, 5px, 10px, 5px;
    border:0;
}
.mini h1 {
    font-size: 16px;
}