﻿*{
  margin:0 auto;
  padding:0 0px;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}

#cuerpoweb{
           width:1024px;
           height:700px;
           position:relative;
           border:black;
           background:white;	
           margin-top:0px;
           border-radius: 8px 8px 8px 8px;
           box-shadow: 5px 5px 7px #999; 
           border-color:black;

}

#nav1{
	width:1024px;
	height:30px;
	background:white;
	border-radius: 8px 8px 0px 0px;
	background: rgba(147,206,222,1);
	background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(211,231,237,1) 41%, rgba(116,197,219,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,206,222,1)), color-stop(41%, rgba(211,231,237,1)), color-stop(100%, rgba(116,197,219,1)));
	background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(211,231,237,1) 41%, rgba(116,197,219,1) 100%);
	background: -o-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(211,231,237,1) 41%, rgba(116,197,219,1) 100%);
	background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(211,231,237,1) 41%, rgba(116,197,219,1) 100%);
	background: linear-gradient(to bottom, rgba(147,206,222,1) 0%, rgba(211,231,237,1) 41%, rgba(116,197,219,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#74c5db', GradientType=0 );
	
}

/*/////////////////////////////////// comienza botonera NAV 1 superior /////////////////////////////////////*/

#nav1 ul{
	     list-style:none;
	     
}

#nav1 ul li{
	        font-size:14px;
	        float:left;
	        margin-left:50px;
	        margin-top:6px;
	        
}

#nav1 ul li a{
	          text-decoration:none;       
}

#dibujocasa{
	        
	        margin-top:5px;
	        margin-left:-320px;   
	        
}

#dibujocorreo{
	          
	          margin-top:10px;
	          margin-left:60px;
}

#dibujomapasitio{
	             
	         	 margin-top:-50px;
	          	 margin-left:95px;
   
}

#nav1 ul li a:hover{
	               color:orange;
	               font-size:14px;        
}

/*////////////////////////////////////NAV 1 botonera superior ///////////////*/

/*//////////////////////////////////// Publicidad de los servicios de la página web /////////////////*/
#bannersuperior{
	            background:black;
	            width:1024px;
	            height:100px;            
}

#cinta{
	   width:1024px;
	   height:50px;
	   position:relative;
	   margin-top: 0px;
	   margin-left:0px;
	   background:url('../fotos/sectorfondobanner.png');    
}

#nav{
	 width:1024px;
	 height:30px;
	 border-radius: 0px 0px 0px 0px;
	 background: rgba(147,206,222,1);
	 background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(211,231,237,1) 41%, rgba(116,197,219,1) 100%);
	 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,206,222,1)), color-stop(41%, rgba(211,231,237,1)), color-stop(100%, rgba(116,197,219,1)));
	 background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(211,231,237,1) 41%, rgba(116,197,219,1) 100%);
	 background: -o-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(211,231,237,1) 41%, rgba(116,197,219,1) 100%);
	 background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(211,231,237,1) 41%, rgba(116,197,219,1) 100%);
	 background: linear-gradient(to bottom, rgba(147,206,222,1) 0%, rgba(211,231,237,1) 41%, rgba(116,197,219,1) 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#74c5db', GradientType=0 );
          
}

#nav ul{
	    list-style:none;         
}

#nav ul li{
	       font-size:18px;
	       float:left;
	       margin-left:15px;
	       margin-top:6px;
          
}

#nav ul li a{
	         text-decoration:none;
}

#nav ul li a:hover{
	               color:red;
	               font-size:18px;    
}

/*/////////////  fin nav menu principal /////////////////////////*/

/*////////////   cuerpo de texto  ///////////////////*/
#cuerpo h2{
	       color:blue;
	       text-shadow:heavenly 0.1em 0.1em 0.1em;
	       margin-left:200px;
		   margin-top:50px;
	       width:500px;   
	       text-align:center;
	       font-size:30px;    
}

#cuerpo p{
		  width:500px;
	      margin-left:330px; 
		  margin-top:30px;
	      text-align:justify;  
	      font-size:20px;    
}

#cuerpo ul li{
	          margin-left:70px;
	          font-size:20px;
}

/*////////////  fin del cuerpo de texto ////////////*/

/*////////////  panel lateral derecho //////////////*/
#menulateralderecho{
	              width:150px;
	              height:470px;
	              position:relative;
	              float:right;
	              margin-top:-330px;
	              margin-right:50px;
	              border-color:black;
	              border-radius: 8px 8px 8px 8px;
	              box-shadow: 5px 5px 7px #999;
	              background: rgba(147,206,222,1);
                     
}

#autochocado{
	         margin-top:30px;
	         margin-left:12px;
	                           
}

#ruta1{
	   margin-left:6px;               
	   color:white;
	   text-shadow:black 0.1em 0.1em 0.1em;
	   text-decoration:none;
	   text-align:center;
 
}

#dibujocarta{
	        margin-top:20px;
	        margin-left:12px;   
}

#ruta2{
	   margin-left: 35px;       
	   color:white;
	   text-shadow:black 0.1em 0.1em 0.1em;
	   text-decoration:none;
	   text-align:center;
  
}

#svs{
	margin-top:45px;
	margin-left:43px;              
}

#ruta3{
	   margin-left:28px;       
	   color:white;
	   text-shadow:black 0.1em 0.1em 0.1em;
	   text-decoration:none;
	   text-align:center;
       
}

/*////////////  fin panel lateral derecho //////////*/

/*//////////// panel inferior //////////////////////*/
#fotograma1{
	       width:150px;
	       height:100px;
	       position:relative;
	       float:left;
	       margin-top:40px;
	       margin-left:50px;
	       border-color:black;
	       border-radius: 8px 8px 8px 8px;
	       box-shadow: 5px 5px 7px #999;
	       background: rgba(147,206,222,1);	              
}

#fotograma1 img{
	            border-radius: 8px 8px 8px 8px;
}

#fotograma2{
	       width:150px;
	       height:100px;
	       position:relative;
	       float:left;
	       margin-top:40px;
	       margin-left:50px;
	       border-color:black;
	       border-radius: 8px 8px 8px 8px;
	       box-shadow: 5px 5px 7px #999;
	       background: rgba(147,206,222,1);	              
}

#fotograma2 img{
	            border-radius: 8px 8px 8px 8px;
}


#fotograma3{
	       width:150px;
	       height:100px;
	       position:relative;
	       float:left;
	       margin-top:40px;
	       margin-left:50px;
	       border-color:black;
	       border-radius: 8px 8px 8px 8px;
	       box-shadow: 5px 5px 7px #999;
	       background: rgba(147,206,222,1);	              
}

#fotograma3 img{
	            border-radius: 8px 8px 8px 8px;
}


#fotograma4{
	       width:150px;
	       height:100px;
	       position:relative;
	       float:left;
	       margin-top:40px;
	       margin-left:50px;
	       border-color:black;
	       border-radius: 8px 8px 8px 8px;
	       box-shadow: 5px 5px 7px #999;
	       background: rgba(147,206,222,1);	              
}

#fotograma4 img{
	            border-radius: 8px 8px 8px 8px;
}

/*//////////// fin panel inferior//////////////////*/


/*////////////   pie de página ////////////////////*/
#pie{
	 width:1024px;
	 height:30px;
	 color:black;
	 font-size:17px;
	 text-align:center;
	 z-index:2;
	 background:white;
	 border-radius: 0px 0px 8px 8px;
	 background: rgba(147,206,222,1);
	 background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(211,231,237,1) 41%, rgba(116,197,219,1) 100%);
	 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,206,222,1)), color-stop(41%, rgba(211,231,237,1)), color-stop(100%, rgba(116,197,219,1)));
	 background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(211,231,237,1) 41%, rgba(116,197,219,1) 100%);
	 background: -o-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(211,231,237,1) 41%, rgba(116,197,219,1) 100%);
	 background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(211,231,237,1) 41%, rgba(116,197,219,1) 100%);
	 background: linear-gradient(to bottom, rgba(147,206,222,1) 0%, rgba(211,231,237,1) 41%, rgba(116,197,219,1) 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#74c5db', GradientType=0 );
	 box-shadow: 5px 5px 7px #999;
	 
	 
}

#datosempresa{
              margin:auto;
              padding:7px 5px;
              
}