body{
padding-top: 50px;
	background:url(../imagenes/fondo_attenza.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.color-text-body{
	color:white;
}

.navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}

.nav-color{
	background-color: slategray;
	border-radius:10px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}

/* CONTROLA EL COLOR DE LAS OPCIONES DEL MENU AL TENER EL MOUSE SOBRE ELLOS*/
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #FF9800;
    background-color: transparent;
}

.opaque-navbar {
    background-color: rgba(0,0,0,0.5);
   /*Transparent = rgba(0,0,0,0);/* / Translucent = (0,0,0,0.5)  */
    border-bottom: 0px;
    transition: background-color .5s ease 0s;
}

.margen{
margin: 0px;
padding: 0px;
}

/*#material{
	font-size: 600%;
}*/


#presentacion{
text-align: right;
}

#somos{
	padding-top: 6%;
	padding-bottom:3%;
}

#gral_mv{
	padding-top: 6%;
}

#valores{
	padding-top:4%;
}

#servicios{
	padding-top:6%;
}

.tam{
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    font-size: 30px;
    border: 1px solid #d90e0e;
    color: #FF6700;
}

.text-list-serv{
	padding-left: 60px;
}

#sub_services{
	padding-top:2%;
	padding-bottom:2%;
}

.text_mesage{
height:100px;
}

#footer{
	background-color: slategray;
	color:white;
	li{
	color: white;
	}
}

/*   // Hasta smartphones de 480px */
  @media (max-width: 480px) {
body{
font-size: 15px!important;
}
#material{
font-size: 300% !important;
}
/*h2{
font-size: 15px !important;
}
h3{
font-size: 14px !important;
}
h4{
font-size: 15px !important;
}
h5{
font-size: 12px !important;
}
a{
	font-size: 14px !important;
}
p{
	font-size: 13px !important;
}
div{
	font-size: 13px !important;
}

span{
	font-size: 13px !important;
}*/
   }
 
/*   // de Smartphones a Tablets */
  @media (min-width: 480px) and (max-width: 768px) { 
body{
font-size: 18px !important;
}
#material{
font-size: 350% !important;
}
  }
 
/*   // de Tablets a pantallas de desktops */
  @media (min-width: 768px) and (max-width: 980px) { 
  	body{
font-size: 18px !important;
}
#material{
	font-size: 400% !important;
}
   } 
/*   // Pantallas anchas (desktops) */
  @media (min-width: 980px){ 
  	body{
font-size: auto !important;
}
#material{
font-size: 500% !important;
}
  }