/* Minification failed. Returning unminified contents.
(314,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@include'
(338,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@include'
(346,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@include'
(356,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@include'
 */
/*@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);*/

h1 {
  display: block;
  font-size: 3.1em;
  line-height: 1.45em;
  font-family: 'PT Sans', serif;
  text-align: center;
  font-weight: bold;
  color: #555;
  text-shadow: 1px 1px 0 #fff;
}

h2 {
  display: block;
  font-size: 2.3em;
  line-height: 1.45em;
  font-family: 'PT Sans', serif;  
  font-weight: bold;
  color: #555;
  text-shadow: 1px 1px 0 #fff;
}

/*
body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}
*/
/* before UCM style
body {
  font-family: Arial, Tahoma, sans-serif;
  background: #E0F8E6; #FAA0A0;
  font-size: 68.5%;
  line-height: 1;
  padding-top: 40px;
}
*/

body {
  	background-color: #E0F8E6; /*#999;*/
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position: relative;
  	margin: 0;
    padding-top: 40px;
  	padding-bottom: 140px;
  	min-height: 100%;
    font-size: 89.5%;
    line-height: 1;
}

br { display: block; line-height: 1.6em; } 

form {
  display: block;
/*  margin: 30px;  */
  overflow: hidden;
/*  background: #fff; */
/*  border: 1px solid #e4e4e4; */
  border-radius: 5px;
/*  font-size: 0;    */
}

form > div > label {
  display: block;
  padding: 20px 20px 10px;
  vertical-align: top;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: #939393;
  cursor: pointer;
}

header, footer, nav, section {
    display: block;
}
   

/* Styles for basic forms
-----------------------------------------------------------*/
/* before UCM style
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}
*/

fieldset {
    border: 1px solid #666;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.display-label-and-field {    
    float: left;
    position: relative; 
    margin: 1em 1em 0 0;
    width: 100%;
    /*font-weight: bold;*/
}

.display-label-and-field-c2 {
    float: left;
    position: relative; 
    margin: 1em 1em 0 0;    
}

.display-label-and-field-c3 {
    float: left;
    position: relative; 
    margin: 1em 1em 0 0;    
}

.display-label-and-field-c4 {
    float: left;
    position: relative; 
    margin: 1em 1em 0 0;
}

.display-label-and-field-c5 {
    float: left;
    position: relative; 
    margin: 1em 0.25em 0 0;
}

.editor-label-and-field {
    float: left;
    position: relative; 
    margin: 1em 1em 0 0;
    width: 100%;
}

.editor-label-and-field-c2 {
    float: left;
    position: relative; 
    margin: 1em 1em 0 0;    
}

.editor-label-and-field-c3 {
    float: left;
    position: relative; 
    margin: 1em 1em 0 0;    
}

.editor-label-and-field-c4 {
    float: left;
    position: relative; 
    margin: 1em 1em 0 0;
}

.editor-label-and-field-c5 {
    float: left;
    position: relative; 
    margin: 1em 0.25em 0 0;
}

@media(min-width: 850px) {

.display-label-and-field-c2 {
    width: 49%;
}
.display-label-and-field-c3 {
    width: 31.23333333333%;
}
.display-label-and-field-c4 {
    width: 23%;
}
.display-label-and-field-c5 {
    width: 19%;
}

.editor-label-and-field-c2 {
    width: 49%;
}
.editor-label-and-field-c3 {
    width: 31.23333333333%;
}
.editor-label-and-field-c4 {
    width: 23%;
}
.editor-label-and-field-c5 {
    width: 19%;
}

}

.editor-label {     
    /* float: left; lo quitamos pq el siguiente aparezca debajo */
    position: relative; 
    margin: 1em 1em 0 0;
}

.editor-field {
    float: left;
    position: relative; 
    margin: 0.5em 0.5em 0 0;
    box-sizing: border-box; /* teóricamente hace q el box no salga del ancho del div, pero parece q no lo respeta? */
}

.display-label {
    /* float: left; */
    position: relative; 
    margin: 1em 1em 0 0;
}

.display-field {
    float: left;
    position: relative; 
    margin: 0.5em 0.5em 0 0;
    font-size: 112.85%;
}

.containerdivNewLine { 
    clear: both; 
    float: left; 
    display: block; 
    position: relative; 
} 


/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error {
    font-size: 112.5%;
    font-weight: bold;
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}
    

/* Definiciones propias
-----------------------------------------------------------*/

body {
    padding-top: 50px;
    padding-bottom: 20px;
}
    
/* Set padding to keep content from hitting the edges */

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
    
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/

.dl-horizontal dt {
    white-space: normal;
}
    
/* Set width on the form input elements since they're 100% wide by default */

input,
select,
textarea {
    max-width: 580px;
}

.pack {
    float: right;
    }
    
/* It's always nice if a form field (usually a text box, in this case) changes colour when it's focused 
   http://code.tutsplus.com/tutorials/20-html-forms-best-practices-for-beginners--net-6593
*/


.div-a,input[type=submit] {
    display: block;
    min-width: 165px;
    min-height: 45px;
    background: #4E9CAF;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    font-size: medium;
  @include transition(all 0.30s ease-in-out);
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}

.enlace-pdf {
    vertical-align: middle;
    text-align: center;
    padding: 10px;
}

/* before UCM style
select,input[type=text],input[type=radio]{
   @include transition(all 0.30s ease-in-out);
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;  
}
*/

select,input[type=text],input[type=radio]{
   @include transition(all 0.30s ease-in-out);
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #979492;
}

.div-a:hover,input[type=submit]:hover {
  @include box-shadow(0 0 5px rgba(81, 203, 238, 1));
  -webkit-box-shadow: 0px 0px 5px #007eff;  
  -moz-box-shadow: 0px 0px 5px #007eff;  
  box-shadow: 0px 0px 5px #007eff;
        background-color:#ffffaa;
        border-color:#999999;
    color: darkgreen;
}

select:hover,input[type=text]:hover,input[type=radio]:hover{
  @include box-shadow(0 0 5px rgba(81, 203, 238, 1));
  -webkit-box-shadow: 0px 0px 5px #007eff;  
  -moz-box-shadow: 0px 0px 5px #007eff;  
  box-shadow: 0px 0px 5px #007eff;
        background-color:#ffffaa;
        border-color:#999999;
        color: darkgreen;
}


/* Glowing border classes, from http://stackoverflow.com/questions/5670879/css-html-create-a-glowing-border-around-an-input-field */

.glowing-border {
    border: 2px solid #dadada;
    border-radius: 7px;
}

.glowing-border:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}






.btnExample {
  border: 3px double #FC6;
  border-top-color: #FC9;
  border-left-color: #FC9;  
  color: #900;
  background: #FFF;
}
.btnExample:hover {  
  color: #ff5555;
  background: #900;
  border-color: #F00 #C30 #C30 #F00;
}

button img {
  margin-right: 5px;
  vertical-align: middle;
}
    

/* Anchos de ciertos textboxes */

.text-box {
    text-transform: uppercase;
}

.textbox_wide {
    width: 180px;
    text-transform: uppercase;
}

.textbox_very_wide {
    width: 280px;
    text-transform: uppercase;
}

.textbox_extra_wide {
    width: 380px;
    text-transform: uppercase;
}

.buttonHolder{ 
    width:200px;
    margin:auto;
}


.smallCenteredMessage{ 
    width:350px;
    margin:auto;
}


.normalCenteredMessage{ 
    width:550px;
    margin:auto;
}

ul
{
    list-style: initial;
    margin: initial;
    padding: 0 0 0 40px;
}

li
{
    display: list-item;
}