/* 1px = 1.333 pt */ 

@font-face{ font-family: "Roboto-Black"; src: url("../font/Roboto-Black.ttf"); }
@font-face{ font-family: "Roboto-BlackItalic"; src: url("../font/Roboto-BlackItalic.ttf"); }
@font-face{ font-family: "Roboto-Bold"; src: url("../font/Roboto-Bold.ttf"); }
@font-face{ font-family: "Roboto-BoldCondensed"; src: url("../font/Roboto-BoldCondensed.ttf"); }
@font-face{ font-family: "Roboto-BoldCondensedItalic"; src: url("../font/Roboto-BoldCondensedItalic.ttf"); }
@font-face{ font-family: "Roboto-BoldItalic"; src: url("../font/Roboto-BoldItalic.ttf"); }
@font-face{ font-family: "Roboto-Condensed"; src: url("../font/Roboto-Condensed.ttf"); }
@font-face{ font-family: "Roboto-CondensedItalic"; src: url("../font/Roboto-CondensedItalic.ttf"); }
@font-face{ font-family: "Roboto-Italic"; src: url("../font/Roboto-Italic.ttf"); }
@font-face{ font-family: "Roboto-Light"; src: url("../font/Roboto-Light.ttf"); }
@font-face{ font-family: "Roboto-LightItalic"; src: url("../font/Roboto-LightItalic.ttf"); }
@font-face{ font-family: "Roboto-Medium"; src: url("../font/Roboto-Medium.ttf"); }
@font-face{ font-family: "Roboto-MediumItalic"; src: url("../font/Roboto-MediumItalic.ttf"); }
@font-face{ font-family: "Roboto-Regular"; src: url("../font/Roboto-Regular.ttf"); }
@font-face{ font-family: "Roboto-Thin"; src: url("../font/Roboto-Thin.ttf"); }
@font-face{ font-family: "Roboto-ThinItalic"; src: url("../font/Roboto-ThinItalic.ttf"); }

a, a:hover{
    color: white;
}

a.servicios{
    color: #2d3438;
}

nav{
    height: 60px;
}
nav.shrink{
    background-color: #3d87d9;      
}

.navbar{
    border-radius: 0px !important;
}
.navbar-nav {
    font-family: "Roboto-Medium" !important; 
    font-size: 14px !important;
    color: #000 !important;    
    
}
.navbar-default .navbar-nav>li>a{
    color: #000;
    line-height: 30px;
}
.navbar-default{
    border-color: none !important;
    border: 0px !important;   
    background-color: transparent ;
}

.navbar-right {
    margin-right: 135px !important;
}

.btn-group-lg>.btn, .btn-lg{
    font-family: "Roboto-Bold" !important;
    font-size: 13.5PX !important;    
}
.navbar-brand{
    padding-left: 115px !important;
    margin-top: -10px;
}



#pie-menu1, #pie-menu2, #pie-menu3, #pie-menu4{
    list-style-type: none;    
    padding: 0;
}

#pie-menu1 li, #pie-menu2 li, #pie-menu3 li, #pie-menu4 li{
    margin-top: 5px;
    margin-bottom: 5px;
}

.fondo-container{
    background-color: bisque;
}

.cabecera1{
    background-color: #3d87d9;
    height: 30px;
    width: 100%;
}

.cabcera-contactos{
    font-family: "Roboto-Medium";
    font-size: 12px;
    color: white;  
    line-height: 30px;
    text-align: right;
    
}
.cabcera-contactos-izq{
    font-family: "Roboto-Medium";
    font-size: 12px;
    color: white;  
    line-height: 30px;
    text-align: left;
    margin-left: 70px;
}

.no-padding-left{
    padding-left: 0px;
}
.no-padding-right{
    padding-right: 0px;
}
.no-padding-bottom{
    padding-bottom: 0px;
}
.padding-left{
    padding-left: 15px;
}
.padding-left2{
    padding-left: 80px;
}
.padding-right{
    padding-right: 15px;
}
.padding-right2{
    padding-right: 95px;
}
.padding-right3{
    padding-right: 50px;
}
.nuetsros-servicios-top{
    padding-top: 40px;
    padding-bottom: 10px;    
}
.nuetsros-servicios-center{
    padding-top: 10px;
    padding-bottom: 10px;
}
.nuetsros-servicios-booton{
    padding-top: 10px;
    padding-bottom: 40px;
}

.titulo{
    color: #3d87d9;
    font-size: 36px;
    font-family: "Roboto-Bold";    
}
.titulo2{
    color: #3d87d9;
    font-size: 36px;
    font-family: "Roboto-Bold";    
    padding-top: 100px;
    padding-bottom: 50px;
}
.titulo3{
    color: #fff;
    font-size: 27px;
    font-family: "Roboto-Bold";    
    padding-top: 40px;
    text-align: center;   
}
.titulo4{
    color: #fff;
    font-size: 27px;
    font-family: "Roboto-Bold";    
    padding-top: 10px;
    text-align: center;   
}
.titulo5{
    color: #3d87d9;
    font-size: 24px;
    font-family: "Roboto-Medium";    
    padding-top: 10px;
    text-align: left;   
}
.titulo6{
    color: #3d87d9;
    font-size: 18px;
    font-family: "Roboto-Medium";    
    padding-top: 10px;
    text-align: left;   
}
.titulo7{
    color: #3d87d9;
    font-size: 20px;
    font-family: "Roboto-Medium";    
    padding-top: 10px;
    text-align: left;   
}
.titulo7-pie{
    color: #fff;
    font-family: "Roboto-Medium";
    font-size: 13.5px;  
    padding-top: 10px;
    text-align: left;   
}
.texto-centrado{
    text-align: center !important;
}
.texto-derecha{
    text-align: right;
}

.margen-interior{
    padding-top: 20px;
}

.texto-nuestros-servicios{
    color: #2d3438;
    font-size: 22.5px;    
    font-family: "Roboto-LightItalic";
    text-align: center;
}

.img-center{
    margin: 0 auto;
}

.texto{
    color: #5c6367;
    font-family: "Roboto-Medium";
    font-size: 18px;    
    text-align: center;
    margin: 15px 0px;
}
.texto2{
    color: #2d3438;
    font-family: "Roboto-Medium";
    font-size: 13.5px;    
    text-align: center;
    line-height: 50px;
    
}
.texto3{
    color: #2d3438;
    font-family: "Roboto-Light";
    font-size: 18px;    
    text-align: left;    
    padding-bottom: 100px;
}
.texto4{
    color: #2d3438;
    font-family: "Roboto-Light";
    font-size: 18px;    
    padding-top: 15px;
    text-align: justify;
}
.texto-pie{
    color: #fff;
    font-family: "Roboto-Light";
    font-size: 14px;        
    text-align: justify;
}

.texto-pie2{
    color: #fff;
    font-family: "Roboto-Medium";
    font-size: 13.5px;  
    padding-top: 60px;
}    

.texto-pie-3{
    color: #fff;
    font-family: "Roboto-Medium";
    font-size: 12PX;    
    line-height: 20px;
    padding-top: 10px;         
    margin-left: -20px;
}

.texto2-fondo{
    background-image: url("../img/Rectangulo 1.png");    
    width: 297px;
    height: 45px;
    margin: 0 auto;
}
.fondo-gris{
    background:rgba(0,0,0,0.04);
}
.fondo-inferior{
    background-image: url("../img/Banner2.jpg");
    width: 1140px;
    height: 233px;
}

.pie1{
    background-color: #3d87d9;
    height: 320px;    
}
.pie2{
    background-color: #1c68bd;
    height: 40px;    
}

.top-pie{
    padding-top: 50px;
}
.top-pie2{
    padding-top: 60px;
}
.pie-block1{
    padding-left: 110px;
}
.pie-block2{
    padding-left: 65px;
}
.top{
    padding-top: 75px;
}

.imagenfondo{
    position: relative;
}

.imagenfondo p.titulo3 {    
    position: absolute;
    width: 100%;
    top: 10px;
}
.imagenfondo p.titulo4 {    
    position: absolute;
    width: 100%;
    top: 100px;
}
.imagenfondo p.texto-centrado {    
    position: absolute;
    width: 100%;
    top: 180px;
}
/*
*   Carousel    ***************************
*/
#carousel .carousel-caption {
    left:65%;
	right: 0;
	top: 0px;
    bottom: 0;
	text-align:center;
	padding:10px;
	background:rgba(0,0,0,0.4);
	text-shadow:none;
    padding-top: 190px;
}

.carousel-caption2 {        
    left: 19%;
	right: 19%;
	top: 0px;
    bottom: 0;
    height: 100px;    
	text-align:center;
	padding:10px;
	background:rgba(0,0,0,0.2);
	text-shadow:none;
    padding-top: 10px;    
    margin-top: -200px;
}
.carousel-caption3 {        
    left: 65%;
	right: 0;
	top: 0;
    bottom: 0;    
	text-align:center;
	padding:10px;
	background:rgba(0,0,0,0.2);
	text-shadow:none;        
    padding-top: 130px;
}
.carousel-caption3 p{    
    margin-top:0px;
    margin-bottom:0px;
}
.margen-inferior{
    bottom: 60px;
}
.titulo-grande{
    color: white;
    font-family: "Roboto-Bold";
    font-size: 62px;
}
.titulo-mediano-regular{
    color: white;
    font-family: "Roboto-Regular";
    font-size: 30px;
}
.titulo-mediano-regular2{
    color: white;
    font-family: "Roboto-Regular";
    font-size: 50px;
}
.titulo-mediano-regular3{
    color: white;
    font-family: "Roboto-Regular";
    font-size: 60px;
}
.titulo-mediano-negrita{
    color: white;
    font-family: "Roboto-Bold";
    font-size: 50px;
}

.titulo-mediano-cursiva{
    color: white;
    font-family: "Roboto-Italic";
    font-size: 38px;
}
.titulo-mediano-cursiva-bold{
    color: white;
    font-family: "Roboto-BoldItalic";
    font-size: 38px;    
}
.titulo-small{
    color: white;
    font-family: "Roboto-Light";
    font-size: 20px;
}
.titulo-small2{
    color: white;
    font-family: "Roboto-Light";
    font-size: 30px;
}

/*
*   PÁGINA DE SERVICIOS **********************
*/

.imagenfondo-servicios{
    position: relative;
}

.imagenfondo-servicios > div {    
    position: absolute;    
    top: 350px;
}
.imagenfondo-empresa-contacto{
    position: relative;
}

.imagenfondo-empresa-contacto > div {    
    position: absolute;    
    top: 0px;
}
.texto-pasos{
    font-family: "Roboto-Medium";
    color: #4478be;
    font-size: 24px;
    text-align: center;
}
.titulo-top2{
    padding-top: 80px;
}
.tipos{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.tipos li{
    padding: 0px;
}

/*
*   PÁGINA DE CONTÁCTENOS **********************
*/
.texto-contacto{    
    color: #535353;
    font-family: "Roboto-Regular";
    font-size: 16px;    
}
.texto-datos-contacto{
    color: #00abeb;
    font-family: "Roboto-Regular";
    font-size: 14px;    
}
.salto{
    padding-bottom: 30px;
}
.salto2{
    padding-bottom: 34px;
}
.salto-input{
    padding-bottom: 30px;
}
#msg{
    font-family: "Roboto-Regular";
    font-size: 14px;    
    text-align: center
}