@charset "utf-8";
/* CSS Document *   
paleta 
    Gris: #666
    azul: #00ADEE
    verde: #C8D92B
*/
/*-------------------------------- estilos generales ---------------------------------*/

body{ color:#777; font-family: 'Raleway', sans-serif; font-size:11pt;} 

h1, h2, h3,h4,h5 { font-family: 'Raleway', serif;} 
h1{ color: #C8D92B; margin:0; padding: 0; line-height: 75%;  font-size:45pt; font-weight:900; margin-bottom:2%;}
h2{ color: #00ADEE; margin:20px auto 10px 0; padding: 0; text-transform:;font-size:23pt; font-weight:600; }
h3{ color: #00ADEE; margin:0; padding: 0; text-transform:; font-size:17pt; font-weight:900; }
h4{ margin:0; padding: 0; text-transform:; font-size:17pt; font-weight:300; top:0; left:0; }

p{  font-weight:300;line-height:;}
a{ color:#666; text-decoration:none; font-weight: bold;
         transition: color 2s;
        -webkit-transition: color 2s; /* Safari */}
a:hover{ color:#00ADEE; }
img a{ border:none;}
li{ display: inline-block; list-style: none; padding: 0; margin: 5px 0 0 0;}


.menu{ width:100%; padding-top:10px; color:#fff; overflow:hidden;}
.menu li a{ font-weight:bold; color:#fff; opacity:0.6;
    -webkit-transition: opacity 1s; /* Safari 3.1 to 6.0 */
    transition: opacity 1s;}
.menu li a:hover{opacity:1;}
.menu li{ margin-left: 10px; margin-top: 15px}
.menu img{ height: 70px}

.menuindex{ text-align: center; margin:0 auto;}
.menuindex li{margin-left: 10px; margin-top: 15px}

.menuindex li a{ color:#333; opacity:0.6;
    -webkit-transition: opacity 1s; /* Safari 3.1 to 6.0 */
    transition: opacity 1s;}
.menuindex a:hover{opacity:1;}

.destacado { font-weight: 300;margin:0 2% 0 2%; padding:0;  font-size: 15pt; font-style: italic;}

.footer{ background-color: #000; width:100%;color:#fff; text-align: center; font-size: 9pt}
.footer li{ margin: 35px;}

.left{ float:left; clear:none; padding: 0 2% 0 0%;}
.right{ float:right; clear:none; padding: 0 0 0 3%;}
.center{ text-align: center; margin:0 auto; padding:0 auto;}

.clear{ float:none; clear: both; }

.left{ float:left;}
.right{ float: right;}
.center{margin:0 auto 0 auto;}

.indexlogo{ margin: 10% auto 5% auto; vertical-align: middle; text-align: center}
.fotoequipo{ width:80%; margin:0 auto;}

.galeria{ top:0; margin-top:0; padding-top: 0}
.galeria li img{ width: 90px; height: 90px}


hr { 
    background-color: #00ADEE;
    height: 1px;
    width: 100%;
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: o;
    border-style: inset;
    border-width: 0px;
}