/*Sitio Reiproacero*/

@charset "UTF-8";

/*  HTML5 ¡ Boilerplate  */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,  blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { background-color: #000; color: #000; text-decoration: none; }
mark { background-color: #000; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
select, input, textarea, button { font:99% sans-serif; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/* CSS Document */

html{
    margin: 0 ;
    padding: 0;
    background-color: #000000;
    background: url(img/bg.jpg) ;
    background-repeat: no-repeat;
    background-size: 100% 800px;
    min-height: 900px;
    
    
    

}


 header, nav, section, article, hgroup, footer, aside{
    display: block;    
}

.contenedorbody{
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
}

/* ENCABEZADO */
p{
  font-family: 'Ubuntu', sans-serif;
  line-height: 1.4;
}
#logotipo{
    position: relative;
    background-image: url(img/logotipo.png);
    background-repeat: no-repeat;
    width: 500px;
    height:338px;
    text-indent: -20000px;
}


#redessociales{
    position: relative;
    display: block;
    width:400px;
    height: 46px;
    top: -250px;
    left: 680px;    
}

#inicio{
    position: relative;
    width:121px;
    height: 46px;
}

#inicio a{
     color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
font-family: 'Ubuntu', sans-serif;    font-size: 14px;
}

#inicio a:hover{
     color: #ff0000;
    text-decoration: none;

}

#facebook{
    position: relative;
    width:121px;
    height: 46px;
    background: url(img/facebook.png);
    background-repeat: no-repeat;
    margin-top: -60px;
    margin-left: 60px;
    text-indent: -200000px;
 
}
#facturacion{
    position: relative;
    width:121px;
    height: 46px;
    background: url(img/facturacionelectronica.png);
    background-repeat: no-repeat;
    margin-top: -46px;
    margin-left: 190px;
    text-indent: -200000px;
 
}


#contenidoencabezado{
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
    height: 400px;
    position: relative;
font-family: 'Ubuntu', sans-serif;    margin: auto;
    
}


.backboton{
    position: relative;
    background-color: #ff0000;
    background-repeat: no-repeat;
    height: 50px;
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    top: -233px;
    z-index: -20;
}

nav{
   position: relative;
   padding: 0;
   top:-216px;
   text-align: center;
   margin-left: 420px;
   
}

.menuprincipal{
   display: inline;
   color: #ffffff;
font-family: 'Ubuntu', sans-serif;   width: 969px;
   
}

.menuprincipal li{
    font-size:14px;
   display: inline;
   float: left;
   padding-left: 5px;
   padding-right: 5px;
}

.menuprincipal li a{
   color: #ffffff;
   padding-left: 10px;
   padding-right: 10px;
   text-decoration: none;
   text-shadow: inset 0px 0px 6px #000000;
}

.menuprincipal li a:hover{
   background: #ffffff; 
   padding-top: 7px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 19px;
   color: #ff0000;
    text-shadow: 0px 0px 15px #ffffff;
}

.menuprincipal li a.active{
    background: #ffffff; 
   padding-top: 7px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 19px;
   color: #ff0000;
    text-shadow: 0px 0px 15px #ffffff;

}


/*CUERPO*/

#contenedorgeneral{
    position: relative;
    width: 960px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    margin-top: -200px;
    box-shadow: 0px 0px 15px #666666;
}

#slider{
    position: absolute;
    width: 941px;
    height: 381px;

}

#espaciadoparaslider{
    height: 350px;
}

/*INICIO*/
#titulares1{
    position: relative;
    background: url(img/productosbg.jpg);
    margin-top: 20px;
    height: 195px;
    margin-left: 10px;
    margin-right: 10px;
    width: 941px;
}


#titulodetitulares{
font-family: 'Ubuntu', sans-serif;    width: 110px;
    color: #333333;
    text-transform: uppercase;
    font-size: 13px;
    position: relative;
    margin-left: 0px;
    padding-left: 63px;
    padding-right: 0px;
    display: inline-block;
    top: 150px;
    text-align: center;
    
}

#titulodetitulares a{
    color: #4c4c4c;
    text-decoration: none;
}


#titulodetitulares a:hover{
    color: #0f93ce;
}

#tituloseccion{
    position: absolute;
    color: #ffffff;
    width: 150px;
    height: 20px;
font-family: 'Ubuntu', sans-serif;    text-align: center;
    padding: 11px;
    text-transform: uppercase;
    font-size: 14px;
    background: #ff0000;
    top: 30px;
}

#titulares2{
    position: relative;
    margin-top: 20px;
    background: #ffffff;
    height: 195px;
    margin-left: 10px;
    margin-right: 10px;
    bottom: 10px;
}


#taller{
    position: relative;
    background:url(img/tallerbg.jpg);
    width: 296px;
    height: 195px;
}

#video{
    position: relative;
    background:url(img/video.jpg);
    width: 296px;
    height: 195px;
    margin-top: -208px;
    margin-left:305px;
}

#contactos{
    position: relative;
    background:url(img/contactosbg.jpg);
    width: 330px;
    height: 195px;
    margin-top: -211px;
    margin-left: 610px;
}

#parrafoinicio{
    position: relative;
    width: 180px;
    top: 100px;
    margin-left: 30px;
font-family: 'Ubuntu', sans-serif;    font-size: 13px;
}

#parrafoinicio a{
    color: #cccccc;
    text-decoration: none;
}


#parrafoinicio a:hover{
    color: #0f93ce;
    text-decoration: none;
}


#parrafoiniciocontactos{
    position: relative;
    width: 180px;
    top: 100px;
    margin-left: 30px;
font-family: 'Ubuntu', sans-serif;    font-size: 13px;
}

#parrafoiniciocontactos a{
    color: #333333;
    text-decoration: none;
}

#parrafoiniciocontactos a:hover{
    color: #0f93ce;
    text-decoration: none;
}


footer{
    position: relative;
    font-family: Arial;
    color: #333333;
    font-size: 13px;
    width: 941px;
    margin-top: 20px;
    margin-left: 80px;
}

#logoneuronaverde{
    position: relative;
    width:100px;
    margin-top: -30px;
    margin-left: 830px;
}


/*INTERNAS*/

#headerinternas{
    position: absolute;
    width: 941px;
    height: 178px;
    background: url(img/quienessomos/header.jpg);
    margin-left: 10px;
    top: 10px;
}

#headerinternasproductos{
    position: absolute;
    width: 941px;
    height: 178px;
    background: url(img/productos/header.jpg);
    margin-left: 10px;
    top: 10px;
}

#headerinternastaller{
    position: absolute;
    width: 941px;
    height: 178px;
    background: url(img/taller/tallerheader.jpg);
    margin-left: 10px;
    top: 10px;
}
#headerinternascontactos{
    position: absolute;
    width: 941px;
    height: 178px;
    margin-left: 10px;
    top: 10px;
}

#fondotitulocontactos{
    position: absolute;
    width: 450px;
    height: 89px;
    background: url(img/contactos/headerinternascontactos.png);
    margin-left: 0px;
    margin-top: 110px;
    z-index: 40;
    
}

#mapa{
    position: absolute;
    width: 941px;
    height: 178px;
    top: 0px;

}


#transparenteinternas{
    height: 198px;
}

h2{
    position: relative;
    font-family: Arial;
    font-size: 19px;
    color: #ffffff;
    text-transform: uppercase;
    top: 110px;
    margin-left: 30px;
}

h4{
    position: relative;
    font-family: Arial;
    font-size: 17px;
    color: #0f93ce;
    text-transform: uppercase;
}


#contenidosecciones{
    position: relative;
    width: 941px;
    height: 500px;
    background: #e6e6e6;
    margin-left: 10px;
    margin-top: 10px;
    bottom: 10px;
}

#pensamiento{
    text-align: center;
    color: #333333;
    font-family: Times new roman;
    font-size: 18px;
    font-style: italic;
    text-height: font-size;
}

/*QUIENES SOMOS*/



#divisionsombra{
    position: absolute;
    top: 10px;
    left: -10px;
    width: 42px;
    height: 476px;
    background: url(img/divisionsombra.png);
}




#misionyvision{
    position: relative;
    margin-top: -500px;
    margin-left: 600px;
    padding: 10px;
    width: 300px;
    height: 460px;
    background: #e6e6e6;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    text-align: justify;
}



#mascaravideo1{
    position: absolute;
    background: url(img/taller/videoestilo1.png);
    width: 103px;
    height: 98px;
    margin-left: -10px;
    margin-top: 10px;
}

#mascaravideo2{
    position: absolute;
    background: url(img/taller/videoestilo2.png);
    width: 103px;
    height: 98px;
    margin-left: 460px;
    margin-top: 245px;
}

/*PRODUCTOS*/


#botonesproductos{
    position: relative;
    width: 463px;
    left: 440px;
    top: 100px;
    
    
}

#graficosbotones{
    position: relative;
    width: 418px;
    height: 70px;
    left: 40px;
    top: -95px;
    background: url(img/productos/bgbotonesproductos.png) repeat-x;
}

#botonesproductos li{
    display: inline;
    font-family: Arial;
    padding-right: 5px;
    padding-top: 30px;
            text-align: center;



}

#botonesproductos li a{
        color: #ffffff;
        font-size: 12px;
        text-decoration: none;
        padding-right: 4px;
        padding-left: 4px;
        

}

#botonesproductos li a:hover{
        color: #ff0000;
        font-size: 12px;
        text-decoration: none;
        background: #ffffff;
        height: 100px;
        padding-top: 10px;
        padding-bottom: 40px; 


}

#botonesproductos li a.active{
        font-family: Arial;    
        color: #ff0000;
        font-size: 12px;
        text-decoration: none;
        background: #ffffff;
        height: 100px;
        padding-top: 10px;
        padding-bottom: 40px;


}



#titulodeseccion{
    position: relative;
    padding: 10px;
    width: 550px;
    height: 460px;
    background: #e6e6e6;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

#divisionsombra{
    position: absolute;
    top: 10px;
    left: -10px;
    width: 42px;
    height: 476px;
    background: url(img/divisionsombra.png);
}


#parrafointernas{
    text-align: justify;
    color: #333333;
    font-family: Arial;
    font-size: 13px;
    text-height: font-size;

}

#misionyvision{
    position: relative;
    margin-top: -500px;
    margin-left: 600px;
    padding: 10px;
    width: 300px;
    height: 460px;
    background: #e6e6e6;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    text-align: justify;
}


#titulocontactos{
    position: relative;
    font-family: Arial;
    font-size: 19px;
    color: #ffffff;
    text-transform: uppercase;
    top: 20px;
    margin-left: 30px;

}


#mapamundi{
    position: absolute;
    width: 154px;
    height: 193px;
    background: url(img/contactos/map.jpg);
    margin-left: 155px;
    margin-top: -160px;
}


#logosredes{
    position: relative;
    font-family: Arial;
    font-size: 13px;
     
}

#imgredes{
    vertical-align:  middle;
}
#facebook2 a{
    text-decoration: none;
    color: #acacac;
    font-size: 40px;
}
#twitter a{
    text-decoration: none;
    color: #000000;
}
#youtube a{
    text-decoration: none;
    color: #000000;
}

#facebook2 a:hover{
    text-decoration: none;
    color: #0f93ce;
}
#twitter a:hover{
    text-decoration: none;
    color:#0f93ce;
}
#youtube a:hover{
    text-decoration: none;
    color: #0f93ce;
}




.contenedorentero{
    margin: 0 ;
    padding: 0;
    background-color: #000000;
    background: url(img/bg.jpg) ;
    background-repeat: no-repeat;
    background-size: 100% 800px;
    min-height: 900px;
    
}
.boxblanca{
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 774px;
    height: 450px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 1px 1px 30px;
    
}

.titulobox{
    font-size: 16px;
    color: #ffffff;
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    margin-top: 180px;
    z-index: 10;
    
}



.logossitema1{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    top: 110px;
    z-index: 10;
    
}


.lineaseparacion{
    position: absolute;
    background-image: url(img/lineasaparacion.jpg);
    width: 227px;
    height: 357px;
    margin-left: 260px;
    margin-top: 65px;
    
}

.piedepaginasistema{
    font-size: 12px;

    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    margin-top: 150px;
}