* { padding:0; margin:0; outline:0; }
body {
	font-family: Verdana, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#5e5e5e;
    

}
body,html{
    width: 100%;
    height: 100%;
}
optgroup option{
    margin-left: 10px;
    
}
fieldset{
    padding: 10px;
}
.logo-login{
    width: 250px;
    position: relative;
    margin: 10px auto;
}
.logo-login>h1,.logo-login>h3 {color:black; text-align: center; font-family:Verdana,sans-serif; font-weight: bold; text-transform: uppercase;}
.logo-login>h1>strong{font-size: 9pt;}
.logo-login>h1{text-shadow:2px 1px 2px #ccc;}
LEGEND{
    color:#8AB200;
    text-transform: uppercase;
}
LEGEND>span{
    padding-right: 10px;
    padding-left: 10px;
}
article>header{
        background-color: white !important;
}
#cambiarClave{
    font-size: 13pt;
    padding-left: 10px;
    padding-right: 10px;
}
p{
    line-height: 1.4em;
    margin-bottom: 10px;
}
article{
    width: 99%;
    position: relative;
}
.navegacion ul {
    border: 1px solid #8AB200;
    
    height: 30px;
    margin: 10px 0;
    opacity: 0.8;
    padding: 10px;
    width: 98%;
}
ul, ol {
    margin: 0 0 10px 25px;
    padding: 0;
}
ul, ol {
    list-style: none outside none;
    margin: 0;
}
.navegacion ul li {
    color: #8AB200;
    float: left;
    margin-right: 15px;
}
li {
    line-height: 20px;
}
.navegacion ul li a {
    color: #8AB200;
    text-decoration: underline;
}
.titulo,.subtitulo{
    margin-bottom: 10px;
    font-size: 19px;
    text-align: center;
    text-transform: uppercase;
}
.subtitulo{
    font-size: 14px;
}
.ico-ajax-upload,.img-ico{
	z-index: 999999;
	display:none;
	padding:20px;
	background: linear-gradient(#FFFFFF, #EEEEEE);
	background: -webkit-linear-gradient(#FFFFFF, #EEEEEE);
	background: -o-linear-gradient(#FFFFFF, #EEEEEE);
	position: absolute;
	top: 40%;
	left: 40%;
	
	border:1px solid #CCCCCC;
}
.img-ico{
	top:17%;
	left:20%;
	max-height: 420px;
	overflow: auto;
}
.img-ico>img,td>img{
	max-width: 160px;
	max-height: 250px;
}
td>a>img{
	max-width: 160px;
	max-height: 250px;
}
.bt-delete{
    
    border:1px solid red !important;
}
.msg>p, .msg-error>p{
    
}
.etiqueta{
	width: 100%;
    margin-bottom: 10px !important;
}

.linea{
    border-bottom:1px solid #CCCCCC;
    width: 100%;
}

button a.edit{
    margin: 0;    
}
input[type="file"]{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;    
}
a{
    text-decoration: none
}
.ui-widget-content a {line-height: 17px;}
input[type="button"],button,.boton{
    background: none repeat scroll 0 0 black;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #A3D400 !important;
    cursor: pointer;
    display: inline-block;
    font-family: 'Tahoma';
    font-size: 9pt;
    font-weight: bold;
    margin-right: 10px;
    line-height: 19.5px;
    margin-bottom: 10px;
    padding: 4px 10px 2px;
    text-transform: uppercase;
    float: right;
    /* Aqui colocamos la transicion para cada navegador */
  -webkit-transition:background 1s ease-out;  /* Chrome y Safari */
  -o-transition:background 1s ease-out;  /* Opera */
  -moz-transition:background 1s ease-out;  /* Mozilla Firefox */
  -ms-transition:background 1s ease-out;   /* Internet Explorer */
  transition:background 1s ease-out;  /* W3C */

}
input[type="submit"]:hover,input[type="button"]:hover,button:hover,.boton:hover{
	background:linear-gradient(#EEEEEE,#FFFFFF);
	cursor:pointer; color:black;
    border: 1px solid #8AB500;

}
.bt-upload,.buscar-img{
    background:#006400;
    background: #8AB200;
    color:#FFFFFF;
    
    padding: 10px;
    margin-top:5px;
    margin-left:10px;
    width: 150px;
    text-align: center;
    cursor:pointer;
}
.bloque,.clear{
	display:block;
	margin:0;
	padding:0;
	position: relative;
	
}
.clear{
	clear: both;
}
input[type="text"], textarea, select { font-size:13px; }
textarea { overflow:hidden; }

.field { border:solid 1px #ccc; background:#fff; border-radius: 4px;
    padding: 8px; font-family: Arial }
.small-field { border:solid 1px #d3cfc7; background:#fff; padding:3px 1px; font-size:11px; }
.medium-field { border:solid 1px #d3cfc7; background:#fff; padding:4px 1px; font-size:11px; }

.checkbox { width:13px; height:13px; vertical-align:top; position:relative; top:2px; }

.button { background:#eee url(images/button.gif) repeat-x 0 0; border:solid 1px #b1a874; color:#7f7f7f; font-size:11px; padding:2px 6px 2px 6px; cursor:pointer; line-height:14px !important; }
.medium-button { padding:4px 8px 4px 8px;}
.button:hover { color:#333; border-color:#857b42; }

.field:focus { color:#000; border-color:#7DA000; background: #efffb7; font-weight: bold}

a img { border:0; }

a { color:black;  cursor:pointer; }
li>a:hover { 
    font-weight: bold;
    text-decoration: none;
   
}

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center !important; }

h1{ font-size:22px; line-height:24px; color:#fff; font-weight: normal;}
h1 a{ color:#fff; text-decoration: none; }
h2 { font-size:15px; font-weight: normal; }
h3 { font-size:12px; line-height:14px; font-weight: normal; }
h3 a{ text-decoration: none; }



.shell { width: 1300px; margin:0 auto; }

#header,header { height: 103px; background:black }
#header,header h1{ float:left; display:inline; padding-top:12px; }
#header,header h2{ float:left; display:inline;color:#fff; text-decoration: none; }
#top-navigation { float:right; white-space:nowrap; color:#fff; padding-top:15px; }
#top-navigation a{ color:#fff; }
#top-navigation span{ color:#fff; }
#top {  height: 65px;}
nav{
        width: 100%;
        
        height:42px;
        
    }
nav>ul{
    background: black;
    padding: 0;
    height:38px;
    
    margin: 0;
}
li{
    list-style: none;

}
nav>ul>li{
    background:#A7D800;
    opacity: 0.8;
    border-right:1px solid #ccc;
    
    float:left;
    list-style: none;
    margin-left: 2px;
}
nav>ul>li:first-child{
    margin: 0;
}
nav>ul>li:last-child{
    border:none;
    
}

nav>ul>li a{
    text-decoration: none;
    padding: 10px 20px;
    line-height: 38px;
    color:black;
    
    
}

nav ul li a .active {
    color: #887E42;
    font-size: 12px;
    font-weight: bold;
}

nav ul li:hover{
    background: #82A900;
	
}
nav ul li:hover .sub-menu{
    opacity:1;
		
    background: transparent; 
}
nav ul .sub-menu{
    opacity:0;
    position:absolute;
    top: 102px;
    
    background: #EEE; 
	 /* sombra */
	 box-shadow: 4px 4px 3px rgba(0,0,0,0.3);
   -webkit-box-shadow: 4px 4px 3px rgba(0,0,0,0.3);
   -moz-box-shadow: 4px 4px 3px rgba(0,0,0,0.3);
    
    z-index: 999;
   
    /* animamos su visibilidad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
}
nav ul .sub-menu li{
    
    float: none !important;
    border:none;
    padding: 0 5px;
    background: #DDD;
    overflow: hidden;
    height: 0;
   
    /* animamos su visibilidad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
 }
nav ul li:hover .sub-menu>li{
     height: 36px;
     overflow: visible;
 
 }

nav ul .sub-menu li a{
     color:black;
 }
nav ul .sub-menu li a:hover{
     text-decoration: underline;
 }

/*
#navigation { height:36px;}
#navigation ul{ list-style-type: none;}
#navigation ul li{ float:left; display:inline; margin-right:2px;}
#navigation ul li a,
#navigation ul li a span { float:left; height:36px; background:url(images/tab.gif) no-repeat 0 0; padding:0 0 0 15px;}
#navigation ul li a span { background-position:right 0; padding:0 15px 0 0;}
#navigation ul li a { line-height:36px; color:#666; text-decoration: none; }

#navigation ul li a.active,
#navigation ul li a:hover { background-position:0 bottom;}

#navigation ul li a.active span,
#navigation ul li a:hover span{ background-position:right bottom;}

#navigation ul li a.active { font-size:12px; font-weight: bold; color:#887e42; }

*/
#container { padding:20px 0;}

.small-nav { color:#978b48; padding-bottom:20px; }
.small-nav a{ color:#6f6636; }


#main {}
#content { float:left; width:73%; }
#sidebar { float:right; width:26%; }



.table th{ background:#fffdfa url(images/th.gif) repeat-x 0 0; color:#818181; text-align: left; padding:7px 10px; border-bottom:solid 1px #d2d1cb;}
.table td{ background:#fbfcfc;  border-bottom:solid 1px #e0e0e0; padding:10px; color: black;}
.table td>a{text-decoration: underline;}
.table tr.odd td{ background:#f8f8f8; }
.table tr:hover td{ background:#fff9e1; }
.table a.ico{ }

.box { background:#fbfcfc; height:100%; padding:1px; margin-bottom:20px; border:1px solid #8AB200; }
.box-head { background:#8AB200; height:32px; color:#fff; padding: 0 10px; line-height:32px; white-space:nowrap; border-bottom:solid 1px #fff; }
.box-head .right{ padding-top:5px; line-height:13px;}
.box-head .right label,
.box-head .right input { float:left; }
.box-head .right label { padding:4px 0 0 0;}
.box-head .right input { margin-left:5px;}
.box-head .right label { color:#666;}
.pagging { height:20px; padding:8px 10px; line-height:19px; color:#949494; }
.pagging a{ background:url(images/pagging.gif) repeat-x 0 0; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:5px;  }
.activo { border-color:#8c3521; background:#8AB200 !important; color:#fff !important; }
.pagging a:hover{ border-color:#8c3521; background:#8AB200; color:#fff; }
.pagging span{ float:left; margin-left:5px; padding-top:2px; }


a.ico { color:#9d9c9a; font-size:10px; text-decoration: none; padding:4px 0 4px 17px; background-repeat:no-repeat; background-position:0 0; }
a.ico:hover { color:#333;}
a.del { background-image:url(images/del.png)}
a.edit { background-image:url(images/edit.png); margin-left:20px;}
a.visible { background-image:url(images/visible.png); margin-left:20px;}


.form { padding:15px 10px 5px 10px; margin-top: -5px}
.form label{ display:block; font-weight: bold; font-size:13px; padding-bottom:4px; }
.form label span{ color:#999; font-weight: normal;}
.form .field { display:block; }
.form .inline-field .field { display:inline;}
.form .req { font-size:13px; float:right; white-space:nowrap; color:#999;  }
.form p{ padding-bottom:15px; }

.size1 { width: 93%; }
.size1b { width:716px; }
.size2 { width:80px; }
.size3 { width:120px; }
textarea.size1 { height:100px; }
textarea.size1b { height:60px; }

.buttons { text-align: right; padding:10px; background:#eee; border-top:solid 1px #e0e0e0; }
.buttons .button{ margin-left:3px;}

.box-content { padding:10px; }

.sort { border-top:solid 1px #e0e0e0; padding-top:10px; margin-top:15px;   }
.sort label{ display:block; font-weight: bold;}
.sort .field{ display:block; margin-top:5px; }
.sort select.field{ width:203px; }


.box-content p { padding-top:10px; }
.select-all{}
.select-all label{ text-decoration: underline; padding-left:4px; }

.add-button,
.add-button span { float:left; height:26px; background:url(images/add-button.gif) no-repeat 0 0; padding:0 0 0 28px; }
.add-button span { background-position:right 0; padding:0 10px 0 0; }
.add-button { font-weight: bold; font-size:12px; color:#747474; text-decoration: none; line-height:26px; }
.add-button:hover { color:#333;}


#footer { height:44px; background:#6699FFurl(images/fogoter.gif); line-height:44px; color:#fff;}
#footer a{ color:#fff; }


.msg { position:relative; padding-right:35px; margin-bottom:10px; }
.msg p{ padding:9px 10px 9px 40px; font-size:12px; background-repeat:no-repeat; background-position:10px 5px;}
.msg a.close{ font-size:0; line-height:0; position:absolute; top:0; right:0; width:34px; height:34px; background:url(images/close.gif); text-indent: -4000px;}

.msg-ok p{ background-color:#fffac2; border:solid 1px #dbd6a2; color:#5e5c40; background-image:url(images/msg-ok.gif); }
.msg-error p{ background-color:#f3c598; border:solid 1px #e8b084; color:#8AB200; background-image:url(images/msg-error.gif);  }

/*** CSS3 ***/
.box {  box-shadow: 0 0 6px #978f6c;}






.button { -moz-box-shadow: 0 0 2px #978f6c; -webkit-box-shadow: 0 0 2px #978f6c;}