* { box-sizing: border-box; margin: 0px; padding: 0px; }


      
    body { position: absolute; width: 100%;  background-image: url(../imagenes/fondo.gif); }
      
         
    #principal { 
       min-width: 320px; max-width: 1200px; 
       width: 100%; height: 100%; 
       margin: 0 auto; 
       color: rgb(255,255,255); 
	   font-family: 'Oswald', sans-serif;
	   font-weight: 300;  }    

                                #barrain { background-color: #143850; }
                                .logotel  { float: left; }
                                .logomail { clear: both; }
                               


  header {
	z-index: 1;
	position: fixed;
	width: 1200px;
	height: 160px;
    background-image: url(../imagenes/fondo.gif);
    box-shadow: 0px 2px 20px #000;
    -moz-box-shadow: 0px 2px 20px #000;
    -webkit-box-shadow: 0px 2px 20px #000;
}  


                      #titulo { display: table-cell; 
	                            width: 20%;
	                            text-align: center;
                                padding-top: 30px; }


	
	                  #menu { display: table-cell; 
                              width: 34%; }
			   
		              #menu li { display: inline-block; 
	                             margin: 23px;
                                 list-style-type: none;
                                 text-transform: uppercase;
	                             font-family: 'Oswald', sans-serif;
	                             font-weight: 300;
				                 font-size: 13px;  }
	

		              #menu a { text-decoration: none; color: #fff;}


  #inicio {
	
	width: 100%;
	height: 100%;
	overflow: auto;
    padding-left: 5px;
    padding-bottom: 20px;
	min-width: 320px;
	max-width: 1190px;
    padding-top: 160px;}

	                  .blueberry { max-width: 1190px; }


	                  #nota { box-shadow: 0px 2px 20px #000;
                             -moz-box-shadow: 0px 2px 20px #000;
                             -webkit-box-shadow: 0px 2px 20px #000;
                              width: 100%; 
                              height: 200px;
                              margin-top: 20px;
			                  text-align: center;		               
			                 }

                      #nota img { width: 100%; }
     
	       

    #servicios { 
     display: inline-block;
	 width: 100%;
	 height: 100%;
     overflow: auto;
     vertical-align: top;
     font-family: 'Oswald', sans-serif;
     font-weight: 300;
     padding-top: 165px;}
	
	
                       #servicios h1 { width: 100%; font-size: 25px;
                                       background: rgba(20,57,82,1);
                                       background: -moz-linear-gradient(left, rgba(20,57,82,1) 79%, rgba(0,0,0,0) 100%);
                                       background: -webkit-gradient(left top, right top, color-stop(79%, rgba(20,57,82,1)), color-stop(100%, rgba(0,0,0,0)));
                                       background: -webkit-linear-gradient(left, rgba(20,57,82,1) 79%, rgba(0,0,0,0) 100%);
                                       background: -o-linear-gradient(left, rgba(20,57,82,1) 79%, rgba(0,0,0,0) 100%);
                                       background: -ms-linear-gradient(left, rgba(20,57,82,1) 79%, rgba(0,0,0,0) 100%);
                                       background: linear-gradient(to right, rgba(20,57,82,1) 79%, rgba(0,0,0,0) 100%);
                                       }

	                                   
                       #servicios .linea1 { text-align: center; margin-top: 5px; font-size: 22px; color: #fff; } 

                       #servicios .linea2 { text-align: center; font-size: 30px; }

                       #servicios .linea3 { text-align: center; margin-top: 5px; font-size: 19px; color: #fff; } 

     
                       #izquierda { display: inline-block;
                                    margin-top: 20px;
                                    text-align: center;}
      
              
                       #izquierda p { color: #FFBF00; text-align: left;
                                      font-size: 16px; }

      
                       #izquierda h3 { text-align: center;
                                       font-family: 'Oswald', sans-serif;
                                       font-weight: 300;
                                       color: #fff; 
                                       background-color: #143850; }

         
                       main section { display: inline-block; 
                                         background-color: #000;
                                         width: 450px; height: 180px; 
                                         overflow: auto; 
                                         margin: 10px;
                                         border: #ccc 1px solid;
                                         box-shadow: 0px 2px 20px #000;
                                        -moz-box-shadow: 0px 2px 20px #000;
                                        -webkit-box-shadow: 0px 2px 20px #000;}
         

                       .service { float: left; 
                                  margin: 0 10px 0 0; }
      
                       #derecha { text-align: center; }
      
                       #certificados { border: 1px solid #FFBF00;
                                       text-align: center;}
      
                       #certificados img { padding: 5px; }
      
                       .telefono { padding: 10px;}
      
      
             
      
	
	#tacografos { 
     width: 100%;
	 height: 100%;
	 overflow: auto;
     padding-top: 205px; }

                        #container { background-color: #333; }

      
                        #tacografos h2 { width: 100%;
                                         background: rgba(20,57,82,1);
                                         background: -moz-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,57,82,1)), color-stop(26%, rgba(15,42,61,1)), color-stop(100%, rgba(0,0,0,0)));
                                         background: -webkit-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -o-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -ms-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: linear-gradient(to right, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         }
      

                       #tacografos h3 { text-align: center; font-size: 17px;
                                        color: #FFBF00; }
 
                      .intro { background-color: #333; 
                               border: 1px solid #fff;
                               line-height: 50px;
                               width: 100%; 
                               color: #fff; }

      
                   
                       #tacografos #container { background-color: #333; 
                                                margin: 0px auto;
			                                    overflow: auto;
                                                width: 100%;
                                                height: 100%; 
                                                margin: 0 auto;  }

      
                       #container .partea { text-align: center; }


                       #container .parteb { text-align: center;} 


                       #container .partec { text-align: center; }



      
                       .description { 
                                      text-align: center; 
                                      margin-left: 20px;
                                      margin: 0px auto;}

                       .description img {margin-left: 54px; }


                      .dtd {margin-top: 30px; margin-bottom: 30px;  }
                      .dta {margin-top: 30px; margin-bottom: 30px;}
                      


                      #reglas { width: 500px; 
                                text-align: center;
                                margin: 0 auto;
                                margin-top: 45px;}

                       #reglas a {color: red;}

                       #reglas p {text-align: justify;}

                 



	
	#localizacion { 	
	 background-image:url(../imagenes/fondo.gif);
	 width: 100%;
	 height: 100%;
	 overflow: auto;
     padding-top: 205px; }

                      #localizacion h2 { width: 100%;
                                         background: rgba(20,57,82,1);
                                         background: -moz-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,57,82,1)), color-stop(26%, rgba(15,42,61,1)), color-stop(100%, rgba(0,0,0,0)));
                                         background: -webkit-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -o-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -ms-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: linear-gradient(to right, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                          }
      
	
                      .iframe { height: 300px; }
					 
                      .iframe iframe { width: 100%;
	                                   height: 100%; }
	 
	
						
	                  #localizacion .mapa { text-align: center;
                                            vertical-align: top; 
                                            margin-top: 35px;
                                            font-size: 20px;}

                      .mapa { padding-top: 30px;}


                      #contacto { background-color: #000;
                                  padding-bottom: 30px; }


                      #cajetin {display: inline; }
      
                      .phone { padding: 30px; display: inline-block; width: 55%;
                               text-align: center; 
                               margin-top: 40px;
                               vertical-align: top; }
							   
	                  #localizacion .textocontacto { background-color: #143850; 
                                                     display: inline-block;
                                                     padding: 25px;
                                                     width: 400px;
                                                     height: 297px;
	                                                 overflow: auto;
                                                     margin-top: 35px;
	                                                 text-align: center; }
                                                    
      
                        p ins { color: #FFBF00; } 

                       .phone p { font-size: 18px; }


	
      


   #actualidad { 	
    background-image: url(../imagenes/fondo.gif);
	width: 100%;
	height: 100%;
	overflow: auto;
    padding-top: 205px; }


                        #actualidad h2 { width: 100%;
                                         background: rgba(20,57,82,1);
                                         background: -moz-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,57,82,1)), color-stop(26%, rgba(15,42,61,1)), color-stop(100%, rgba(0,0,0,0)));
                                         background: -webkit-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -o-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -ms-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: linear-gradient(to right, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         }


                       #contactual { background-color: brown;}
	

		               #actualidad #cajauno { overflow: auto;
	                                          margin: 0 auto;
                                              width: 100%; }
      
                        #cajauno .unosolo { margin: 0 auto;
                                            text-align: center; }
      
      
                       #cajauno .unosolo section { background-color: #fff;
                                                   color: #000;
                                                   padding: 20px;
                                                   height: 650px;
                                                   overflow: auto;
	                                               margin: 40px auto; }
      
                       #cajauno .tresvertical { text-align: center;
                                                padding: 20px;
                                                margin: 0 auto; }
      
                      .tresvertical section { color: #000; 
                                              padding: 10px; 
                                              text-align: justify; 
                                              background-color: #fff; 
                                              height: 230px;}

      
                       .uno  {float: left; padding: 10px;}
                       .dos  {float: left; padding: 10px;}
                       .tres {float: left; padding: 10px;}
      
      
      

      
      		                              #actualidad #cajados { display: inline-block; 
                                                                 color:  #000; 
                                                                 text-align: center; 
                                                                 padding-top: 30px;
			                                                     overflow: auto;
	                                                             margin: 0 auto;
                                                                 width: 100%; }


                                           #cajados .unodetres { display: inline-block;
                                                                 background-color: #fff;
                                                                 padding: 10px;
			                                                     overflow: auto;
	                                                             margin: 10px auto;
                                                                 width: 300px;
                                                                 height: 350px;}
      
                                           #cajados .dosdetres { display: inline-block;
                                                                 background-color: #fff;
                                                                 padding: 10px;
			                                                     overflow: auto;
	                                                             margin: 10px auto; 
                                                                 width: 300px;
                                                                 height: 350px;}
      
                                           #cajados .tresdetres { display: inline-block; 
                                                                  background-color: #fff; 
                                                                  padding: 10px;
			                                                      overflow: auto;
	                                                              margin: 10px auto;
                                                                  width: 300px;
                                                                  height: 350px;}

								  
 footer { 
    background-color: black;
    width: 100%;
    height: 220px; }

                footer h1 { text-align: center; 
                            font-size: 30px;
                            color: #FFBF00; }

                footer h3 { text-align: center; 
                            font-size: 20px;
                            color: #fff; }

                footer p { text-align: center; 
                           font-size: 20px;
                           color: #fff; }
  
                footer a { color: #fff; text-decoration: none;}