@charset "utf-8";
/* CSS Document */










* { margin:0px; padding:0px}



@media only screen and (min-width: 1001px) {
	
	
		#whatsapp img { width:80px ; height:80px}
#linkfoto {position:absolute; opacity:0.8; left:270px;  bottom:20px;  padding:10px 15px ; text-align:center; font-size:18px; color:#333; background:#FFF; border:2px solid #666666; border-radius:10px; text-decoration:none}


 #whatsapp {
   -webkit-animation: tiembla 1s infinite;width:80px ; height:80x;  position:fixed ; bottom:30px ; left:20px; z-index:100
}





@-webkit-keyframes tiembla{
  0%  { -webkit-transform:rotateZ(-2deg); }
  50% { -webkit-transform:rotateZ( 0deg) scale(.9); }
  100%{ -webkit-transform:rotateZ( 2deg); }
}
	
	
		#boton1 { float:left; border-radius:5px ; padding:5px 20px ; font-size:14px ;  color:#333; text-align:center; font-weight:600; margin-left:20px; text-decoration:none}
		#boton4 { display:none}
		
		
		
	#boton2 {float:left; border-radius:5px ; padding:5px 20px ; font-size:14px ; border: solid thin rgb(233, 0, 102) ;   color:rgb(233, 0, 102); text-align:center; font-weight:600; margin-left:20px; text-decoration:none}
	#boton3 {float:left; border-radius:5px ; padding:5px 20px ; font-size:14px ; background:rgb(233, 0, 102); color:#FFF; text-align:center; font-weight:600; margin-left:20px; text-decoration:none }
	#head { width:100% ; height:100px  ; float:left}
	
	
	#head-content { width:96vw ; height:99px ; margin-left:auto; margin-right:0px ; position:relative}
	 #logo { height:60px ; position:absolute;  left:20px; top:10px  }
	  #logo  img {height:70px ; object-fit:cover ;}
	 
	 #botones-content { position:absolute; height:80px ; right:50px; top:40px }
	 
	#buscador { width:100%; height:120px; background:linear-gradient(90deg, rgba(134,30,203,1) 0%, rgba(118,29,253,1) 50%, rgba(207,69,252,1) 100%); float: left; position:relative; border-bottom:none}
	
	.buscador2 { position:fixed;  width:100%; height:100px; background:#B7DDDF ; top:0px; left:0px ; box-shadow:3px 3px 3px }
	
	

	
	#buscar { width:1200px ; height:60px ; background:#FFF; border-radius:10px ; top:30px; position:absolute; left:50%; transform: translate(-50%, 0px); position:relative    }
	
	#borrarlista { position:absolute ; width:15px; height:15px; border-radius:15px; background:#666; color:#FFF; left:60px ; top:23px; font-size:9px; line-height:15px; border:none; opacity:.8}
	#borrarlista:hover {opacity:1}
	
	#autocomplete { width:550px ; height:20px ; font-size:16px ; color:#333 ; font-weight:500; float:left ; margin-top:20px; border:none; margin-left:10px  }
	
	#ubicacion {width:250px ; height:20px ; font-size:16px ; color:#333 ; font-weight:500; float:left ; margin-top:20px; border:none;  }
	
	
	
	::placeholder { color:#999}
		:focus {
outline: 0;
}







.autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto;  }
.autocomplete-suggestion { padding: 10px 5px; font-size: 15px; white-space: nowrap; overflow: hidden;  }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399ff;  }


#botonbuscar { width:200px ; height:40px ; background:#002A8D ; border-radius:10px ; float:left ; margin-left:20px; color:#fff; font-size:16px; border:none; cursor:pointer; margin-top:10px}

#iconobuscar { width:23px ; height:23px ; float:left ; margin-top:18px; margin-left:30px; margin-right:20px; object-fit:cover}
	#banner {width:100% ; height:550px ; background:linear-gradient(90deg, rgba(134,30,203,1) 0%, rgba(118,29,253,1) 50%, rgba(207,69,252,1) 100%) ; float:left; position:relative; overflow:hidden}
	
	#bannerimg1 { position:absolute ; height:430px; object-fit:cover ; right:50px; bottom:0px}
	#bannerimg2 {position:absolute ; height:600px; object-fit:cover; right:150px; bottom:0px}
	
	#bannerimg3 {position:absolute ; height:550px; object-fit:cover; right:500px; bottom:0px}
	
	#slogan1 { position:absolute ; left:50px ; top:180px ; font-size:35px ; font-weight:700; color:#FFF ;text-shadow: 1px 1px 2px black, 0 0 4px #666666, 0 0 1px #666666  }
	#slogan2 {position:absolute ; left:50px ; top:230px ; font-size:30px ; font-weight:500; color:#FFF ;text-shadow: 1px 1px 2px black, 0 0 4px #666666, 0 0 1px #666666 }
	
	#slogan3 { width:300px ; height:5px ; background:#FFDE00 ; border-radius:5px ; position:absolute ; left:50px ; top:270px  }
	
	
	#slogan4 {  color:#FFF; height:60px ; font-size:16px;   border-radius:5px ; position:absolute ; left:50px ; top:320px; border: thin solid #FFF; text-decoration:none; padding:15px; font-weight:500  }
	
	
	#slogan4:hover {  font-weight:500;  color:#FFDE00 ; border: #FFDE00  2px solid }
	
	
	
	
	
	
	#fomulario1 { width:860px ; height:400px ; margin-top:50px; margin-left:auto ; margin-right:auto}
	#fomulario2 { width:440px ; height:400px ; margin-top:50px; margin-left:auto ; margin-right:auto; padding-left:20px;  padding-top:30px; }
	
	
	#inputtipo1 { width:400px; height:90px; float:left; margin-right:30px}
	#inputtipo1x { width:400px; height:90px; float:left; margin-right:30px}
	
	#inputtipo1 #letero1 { width:300px ; height:20px; font-size:14px ; font-weight:500; color:#333;  }
	#inputtipo1 #inputa { width:400px; height:45px; border-radius:10px; font-size:14px ; padding:8px; color:#666; border: thin solid #CCC }
	
	#inputtipo1 #inputb { width:150px; height:45px; border-radius:10px; font-size:14px ; padding:8px; color:#666; border: thin solid #CCC; float:left  }
	#inputtipo1 #inputc { width:240px; height:45px; border-radius:10px; font-size:14px ; padding:8px; color:#666; border: thin solid #CCC; float:left; margin-left:10px  }
	
	
	#inputtipo1 #inputd { width:320px; height:45px; border-radius:10px; font-size:14px ; padding:8px; color:#666; border: thin solid #CCC; float:left;   }
	#inputtipo1x #inputdx { width:320px; height:45px; border-radius:10px; font-size:14px ; padding:8px; color:#666; border: thin solid #CCC; float:left;   }
	
	
	#inpute { width:120px; height:45px; border-radius:10px; font-size:14px ; padding:8px; color:#666; border: thin solid #CCC; float:left; margin-right:5px }
	
	#ojo { padding:10px 8px ; margin-top:1px; background:#333; color:#FFF; float:left; margin-left:10px; cursor:pointer ; border-radius:5px; letter-spacing:-1px ; font-weight:500}
	#ojo:hover { opacity:0.8}
	
	#pop1 { color:#F00 ;  font-weight:500; cursor:pointer}
	
	#contenido {width:100% ; height:600px ; background: #F9F9F9 ; float:left}
	
	#contenidox {width:100% ; height:800px ; background: #E8E8FF  ; float:left}
	
	#contenido-a { width:1300px; height:600px; margin-left:auto; margin-right:auto; background:#F9F9F9}
	
	#contenido-b { width:350px; height:400px; object-fit:cover ;  border-radius:20px; float:left; margin-left:60px ; padding:20px; margin-top:100px } 
	
	#contenido-c { height:150px; object-fit:cover; float:left ; margin-left:85px; margin-top:40px }
	
	#contenido-d { width:250px ; float:left ; margin-left:25px; font-size:16px; text-align:center ; font-weight:600; margin-top:40px}
	
	#contenido-e { width:150px ; height:3px; border-radius:1px; float:left ; background: #FC0; margin-left:75px ; margin-top:10px}
	
	#contenido2 {width:100% ; height:400px  ; float:left;background: #FC3;}
	
	#contenido2-a { width:1300px; height:400px; margin-left:auto; margin-right:auto;  position:relative}
	
	
	
	
	#contenido2-b { position:absolute; left:0px; bottom:0px; height:450px }
	
	#contenido2-c {
	position: absolute;
	left: 442px;
	bottom: 309px;
	height: 130px;
	object-fit: cover;
}
	
	#contenido2-d { font-size:27px; line-height:28px; position:absolute; right:0px ; top:40px; width:400px; color:#FFF; padding:25px; border-radius:20px; background:linear-gradient(90deg, rgba(134,30,203,1) 0%, rgba(118,29,253,1) 50%, rgba(207,69,252,1) 100%);box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75); }
	
		#contenido2-e { font-size:14px;  position:absolute; right:90px ; top:200px; width:300px; color:#fff; padding:15px;  text-decoration:none; border: thin solid #47146b; border-radius:5px; text-align:center ; font-weight:600 ; background: #333;box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75); }
		
		#contenido2-e:hover { box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);}
	
	
		#contenido3 {width:100% ; height:300px  ; float:left;background: #26e0db; background-image: url(../imagenes/varios/fondo.png)}
	
	#contenido3-a { width:1300px; height:300px; margin-left:auto; margin-right:auto;  position:relative}
	#contenido3-b { height:400px; object-fit:cover ; position:absolute ; left:30px; bottom:0px}
	
	#contenido3-c {height:540px; object-fit:cover ; position:absolute ; left:80px; bottom:0px}
	
	#contenido3-d { position:absolute ; right:0px; bottom:50px; font-size:24px}
	
	
	
	
	#cuerpotermino {white-space: pre-wrap;      
 white-space: -moz-pre-wrap;  
 white-space: -pre-wrap;      
 white-space: -o-pre-wrap;    
 word-wrap: break-word; width:850px ; height: 500px ; overflow-y: scroll; margin-left:25px 
 }
 #botoncrear { padding:10px 30px ; background:#541168; color:#FFF; border-radius:5px ; font-weight:500; float:left; margin-left:350px  }
  #botoncrear2 { padding:10px 30px ; background:#541168; color:#FFF; border-radius:5px ; font-weight:500; float:left; margin-left:130px  }
 
 .modal-content { width:650px;  padding-top:20px; padding-bottom:20px;  left:50%; top:1%;  transform: translate(-50%, 1%); background:#F7F7F7  }
 
 #socios { width:1300px; height:60px ; margin:0 auto}
 #socios1 { width:100%; font-size:16px; font-weight:bold ; margin:10px auto; color:#FFF }
 #socios2 { width:200px; float:right ;}
 #socios2 img { height:50px; object-fit:cover}
 
 
	#foter {width:100% ; height:350px ; margin-top:30px; background:linear-gradient(90deg, rgba(134,30,203,1) 0%, rgba(118,29,253,1) 50%, rgba(207,69,252,1) 100%) ; float:left}
	
	
	
	
	#foterx { width:1300px;height:200px ;  margin-left:auto; margin-right:auto }
	
	#foter1 { width:650px ; height:150px ; float:left; margin-top:25px}
	
	
	#foter1a { width:650px ; font-size:20px; font-weight:bold; float:left ; color:#FFF}
	#foter1b { width:650px ; font-size:16px; font-weight:500; float:left ; color:#FFF}
	#foter1c { width:650px ; font-size:16px; font-weight:500; float:left ; color:#FFF}
	
	#foter1d {width:650px ; height:40px; font-size:30px; font-weight:500; float:left ; color:#FFF; margin-top:20px}
	
	#foter1d a {font-size:30px; font-weight:bold; float:left ; color:#FFF ; margin-right:20px}	
	
	
	#foter1d a:hover {font-size:33px}
	#foter1d img { height:30px ; object-fit:cover}
	#foter1d img:hover {height:33px ; object-fit:cover}
	
	#foter2 { width:650px ; height:200px ; float:left}
		#foter2a { width:650px ; height:200px ; float:left}
		
		#foter2a a{ width:250px ; height:40px ; text-decoration:none;  font-size:20px ; border-radius:20px; margin-top:100px; text-align:center ; }
	
	#inputtipo2 { width:850px; height:40px; float:left; margin-top:30px; text-align:center; font-size:14px; font-weight:500}
	
		.checkboxestrabajo{ width:700px ; height:70px ;  margin-top:0px; float:left}
		
	

.checkboxestrabajo label {display: block; float: left;}
input[type="radio"] + span {
  display: block;
  border: 1px solid black;
  border-left: 0;
  padding: 15px 35px; background-color:#FFF; font-size:14px ; margin-right:3px ; border-radius:5px 5px 0px 0px; border:solid thin #FFF; cursor:pointer
}





/*  cuerpo anuncio*/






#cuerpoanuncio1 { width:100%; float:left; height:200px ; margin-top:20px }

#cuerpoanuncio1a { width:1300px; height:200px ; margin-right:auto ; margin-left:auto ;  position:relative;  border-radius:4px; background:#fff}

#cuerpoanuncio1b { position:absolute; width:168px ; height:168px ; border-radius:168px; background:#FFF ; left:20px ; top:20px; object-fit:cover  } 

#cuerpoanuncio1c { position:absolute ; height: 140px; width:500px;    top:20px ; left:210px;  }


#cuerpoanuncio1c1 { float:left ; width:100%; font-size:23px; height:30px; line-height:20px; font-weight:600; color:#002A8D}
#cuerpoanuncio1c2 { float:left ; width:100%; font-size:15px; height:25px; line-height:25px; font-weight:500; color:#666;margin-top:10px}
#cuerpoanuncio1c3{ float:left ; width:100%; font-size:15px; height:20px; font-weight:500; color:#666}
#cuerpoanuncio1c4 { float:left ; width:100%; font-size:15px; height:20px; font-weight:400; color:#666; }
#cuerpoanuncio1c5 { float:left ; width:350px; font-size:15px; height:20px; font-weight:400; color:#666; font-weight:500}
#cuerpoanuncio1c5 font { padding:2px 6px; background:#069; border-radius:3px; color:#FFF; font-size:12px; font-weight:500 }



#cuerpoanuncio1d  {position:absolute ; height: 40px ; top:20px ; right:20px; }
#cuerpoanuncio1d1 { width:40px; height:40px ; float:left ; margin-right:10px}

#cuerpoanuncio1d1 img {width:40px; height:40px ; object-fit:cover ; border-radius: 5px ; }

#cuerpoanuncio1e  { padding:5px 10px; background:rgb(233, 0, 102); color:#FFF; font-size:16px; border-radius:5px; position:absolute ; bottom:20px ; right:20px}




#cuerpoanuncio2 {width:100%; float:left; height:800px ; margin-top:20px;}

#cuerpoanuncio2a { width:1300px ; height:800px ; margin-left:auto; margin-right:auto ; }



#cuerpoanuncio3 { width:900px ; height:800px ; float:left ; border-radius:10px;background: #fff ; padding:50px; }


#cuerpoanuncio3a{ width:800px ; float:left; min-height:100px; max-height:500px ;  font-size:14px; font-weight:400; margin-top:20px; margin-bottom:40px; white-space: pre-wrap;      
 white-space: -moz-pre-wrap;  
 white-space: -pre-wrap;      
 white-space: -o-pre-wrap;    
 word-wrap: break-word; }


#cuerpoanuncio3b { width: 250px ; height:40px; font-size:14px ; color:#333; float:left; margin-right:10px; margin-top:10px;}

#cuerpoanuncio3c { width:700px ; height:40px ; font-size:17px; font-weight:500 ; color:#002A8D ; text-decoration:underline}

#cuerpoanuncio4 { width:380px ; padding:40px 20px; height:800px ; float:left ; margin-left:20px; border-radius:10px; background: #fff}

#cuerpoanuncio4a { width:100%; height:20px; font-weight:600; font-size:18px; color:#333 ; float:left; margin-bottom:20px; text-indent:10px; margin-top:30px}

#cuerpoanuncio4b { width:100%; height:20px; font-weight:500; font-size:16px; color:#333 ; float:left; margin-bottom:20px; text-indent:5px; margin-top:30px; }

#cuerpoanuncio4b p { min-width:17px;max-width:28px; overflow:hidden ; height:20px; float:left}

#cuerpoanuncio4b font { color:#FC0; float:left}



#cuerpoanuncio4bx { width:100%; height:20px; font-weight:500; font-size:14px; color:#333 ; float:left; margin-bottom:0px;  margin-top:0px; }

#cuerpoanuncio4bx p { min-width:12px;max-width:21px; overflow:hidden ; height:20px; float:left}

#cuerpoanuncio4bx font { color:#FC0; float:left}

#cuerpoanuncio4c { width:340px ;  height:400px ; float:left ;  border-radius:10px;  overflow-y:scroll;  margin-left:0px}


#cuerpoanuncio4c  table { width:300px ; margin-left:20px ; }






#cuerpoanuncio4c::-webkit-scrollbar {
  width: 3px;
}
 
#cuerpoanuncio4c::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
 
#cuerpoanuncio4c::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 2px solid slategrey;
}

#cuerpoanuncio5 { display:none} 

#anunciofotos { width:340px ; min-height: 180px; max-height: 300px; float:left; }
#anunciofotos2 { width:100%; height:20px; font-weight:600; font-size:18px; color:#333 ; float:left; margin-bottom:20px; text-indent:10px}
#anunciofotos1 { width:100px ; height:100px ; float:left; margin-left:9px ; border-radius:10px; overflow:hidden; margin-top:3px}
#anunciofotos1 img { width:100px ; height:100px ; object-fit:cover ; object-postition: 50% 50%}


#calificacionuser1 {width:90%; height:20px; font-weight:600; font-size:17px; color:#333 ; float:left; margin-bottom:0px; text-indent:5px; margin-top:30px; margin-left:5%; }
	#calificacionuser { width:90%; height:20px; font-weight:500; font-size:16px; color:#333 ; float:left; margin-bottom:20px; text-indent:5px; margin-top:3px; margin-left:5%;  }
	
	#calificacionuser2 { width:90%; height:380px; font-weight:500; font-size:16px; color:#333 ; float:left; margin-bottom:20px; text-indent:5px; margin-top:3px; margin-left:5%; overflow-y:scroll }
	
	
	#calificacionuser2::-webkit-scrollbar {
  width: 2px;
}
 
#calificacionuser2::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
 
#calificacionuser2::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
	
	
	
	
	
	
	
	
	#calificacionuser3 {width:95%; height:55px; font-weight:400; font-size:14px; color:#333 ; float:left;  margin-top:7px; margin-left:2%; background: #F1F1F1; line-height:17px ; padding:3px ; border-radius:4px }
	
	#calificacionuser3 font { padding:2px 4px ; border-radius:3px}

#calificacionuser p { min-width:17px;max-width:28px; overflow:hidden ; height:20px; float:left}

#calificacionuser font { color:#FC0; float:left}




  /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 057 css*/
        .jssorb057 .i {position:absolute;cursor:pointer; width:14px;height:14px; }
        .jssorb057 .i .b {fill:none;stroke:#333;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
        .jssorb057 .i:hover .b {stroke-opacity:.7;}
        .jssorb057 .iav .b {stroke-opacity: 1;}
        .jssorb057 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 073 css*/
        .jssora073 {display:block;position:absolute;cursor:pointer;}
        .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
        .jssora073:hover {opacity:.8;}
        .jssora073.jssora073dn {opacity:.4;}
        .jssora073.jssora073ds {opacity:.3;pointer-events:none;}
		
		
		
		
		#jssor_1 {position:relative; width:800px;height:600px;}
		
		
		
		#jssor_1a {cursor:default;position:relative; width:800px;height:600px;overflow:hidden;}
#fotopropiedad { width:800px ;  object-fit:cover; border-radius:2px; object-postion: 50% 50%; margin-top:auto }
		
		.jssorb057 {position:absolute;bottom:12px;right:12px; bottom:0px}
		
		
		
		#slidercarusel { width:800px ; height:600px ; margin-left:50px; 

	
	}
	.modal-content .close { font-size:34px;  color:#F00; opacity:1 ; width:34px ; height:34px; text-shadow:none;}
	
	
	
	
	
	
	
	
	
	
	
	
	/* resultado anuncio */ 
	
	
	
	#resultadoanuncio { width:100% ; float:left ; min-height:300px; max-height:999999999; }
	
	#resultadoanuncio1 { width:1330px ; padding:30px 0px ; margin-left:auto; margin-right:auto}
	#resultadoanuncio1a { width:100% ; height:30px; font-size:20px ; font-weight:600 ; color:#002A8D; margin-bottom:40px; margin-top:30px; float:left}
	
	#resultadoanuncio2  { width:410px; height:260px; border-radius:10px; background:#FFF; margin-right:30px; float:left; position:relative ;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); margin-bottom:30px}
	#resultadoanuncio3 { position:absolute; width:130px ; height:130px ; border-radius:130px; background:#FFF ; left:20px ; top:40px; object-fit:cover  } 
	#resultadoanuncio4  { width:240px; height:200px; position:absolute; left:170px ; top:20px; }
	
	#resultadoanuncio4a  { width:240px; font-size:14px; font-weight:500; float:left}
	#resultadoanuncio4b  { width:230px; font-size:13px; font-weight:600; float:left; margin-top:3px}
	#resultadoanuncio4c  {width:240px; font-size:12px; font-weight:500; float:left; margin-top:3px}
	#resultadoanuncio4d { height:25px; font-size:12px; font-weight:500; float:left; margin-top:3px; padding:3px 6px; background:rgb(233, 0, 102); color:#FFF; text-align:center ; border-radius:3px; margin-bottom:5px}
	
	#resultadoanuncio4e { padding:5px 12px; text-align:center ; color:#FFF ; border-radius:5px; background:#002A8D; float:left; margin-top:13px; font-size:13px ; text-decoration:none}
	
	#resultadoanuncio4e:hover {box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75); background:#1f2937}

	
	
	#resultadoanuncio4f { width:100%; height:20px; font-weight:500; font-size:12px; color:#333 ; float:left;   }

#resultadoanuncio4f p { min-width:14px;max-width:17px; overflow:hidden ; height:20px; float:left}



#contactoform { width:500px ;  height:500px ;  background:#FFF; border-radius:20px ; margin-left:auto; margin-right:auto}


#contactoform1 { width:450px ; height:100px ;   font-size:18px ; font-weight:500 ; color:#333; margin-top:50px; float:left; margin-left:25px}



#contactoform2  { width:450px; height:60px ;  margin-left:25px; padding:15px 20px ; text-align:center;  color:#FFF ; background:#002A8D ; border-radius:5px; float:left}

#contactoform3 { width:200px; height:200px ; object-fit:cover; float:left; margin-left:150px; margin-top:30px}

#contactoform4 { width: 400px; margin-left:40px; height:30px ; font-size:16px;   font-weight:600 ; color:#333; float:left; margin-top:50px}
#contactoform6 { width: 400px; margin-left:40px; height:30px ; font-size:16px;   font-weight:600 ; color:#333; float:left}

#contactoform5 { resize:none ; width:400px; margin-left:40px; height:200px ; border-radius:10px ; float:left; padding:10px ; background:#F9F9F9; margin-bottom:30px}


#contactoform7  { width:400px; height:60px ;  margin-left:40px; padding:15px 20px ; text-align:center;  color:#FFF ; background:#002A8D ; border-radius:5px; float:left; font-size:18px}

 #whatsapp {
   -webkit-animation: tiembla 1s infinite;width:85px ; height:85px;position:fixed ; right:10px; bottom:20px; width:100px; height:100px;    
}

#whatsapp  img { width:85px ; height:85px; object-fit:cover}



@-webkit-keyframes tiembla{
  0%  { -webkit-transform:rotateZ(-2deg); }
  50% { -webkit-transform:rotateZ( 0deg) scale(.9); }
  100%{ -webkit-transform:rotateZ( 2deg); }
}




#cajacalificar { position:fixed; bottom:150px; right:40px ;  width:60px; height:60px ; background:#002A8D ; color:#FFF ;  text-align:center; font-size:30px ;   font-weight:600 ; border-radius:60px; padding:15px ; text-decoration:none }

.star-widget { width:200px ; height:50px ; float:left; background:#6F3 margin-left:40px}

.star-widget label{
  font-size: 20px;
  color: #444;
  padding: 5px;
  float: right;
  transition: all 0.2s ease;
}
input:not(:checked) ~ label:hover,
input:not(:checked) ~ label:hover ~ label{
  color: #fd4;
}
input:checked ~ label{
  color: #fd4;
}
input#rate-5:checked ~ label{
  color: #fe7;
  text-shadow: 0 0 10px #952;
}
#rate-1:checked ~ form header:before{
  content: "I just hate it ";
}
#rate-2:checked ~ form header:before{
  content: "I don't like it ";
}
#rate-3:checked ~ form header:before{
  content: "It is awesome ";
}
#rate-4:checked ~ form header:before{
  content: "I just like it ";
}
#rate-5:checked ~ form header:before{
  content: "I just love it ";
}
.container form{
  display: none;
}
input:checked ~ form{
  display: block;
}

	
}
	
	
	
	

/* CUERPO PARA CELULARES */



@media only screen and (max-width: 1000px) {
	
		#boton1 { display:none}
		#boton4 {float:left; border-radius:10px ; padding:10px 40px ; font-size:35px ; color:#333; text-align:center; font-weight:600; margin-left:40px; text-decoration:none}
	#boton2 {float:left; border-radius:10px ; padding:10px 20px ; font-size:35px ; border: solid thin #541168 ;   color:#541168; text-align:center; font-weight:600; margin-left:40px; text-decoration:none}
	#boton3 {float:left; border-radius:10px ; padding:10px 40px ; font-size:35px ; background:#541168; color:#FFF; text-align:center; font-weight:600; margin-left:20px; text-decoration:none }
	
		#head { width:1000px ; height:200px  ; float:left}
	
	#head-content { width:1000px; height:200px ; margin-left:auto; margin-right:0px ; position:relative}
	 #logo { height:120px ; position:absolute; left:10px; top:40px  }
	 
	 #logo img {height:110px ; object-fit:cover ;}
	 #botones-content { position:absolute; height:80px ; right:20px ; top:50px}
	#buscador { width:1000px; height:600px; background:linear-gradient(90deg, rgba(134,30,203,1) 0%, rgba(118,29,253,1) 50%, rgba(207,69,252,1) 100%); float: left; position:relative; border-bottom:none}
	
	
	
	#buscar { width:900px ; height:500px ; background:#FFF; border-radius:20px ; top:40px; position:absolute; left:50%; transform: translate(-50%, 0px); position:relative    }
	
	#borrarlista { position:absolute ; width:40px; height:40px; border-radius:40px; background:#666; color:#FFF; left:800px ; top:83px; font-size:20px; line-height:30px; border:none; opacity:.8}
	#borrarlista:hover {opacity:1}
	
	#autocomplete { width:700px ; height:60px ; font-size:38px ; color:#333 ; font-weight:500; float:left ; margin-top:70px; border:none; margin-left:10px; letter-spacing:-2px  }
	
	#ubicacion {width:700px ; height:80px ; font-size:38px ; color:#333 ; font-weight:500; float:left ; margin-top:70px; border:none; background:none  }
	
	
	 
	
	
	
	::placeholder { color:#999; font-size:32px}
		:focus {
outline: 0;
}







.autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto;  }
.autocomplete-suggestion { padding: 20px 25px; font-size: 35px; white-space: nowrap; overflow: hidden;  }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399ff;  }


#botonbuscar { width:700px ; height:90px ; background:#002A8D ; border-radius:20px ; float:left ; margin-left:100px; color:#fff; font-size:35px; border:none; cursor:pointer; margin-top:50px; font-weight:600}

#iconobuscar { width:45px ; height:45px ; float:left ; margin-top:78px; margin-left:60px; margin-right:40px; object-fit:cover}
	#banner {width:1000px ; height:950px ; background:linear-gradient(90deg, rgba(134,30,203,1) 0%, rgba(118,29,253,1) 50%, rgba(207,69,252,1) 100%);  float:left; position:relative; overflow:hidden; border-top:none}
	
	#bannerimg1 { position:absolute ; height:430px; object-fit:cover ; right:20px; bottom:0px}
	#bannerimg2 {position:absolute ; height:800px; object-fit:cover; right:20px; bottom:0px}
	
	#bannerimg3 {position:absolute ; height:500px; object-fit:cover; left:0px; bottom:50px}
	
	#slogan1 { position:absolute ; left:50px ; top:100px ; font-size:40px ; line-height:38px; font-weight:700; color:#FFF ;text-shadow: 1px 1px 2px black, 0 0 4px #666666, 0 0 1px #666666  }
	#slogan2 {position:absolute ; left:50px ; top:200px ; font-size:40px ; font-weight:500; color:#FFF ;text-shadow: 1px 1px 2px black, 0 0 4px #666666, 0 0 1px #666666 }
	
	#slogan3 { width:450px ; height:5px ; background:#FFDE00 ; border-radius:5px ; position:absolute ; left:50px ; top:260px  }
	
	
	#slogan4 {  color:#FFF; height:120px ; font-size:25px; letter-spacing:-1px;   border-radius:10px ; position:absolute ; left:50px ; top:300px; border: 3px solid #FFF; text-decoration:none; padding:30px; font-weight:500  }
	
	
	#slogan4:hover {  font-weight:500;  color:#FFDE00 ; border: #FFDE00  4px solid }
	
	
	
	
	
	
	
	
	
	#contenido {width:1000px ; height:1500px ; background: #F8F8F8 ; float:left}  
	
	#contenidox {width:1000px ; height:1800px ; background: #F8F8F8 ; float:left} 
	#contenido-a { width:900px; height:1500px; margin-left:auto; margin-right:auto; background:#F9F9F9}
	
	#contenido-b { width:900px; height:400px; object-fit:cover ;  border-radius:20px; float:left;   margin-top:50px } 
	
	#contenido-c { height:350px; object-fit:cover; float:left ; margin-left:0px; margin-top:40px }
	
	#contenido-d { width:450px ; float:left ; margin-left:25px; font-size:35px; text-align:center ; font-weight:600; margin-top:120px}
	
	#contenido-e { width:300px ; height:6px; border-radius:3px; float:left ; background: #FC0; margin-left:75px ; margin-top:20px}
	
	#contenido2 {width:1000px ; height:1400px  ; float:left;background: #FC3; overflow: hidden}
	
	#contenido2-a { width:800px; height:1400px; margin-left:auto; margin-right:auto;  position:relative}
	
	
	
	
	#contenido2-b { position:absolute; left:0px; bottom:0px; height:800px ; object-fit:cover }
	
	#contenido2-c {
	position: absolute;
	left: 142px;
	bottom: 809px;
	height: 220px;
	object-fit: cover;
}
	
	#contenido2-d { font-size:40px; line-height:38px; position:absolute; right:30px ; top:100px; width:700px; color:#FFF; padding:30px 60px; border-radius:40px; background:linear-gradient(90deg, rgba(134,30,203,1) 0%, rgba(118,29,253,1) 50%, rgba(207,69,252,1) 100%);box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.75); }
	
	
		#contenido2-e { font-size:28px;  position:absolute; right:40px ; top:300px; width:450px; color:#fff; padding:30px;  text-decoration:none; border: thin solid #47146b; border-radius:10px; text-align:center ; font-weight:600 ; background: #333;box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.75); }
		
		#contenido2-e:hover { box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.75);}
	
	
	
		#contenido3 {width:1000px ; height:1100px  ; float:left;background: #5BC0F8; background-image: url(../imagenes/varios/fondo.png) ; background-repeat:no-repeat; background-position:bottom}
	
	#contenido3-a { width:1000px; height:1100px; margin-left:auto; margin-right:auto;  position:relative}
	#contenido3-b { height:800px; object-fit:cover ; position:absolute ; left:30px; bottom:0px}
	
	#contenido3-c {height:780px; object-fit:cover ; position:absolute ; left:50px; bottom:0px}
	
	#contenido3-d { position:absolute ; right:0px; bottom:50px; font-size:24px}
	
	
	
	#fomulario1 { width:860px ; height:2300px ; margin-top:150px; margin-left:auto ; margin-right:auto; }
	#fomulario1 ::placeholder { color:#999; font-size:33px}
	
	#inputtipo1 { width:860px; height:220px; float:left; }
	#inputtipo1x { width:860px; height:220px; float:left; }
	
	#inputtipo1x #letero1 { width:860px ; height:40px; font-size:32px ; font-weight:500; color:#333;  }
	
	#inputtipo1 #letero1 { width:860px ; height:40px; font-size:32px ; font-weight:500; color:#333;  }
	#inputtipo1 #inputa { width:860px; height:120px; border-radius:15px; font-size:32px ; padding:16px; color:#666; border: thin solid #CCC; margin-top:20px; background:#FFF }
	
	#inputtipo1 #inputb { width:320px; height:120px; border-radius:15px; font-size:32px ; padding:16px; color:#666; border: thin solid #CCC; float:left ; background:#FFF ; margin-top:20px}
	#inputtipo1 #inputc { width:520px; height:120px; border-radius:15px; font-size:29px ; padding:16px; color:#666; border: thin solid #CCC; float:left; margin-left:20px ; background:#FFF; margin-top:20px }
	
	
	#inputtipo1 #inputd { width:640px; height:120px; border-radius:15px; font-size:32px ; padding:16px; color:#666; border: thin solid #CCC; float:left; margin-top:20px   }
	
	
	#inputtipo1x #inputdx { width:640px; height:120px; border-radius:15px; font-size:32px ; padding:16px; color:#666; border: thin solid #CCC; float:left; margin-top:20px   }
	
		#inputtipo1 #inpute { width:260px; height:120px; border-radius:15px; font-size:32px ; padding:16px; color:#666; border: thin solid #CCC; float:left ; background:#FFF ; margin-top:20px; margin-right:10px}
	
	#inputtipo1x #letero1 { width:860px ; height:40px; font-size:32px ; font-weight:500; color:#333;  }
	
	#ojo { padding:30px 26px ; margin-top:1px; background:#333; color:#FFF; float:left; margin-left:20px; cursor:pointer ; border-radius:10px; letter-spacing:-1px ; font-weight:500; font-size:36px; margin-top:20px}
	#ojo:hover { opacity:0.8}
	
	#pop1 { color:#F00 ;  font-weight:500; cursor:pointer}
	
	
	#botoncrear2 { padding:30px 60px ; background:#002A8D; color:#FFF; border-radius:10px ; font-weight:500; float:left; margin-left:270px ; font-size:35px; margin-top:50px }
	
	
	
	#cuerpotermino {white-space: pre-wrap;      
 white-space: -moz-pre-wrap;  
 white-space: -pre-wrap;      
 white-space: -o-pre-wrap;    
 word-wrap: break-word; width:850px ; height: 500px ; overflow-y: scroll; margin-left:25px 
 }
 #botoncrear { padding:40px 60px ; background:#541168; color:#FFF; border-radius:15px ; font-weight:500; float:left; margin-left:100px ; width:600px; font-size:32px; margin-top:50px }
 
 .modal-content { width:950px;  padding-top:20px; padding-bottom:20px;  left:50%; top:10%;  transform: translate(-50%, 10%); background:#F7F7F7; padding-left:25px  }
 
 
 
 .modal-content .close { font-size:50px;  color:#F00; opacity:1 ; width:50px ; height:50px; text-shadow:none;}
 
 
 
 
 
 
 
  #socios { width:900px; height:120px ; margin:0 auto}
 #socios1 { width:100%; font-size:32px; font-weight:bold ; margin:40px auto; color:#FFF }
 #socios2 { width:300px; float:right ;}
 #socios2 img { height:100px; object-fit:cover}
 
 
 
 
 
 
 
 
 
 
	#foter {width:1000px ; margin-top:50px;  height:1100px ; background:linear-gradient(90deg, rgba(134,30,203,1) 0%, rgba(118,29,253,1) 50%, rgba(207,69,252,1) 100%) ; float:left}
	
	
	
	
	#foterx { width:1000px;height:600px ;  margin-left:auto; margin-right:auto }
	
	
	
	
	#foter1 { width:900px ; height:250px ; float:left; margin-top:50px; margin-left:50px}
	
	
	#foter1a { width:900px ; font-size:40px; font-weight:bold; float:left ; color:#FFF}
	#foter1b { width:900px ; font-size:32px; font-weight:500; float:left ; color:#FFF}
	#foter1c { width:900px ; font-size:32px; font-weight:500; float:left ; color:#FFF}
	
	#foter1d {width:900px ; height:80px; font-size:60px; font-weight:500; float:left ; color:#FFF; margin-top:40px}
	
	#foter1d a {font-size:60px; font-weight:bold; float:left ; color:#FFF ; margin-right:40px}	
	
	
	#foter1d a:hover {font-size:66px}
	
	#foter1d img { height:60px ; object-fit:cover}
	
	
	#foter2 { width:900px ; height:200px ; float:left ; margin-left:50px}
		#foter2a { width:800px ; height:200px ; float:left; margin-left:50px}
		
		#foter2a a{ width:350px ; height:100px ; text-decoration:none;  font-size:35px ; border-radius:20px; margin-top:100px; text-align:center ; float:left; margin-left:40px }
	
	
	
	
	
	
	
	
	
	
	
	
	#inputtipo2 { width:850px; height:70px; float:left; margin-top:30px; text-align:center; font-size:30px; font-weight:500}
	
		.checkboxestrabajo{ width:860px ; height:140px ;  margin-top:0px; float:left}
		
	

.checkboxestrabajo label {display: block; float: left;}
input[type="radio"] + span {
  display: block;
  border: 1px solid #FFF;
  border-left: 0;
  padding: 30px 70px; background-color:#FFF; font-size:30px ; margin-right:6px ; border-radius:10px 10px 0px 0px; border-top:solid 2px #333; cursor:pointer
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	



/* resultado anuncio */ 
	
	
	
	#resultadoanuncio { width:1000px ; float:left ; min-height:300px; max-height:999999999; }
	
	#resultadoanuncio1 { width:900px ; padding:60px 0px ; margin-left:auto; margin-right:auto}
	
	
	
	#resultadoanuncio1a { width:100% ; height:60px; font-size:37px ; font-weight:600 ; color:#002A8D; margin-bottom:80px; margin-top:60px; float:left ; letter-spacing:-1px}
	
	
	
	
	
	
	#resultadoanuncio2  { width:900px; height:700px; border-radius:20px; background:#FFF;  float:left; position:relative ;box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75); margin-bottom:60px}
	
	
	
	
	
	#resultadoanuncio3 { position:absolute; width:300px ; height:300px ; border-radius:300px; background:#FFF ; left:40px ; top:80px; object-fit:cover  } 
	
	
	
	#resultadoanuncio4  { width:490px; height:650px; position:absolute; left:370px ; top:60px;  }
	
	#resultadoanuncio4a  { width:490px; font-size:30px; font-weight:500; float:left}
	#resultadoanuncio4b  { width:490px; font-size:28px; font-weight:600; float:left; margin-top:10px}
	#resultadoanuncio4c  {width:490px; font-size:28px; font-weight:500; float:left; margin-top:20px}
	
	
	
	#resultadoanuncio4d { height:60px; font-size:29px; font-weight:500; float:left; margin-top:3px; padding:10px 8px; background:rgb(233, 0, 102); color:#FFF; text-align:center ; border-radius:8px; margin-bottom:15px; margin-top:20px}
	
	#resultadoanuncio4e { padding:20px 30px; text-align:center ; color:#FFF ; border-radius:10px; background:#002A8D; float:left; margin-top:30px; font-size:27px ; text-decoration:none}
	
	#resultadoanuncio4e:hover {box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75); background:#1f2937}

	
	
	#resultadoanuncio4f { width:100%; height:40px; font-weight:500; font-size:28px; color:#333 ; float:left; margin-top:20px   }

#resultadoanuncio4f p { min-width:28px;max-width:41px; overflow:hidden ; height:40px; float:left}

#fomulario2 { width:900px ; height:1000px ; margin-top:100px; margin-left:auto ; margin-right:auto; }








/*  cuerpo anuncio*/






#cuerpoanuncio1 { width:1000px; float:left; height:650px ; margin-top:20px }

#cuerpoanuncio1a { width:950px; height:680px ; margin-right:auto ; margin-left:auto ;  position:relative;  border-radius:10px; background:#fff}




#cuerpoanuncio1b { position:absolute; width:340px ; height:340px ; border-radius:340px; background:#FFF ; left:40px ; top:150px; object-fit:cover  } 

#cuerpoanuncio1c { position:absolute ; height: 400px; width:530px;    top:170px ; left:400px;  }


#cuerpoanuncio1c1 { float:left ; width:100%; font-size:42px;  line-height:40px; font-weight:600; color:#002A8D}


#cuerpoanuncio1c2 { float:left ; width:100%; font-size:30px;  line-height:30px; font-weight:500; color:#666;margin-top:20px}


#cuerpoanuncio1c3{ float:left ; width:100%; font-size:26px; line-height:27px;  font-weight:500; color:#666; margin-top:20px}




#cuerpoanuncio1c4 { float:left ; width:100%; font-size:26px;  font-weight:400; color:#666; }
#cuerpoanuncio1c5 { float:left ; width:350px; font-size:26px; height:20px; font-weight:400; color:#666; font-weight:500}
#cuerpoanuncio1c5 font { padding:4px 12px; background:#069; border-radius:5px; color:#FFF; font-size:24px; font-weight:500 }



#cuerpoanuncio1d  {position:absolute ; height: 80px ; top:20px ; right:0px; }
#cuerpoanuncio1d1 { width:80px; height:80px ; float:left ; margin-right:20px}

#cuerpoanuncio1d1 img {width:80px; height:80px ; object-fit:cover ; border-radius: 10px ; }

#cuerpoanuncio1e  { padding:10px 20px; background:rgb(233, 0, 102); color:#FFF; font-size:30px; border-radius:10px; position:absolute ; bottom:20px ; left:400px}




#cuerpoanuncio2 {width:1000px; float:left; min-height:1850px ; max-height:9999999px; margin-top:20px;}

#cuerpoanuncio2a { width:950px ;  margin-left:auto; margin-right:auto ; }



#cuerpoanuncio3 { width:950px ; min-height:800px; max-height:3000px ; float:left ; border-radius:10px;background: #fff ; padding:50px; margin-top:40px }


#cuerpoanuncio3a{ width:850px ; float:left; min-height:100px; max-height:1500px ;  font-size:35px; font-weight:400; margin-top:20px; margin-bottom:40px ; white-space: pre-wrap;      
 white-space: -moz-pre-wrap;  
 white-space: -pre-wrap;      
 white-space: -o-pre-wrap;    
 word-wrap: break-word;}


#cuerpoanuncio3b { width: 750px ; height:60px; font-size:36px ; color:#333; float:left; margin-right:0px; margin-top:20px;}

#cuerpoanuncio3c { width:700px ; height:80px ; line-height:80px; font-size:40px; font-weight:500 ; color:#002A8D ; text-decoration:underline}

#cuerpoanuncio4 { display:none}

#cuerpoanuncio5 { width:950px ; padding:40px 20px; min-height:0px ; max-height:2000px; float: left;  border-radius:10px; background: #fff; margin-top:40px; margin-bottom:40px}

#cuerpoanuncio4a { width:100%; height:40px; font-weight:600; font-size:36px; color:#333 ; float:left; margin-bottom:40px; text-indent:10px; margin-top:60px}

#cuerpoanuncio4b { width:100%; height:42px; font-weight:500; font-size:40px; color:#333 ; float:left; margin-bottom:40px; text-indent:5px; margin-top:60px; }

#cuerpoanuncio4b p { min-width:36px;max-width:63px; overflow:hidden ; height:42px; float:left}

#cuerpoanuncio4b font { color:#FC0; float:left}


#cuerpoanuncio4bx { width:100%; height:42px; font-weight:500; font-size:30px; color:#333 ; float:left; margin-bottom:0px; margin-top:0px; }

#cuerpoanuncio4bx p { min-width:36px;max-width:47px; overflow:hidden ; height:42px; float:left}

#cuerpoanuncio4bx font { color:#FC0; float:left}

#cuerpoanuncio4c { width:900px ;  min-height:600px ; max-height:1400px; float:left ;  border-radius:10px;  overflow-y:scroll;  margin-left:0px}


#cuerpoanuncio4c  table { width:800px ; margin-left:0px ; font-size:32px }






#cuerpoanuncio4c::-webkit-scrollbar {
  width: 6px;
}
 
#cuerpoanuncio4c::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
#cuerpoanuncio4c::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 4px solid slategrey;
}



#anunciofotos { width:900px ; min-height: 360px; max-height: 800px; float:left; }
#anunciofotos2 { width:100%; height:36px; font-weight:600; font-size:36px; color:#333 ; float:left; margin-bottom:40px; text-indent:10px}
#anunciofotos1 { width:280px ; height:280px ; float:left; margin-left:18px ; border-radius:20px; overflow:hidden; margin-top:6px}
#anunciofotos1 img { width:280px ; height:280px ; object-fit:cover ; object-postition: 50% 50%}






  /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 057 css*/
        .jssorb057 .i {position:absolute;cursor:pointer; width:14px;height:14px; }
        .jssorb057 .i .b {fill:none;stroke:#333;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
        .jssorb057 .i:hover .b {stroke-opacity:.7;}
        .jssorb057 .iav .b {stroke-opacity: 1;}
        .jssorb057 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 073 css*/
        .jssora073 {display:block;position:absolute;cursor:pointer;}
        .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
        .jssora073:hover {opacity:.8;}
        .jssora073.jssora073dn {opacity:.4;}
        .jssora073.jssora073ds {opacity:.3;pointer-events:none;}
		
		
		
		
		#jssor_1 {position:relative; width:800px;height:600px;}
		
		
		
		#jssor_1a {cursor:default;position:relative; width:800px;height:600px;overflow:hidden;}
#fotopropiedad { width:800px ;  object-fit:cover; border-radius:2px; object-postion: 50% 50%; margin-top:auto }
		
		.jssorb057 {position:absolute;bottom:12px;right:12px; bottom:0px}
		
		
		
		#slidercarusel { width:800px ; height:600px ; margin-left:50px; 
}


#contactoform { width:800px ;  height:1050px ;  background:#FFF; border-radius:40px ; margin-left:auto; margin-right:auto}


#contactoform1 { width:700px ; height:250px ;   font-size:36px ; font-weight:500 ; color:#333; margin-top:100px; float:left; margin-left:50px}
#contactoform2  { width:700px; height:120px ;  margin-left:50px; padding:30px 40px ; text-align:center;  color:#FFF ; background:#002A8D ; border-radius:10px; float:left; font-size:40px}

#contactoform3 { width:400px; height:400px ; object-fit:cover; float:left; margin-left:200px; margin-top:120px}

#contactoform4 { width: 700px; margin-left:50px; height:60px ; font-size:30px;   font-weight:600 ; color:#333; float:left; margin-top:100px; margin-bottom:30px; }
#contactoform6 { width: 700px; margin-left:50px; height:60px ; font-size:30px;   font-weight:600 ; color:#333; float:left; margin-top:30px; margin-bottom:30px}

#contactoform5 { resize:none ; font-size:35px; font-weight:500; width:700px; margin-left:50px; height:450px ; border-radius:10px ; float:left; padding:20px ; background:#F9F9F9; margin-bottom:30px}


#contactoform7  { width:700px; height:120px ;  margin-left:50px; padding:25px 40px ; text-align:center;  color:#FFF ; background:#002A8D ; border-radius:10px; float:left; font-size:30px}

 #whatsapp {
   -webkit-animation: tiembla 1s infinite;width:170px ; height:170px;position:fixed ; right:10px; bottom:50px;     
}

#whatsapp  img { width:170px ; height:170px; object-fit:cover}



@-webkit-keyframes tiembla{
  0%  { -webkit-transform:rotateZ(-2deg); }
  50% { -webkit-transform:rotateZ( 0deg) scale(.9); }
  100%{ -webkit-transform:rotateZ( 2deg); }
}

.star-widget { width:500px ; height:100px ; float:left; margin-left:40px}

#cajacalificar { position:fixed; bottom:300px; right:10px ;  width:150px; height:150px ; background:#002A8D ; color:#FFF ;  text-align:center; font-size:60px ;   font-weight:600 ; border-radius:150px; padding:45px ; text-decoration:none }



.star-widget label{
  font-size:70px;
  color: #444;
  padding: 10px;
  float: right;
  transition: all 0.2s ease;
}
input:not(:checked) ~ label:hover,
input:not(:checked) ~ label:hover ~ label{
  color: #fd4;
}
input:checked ~ label{
  color: #fd4;
}
input#rate-5:checked ~ label{
  color: #fe7;
  text-shadow: 0 0 20px #952;
}
#rate-1:checked ~ form header:before{
  content: "I just hate it ";
}
#rate-2:checked ~ form header:before{
  content: "I don't like it ";
}
#rate-3:checked ~ form header:before{
  content: "It is awesome ";
}
#rate-4:checked ~ form header:before{
  content: "I just like it ";
}
#rate-5:checked ~ form header:before{
  content: "I just love it ";
}
.container form{
  display: none;
}
input:checked ~ form{
  display: block;
}




	#calificacionuser1 {width:90%; height:40px; font-weight:600; font-size:30px; color:#333 ; float:left; margin-bottom:0px; text-indent:5px; margin-top:60px; margin-left:5%; }
	#calificacionuser { width:90%; height:40px; font-weight:500; font-size:25px; color:#333 ; float:left; margin-bottom:40px; text-indent:5px; margin-top:6px; margin-left:5%;  }
	
	#calificacionuser2 { width:90%; height:380px; font-weight:500; font-size:16px; color:#333 ; float:left; margin-bottom:20px; text-indent:5px; margin-top:3px; margin-left:5%; overflow-y:scroll }
	
	
	#calificacionuser2::-webkit-scrollbar {
  width: 2px;
}
 
#calificacionuser2::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
 
#calificacionuser2::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
	
	
	
	
	
	
	
	
	#calificacionuser3 {width:95%; height:120px; font-weight:400; font-size:28px; color:#333 ; float:left;  margin-top:14px; margin-left:2%; background: #F1F1F1; line-height:34px ; padding:6px ; border-radius:8px }
	
	#calificacionuser3 font { padding:4px 8px ; border-radius:6px}

#calificacionuser p { min-width:34px;max-width:56px; overflow:hidden ; height:40px; float:left}

#calificacionuser font { color:#FC0; float:left}

#whatsapp { width:180px ; height:180px ; border-radius:180px; position:fixed ; left:20px ; bottom:60px ;-webkit-filter: drop-shadow(0px 0px 5px #333);
	filter: drop-shadow(0px 0px 5px #333); 	  -webkit-animation: vibrar 4s infinite; z-index:100}
	
	
	 
		


@-webkit-keyframes vibrar {
 25%,75%{
    transform: scale(0.8)
  }
  50%{
    transform: scale(1.1)
  }
}
	
	


	
	
	
#whatsapp img {width:180px ; height:180px ;}
	
	


}