








/* body {
    		background-color: #D8D8D8;
    		background-image: url("Fondo.jpg");
            }	
    button {

            background:-moz-linear-gradient(#fff 0%,#DEDEDE 100%);
            background:-ms-linear-gradient(#fff 0%,#DEDEDE 100%);
            background:-o-linear-gradient(#fff 0%,#DEDEDE 100%);
            background:-webkit-linear-gradient(#fff 0%,#DEDEDE 100%);
            background:linear-gradient(#fff 0%,#DEDEDE 100%);
            border:solid 1px #DEDEDE;
            border-radius:5px;
            text-align:center;
            padding:5px;
            color:#f90;
            width:75px;
    }
     button:hover{
            background:-moz-linear-gradient(#f90 0%,#F63 100%);
            background:-ms-linear-gradient(#f90 0%,#F63 100%);
            background:-o-linear-gradient(#f90 0%,#F63 100%);
            background:-webkit-linear-gradient(#f90 0%,#F63 100%);
            background:linear-gradient(#f90 0%,#F63 100%);
            color:#fff;
            padding:8px;
            width:100px;
            font-size:18px;
            text-shadow:0 0 10px #FFF;

    }
    input:text{

            size ="15" style="border-width: 5px; 
            font-family: serif; 
            border-style: solid; 
            font-size:10pt; 
            color: #009900; 
            letter-spacing : 5px;
            font-weight: bold;
    }
    text{

            font-family: serif; 
            size="12" style="border-width: 2px;
            border-style: solid; 
            font-size:3pt; 
            font-size: x-large; 
            color: #009900; 
            letter-spacing : 3px;
            font-weight: bold;
    }
*/

    /*
    Alertas
    */
.alert-box {
	color:#555;
	border-radius:10px;
	font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
	padding:10px 36px;
	margin:10px;
}
.alert-box span {
	font-weight:bold;
	text-transform:uppercase;
}
.error {
	background:#ffecec url('images/error.png') no-repeat 10px 50%;
	border:1px solid #f5aca6;
}
.success {
	background:#e9ffd9 url('images/success.png') no-repeat 10px 50%;
	border:1px solid #a6ca8a;
}
.warning {
	background:#fff8c4 url('images/warning.png') no-repeat 10px 50%;
	border:1px solid #f2c779;
}
.notice {
	background:#e3f7fc url('images/notice.png') no-repeat 10px 50%;
	border:1px solid #8ed9f6;
}
    
    
    
    /*
    Lista
    */
    ul {

      list-style-image: url(flecha.jpg);
      list-style-type: square;
      color: #333;
      display: block;
      padding: .2em 0 .2em .5em;
      padding-left: 15px; 
      text-decoration: none;
    }
    
  /*
  Tablas
  */  
  
  .TablaGeneradora {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #3f7f00;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.TablaGeneradora table{
        border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.TablaGeneradora tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.TablaGeneradora table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.TablaGeneradora table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.TablaGeneradora tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.TablaGeneradora tr:hover td{
	
}
.TablaGeneradora tr:nth-child(odd){ 
    background-color:#d4ffaa; 
}
.TablaGeneradora tr:nth-child(even) { 
    background-color:#ffffff; 
}
.TablaGeneradora td{
	vertical-align:middle;
	border:1px solid #3f7f00;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.TablaGeneradora tr:last-child td{
	border-width:0px 1px 0px 0px;
}.TablaGeneradora tr td:last-child{
	border-width:0px 0px 1px 0px;
}.TablaGeneradora tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.TablaGeneradora tr:first-child td{
	background:-o-linear-gradient(bottom, #5fbf00 5%, #5fbf00 100%);	
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #5fbf00) );
	background:-moz-linear-gradient( center top, #5fbf00 5%, #5fbf00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#5fbf00");
        background: -o-linear-gradient(top,#5fbf00,5fbf00);
	background-color:#5fbf00;
	border:0px solid #3f7f00;
	text-align:Left; //Center, Right
	border-width:0px 0px 1px 1px;
	font-size:12px;
	font-family:Arial;
	//font-weight:bold; //En Negrita
	color:#ffffff;
}
.TablaGeneradora tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #5fbf00 5%, #5fbf00 100%);	
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #5fbf00) );
	background:-moz-linear-gradient( center top, #5fbf00 5%, #5fbf00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#5fbf00");	
        background: -o-linear-gradient(top,#5fbf00,5fbf00);
	background-color:#5fbf00;
}
.TablaGeneradora tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.TablaGeneradora tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
  
  /*
  Estilo en verde
  */
body,html{
	background: #FFF;
	margin: 20px 0px 0px;
}
.smart-green {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    background: #FFF;
    padding: 30px 30px 20px 30px;
    box-shadow: rgba(194, 194, 194, 0.7) 0 3px 10px -1px;
    -webkit-box-shadow: rgba(194, 194, 194, 0.7) 0 3px 10px -1px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.smart-green h1 {
    font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 20px 0px 20px 40px;
    display: block;
    margin: -30px -30px 10px -30px;
    color: #FFF;
    background: #9DC45F;
    text-shadow: 1px 1px 1px #949494;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-bottom:1px solid #89AF4C;

}
.smart-green h1>span {
    display: block;
    font-size: 11px;
    color: #FFF;
}
.smart-green label {
    display: block;
    margin: 0px 0px 5px;
}
.smart-green label>span {
    float: left;
    margin-top: 10px;
    color: #5E5E5E;
}
.smart-green input[type="text"],  .smart-green textarea, .smart-green select {
    color: #555;
    height:20px;
    width: 11%;
    padding: 3px 3px 3px 10px;
    margin-top: 2px;
    margin-bottom: 16px;
    border: 1px solid #E5E5E5;
    background: #FBFBFB;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    font: normal 14px/14px Arial, Helvetica, sans-serif;
}
.smart-green textarea{
    height:100px;
    padding-top: 10px;
}
.smart-green select {
    background: url(down-arrow.png) no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url(down-arrow.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
   appearance:none;
    -webkit-appearance:none;
   -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width:24%;
    height:30px;
}
.smart-green .button {
    background-color: #9DC45F;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    text-shadow: 1px 1px 1px #949494;
}
.smart-green .button:hover {
    background-color:#80A24A;
}


/*
Estilo en verde Segundo nivel de estilo :3
*/
.smart-green2 {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    background: #FFF;
    padding: 30px 30px 20px 30px;
    box-shadow: rgba(194, 194, 194, 0.7) 0 3px 10px -1px;
    -webkit-box-shadow: rgba(194, 194, 194, 0.7) 0 3px 10px -1px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.smart-green2 h1 {
    font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 20px 0px 20px 40px;
    display: block;
    margin: -30px -30px 10px -30px;
    color: #FFF;
    background: #9DC45F;
    text-shadow: 1px 1px 1px #949494;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-bottom:1px solid #89AF4C;

}
.smart-green2 h1>span {
    display: block;
    font-size: 11px;
    color: #FFF;
}



