@font-face {
    font-family: 'titilliumtext14lregular';
    src: url('../fonts/titilliumtext1-webfont.eot');
    src: url('../fonts/titilliumtext1-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/titilliumtext1-webfont.woff') format('woff'),
        url('../fonts/titilliumtext1-webfont.ttf') format('truetype'),
        url('../fonts/titilliumtext1-webfont.svg#titilliumtext14lregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titilliumtext14l999_wt';
    src: url('../fonts/titilliumtext999wt-webfont.eot');
    src: url('../fonts/titilliumtext999wt-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/titilliumtext999wt-webfont.woff') format('woff'),
        url('../fonts/titilliumtext999wt-webfont.ttf') format('truetype'),
        url('../fonts/titilliumtext999wt-webfont.svg#titilliumtext14l999_wt') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    /*min-width:960px; max-width:100%;*/

    background-image: url('../images/background.jpg');
    background-size: 100% 100%;
    background-position: top;
	background-attachment:fixed;
    /*background-color: white*/
    margin: 0;
    padding: 0;
    padding-bottom: 0;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    z-index: -100;
}

body {

overflow-x:hidden;
}

#cont{
    width: 100%;
}

img {
    border-width: 0;
}

.referencia{ margin:0px auto 0 auto ;width: 960px; /*border: 1px solid red;*/ z-index: 900; }
#menu{height: 50px;}
a               { text-decoration:none; z-index: 999;}
nav             { font-size:18px; float:right; font-family: 'titilliumtext14l999_wt'; text-transform: uppercase;  }
nav li          { float:left;position:relative; }
nav li a        { width:110px; display:block; text-align:center; color:#000; position:relative; margin-top:0; overflow:hidden;
                  height:14px;line-height:14px;letter-spacing:1px; font-size:16px;  }
ul              {list-style: none;}
#borde{height: 20px; background-color: rgba(0, 0, 0, 0.2); z-index: 999;}
#content{position: absolute; left: 0px; top: -200px;}
.scene{ float: left; top: -200px; left: -50px;}
#reflejo {float: left; margin-left: -200px; z-index: -100; margin-top: -250px; clear: both; }
#lilogo{position: relative; z-index: 999; top: 20px;z-index: 999; padding-left: 20px; width: 291px; height: 131px;}

#logoa{position: absolute;top: 35px;}
#logoc{position: absolute; left: 20px;top: 5px;}
#logol{position: absolute; left: 180px;top: 5px;}



#separador1{ background-color: #9d9e9f;
             top: 10px;
             width: 100%;
             left: 0;
             height: 1px;
             position: relative;
             clear: both;
}



footer {position: relative;
        padding-top: 13px;
        border-top: 1.5px solid #9d9e9f;
        height: 50px;
        background-color:transparent;
        font-family: 'titilliumtext14lregular';
        font-size: .9em;
        line-height: .1em;
        color: #a01127;
        
}

footer p {font-weight:900;}

#fot_pro{top: 213px;}
#fot_gal{top: 30px;}
#fot_cont{top: 160px;}
footer a {
    text-decoration: none;
    color: #a01127;
}
.arrow0{left: 43px;}
.arrow1{left: 150px;}
.arrow2{left: 265px;}
.arrow3{left: 370px;}
.arrow_box { position: relative; background: #9d9e9f;  width: 100px; top: 25px;} 
.arrow_box:after, .arrow_box:before { bottom: 50%; border: 1.5px solid transparent; content: " "; 
                                      height: 0; width: 0; position: absolute; /*pointer-events: none; */} 
.arrow_box:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #9d9e9f; border-width: 1.5px; 
                   left: 50%; margin-left: -5px; } 
.arrow_box:before { border-color: rgba(194, 225, 245, 0); 
                    border-bottom-color: #9d9e9f; border-width: 6px; left: 50%; margin-left: -6px; }
#central_slide {margin:10px auto 0 auto; width: 960px; height: 400px; padding-top: 10px; position: relative; z-index: 10;}

#sombra{position: relative; top: -11px; left: 35px;}
#sombra_cont{position: relative; top: 0; left: 35px;}

#texto { display: table; margin-top: -5px; padding-bottom: 30px; z-index: 20;}

#article1 {display: table-cell; padding-right: 25px; width: 50%;}
/*#article1 h2 {padding-bottom: 20px;}*/
#article2 {display: table-cell;padding-left: 25px;}
#article2 h2 {padding-bottom: 5px;}
#article3 {position: absolute;padding-left: 25px;  width: 300px;}
#article4 {position: relative; padding-left: 25px; width: 600px;height: 200px;top: 0;left:  320px; }

h2 {font-family: 'titilliumtext14l999_wt';  font-weight: bold; font-size: 2em;
    line-height: .1px; color: #a01127; z-index: 999;}

h3 {font-size:18px; font-family: 'titilliumtext14l999_wt'; text-transform: uppercase; color: #a01127; z-index: 999;}

h4 {font-family: 'titilliumtext14l999_wt';  font-weight: bold; font-size: .8em;
    line-height: .1px; color: #a01127; z-index: 999;}

article p {font-family: 'titilliumtext14lregular'; color: #000; font-size: .9em; line-height: 1.1em; font-weight:lighter ;}

#distri{ position: relative; top: 45px;}
#tablas{position: relative;
        top: 10px; 
        width: 960px;
        height: 1020px;
        clear: both;
        margin-bottom: -190px;
        padding-bottom: 35px; 
}

#tablas h2 {font-family: 'titilliumtext14l999_wt';  font-weight: bold; font-size: 1.6em;
    line-height: .1px; color: #a01127; z-index: 999;}

#tablas_izq{
    display: inline-table;
    top: 0; 
    left: 0; 
    width: 468px;
    height: 100%;
    clear: both;
    border-right: 1px solid #9d9e9f;
}

#tablas_der{
    display: inline-table;
    top: 0;
    padding-left: 19px;     
    left: 468px;
    width: 465px;
    height: 100%;
    clear: both;
}
#tabla1{padding-top: 0px;}
#tabla3{padding-top: 5px;}
#tabla4{padding-top: 75px;}
#tabla5{padding-top: 25px;}
#tabla6{padding-top: 15px;}
#tabla7{margin-top: -5px;}

table.tftable {font-family: 'titilliumtext14lregular'; color: #000; font-size: .9em; line-height: 1.1em;width:100%;
               /*border-width: 1px;border-color: #729ea5;*/border-collapse: collapse;border: none;z-index: 999;}
table.tftable th {font-family: 'titilliumtext14l999_wt';color: #000; font-size: 1.1em; line-height: 1.1em;
                  /*background-color:#acc8cc;*/border-width: 1px;padding: 1px;/*border-style: solid;
                  border-color: #729ea5;*/text-align:left;border: none;z-index: 999;}
table.tftable tr {/*background-color:#d4e3e5;*/z-index: 999;}
table.tftable td {border-width: 1px;padding: 1px;/*border-style: solid;border-color: #729ea5;*/ border: none;z-index: 999;}

table.tftable tr:hover:not(:first-child){background-color:  rgba(0, 0, 0, 0.2);}

#descargar{position: relative; top: 190px; height: 40px;
        border-top: 1px solid #9d9e9f;
        }

#descargar h3{position: relative; left: 360px; top: -5px;}

#descargar span {position: relative;font-size:11px; font-family: 'titilliumtext14l999_wt'; 
                color: #a01127;left: 373px; top: -28px;
                
                z-index: 999;}

#galeria{
    position: relative;
    clear: both;
    top: 10px; 
    z-index: 20;
    width: 960px;
    height: 960px;
}

#galeria img {
    position: relative;
    padding:6px;
    opacity: 0.7;
}

#galeria img:hover{opacity: 1;}

#contacto{
    position: relative;
    clear: both;
    top: 10px; 
    padding-bottom: 15px;
    z-index: 20;
    width: 960px;
    height:660px;
    margin-bottom: -140px;
    
}

#mapa{
    position: relative;
    width: 100%;
    height: 400px;
}

#etiqueta{
    width: 250px;
}

#etiqueta img{max-width: 60%;}

#cont_form{
    display: table;
    width: 100%;
    height: 260px;
    margin-top: -20px;
}

#article3 {margin-left: -20px; margin-top: -15px;}
#article4 {margin-left: 14px;}

/*blanco al 60% #9d9e9f*/
/*Formulario*/

input, textarea, .submit, .result {font-family: 'titilliumtext14l999_wt', sans-serif;
                          font-size: 18px;
                          font-weight: normal;
                          color: #9d9e9f;
}

#nombre, #email, #asunto, #empresa, #telefono{
    display: block;
    width: 40%;
    height: 30px;  
    background: transparent;
    border:none;
    border-bottom: 1px solid #9d9e9f;  }
#nombre{
    padding-top: 20px;
}
#mensaje{float: right;
         clear: both; 
         text-align: center; 
         width: 350px;
         height: 200px; 
         margin-top: -150px;
         background: transparent;
         border: none; 
         border: 1px solid #9d9e9f;
}
.submit{position: relative; text-align: center; left: 450px;background: transparent; border: 1px solid #9d9e9f;
        width: 150px; height: 40px; top: 65px}
.submit:hover{background-color: rgba(0,0,0,0.9); color: #FFF;}
textarea{margin-top: 10px;}

.result{
    position: relative;
    width: 150px;
    color: #a01127;
    top:34px;
    left: 260px;
}


input::-webkit-input-placeholder {
    font-family: 'titilliumtext14l999_wt', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #000;
}

input::-moz-input-placeholder {
    font-family: 'titilliumtext14l999_wt', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #000;
}

textarea::-webkit-input-placeholder {
    font-family: 'titilliumtext14l999_wt', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    text-align: left;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    font-family: 'titilliumtext14l999_wt', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    text-align: left;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-family: 'titilliumtext14l999_wt', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #000;
}

/*#cont_lin_1{
    position: absolute;
    display: table;
    width: 621px;
    top: 450px;
    left: -621px;
}


.lin1, .lin2{
   display: table-row;
   margin-top: -130px;
}

#cont_lin_1{
    position: absolute;
    display: table;
    width: 621px;
    top: 600px;
    left: -621px;
                -moz-animation-name: animacion;
                -moz-animation-duration: 33s;
                -moz-animation-iteration-count: infinite;
                -moz-animation-timing-function: linear;
                -moz-animation-delay: 1s;
                -webkit-animation-name: animacion;
                -webkit-animation-duration: 33s;
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
                -webkit-animation-delay: 1s;
                -o-animation-name: animacion;
                -o-animation-duration: 33s;
                -o-animation-iteration-count: infinite;
                -o-animation-timing-function: linear;
                -o-animation-delay: 1s;
                -ms-animation-name: animacion;
                -ms-animation-duration: 33s;
                -ms-animation-iteration-count: infinite;
                -ms-animation-timing-function: linear;
                -ms-animation-delay: 1s;
                animation-name: animacion;
                animation-duration: 33s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
                animation-delay: 1s;
                }


#cont_lin_2{
    position: absolute;
    display: table;
    width: 621px;
    top: 400px;
    left: -621px;
                -moz-animation-name: animacion1;
                -moz-animation-duration: 33s;
                -moz-animation-iteration-count: infinite;
                -moz-animation-timing-function: linear;
                -moz-animation-delay: 5s;
                -webkit-animation-name: animacion1;
                -webkit-animation-duration: 33s;
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
                -webkit-animation-delay: 5s;
                -o-animation-name: animacion1;
                -o-animation-duration: 33s;
                -o-animation-iteration-count: infinite;
                -o-animation-timing-function: linear;
                -o-animation-delay: 5s;
                -ms-animation-name: animacion1;
                -ms-animation-duration: 33s;
                -ms-animation-iteration-count: infinite;
                -ms-animation-timing-function: linear;
                -ms-animation-delay: 5s;
                animation-name: animacion1;
                animation-duration: 33s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
                animation-delay: 5s;
                }



@-moz-keyframes animacion {
    from {top: 600px;left: -621px;}
    to   {top: -250px;left: 1221px;}
}
@-webkit-keyframes animacion {
    from {top: 600px;left: -621px;}
    to   {top: -250px;left: 1221px;}
}
@-o-keyframes animacion {
    from {top: 600px;left: -621px;}
    to   {top: -250px;left: 1221px;}
}
@-ms-keyframes animacion {
    from {top: 600px;left: -621px;}
    to   {top: -250px;left: 1221px;}
}
@keyframes animacion {
    from {top: 600px;left: -621px;}
    to {top: -250px;left: 1221px;}
}   */

 /****************************************

@-moz-keyframes animacion1 {
    from {top: 400px;left: -621px;}
    to   {top: -650px;left: 1221px;}
}
@-webkit-keyframes animacion1 {
    from {top: 400px;left: -621px;}
    to   {top: -650px;left: 1221px;}
}
@-o-keyframes animacion1 {
    from {top: 400px;left: -621px;}
    to   {top: -650px;left: 1221px;}
}
@-ms-keyframes animacion1 {
    from {top: 400px;left: -621px;}
    to   {top: -650px;left: 1221px;}
}
@keyframes animacion1 {
    from {top: 400px;left: -621px;}
    to {top: -650px;left: 1221px;}
}
*/


/* Cafemultimedia
******************************************************************/
.loguito{width: 50px; height: 50px; position: relative;margin-top: -35px; margin-left: 910px;background-image:  url('../images/logo01.png');
 z-index: 999;}
.loguito:hover{background-image:  url('../images/logo02.png');}
#validated{position: relative;top: -30px; margin-left: 720px;}