body {margin:0 0 0 0;
}

#container  { width:100%;  
              text-align:center;
              margin:0 auto;
              height:auto;
              padding:0;
}

html,body {overflow-x:hidden; 
}

/* Header */


header      {width:20%;
             height:auto;
             margin:0 0 0 7%;
             padding: 15px;
             float: left;
}

img.logo {max-width: 265px;
}

/* End Header */

/* Nav */

nav {
    height: 0px;
    width: 65%;
    position: relative;
    float: left;
    padding: 0 0 0 35px;
}

nav ul {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.redes-sociales li,nav li {
    display: inline;
    float: left
}

nav a {
    color: #252525;
    display: inline-block;
    width: 100px;
    padding: 0 10px;
    margin-top:  95px;
    line-height: 20px;
    text-decoration: none;
    font-family: Roboto light, Arial;
    font-size: 1em;
    font-weight:400;

}

nav li a {
    border-right: dotted 1px #cfcfcf;
    
}

nav ul li span {
    margin-right: 10px;}

nav li:last-child a {
    border-right: 0
}

nav a:active,nav a:hover {
border-bottom: solid 1px #CBD7FA;
}

@media only screen and (max-width:700px) {
    img {max-width: 75%;
    }

nav {
    height: 35px;
    width: 100%;
    margin: 10px 0 10px 0;
    background-color: #5D7CD9;
    position: relative;
    padding: 0;
    border-bottom: solid 1px #f2f2f2
}

nav ul {
    height: 50px;
    padding:0;
}
    nav {
        background: -webkit-linear-gradient(top, #5A75C7, #5D7CD9);
        background: -moz-linear-gradient(top, #5A75C7, #5D7CD9);
        background: -ms-linear-gradient(top, #5A75C7, #5D7CD9);
        border-bottom: 0;
        height: auto
    }

    nav ul {
        display: none;
        height: auto;
        width: 100%;
        padding: 0
    }
nav ul li span {
    margin-right: 5px;}

    nav li {
        width: 50%;
        float: left;
        position: relative
    }

    nav a {
        text-align: left;
        width: 95%;
        margin-top:  0;
        color: #ffffff;
        padding: 0 5px 0 0;
        text-decoration: none;
        line-height: 35px;
        font-size: 80%;
        text-indent: 25px;
        text-shadow: 0 1px 2px #cfc881;
    }

    nav a#pull {
        display: block;
        background: -webkit-linear-gradient(top, #5A75C7, #5D7CD9);
        background: -moz-linear-gradient(top, #5A75C7, #5D7CD9);
        background: -ms-linear-gradient(top, #5A75C7, #5D7CD9);
        width: 100%;
        position: relative
    }

    nav a#pull:after {
        content: "";
        background: url(imagenes/nav-icon.png) no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px
    }
    nav li a {
    border-right: none;
    
}
}


/* End Nav */


/* Content */

#contenido {width:100%;
            max-width:960px;
            margin:0 auto;
            padding: 0 0 0 0;
}

.banner{max-width: 100%;}

img.banner2{display: none;}


#slider {max-width:100%;
         height:100%;
         margin:10px 0 0 0;
}

#mapa {max-width: 100%;
height:auto;}
iframe.mapa {max-width: 100%;
height: 524px;}

#basicos {background-color:#ffffff;
          width:100%;
          height:auto;
          margin:5px 0 0 0;
          font-size: 1em;
          text-align:left;
          line-height:1.4em;
          padding:5px 5px 5px 5px; 
          font-family: Roboto light, arial;
          color:#515151;
          clear: both;
}

hr.split {
    height: 3px;
    border:none;
    box-shadow: 0 -6px 5px #e2e2e2;
}

span.icon-file-text {color:#5D7CD9;
font-size: 2em; 
}

span.icon-lock {color:#5D7CD9;
font-size: 2em; 
}

span.icon-map2 {color:#5D7CD9;
font-size: 2em; 
}

span.icon-phone-hang-up {color:#bcbcbc;
 
}

span.icon-location2 {color:#bcbcbc;
 
}
span.icon-mail2 {color:#bcbcbc;
 
}
span.icon-checkmark{color:#5D7CD9;
font-size: 0.75em; 
}
span.icon-phone {
font-size: 0.75em; 
}

span.icon-list {
font-size: 0.75em; 
}

span.icon-office {
font-size: 0.75em; 
}
h2.titulo{color:#5D7CD9;
font-weight: 300; 
height: auto;
text-align: left;
margin: 0 0 15px 0;
padding: 15px 0 0 0;
}
h2.titulo2{color:#ffffff;
font-weight: 300; 
height: auto;
text-align: center;
margin: 0 auto;
padding: 15px 0 0 0;
}

span.tipografia{color:#5D7CD9; }

.ir {float:left; width:35px;
                 height:35px;
                 margin: 0 0 0 0;
                 clear:both;              
}

h3 {text-align:center;
    font-family:  Roboto light, arial;
    color:#5D7CD9;
    font-weight:400;
    padding: 0 0 0 0;
    margin:20px 0 15px 0;
}

.galeria1{font-size:0.9em;
          text-align: left;
          padding:10px;
          color: #515151;
          font-family: Roboto light, arial;
}

h2.index {text-align:center;
          font-family:  Roboto light, arial;
          color:#5D7CD9;
          font-weight: 400;
          text-transform:uppercase;
          font-size: 1.2em;
          padding: 10px 5px 10px 5px;
          margin:15px 0 7px 0;
}

h3.temas {text-align:center;
          font-family:Roboto light, Arial;
          color:#5D7CD9;
          font-weight:400;  
          padding: 10px 0 0 0;
          margin:0 0 20px 0;
}

h4.rank{font-size: 70%;
        color: #cfcfcf;
        text-align: left;
        font-family: Roboto; Arial;}

/* Efectos */


img.galeria {-webkit-transition:all 200ms ease;
             -o-transition:all 200ms ease;
             transition:all 200ms ease;
}

/* End Efectos */

.cajas     {width:30%;
            text-align:left;
            background-color:#5D7CD9;
            float:left;
            line-height:1.3em;
            height:100px;
            letter-spacing: 1px;
            margin:20px 0 25px 5px;
            padding:10px 15px 20px 10px;
            font-size:85%;
            font-family:   Roboto light, Arial;
}

.cajas:hover {background-color: #6484E4;}

.icon {width:35%;
       text-align:center;
       height:auto;
       margin: 10px 0 0 0;
       color: #fff;
       font-size: 4em;
       float: left;
}

.minidetalle{width: 65%;
             margin: 20px 0 0 0;
             line-height: 20px;
             color: #ffffff;
             height: auto;
             text-align: left;
             float: left;          
}

a.telefono{color: #ffffff;}

.fotoinicio {float:left;
             height:170px;
             width:45%;
}

.datas {float:left;
        text-align:left;
        width:45%;

}

p.datos     {width:95%;
             height:110px;
             line-height:1.4em; 
             Text-align:left;
             padding: 0 0 0 0;
             margin:0 0 0 0;
             font-size:90%;         
}

#uno {float:left;
       width:33%;
       background-color:#FAFAFA;
       margin:25px 0 20px 5px;
}
#dos  {float:left;
       width:33%;
       background-color:#FAFAFA;
       margin:25px 0 20px 0;
}
#tres {float:left;
       width:33%;
       margin:25px 0 20px 0;
       background-color:#FAFAFA;
}

.data {float:left;
       text-align:left;
       width:55%;

}

.fotobajo   {float:left;
             height:170px;
             width:40%;
             margin:0 0 0 30pX;
}

p.bajo      {width:100%;
             height:105px;
             line-height:1.4em;
             Text-align:left;
             padding: 0 15px 0 20px;
             margin:0 0 0 0;
             font-size:0.70em;
             color:#515151; 
             font-family:  Roboto light;        
}

span.icon-html-five {color: #EE8814;}

h5 {text-align:left;
    font-family:  Roboto light, arial;
    color:#5D7CD9;;
    padding: 0 0 0 0;
    margin:20px 0 15px 20px;
}

a.texto {text-align:left;
         font-family: arial;
         font-weight:bolder;
         color:#5D7CD9;
         font-size: 70%;
         padding: 0 15px 0 20px;
         text-decoration:none;
}

a.texto:hover {text-align:left;
               font-family: arial;
               font-weight:bolder;
               color:#5D7CD9;
               font-size: 70%;
               padding: 0 15px 0 20px;
}

/* Gallery */

h3.galeria {text-align:center;
            font-family:  Roboto light, arial;
            color:#5D7CD9;
            width: auto;
            font-weight:400;
            padding: 0 0 0 0;
            margin:20px 0 15px 0;
}

#galeria {margin:10px 0 10px 40px;

}

.primera {float:left;
          margin:10px 10px 0 0;
}

.segunda {float:left;
          margin:10px 10px 0 0;
}
.tercera {float:left;
          margin:10px 10px 0 0;
}
.cuarta {float:left;
         margin:10px 10px 0 0;
}

.quinta {float:left;
         margin:10px 10px 0 0;
}

.sexta {float:left;
         margin:10px 10px 0 0;
}
.septima {float:left;
          margin:10px 10px 0 0;
}
.octava {float:left;
          margin:10px 10px 0 0;
}

.volver {float:right; 
         width:150px;
         text-align:left;
         padding:0 0 0 0;
         height:25px;
         margin: 0 0 0 0;
}

a.volver {text-align:left;
         font-family: arial;
         font-weight:bold;
         color:#5D7CD9;
         font-size: 75%;
         padding: 0 0 0 0;
}

a.volver:hover {text-align:left;
               font-family: arial;
               font-weight:bolder;
               color:#5D7CD9;
               font-size: 75%;
               padding: 0 0 0 0;
}

img.galeria {-webkit-transition:all 200ms ease;
             -o-transition:all 200ms ease;
             transition:all 200ms ease;
}

img.galeria:hover { -webkit-transform: scale(1.05);
                 -moz-transform: scale(1.05);
                 -o-transform: scale(1.05);
                 -ms-transform: scale(1.05);
                 transform: scale(1.05)
}

/* End Gallery */



img {border:0;
}

img.acp{max-width: 95%;}

/*End Content */

/* Form */

#formularioizquierda {width:40%;
                      text-align:left;
                      background-color:#FAFAFA;
                      float:left;line-height:1.3em;
                      height:auto;
                      margin:20px 40px 25px 30px;
                      padding:0 10px 0 0;
                      font-size:85%;
                      font-family:  arial, roboto;
                      color:#515151;
}

#formularioderecha    {width:40%;
                       text-align:left;
                       float:left;
                       line-height:1.2em;
                       height:auto;
                       margin:20px 0 25px 40px;
                       padding:10px 0 25px 20px;
                       font-family: arial, roboto;
                       color:#515151;
}

table.form { width:40%;  
             background-color:#FAFAFA;
             padding:15px 30px 10px 35px;
             margin: 8px 0 0 5px;
             height: auto;
             border-radius: 5px 5px 5px 5px;
             font-family: Roboto light; 
}
             
table.form td { width:275px;
                padding:0 0 0 0;
                text-align:left;
                font-size:1em;
                height: 25px;
                font-family:Roboto light, arial;  
                color: #515151; 
                letter-spacing:1px;                       
}


input, select           {background-color:#f2f2f2;
                         padding: 2px;
                         height:20px;
                         font-size:95%;
                         font-family:Roboto, arial;
                         color:#2E2E2E;
                         width: 310px;
                         border: dotted 1px #cfcfcf;
                         margin:5px 0 5px 0;
}

textarea {width: 310px;
          height:120px;
          background-color:#f2f2f2;
          padding: 0 5px 0 5px;
          text-align:left;
          font-size: 90%;
          font-family:Roboto, arial;
          color:#2E2E2E;
          border: dotted 1px #cfcfcf;
          margin:3px 0 0 0;
}

.botonform { font-weight: bold;
         font-size:1.2em;
         height:35px;
         color: #ffffff;
         line-height: 1.2em;
         border-radius: 3px;
         cursor: pointer;
         padding: 0;
         margin: 15px 0 0 0;
         border: 1px solid #617DD3;
         background: #617DD3;
         width: 100%;
        
}

.botonform:hover {background-color: #5A75C7;
                  border: 1px solid #5A75C7;
}

a     {line-height:14px;
       font-size:100%;
       color:#617DD3;
       font-family:Roboto light, Arial;
       text-decoration:none;
}

iframe {width: 100%;
        height:100px; 
        border-radius: 6px;
}

/* End Form */


/* Footer */


#footer-prev   {width:100%;
                clear:both;
                height:215px;
                margin:0 auto;
                background-color: #F5F8FF;
    
}

#footer       {width:960px;
               clear:both;
               margin:0 auto;
               background-color:#ddd;             
}


h4.footer-izquierda {text-align:left;
                     font-family: Roboto light, Arial;
                     color:#617DD3;
                     letter-spacing:1px;
                     height:auto;
                     font-size:1.2em;
                     font-weight: 800;
                     margin: 10px 0 0 20px;
                     font-weight:500;
                    
}

img.redes {max-width: 90%;}

p.left {float:left;
        text-align: left;
        font-family: Roboto light, Arial;
        color:#515151;
        font-size:80%;
        width: 100%;
        line-height: 1.7em;
        margin: 10px 0 0 15px;
}

p.left a {color:#515151;
          font-family:Roboto light, Arial;
          text-decoration:none;
 
}

p.left a:hover {color:#bcbcbc;
}

.left {width:45%;
       height:auto;
       float:left;
       margin:10px 0 0 25px;
       padding: 10px 0 0 10px;
}

.center {width:45%;
         height:auto;
         float:left;
         padding:10px 10px 10px 10px;
         margin:10px 0 0 20px;
       
}


.arriba        {
                 margin: 0 0 10px 15px;
                 width: 90%;
                 height: auto; 
                 padding: 0 0 0 0; 
                 clear: both;
                 
}

.abajo          {
                 margin: 0 auto;
                 width: 90%;
                 height: auto; 
                 padding: 0 0 0 0;                
}

.abajo ul {         width: 100%;
                    margin: 0 0 0 30px;
                    height: auto;
}

.abajo li {display: inline;
                   
}

.abajo a {         color: #bcbcbc;
                   display: inline-block;
                   font-size: 1.5em;
                   width: 25px;  
                   margin-right: 16px;
                   -webkit-transition:all 300ms ease;
                   -o-transition:all 300ms ease;
                   transition:all 300ms ease; 
}

.abajo a:hover {color:#cfcfcf;
}

footer       {width:100%;
               clear:both;padding:10px 0 0 0;
               margin:0 auto;
               background-color:#ddd;
               font-size:85%;
               color:#808080;
               text-align: center;
               font-family: Roboto light;
               box-shadow: 0 0 8px #808080;
}

/* End Footer */

 @media (max-width: 700px)  {


html,body {overflow-x:hidden; 
}

header{width: 100%;
margin: 0 auto;
padding: 35px 0 20px 0;  
position: relative;
clear: both;
float: none;
}

img.logo {max-width: 90%;}


#contenido {width:90%;
            background-color:#ffffff;
            padding: 0 0 0 0;
}


#basicos {background-color:#ffffff;
          width:100%;
          height:auto;
          margin:0 0 10px 0;
          font-size:95%;
          text-align:left;
          line-height:1.4em; 
          font-family: Roboto light, arial;
          color:#515151;
}

h2.titulo{line-height: 1.2em;
margin: 0 0 0 0;}

h3 {text-align:left;
    font-family:  Roboto light, arial;
    color:#5D7CD9;
    font-weight:600;
    padding: 0 0 0 0;
    margin:10px 0 10px 0;
}

h3.temas {text-align:center;
          font-family:Roboto light, Arial;
          color:#5D7CD9;
          font-weight:400;  
          padding: 10px 0 0 0;
          margin:10px 0 15px 0;
}

#temas   {background-color:#ffffff;
          width:100%;
          text-align:left;
          height:auto;
          margin:50px 0 25px 0;
          font-size: 90%;
          line-height:1.65em;
          padding:5px 5px 5px 5px; 
          font-family:  Roboto light, arial;
          color:#515151;
        
}

#servicios {width:25%;
            text-align:left;
            float:left;line-height:1.5em;
            height:105px;
            margin:15px 0 35px 25px;
            padding:20px 10px 10px 30px;
            font-size:90%;
            font-family:   Roboto light, arial;
            color:#515151;
}

span.bull {     color:#5D7CD9;
                font-weight:bold;
           
}

img {max-width:100%;
}

h4.index {text-align:center;
          letter-spacing:2px;
          font-family:  Roboto light, arial;
          color:#5D7CD9;
          font-size: 0.95em;
          font-weight:500;
          text-transform:uppercase;
          padding: 10px 0 0 0;
          margin:10px 0 5px 0;
}

.cajas     {width:90%;
            text-align:left;
            background-color:#5D7CD9;
            float:left;line-height:1.3em;
            height:120px;
            letter-spacing: 1px;
            margin:0 0 10px 5px;
            padding:10px 15px 20px 10px;
            font-size:80%;
            font-family:   Roboto light, Arial;
}


.cajas:hover {background-color: #6484E4;
color:#ffffff;}

.icon {width:95%;
       text-align:center;
       height:auto;
       margin: 10px 0 0 0;
       font-size: 3em;
       
}
.minidetalle{width: 95%;
             margin: 10px 0 10px 0;
             line-height: 20px;
             color: #ffffff;
             height: auto;
             text-align: center;
}

a.telefono{color: #ffffff;}


.ir {float:left; width:35px;
                 height:35px;
                 margin: 15px 0 0 0;
                 clear: both;
                     
}


.fotoinicio {float:left;
             height:170px;
             width:45%;
}

.datas {float:left;
        text-align:left;
        width:45%;

}

p.datos     {width:95%;
             height:110px;
             line-height:1.4em; 
             Text-align:left;
             padding: 0 0 0 0;
             margin:20px 0 0 0;
             font-size:90%;       
}

#uno {float:left;
       width:100%;
       background-color:#FAFAFA;
       margin:10px 0 10px 5px;
}
#dos  {float:left;
       width:100%;
       background-color:#FAFAFA;
       margin:10px 0 10px 0;
}
#tres {float:left;
       width:100%;
       margin:10px 0 10px 0;
       background-color:#FAFAFA;
}

.data {float:left;
       text-align:left;
       width:55%;

}

.fotobajo   {float:left;
             height:170px;
             width:40%;
             margin:0 0 0 30pX;
}

p.bajo      {width:100%;
             height:105px;
             line-height:1.4em;
             Text-align:left;
             padding: 0 15px 0 20px;
             margin:0 0 0 0;
             font-size:0.70em;
             color:#515151; 
             font-family:  Roboto light, arial;        
}

h5 {text-align:left;
    font-family:  Roboto light, arial;
    color:#5D7CD9;;
    padding: 0 0 0 0;
    margin:20px 0 15px 20px;
}

a.texto {text-align:left;
         font-family: arial;
         font-weight:bolder;
         color:#5D7CD9;
         font-size: 70%;
         padding: 0 15px 0 20px;
         text-decoration:none;
         margin:15px 0 0 0;
}

a.texto:hover {text-align:left;
               font-family: arial;
               font-weight:bolder;
               color:#898554;
               font-size: 70%;
               padding: 0 15px 0 20px;
}


/*Botón Consúltenos*/

.left-button    {width:100%;
                 height:auto;
                 margin:10px 0 0 0;
}
.center-button  {width:100%;
                 height:auto;
                 margin:10px 0 0 0;
}
.right-button   {width:100%;
                 height:auto;
                 margin:10px 0 0 0;
}

h2 {color:#5D7CD9;
}

#slider {max-width:100%;
         height:auto;
         margin:15px 0 0 0;
}

/* Gallery */

h3{text-align: center;
}

h3.galeria {font-family: Roboto light, Arial;
	          color:#5D7CD9;
            margin: 15px 0 0 0;
            font-weight:400;
}

#galeria {margin:10px 0 0 35px;
	text-align: center;
}

.primera {margin:15px 0 0 15px;
}

.segunda {margin:15px 0 0 15px;
}

.tercera { margin:15px 0 0 15px;
}

.cuarta { margin:15px 0 0  15px;
}

.quinta {
         margin:15px 0 0 15px;
}

.sexta {
         margin:15px 0 0 15px;
}
.septima {
          margin:15px 0 0 15px;
}
.octava {
          margin:15px 0 15px 15px;
}

.volver {float:right; 
         width:150px;
         text-align:left;
         padding:0 0 0 0;
         height:25px;
         margin: 0 10px 0 0;
}

a.volver {text-align:left;
         font-family: arial;
         font-weight:bold;
         color:#5D7CD9;
         font-size: 75%;
         padding: 0 0 0 0;
}

a.volver:hover {text-align:left;
               font-family: arial;
               font-weight:bolder;
               color:#5D7CD9;
               font-size: 75%;
               padding: 0 0 0 0;
}

/*End Gallery */

/* Form */

iframe.mapa {width:90%;
             height:auto;
             
}

#formularioizquierda {width:95%;
                      text-align:left;
                      background-color:#FAFAFA;
                      line-height:1.3em;
                      height:auto;
                      margin:20px 0 25px 0;
                      padding:0 10px 10px 0;
                      font-size:85%;
                      font-family:   Roboto light, arial;
                      color:#515151;
}

#formularioderecha    {width:95%;
                       float:left;
                       text-align:left;
                       background-color:#FAFAFA;
                       line-height:1.3em;
                       height:auto;
                       margin:5px 0 25px 0;
                       padding:0 0 10px 10px;
                       font-family:  Roboto light, arial;
                       color:#515151;
}

table.form { width:100%;  
             padding:15px 30px 0 25px;
             margin: 8px 0 0 5px;
             height: auto;
             border-radius: 5px 5px 5px 5px;
             font-family:  Roboto light; 
}
             
table.form td { width:275px;
                padding:0 0 0 0;
                border:0;
                text-align:left;
                font-size:1em;
                height: 25px;
                font-family:Roboto light, Arial;  
                color: #515151;  
                letter-spacing:1px;                       
}


input, select           {background-color:#f2f2f2;
			                   padding: 2px;
                         height:20px;
		                  	 font-size:1em;
		                  	 font-family: Roboto, arial;
                         color:#2E2E2E;
                         width: 100%;
                         border: dotted 1px #cfcfcf;
                         border-radius: 5px 5px 5px 5px;
                         margin:10px 0 2px 0;
}

textarea {width: 100%;
          height:150px;
          background-color:#f2f2f2;
	        padding: 0 0 0 0;
	        font-size:1em;
	        font-family:verdana, arial;
          color:#2E2E2E;
          border: dotted 1px #cfcfcf;
          border-radius: 5px 5px 5px 5px;
          margin: 10px 0 0 0;
}


.boton { font-weight: bold;
         font-size:1em;
         height:35px;
         cursor: pointer;
         padding: 3px 0 5px 0;
         margin: 15px 10px 20px 0;
         border: 1px solid #ccc;
         background: #5D7CD9;
         
}

.boton:hover {background-color: #5D7CD9;
}

a     {line-height:14px;
       font-size:100%;
       color:#5D7CD9;
       font-family: Roboto;
       text-decoration:none;
}

#mapa {max-width: 100%;
       height: auto;
}

iframe.mapa {max-width: 100%;
             height: 200px;
}
/* End Form */

/* Footer */

#footer-prev   {width:95%;
                clear:both;
                height:355px;
                margin:0 auto;
                background-color:#F5F8FF;       
}

#footer       {width:350px;
               clear:both;
               margin:0 auto;
              
}

h4.footer {text-align:center;
             font-family:  Roboto;
             color:#515151;
             max-width: 95%;
             letter-spacing:1px;
             height:auto;
             font-size:90%;
             margin: 20px 0 0 0;
             font-weight:500;
}

h4.footer-izquierda {text-align:left;
                     font-family:  Roboto;
                     color:#515151;
                     letter-spacing:1px;
                     height:auto;
                     font-size:90%;
                     margin: 10px 0 0 10px;
                     font-weight:500;
}

p.left {float:left;
        width: 90%;
        text-align: left;
        font-family: Roboto, Arial;
        color:#515151;
        font-size:80%;
        line-height: 1.85em;
        margin: 15px 0 10px 15px;
}

p.left a {color:#515151;
          font-family:Roboto, Arial;
          text-decoration:none;
 
}

p.left a:hover {color:#808080;
}

.left {width:85%;
       height:auto;
       float:left;
       margin:20px 0 0 30px;
       padding: 0;
       
}

.center {width:85%;
         height:auto;
         float:left;
         padding:0;
         margin: 20px 0 0 0;
}

.arriba        {
                 margin: 0 0 20px 30px;
                 width: 85%;
                 height: auto; 
                 padding: 0 0 0 0; 
                 clear: both;
}

.abajo          {
                 margin: 0 auto;
                 width: 85%;
                 height: auto; 
                 padding: 0 0 0 0;                
}

.abajo ul {         width: 90%;
                    margin: 0 0 15px; 0;
                    height: auto;
}

.abajo li {display: inline;
                   
}

.abajo a {         color: #bcbcbc;
                   display: inline-block;
                   font-size: 1.5em;
                   width: 25px;  
                   margin-right: 16px;
                   -webkit-transition:all 300ms ease;
                   -o-transition:all 300ms ease;
                   transition:all 300ms ease; 
}

.abajo a:hover {color:#cfcfcf;
}
footer      {width:100%;
             height:auto;
             clear:both;
             background-color: #ddd;
             margin:0 0 0 0;
             padding: 15px 0 15px 0;
             text-align:center;
             font-size:80%;
             color:#808080;
             font-family: Roboto;
            
}

a {color:#5D7CD9;
   text-decoration:none;
}

/* End Footer */
}