body {background: #FFF url(../images/back.png) repeat;}

h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:32px;	
    color: #a7a7a7;
    font-weight:bold;
    //background-color: #b3d4fc;
    display: inline;
    }

h2 {
    font-family: Georgia, "Times New Roman", Times, serif; 
    font-size:18px; 
    color: #FF6400; 
    font-weight:bold;
}

.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
}
#contenedor {width: 1000px; 
             margin: 10px auto 5px; 
             position: relative; 
             min-height:600px; 
             background: #FFF; 
             box-shadow: 3px 3px 5px #999; /*valores: x, y, fade, y color // Opera 10.5+, future browsers and IE6+ using IE-CSS3*/
             -moz-box-shadow: 3px 3px 5px #999; /* Firefox */
             -webkit-box-shadow: 3px 3px 5px #999; /* Safari and Chrome */
             padding-bottom:  30px;
}

#logo {float: left; margin-top:10px;}

#redes {padding: 28px 10px 0 0; float:right; height:30px;}
#red {margin-right: 10px; float:right;}
#red:hover {filter: alpha(opacity=50); 
            opacity: .5; 
            -moz-opacity:0.5;}

#nav_area {width:700px; float:right;}
#nav {margin-top:53px;float: right; margin-right:30px;}
#nav li {padding: 3px 15px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:13px;font-weight:bold;
    list-style-type: none;
    display: inline;
}
#nav li a {text-decoration:none; color:  #78797D;}
#nav li:hover {	background-color:#78797D;
                border-radius: 10px; 
                -moz-border-radius:10px; 
                -webkit-border-radius:10px;}

#nav li:hover a {	color: #FFF;}
#header {
    display: block;
    height: 160px;
}
#contenido {
    display: block;
    border-radius: 10px;
    background-color: #ffffff;
    width: 900px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    box-shadow: 3px 3px 5px #999; /*valores: x, y, fade, y color // Opera 10.5+, future browsers and IE6+ using IE-CSS3*/
    -moz-box-shadow: 3px 3px 5px #999; /* Firefox */
    -webkit-box-shadow: 3px 3px 5px #999; /* Safari and Chrome */
}
.gradient {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    
}

.sombra-comun {
    box-shadow: 3px 3px 5px #999; /*valores: x, y, fade, y color // Opera 10.5+, future browsers and IE6+ using IE-CSS3*/
    -moz-box-shadow: 3px 3px 5px #999; /* Firefox */
    -webkit-box-shadow: 3px 3px 5px #999; /* Safari and Chrome */
}
.columna {
     -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}
.texto {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;	
    color: #78797D;
}

.panel {
    padding: 20px;
    margin: 20px;
    border-radius: 10px;
}

.virtud-col {
    display: inline;
    float: left;
    width: 20%;
    text-align: center;
    vertical-align: middle;
    font-family: Georgia, "Times New Roman", Times, serif; 
    font-size:14px; 
    color:  #78797D; 
    font-weight:bold;
}

.puntaje-col {
    display: inline;
    float: left;
    width: 20%;
    text-align: center;
    vertical-align: middle;
}
.puntaje-col input {
    width: 50px;
    text-align: center;
    text-align: center;
    vertical-align: middle;
}
.definicion-col{
    display: inline;
    float: left;
    width:60%;
    text-align: center;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-size:12px; 
    color: #78797D;
    height: 100%;
    margin: auto 0 auto 0;
}


.borde-tabla {
    border: 1px solid #78797D;
    overflow: hidden;
}

.trescols {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin: 0 10px 0 10px;
}

.center-horiz {
    margin-left: auto;
    margin-right: auto;
}

.text-center {
    text-align: center;
}
.image-center {
    margin: 0 auto 0 auto;
    display:block;
}

.form-half {
    display: inline-block;
    width: 45%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.form-whole {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.label-div {
    width: 80px;
    display: inline-block;
}
.puntaje-text {
    font-family: Georgia, "Times New Roman", Times, serif; 
    font-size:40px; 
    color: #FF6400; 
    font-weight:bold;
    //margin: auto 10px auto 10px;
    //height: 100%;
}
h1.premios {
    margin-right: 50px; 
    margin-left: 50px;
    width: 200px
}

input.premios {
    margin-right: 10px;
}
p.verificacion {
    display: inline-block;
    font-family: Georgia, "Times New Roman", Times, serif;

}

.result-div {
    width: 200px;
    display: inline-block;
}

div.error-description {
    display: inline-block;
}

.error {
    color: red;
}

/*
input.ng-invalid {
  border: 1px solid red;
}
input.ng-valid {
  border: 1px solid green;
}
*/