@font-face {
    font-family: "Roboto";
    src: url(../fontes/RobotoSlab-Regular.ttf) format("truetype");
}

#pc{display:block;}
#movil{display:none;}
html, body { 
margin:0;
padding:0;
width:100%;
height:100%;
overflow: auto;
}
/*html { 
height:100%; 
}*/
body {
width: 100%;
min-height: 100%;
background: -moz-linear-gradient(90deg, rgba(100,112,126,1) 50%, rgba(53,82,106,1) 90%, rgba(53,82,106,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(53,82,106,1)), color-stop(90%, rgba(53,82,106,1)), color-stop(100%, rgba(100,112,126,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(100,112,126,1) 50%, rgba(53,82,106,1) 90%, rgba(53,82,106,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(100,112,126,1) 50%, rgba(53,82,106,1) 90%, rgba(53,82,106,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(100,112,126,1) 50%, rgba(53,82,106,1) 90%, rgba(53,82,106,1) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(100,112,126,1) 50%, rgba(53,82,106,1) 90%, rgba(53,82,106,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35526a', endColorstr='#000000',GradientType=0 ); /* ie6-9 */position:absolute; top:0; bottom:0; right:0; left:0;
overflow-y: hidden; 
overflow-x: hidden;
margin: 0;
}
a {
    color: #fff;
    font-family: "Roboto";
    font-size: 14px;
    text-decoration: none;
}

.menu-lang {
    float: right;
    margin-top: 8%;
	margin-right: 85px;
}

.menu-lang a {
    margin-right: 15px;
}

.separation {
    margin-right: 15px;
	color: #fff;
	font-weight: bold;
}

.menu-lang  a.activo {
    text-decoration: underline;
}

.subr {
    float: left;
    border-bottom: 10px solid #fff;
    padding-bottom: 5px;
}
#central {
    background: transparent url(../imaxes/fondo.jpg) no-repeat 0 0;
    width: 1220px;
    height: 933px;
    margin: auto;
    transform: translateY(-50%);
    top: 50%;
    position: relative;
}
#pc{
min-height: 100%;
position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.top{
height: 32%;
}
.col-left {
    float: left;
    width: 50%;
}
.titulo {
    color: #fff;
    font-family: "Roboto";
    font-size: 110px;
    line-height: 0.9;
    float: left;
    height: 100%;
    padding-left: 55px;
}
.texto {
    color: #fff;
    font-family: "Roboto";
    font-size: 18px;
    line-height: 1;
    float: left;
    height: 100%;
    padding-left: 55px;
    padding-top: 20px;
}

.col-right {
    float: right;
    width: 30%;
	margin-top: -150px;
}

.imgprod {
    background-color: #fff;
    float: left;
    opacity: 0.8;
    width: 250px;
    text-align: center;
    padding: 10px;
	margin: 2px 0;
}
.imgprod img {
    opacity: 1;
}

.bottom {
    float: left;
    width: 100%;
    padding-top: 8px;	

}

.last_img {
    float: left;
    margin-left: 50px;
}

.last_img img {
    margin: 0px 50px 0 0;
}

@media (max-width: 1200px) { 

#pc{display:none;}
#movil{
display:block;
}
body{
overflow-y: initial;
overflow-x:initial;
}

div#movil {
    width: 100%;
}

#central_mov {
    width: 100%;
    margin: auto;
}
.fondo img {
    position: absolute;
	z-index: -9;
}

.titulo_mov {
    color: #fff;
    font-family: "Roboto";
    font-size: 55px;
    line-height: 0.9;
    float: left;
    height: 100%;
    padding-left: 30px;
    z-index: 9;
    margin-top: 155px;
	width: 100%;
}
.texto_mov {
    color: #fff;
    font-family: "Roboto";
    font-size: 14px;
    line-height: 1;
    float: left;
    height: 100%;
    padding-left: 30px;
    padding-top: 30px;
	width: 100%;
}



.imgprod_mov {
    background-color: #fff;
    float: left;
    opacity: 0.8;
    width: 240px;
    text-align: center;
    padding: 10px;
    margin: 5px;
    height: 100px;
}
.imgprod_mov img {
    opacity: 1;
}

.bottom_mov {
    float: left;
    width: 100%;
    padding-top: 20px;
}



.last_img_mov img {
    margin: 0px 50px 0 0;
}

.webs {
    width: 100%;
    float: left;

	margin-top: 550px;
}
.row {
    padding-left: 12%;
    margin: auto;
}


.row_mov {
    width: 70%;
    margin: auto;
	 background-color: #fff;
    float: left;
    opacity: 0.8;
    text-align: center;
    padding: 10px;

}
.last_img_mov {
    float: left;
    width: 100%;
    padding-left: 35px;
    padding-top: 35px;
	margin-right: 50px;
}

.menu-lang {
    float: right;
    margin-top: 20px;
    margin-right: 5px;
}

}

@media (max-width: 400px) {

body{
background: #000;
}

.titulo_mov {
    color: #fff;
    font-family: "Roboto";
    font-size: 40px;
    line-height: 0.9;
    float: left;
    height: 100%;
    padding-left: 30px;
    z-index: 9;
    margin-top: 50px;
	width: 100%;
}
.texto_mov {
    color: #fff;
    font-family: "Roboto";
    font-size: 12px;
    line-height: 1;
    float: left;
    height: 100%;
    padding-left: 30px;
    padding-top: 30px;
	width: 100%;
}
.last_img_mov img {
    margin: 0;
    width: 23%;
    margin-right: 15px;
}

.menu-lang {
    float: right;
    margin-top: 20px;
    margin-right: 5px;
}
.webs{
	margin-top:260px;
}

.row{
	padding-left:15%;
}

}