/* CSS Document */

/** buzon **/

/************ estilos **********************/

.EstiloForm{
    font:bold Arial, Helvetica, sans-serif;
	font-size:16px;
  	color:#000066;
	font-weight:bold;
  }
  
.EstiloForm-ov{
    font:bold Arial, Helvetica, sans-serif;
	font-size:12px;
  	color:#000066;
	font-weight:bold;
	margin-bottom:10px;
  }
  
.EstiloErrorVal{
    font:bold Arial, Helvetica, sans-serif;
	font-size:16px;
  	color:#ff0000;
	font-weight:bold;
	margin:10px;
  }
  
.EstiloErrorVal-encuesta{
    font:bold Arial, Helvetica, sans-serif;
	font-size:12px;
  	color:#ff0000;
	font-weight:bold;
	margin:3px 3px 0px 25px;
  }
  

/*************** contenedor principal buzon.php ********************/
   
   #cont-buzon-princ{
      width:990px;
	  height:565px;
	  background-color:#FFFFFF;
	  margin-left:auto;
	  margin-right:auto;
	  border:1px #ececec solid;
   }
   
   #margen-cont-buzon2{
      width:117px;
	  height:500px;
	  float:left;
   }  
      
   #cont-buzon2{
      width:756px;
	  height:480px;
	  font:bold Corbel;
	  color:#003300;
	  background-color:#ececec;
	  padding-top:0px;
	  margin-top:30px;
	  margin-left:10px;
	  float:left;
	  border-left:1px;
	  border-left-style:groove;
	  border-left-color:#bbbbbb;
	  border-right:1px;
	  border-right-style:groove;
	  border-right-color:#bbbbbb;
	  border-bottom:1px;
	  border-bottom-style:groove;
	  border-bottom-color:#bbbbbb;	  
   }
   
   #cont-buzon2-ov{
      width:457px;
	  height:400px;
	  font:bold Corbel;
	  color:#003300;
	  background-color:#ececec;
	  padding-top:8px;
	  margin-top:30px;
	  margin-left:10px;
	  float:left;	  
   }
   
   #rell-buzon{
      width:766px;
	  height:55px;	 
   }
   
   #rell-buzon-corto{
      width:457px;
	  height:55px;	 
   }
   
   
   #nombre1{
      font-size:90%;	 	
	 background:#ffffff;
	 width:400px;
	 height:17px;
	 margin-left:34px;; 
	 margin-right:1%;
	 margin-top:0px; 
   } 
   
   #email1{
      font-size:90%;	 	
	 background:#ffffff;
	 width:400px;
	 height:17px;
	 margin-left:50px;; 
	 margin-right:1%;
	 margin-top:10px; 
   }
   
   #asunto{
     font-size:90%;	 	
	 background:#ffffff;
	 width:400px;
	 height:17px;
	 margin-left:41px;; 
	 margin-right:1%;
	 margin-top:10px; 
   }
      
   #comentario{
      width:766px;
	  height:100px;
	  margin-right:10px;
	  margin-left:10px;
	  margin-bottom:15px;	      
   }
   
   #text-comentario{
      width:75px;
	  height:100px;
	  float:left;
	  margin-top:15px;	      
   }
   
   #boton{
      width:80%;
	  height:85px;
	   margin-left:55px;
	   background-color:#ececec;
   }
   
   #boton-ov{
      width:475px;
	  height:105px;
	  margin-left:0px;
	  background-color:#ececec;
	  border-left:1px;
	  border-left-style:groove;
	  border-left-color:#bbbbbb;
	  border-right:1px;
	  border-right-style:groove;
	  border-right-color:#bbbbbb;
	  border-bottom:1px;
	  border-bottom-style:groove;
	  border-bottom-color:#bbbbbb;
   }
   
   .contacto{
      width:80%;
	  height:300px;
	  background-color:#ececec;
	  margin-left:85px;	  	  
	  margin-top:20px;
	 
    }
	
	.contacto-ov{
      width:475px;
	  height:300px;
	  background-color:#ececec;
	  margin-left:0px;	  	  
	  margin-bottom:0px;
	  border-left:1px;
	  border-left-style:groove;
	  border-left-color:#bbbbbb;
	  border-right:1px;
	  border-right-style:groove;
	  border-right-color:#bbbbbb;
    }
	
	.cabform-ov{
	    width:475px;
		height:18px;
		background-color:#ececec;
		border:1px;
		border-style:groove;
		border-color:#bbbbbb;
		vertical-align:middle;
	}
	
	.cabform-ma{
	    width:754px;
		height:18px;
		background-color:#ececec;
		border:1px;
		border-style:groove;
		border-color:#bbbbbb;
		vertical-align:middle;
	}
	
	.cabform-img-ov{
	   float:left;
	}
	
	.cabform-text-ov{
	   margin:0px 4px 4px 3px;
	   float:left;
	}
	
	.buscar-archivo{
	   width:470px;
	   height:20px;
	   margin:25px 0px 5px 0px;
	   padding-left:5px;
	}
	
	.buscar-archivo-ma{
	   width:100%;
	   height:20px;
	   margin:25px 0px 5px 0px;
	   padding-left:5px;	   
	}
   
  /* input[type="submit"] {     	
	 width:115px;
	 height:20px;	 
	 margin-top:25px;
	 font-size:80%;	 
	 font-weight:50%;
	 background-color:#ffcccc;	 
	 border-color:#dd3300;
	 border:1px solid #dd3300;
	 margin-left:225px;
	 margin-right:225px;
	   font:bold Corbel;
	  color:#003300;	  	 
   }
   
   
   input[type="submit"]:hover {
     color:#000066;
	 background-color:#ffbbcc;
	 text-decoration:underline;
	 cursor:default;	 
   }*/
   
   .submit-a {
     font-size:90%;
	 font:bold Corbel;
	font-weight: bold;	 
	 color:#ffffff;
	 background-color:#6699ff;	 
	 border-color:#CCCCCC;
	 border-style:outset;	 
	 width:200px;
	 height:40px; 	
	 margin-left:225px;
	 margin-right:225px;
	 margin-top:10px;	 
   }
   .submit-a:hover{
     width:200px;
	 height:40px;	 
	 margin-top:10px;
	 font-size:80%;	 
	 font-weight:bold;
	 border-color:#CCCCCC;
	 border:1px solid #7799ff;
	 margin-left:225px;
	 margin-right:225px;
     color:#000000;
	 background-color:#ffcccc;
	 text-decoration:underline;
	 cursor:default;	
	 
   }
   
   .submit-a-ov {
     font-size:90%;
	 font:bold Corbel;
	font-weight: bold;	 
	 color:#ffffff;
	 background-color:#6699ff;	 
	 border-color:#CCCCCC;
	 border-style:outset;	 
	 width:200px;
	 height:40px; 	
	 margin-left:180px;
	 margin-right:45px;
	 margin-top:25px;	 
   }
   .submit-a-ov:hover{
     width:200px;
	 height:40px;	 
	 margin-top:25px;
	 font-size:80%;	 
	 font-weight:bold;
	 border-color:#CCCCCC;
	 border:1px solid #ffcccc;
	 margin-left:180px;
	 margin-right:45px;
     color:#000000;
	 background-color:#7799ff;
	 text-decoration:underline;
	 cursor:default;	
	 
   }
   
   .submit-a-ov2 {
     font-size:90%;
	 font:bold Corbel;
	font-weight: bold;	 
	 color:#000066;
	 background-color:#ffffff;	 
	 border-color:#CCCCCC;
	 border-style:outset;	 
	 width:370px;
	 height:20px; 	
   }
   
   .submit-a-ma {
     font-size:90%;
	 font:bold Corbel;
	 font-weight: bold;	 
	 color:#000066;
	 background-color:#ffffff;	 
	 border-color:#CCCCCC;
	 border-style:outset;	 
	 width:378px;
	 height:20px; 	
   }
   
   
   .celdano {
     font-size:90%;
	 font:bold Corbel;	 
	 font-weight: bold;	 
	 color:#ffffff;
	 background-color:#6699ff;	 
	 border-color:#CCCCCC;
	 border-style:outset;	 
	 width:200px;
	 height:40px; 	
	 margin-left:225px;
	 margin-right:225px;
	 margin-top:10px;	}
	 
   .celdasi {
     font-size:90%;
	 font:bold Corbel;	 	  
	 font-weight:bold;
	 color:#000000;
	 background-color:#7799ff;
	 border-color:#CCCCCC;
	 border-style:outset;	 
	 width:200px;
	 height:40px;
	 margin-left:225px;
	 margin-right:225px;
	 margin-top:10px;
	 text-decoration:underline;
	 cursor:default;	
	  }
	  
	 .celdano-ov {
		 font-size:90%;
		 font:bold Corbel;	 
		 font-weight: bold;	 
		 color:#ffffff;
		 background-color:#6699ff;	 
		 border-color:#CCCCCC;
		 border-style:outset;	 
		 width:200px;
		 height:40px; 	
		 margin-left:180px;
		 margin-right:45px;
		 margin-top:25px;
	}
	 
   .celdasi-ov {
     font-size:90%;
	 font:bold Corbel;	 	  
	 font-weight:bold;
	 color:#000000;
	 background-color:#7799ff;
	 border-color:#CCCCCC;
	 border-style:outset;	 
	 width:200px;
	 height:40px;
	 margin-left:180px;
	 margin-right:45px;
	 margin-top:25px;
     
	 
	 text-decoration:underline;
	 cursor:default;	
	  }    
	
	.celdano-ov2 {
		 font-size:90%;
		 font:bold Corbel;	 
		 font-weight: bold;	 
		 color:#000066;
		 background-color:#ffffff;	 
		 border-color:#CCCCCC;
		 border-style:outset;	 
		 width:370px;
		 height:20px;	 		 		 
	}
	
	.celdano-ma {
		 font-size:90%;
		 font:bold Corbel;	 
		 font-weight: bold;	 
		 color:#000066;
		 background-color:#ffffff;	 
		 border-color:#CCCCCC;
		 border-style:outset;	 
		 width:378px;
		 height:20px;	 		 		 
	}
	 	
	#coment1{
	  width:400px;
	  height:150px;
	  background-color:#ffffff;
	  margin-left:21px;
	  margin-top:15px;
	}
	
	#coment-ov{
	  width:370px;
	  height:100px;
	  background-color:#ffffff;
	  margin-left:19px;
	  margin-top:15px;
	}
	
	#cont-respuesta{
	   width:731px;
	   height:32px;
	   background-color:#ffffff;
	   margin:0px;
	   border:double;
	   border-color:#ffCCCC;
	   border-style:outset;
	   padding:10px;	  
	}
	
	#cont-respuesta-ov{
	   width:433px;
	   height:32px;
	   background-color:#ffffff;
	   margin:0px;
	   border:double;
	   border-color:#3366FF;
	   border-style:outset;
	   padding:10px;	  
	}
	
	#separador-print{
	   width:433px;
	   float:left;	   
	   height:34px;
	   }
    
	.cont-errores{
	   width:457px;
	   background-color:#FFFFFF;
	}
	
	/***** encuesta juventud y deportes ***********/
	
	.contacto-jd{
      width:95%;
	  height:658px;
	  background-color:#ecfcec;
	  margin-left:20px;	  	  
	  margin-bottom:0px;
	  margin-top:15px;
	  padding-left:10px;
    }
	
	#nombre2{
      font-size:90%;	 	
	 background:#ffffff;
	 width:90px;
	 height:17px;
	 margin-left:14px;; 
	 margin-right:20px;
	 margin-top:0px; 
   } 
   
	#apellido1{
      font-size:90%;	 	
	 background:#ffffff;
	 width:90px;
	 height:17px;
	 margin-left:14px;; 
	 margin-right:20px;
	 margin-top:0px; 
   }
   
   #apellido2{
      font-size:90%;	 	
	 background:#ffffff;
	 width:90px;
	 height:17px;
	 margin-left:14px;; 
	 margin-right:20px;
	 margin-top:0px; 
   }
   
   #sexo1, #sexo2{
     font-size:90%;	 	
	 background:#ffffff;
	 width:17px;
	 height:13px;
	 margin-left:5px;; 
	 margin-right:15px;
	 margin-top:3px; 
   } 
   
   #edad1{
     font-size:90%;	 	
	 background:#ffffff;
	 width:16px;
	 height:17px;
	 margin-left:14px;; 
	 margin-right:20px;
	 margin-top:3px; 
   }
   
   
	#tel1{
      font-size:90%;	 	
	 background:#ffffff;
	 width:60px;
	 height:17px;
	 margin-left:14px;; 
	 margin-right:20px;
	 margin-top:3px; 
   }
   
   
	#dir1{
      font-size:90%;	 	
	 background:#ffffff;
	 width:198px;
	 height:17px;
	 margin-left:14px;; 
	 margin-right:20px;
	 margin-top:3px; 
   }
   
    #email2{
      font-size:90%;	 	
	 background:#ffffff;
	 width:198px;
	 height:17px;
	 margin-left:14px;; 
	 margin-right:20px;
	 margin-top:3px; 
   }
   
   #coment2{
	  width:400px;
	  height:35px;
	  background-color:#ffffff;
	  margin-left:21px;
	  margin-top:15px;
	  margin-bottom:8px;
	}
   
   .EstiloForm-jd{
    font:bold Arial, Helvetica, sans-serif;
	font-size:11.5px;
  	color:#000066;
	margin-bottom:5px;
  }
  
  .submit-jd {
     font-size:90%;
	 font:bold Corbel;
	 font-weight: bold;	 
	 color:#ffffff;
	 background-color:#99CC99;	 
	 border-color:#CCCCCC;
	 border-style:outset;	 
	 width:120px;
	 height:20px; 	
	 margin-left:275px;
	 margin-right:275px;
	 margin-top:0px;	 
   }
   .submit-jd:hover{
     width:120px;
	 height:20px;	 
	 margin-top:0px;
	 font-size:80%;	 
	 font-weight:bold;
	 border-color:#CCCCCC;
	 border:1px solid #88cc88;
	 margin-left:275px;
	 margin-right:275px;
     color:#000000;
	 background-color:#ffcccc;
	 cursor:default;	
   }
   
   .celdano-jd {
     font-size:90%;
	 font:bold Corbel;	 
	 font-weight: bold;	 
	 color:#ffffff;
	 background-color:#99CC99;	 
	 border-color:#CCCCCC;
	 border-style:outset;	 
	 width:120px;
	 height:20px; 	
	 margin-left:275px;
	 margin-right:275px;
	 margin-top:0px;	}
	 
   .celdasi-jd {
     font-size:90%;
	 font:bold Corbel;	 	  
	 font-weight:bold;
	 color:#000000;
	 background-color:#88cc88;
	 border-color:#CCCCCC;
	 border-style:outset;	 
	 width:120px;
	 height:20px;
	 margin-left:275px;
	 margin-right:275px;
	 margin-top:0px;
	 cursor:default;	
	}
	
	 #boton-jd{
       width:95%;
	   height:25px;
	   margin-left:20px;
	   padding-left:10px;
	   padding-bottom:5px;
	   background-color:#ecfcec;
   }
   
   .cont-errores-jd{
	   width:95%;
	   margin-left:20px;
	   height:12px;
	   background-color:#ecfcec;
	}
	
	#cont-respuesta-jd{
	   width:433px;
	   height:32px;
	   background-color:#ffffff;
	   margin:0px;
	   border:double;
	   border-color:#009900;
	   border-style:outset;
	   padding:10px;	  
	}
	
	#restric_file{
      width:405px;
	  height:22px;
	  margin-left:10px;
	  padding-top:7px;
	  background-color:#ececec;	  
   }