/* 
    Created on : 03-feb-2014, 15:19:35
    Author     : Usuario1
*/

html { 
   background-color: #3276b1;
}


body { 
   text-align: center; 
   font-family: 'Roboto', 'latto', arial, sans-serif, Helvetica, Verdana;
   /* background-color: #08263c; */
   background-color: #3276b1;
   padding: 0px;
   margin: 0px;
   height: 100%;
}

#go_buttons {
   float: left;
   min-width: 350px;
   margin: 20px;
   text-align: center;
}

#description { 
  overflow: hidden;
  padding: 10px;
  color: #cce;
  margin: 20px;
  /* border: 1px solid #335; */
  border-radius: 30px;
  min-width: 280px;
  min-height: 300px;
  text-align: left;
  background-color: #1a6091;
   -moz-box-shadow:     0px 0px 3px 3px #555;
  -webkit-box-shadow:   0px 0px 3px 3px #555;
  box-shadow:           0px 0px 3px 3px #555;
}

.add-button {
    position: absolute;
    top: 1%;
    left: 1%;
    border-radius: 10px;
    padding: 8px;
}


@media screen and (max-width: 490px) {
    #go_buttons { 
        float: none;
        margin: 0;
        margin-top: 10px;
        margin-bottom: 30px;
        width: auto;
        text-align: center;
        border-bottom: 2px solid #000;    
    }
}

@media screen and (max-width: 320px) 
{
    #go_buttons { 
        width: 90%;
        float: none;
        margin: 0;
        margin-left: -10px;
        margin-top: 10px;
        margin-bottom: 30px;
        text-align: center;
        border-bottom: 1px solid #000;    
    }
  
    #description { 
        overflow: hidden;
        padding: 10px;
        color: #cce;
        margin: 15px;
        /* border: 1px solid #335; */
        border-radius: 30px;
        min-width: 250px;
        min-height: 300px;
        text-align: left;
        background-color: #1a6091;
        -moz-box-shadow:     0px 0px 3px 3px #555;
        -webkit-box-shadow:   0px 0px 3px 3px #555;
        box-shadow:           0px 0px 3px 3px #555;
    }
  
}

.responsive-image {
   width: 250px;
}

.fix_1 { 
   width: 100px; 
   height: 35px;
   color: #EEE;
   background-color: #1d6691;
   border-radius: 10px;
   font-size: 1.1em;
   transform: skewX(-20deg);
   outline: none;
}



td { 
   padding: 12px; 
   text-align: center;
}


.input {
   width: 90%;
   background-color: transparent;
   border-radius: 15px;
   border-style: solid;
   border-width: 1px;
   border-color: #ABC;
   font-size: 16px;
   color: #efefef !important;   
   padding: 10px;
   outline: 0 none;
   font-family: FontAwesome, 'Roboto', 'latto', arial, sans-serif, Helvetica, Verdana;
}


:link, :visited, :active {
   text-decoration: none;
   color: aliceblue;
}

caption {
   font-size: 1.2em;	
   color: #FFF;
   padding: 15px;
}	


::placeholder {
  color: #555;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #555;
}

.lang-select {
    padding: 10px;
    border-radius: 20px;
    background-color: transparent;
    color: #333;
}