/* CSS Document */
 @font-face {
    font-family: 'Roboto';
    src: url('http://reconstruccion-accidentes.es/web-fonts/roboto_regular/Roboto-Regular-webfont.eot'); /* IE9 Compat Modes */
    src: url('http://reconstruccion-accidentes.es/web-fonts/roboto_regular/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('http://reconstruccion-accidentes.es/web-fonts/roboto_regular/Roboto-Regular-webfont.woff') format('woff'), /* Modern Browsers */
         url('http://reconstruccion-accidentes.es/web-fonts/roboto_regular/Roboto-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('http://reconstruccion-accidentes.es/web-fonts/roboto_regular/Roboto-Regularo-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
    }
          .contenedor_pagina{
            height: 100%;
            padding: 0px;
            margin: 0px;
            font-size: 20px;
            font-family: "Roboto","Helvetica", "Arial", sans-serif;;
            font-weight: 400;
            line-height: 20px;
            min-width: 400px;
            }
      
          .tarjeta.mdl-card {
                border-radius: 0.2em 0.2em 0.2em 0.2em;
                box-shadow: 0.2em 0.2em 0.1em #888888;
                }
          .tarjeta > .mdl-card__title {
                color: #0f0f0f;
                text-shadow: 0.01em 0.01em #2E2E2E;
                }
          .tarjeta > .mdl-card__menu {
                color: #fff;
                }
           
          .contenido li{
                font-size: 0.9em;
                text-align: justify;
                padding-bottom: 1em;
                }
          
          /* ------------------------------- */
          
          .footer {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-flow: row wrap;
                    -ms-flex-flow: row wrap;
                        flex-flow: row wrap;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                font-size: 0.8em;
                width: 104%;
                
                margin-left: -2% ;
                
                padding: 1.5em;
                margin-bottom: 0;
                color: rgb(158,158,158);
                background-color: rgb(66,66,66); 
                }
          
            
          .footer .mdl-logo {
               /* line-height: 36px;*/ }
         
        
          .footer--link-list,
          .footer__link-list {
              font-size: 1em;
              
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-flow: row nowrap;
                  -ms-flex-flow: row nowrap;
                      flex-flow: row nowrap;
              list-style: none;
              margin: 0;
              padding: 0; 
              }
          
          .footer--link-list li,
          .footer__link-list li {
              margin-bottom: 0;
              margin-right: 1.2em; 
              }
              
           
                
          .footer--link-list a,
          .footer__link-list a {
            color: inherit;
            text-decoration: none;
            white-space: nowrap; }
        
          
          .footer__sec-izqda {
            display: inline-block; 
            font-size: 0.8em;
            -webkit-box-ordinal-group: 1;
            -webkit-order: 0;
                -ms-flex-order: 0;
                    order: 0; 
            
            }
          
        
        .footer__sec-dcha {
            
            display: inline-block;
            
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
                -ms-flex-order: 1;
                    order: 1; 
            margin-right: 3%;        
                    }
    
        
          
          
          /*  -----------------------------  */
          @media (max-width: 600px) {
                #mvl-wrapper {
                    width: 100%;
                    position: relative;
                  	-webkit-transition: all .2s ease-out;
                  	   -moz-transition: all .2s ease-out;
                  	    -ms-transition: all .2s ease-out;
                  	     -o-transition: all .2s ease-out;
                  	        transition: all .2s ease-out;
                  	
                  }
              
              .contenedor_pagina{
                font-size: 15px;
                
                }
                
                .contenido {
                  padding-top: 3em;
                  }
               
               .contenedor {
                width: 85%;
                margin: auto;
                }
                
                .contenedor_sec {
                width: 95%;
                margin: auto;
                }
                
                .contenedor_sec h3 {
                  margin: 3em 2em 0 2em;
                  color: rgb(158,158,158);
                  font-weight: 500; }
    
                .contenedor_sec h3:after {
                  content: '';
                  display: block;
                  width: 100%;
                  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
                  margin-top: 1em; }
                            
                
               .header_movil {
                width:104%;
                margin-left: -2%;
                margin-right: -2%
                margin-bottom: 1em;
                box-shadow: 0px 10px 5px #888888;
                background: white;
                left:0;
                top:0;
                position: fixed;
                z-index: 1001;
                }
          
                .hamb_menu_mvl {
                height: 2em;
                float: right;
                margin-top: 0em;
                margin-right: 1em;
                }
                
                /* Definimos un ancho y lo movemos a la derecha  */
                .nav_mvl{
                  width: 15em;
                  right: -15em; 
                  position: absolute;
                  overflow: hidden;
                  display: block;
                  height: 10000%;
                  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
                  box-sizing: border-box;
                  border-right: 1px solid rgb(224,224,224);
                  background: rgb(250,250,250);
                  overflow: visible;
                  overflow-y: auto;
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-flex-wrap: nowrap;
                      -ms-flex-wrap: nowrap;
                          flex-wrap: nowrap;
                  box-sizing: border-box; 
                  }
                              
                
                
                .nav_mvl li{
                    display: block; //los elementos van uno debajo de otro
                    color: #2E2E2E;
                    text-decoration: none;
                    font-weight: 500;
                    font-size: 13px;
                    margin: 0; 
                                } 
                .nav_mvl li a{
                    display: block;
                      -webkit-flex-shrink: 0;
                      -ms-flex-negative: 0;
                      flex-shrink: 0;
                      padding: 1em 1em ;
                      margin: 0;
                      color: #757575;
                      font-size: 1.2em; 
                    }  
                 
                .nav_mvl-toggle {
                  width: 50px;
                  height: 50px;
                  position: absolute;
                  top: 10px;
                  right: 0px;
                  }
                  
                .header_ancha {
                  display: none;
                  }
                
                .nav_mvl-js #mvl-wrapper{
                    -webkit-transform:translate(-15em, 0) scale(1, 1);
                       -moz-transform:translate(-15em, 0) scale(1, 1);
                        -ms-transform:translate(-15em, 0) scale(1, 1);
                         -o-transform:translate(-15em, 0) scale(1, 1);
                  	  transform:translate(-15em, 0) scale(1, 1);
                  }
                 
                 /* definición de las tarjetas */ 
                
                  .tarjeta.mdl-card {
                    margin-left: auto;
                    margin-top: 1em;
                    margin-bottom: 1em;
                    margin-right: auto;
                    width: 20em;
                    
                  }
                  .tarjeta > .mdl-card__title {
                    color: #0f0f0f;
                    text-shadow: 0.01em 0.01em #2E2E2E;
                    height: 4em;
                    background: url('./images/fotos/welcome_card.jpg') center / cover;
                  }
                  
                  .tarjeta > .mdl-card__menu {
                    color: #fff;
                  }
    
                  .contenedor_tarjeta1 {
                    margin: auto;}
                  
                  .contenedor_tarjeta2 {
                    margin: auto;}
                  
                  .contenedor_tarjeta3 {
                    margin: auto;}    
           }
          
          @media (min-width: 601px) and (max-width: 990px) {
                .header_movil {
                  display: none;
                  }
               
                .header_ancha {
                  width:100%;
                  left:0;
                  top:0;
                  position: fixed;
                  margin-bottom: 1em;
                  box-shadow: 0px 10px 5px #888888;
                  background: url('./images/fotos/Background_index.jpg') center / cover;
                  color: white;
                  z-index: 1001;
                  
                  }
                  
                  .header_ancha > .primera_header_ancha{
                  width:100%;
                  padding: 2%;
                  color: white;
                  left:0;
                  top:0;
                 
                  position: fixed;
                  clear:both;
                  }  
                  .header_ancha > .segunda_header_ancha{
                  width:100%;
                  margin-left: 0;
                 
                  padding-top: 6em;
                  
                  text-align:right;
                  clear:both;
                  }
                  
                
                 .hamb_menu_mvl {
                  display: none;
                   }
                
                .contenedor_pagina{
                
                  padding-top: 0em;
                  }
                  
                  .contenido {
                  padding-top: 7.5em;
                  }
                  
                  .contenedor {
                       width: 85%;
                       max-width: 850px;
                       margin: auto;
                      }
                
                  .contenedor_sec {
                        width: 100%;
                        margin: auto;
                      }
                
                  .contenedor_sec h3 {
                    margin: 3em 2em 0 2em;
                  color: rgb(158,158,158);
                  font-weight: 500; }
    
                .contenedor_sec h3:after {
                  content: '';
                  display: block;
                  width: 100%;
                  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
                  margin-top: 1em; }
                  
                  .menu_linea {
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-flex-wrap: nowrap;
                      -ms-flex-wrap: nowrap;
                          flex-wrap: nowrap;
                  box-sizing: border-box;
                  float: right; 
                              }
                  
                  .link-menu_linea {
                  color: rgb(255,255,255);
                  text-decoration: none;
                  font-weight: 500;
                  font-size: 13px;
                  margin: 0; 
                              }
                              
                  .menu_linea ul{
                      font-size: 0.6em;
                      list-style-type: none;
                      text-align: right;
                  }
                  
                  .menu_linea li{
                    display: inline;
                    text-align: right;
                    margin: 0 10 0 0;
                  }
                  
                  
                /* definición de las tarjetas */
                  .mdl-card {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -webkit-flex-direction: column;
                        -ms-flex-direction: column;
                            flex-direction: column;
                    font-size: 16px;
                    font-weight: 400;
                    min-height: 200px;
                    overflow: hidden;
                    
                    /*width: 330px;*/
                    z-index: 1;
                    position: relative;
                    background: rgb(255,255,255);
                    border-radius: 2px;
                    box-sizing: border-box; }
      
                    .mdl-card__media {
                    background-color: rgb(255,64,129);
                    background-repeat: repeat;
                    background-position: 50% 50%;
                    background-size: cover;
                    background-origin: padding-box;
                    background-attachment: scroll;
                    box-sizing: border-box; }
                  
                  .mdl-card__title {
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                        -ms-flex-align: center;
                            align-items: center;
                    color: rgb(0,0,0);
                    display: block;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: stretch;
                    -webkit-justify-content: stretch;
                        -ms-flex-pack: stretch;
                            justify-content: stretch;
                    line-height: normal;
                    padding: 16px 16px;
                    -webkit-perspective-origin: 165px 56px;
                            perspective-origin: 165px 56px;
                    -webkit-transform-origin: 165px 56px;
                        -ms-transform-origin: 165px 56px;
                            transform-origin: 165px 56px;
                    box-sizing: border-box; }
                    .mdl-card__title.mdl-card--border {
                      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
                  
                  .mdl-card__title-text {
                    -webkit-align-self: flex-end;
                        -ms-flex-item-align: end;
                            align-self: flex-end;
                    color: inherit;
                    display: block;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    font-size: 24px;
                    font-weight: 300;
                    line-height: normal;
                    overflow: hidden;
                    -webkit-transform-origin: 149px 48px;
                        -ms-transform-origin: 149px 48px;
                            transform-origin: 149px 48px;
                    margin: 0; 
                    text-shadow: 2px 2px #6E6E6E ;
                    }
                  
                  .mdl-card__subtitle-text {
                    font-size: 14px;
                    color: grey;
                    margin: 0; }
                  
                  .mdl-card__supporting-text {
                    color: rgba(0,0,0, 0.54);
                    font-size: 13px;
                    line-height: 18px;
                    overflow: hidden;
                    padding: 16px 16px;
                    width: 90%; }
                  
                  .mdl-card__actions {
                    font-size: 16px;
                    line-height: normal;
                    width: 100%;
                    background-color: transparent;
                    padding: 8px;
                    box-sizing: border-box; }
                    .mdl-card__actions.mdl-card--border {
                      border-top: 1px solid rgba(0, 0, 0, 0.1); }
                  
                  .mdl-card--expand {
                    -webkit-box-flex: 1;
                    -webkit-flex-grow: 1;
                        -ms-flex-positive: 1;
                            flex-grow: 1; }
                  
                  .mdl-card__menu {
                    position: absolute;
                    right: 16px;
                    top: 16px; }
      
      
                  .tarjeta.mdl-card {
                    margin-left: auto;
                    margin-top: 1em;
                    margin-bottom: 1em;
                    margin-right: auto;
                    width: 30em;
                     
                    }
                    
                  .tarjeta > .mdl-card__title {
                    color: #fff;
                    height: 176px;
                    background: url('./images/fotos/welcome_card.jpg') center / cover;
                    
                    }
                  .tarjeta > .mdl-card__title > .mdl-card__title-text {
                      -webkit-align-self: flex-end;
                          -ms-flex-item-align: end;
                              align-self: flex-end;
                      color: inherit;
                      display: block;
                      display: -webkit-box;
                      display: -webkit-flex;
                      display: -ms-flexbox;
                      display: flex;
                      font-size: 24px;
                      font-weight: 300;
                      line-height: normal;
                      overflow: hidden;
                      -webkit-transform-origin: 149px 48px;
                          -ms-transform-origin: 149px 48px;
                              transform-origin: 149px 48px;
                      margin: 0; }
                    
                    .mdl-card__subtitle-text {
                      font-size: 14px;
                      color: grey;
                      margin: 0; }
                    
                    .mdl-card__supporting-text {
                      color: rgba(0,0,0, 0.54);
                      font-size: 13px;
                      line-height: 18px;
                      overflow: hidden;
                      padding: 16px 16px;
                      width: 90%; }
                                      
                  .tarjeta > .mdl-card__menu {
                    color: #fff;
                    }            
                  .contenedor_tarjeta1 {
                    margin: auto;
                    }
                  
                  .contenedor_tarjeta2 {
                    margin: auto;
                    }
                  
                  .contenedor_tarjeta3 {
                    margin: auto;
                    }    
           
                 
         
          }
          
          @media (min-width: 991px) {
                              .header_movil {
                  display: none;
                  }
               
                .header_ancha {
                  width:100%;
                  left:0;
                  top:0;
                  position: fixed;
                  margin-bottom: 1em;
                  box-shadow: 0px 10px 5px #888888;
                  background: url('./images/fotos/Background_index.jpg') center / cover;
                  color: white;
                  z-index: 1001;
                  
                  }
                  
                  .header_ancha > .primera_header_ancha{
                  width:100%;
                  padding: 2%;
                  color: white;
                  left:0;
                  top:0;
                 
                  position: fixed;
                  clear:both;
                  
                  }  
                  .header_ancha > .segunda_header_ancha{
                  width:100%;
                  margin-left: 0;
                 
                  padding-top: 6em;
                  
                  text-align:right;
                  clear:both;
                  }
                  
                
                 .hamb_menu_mvl {
                  display: none;
                   }
                
                .contenedor_pagina{
                
                  padding-top: 0em;
                  }
                  
                  .contenido {
                  padding-top: 7.5em;
                  }
                  
                  .contenedor {
                       width: 85%;
                       max-width: 850px;
                       margin: auto;
                      }
                
                  .contenedor_sec {
                        width: 100%;
                        margin: auto;
                      }
                
                  .contenedor_sec h3 {
                    margin: 3em 2em 0 2em;
                  color: rgb(158,158,158);
                  font-weight: 500; }
    
                .contenedor_sec h3:after {
                  content: '';
                  display: block;
                  width: 100%;
                  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
                  margin-top: 1em; }
                  
                  .menu_linea {
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-flex-wrap: nowrap;
                      -ms-flex-wrap: nowrap;
                          flex-wrap: nowrap;
                  box-sizing: border-box;
                  float: right; 
                              }
                  
                  .link-menu_linea {
                  color: rgb(255,255,255);
                  text-decoration: none;
                  font-weight: 500;
                  font-size: 14px;
                  margin: 0; 
                              }
                              
                  .menu_linea ul{
                      font-size: 0.6em;
                      list-style-type: none;
                      text-align: right;
                  }
                  
                  .menu_linea li{
                    display: inline;
                    text-align: right;
                    margin: 0 10 0 0;
                  }
                  
                  
                /* definición de las tarjetas */
                  .mdl-card {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -webkit-flex-direction: column;
                        -ms-flex-direction: column;
                            flex-direction: column;
                    font-size: 16px;
                    font-weight: 400;
                    min-height: 200px;
                    overflow: hidden;
                    
                    /*width: 330px;*/
                    z-index: 1;
                    position: relative;
                    background: rgb(255,255,255);
                    border-radius: 2px;
                    box-sizing: border-box; }
      
                    .mdl-card__media {
                    background-color: rgb(255,64,129);
                    background-repeat: repeat;
                    background-position: 50% 50%;
                    background-size: cover;
                    background-origin: padding-box;
                    background-attachment: scroll;
                    box-sizing: border-box; }
                  
                  .mdl-card__title {
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                        -ms-flex-align: center;
                            align-items: center;
                    color: rgb(0,0,0);
                    display: block;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: stretch;
                    -webkit-justify-content: stretch;
                        -ms-flex-pack: stretch;
                            justify-content: stretch;
                    line-height: normal;
                    padding: 16px 16px;
                    -webkit-perspective-origin: 165px 56px;
                            perspective-origin: 165px 56px;
                    -webkit-transform-origin: 165px 56px;
                        -ms-transform-origin: 165px 56px;
                            transform-origin: 165px 56px;
                    box-sizing: border-box; }
                    .mdl-card__title.mdl-card--border {
                      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
                  
                  .mdl-card__title-text {
                    -webkit-align-self: flex-end;
                        -ms-flex-item-align: end;
                            align-self: flex-end;
                    color: inherit;
                    display: block;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    font-size: 24px;
                    font-weight: 300;
                    line-height: normal;
                    overflow: hidden;
                    -webkit-transform-origin: 149px 48px;
                        -ms-transform-origin: 149px 48px;
                            transform-origin: 149px 48px;
                    text-shadow: 2px 2px #6E6E6E ;
                    margin: 0; }
                  
                  .mdl-card__subtitle-text {
                    font-size: 14px;
                    color: grey;
                    margin: 0; }
                  
                  .mdl-card__supporting-text {
                    color: rgba(0,0,0, 0.54);
                    font-size: 13px;
                    line-height: 18px;
                    overflow: hidden;
                    padding: 16px 16px;
                    width: 90%; }
                  
                  .mdl-card__actions {
                    font-size: 16px;
                    line-height: normal;
                    width: 100%;
                    background-color: transparent;
                    padding: 8px;
                    box-sizing: border-box; }
                    .mdl-card__actions.mdl-card--border {
                      border-top: 1px solid rgba(0, 0, 0, 0.1); }
                  
                  .mdl-card--expand {
                    -webkit-box-flex: 1;
                    -webkit-flex-grow: 1;
                        -ms-flex-positive: 1;
                            flex-grow: 1; }
                  
                  .mdl-card__menu {
                    position: absolute;
                    right: 16px;
                    top: 16px; }
      
      
                  .tarjeta.mdl-card {
                    margin-left: auto;
                    margin-top: 1em;
                    margin-bottom: 1em;
                    margin-right: auto;
                    width: 16em;
                     
                    }
                    
                  .tarjeta > .mdl-card__title {
                    color: #fff;
                    height: 176px;
                    background: url('./images/fotos/welcome_card.jpg') center / cover;
                    
                    }
                  .tarjeta > .mdl-card__title > .mdl-card__title-text {
                      -webkit-align-self: flex-end;
                          -ms-flex-item-align: end;
                              align-self: flex-end;
                      color: inherit;
                      display: block;
                      display: -webkit-box;
                      display: -webkit-flex;
                      display: -ms-flexbox;
                      display: flex;
                      font-size: 24px;
                      font-weight: 300;
                      line-height: normal;
                      overflow: hidden;
                      -webkit-transform-origin: 149px 48px;
                          -ms-transform-origin: 149px 48px;
                              transform-origin: 149px 48px;
                      margin: 0; }
                    
                    .mdl-card__subtitle-text {
                      font-size: 14px;
                      color: grey;
                      margin: 0; }
                    
                    .mdl-card__supporting-text {
                      color: rgba(0,0,0, 0.54);
                      font-size: 13px;
                      line-height: 18px;
                      overflow: hidden;
                      padding: 16px 16px;
                      width: 90%; }
                                      
                  .tarjeta > .mdl-card__menu {
                    color: #fff;
                    }   
                  .contenedor_tarjeta1 {
                    margin: 0.5em;
                    float:left;}
                  
                  .contenedor_tarjeta2 {
                    margin: 0.5em;
                    float:left;}
                  
                  .contenedor_tarjeta3 {
                    margin: 0.5em;
                    float:left;} 
           
                    }
             }